body.viola-entry-page{
  --entry-line:rgba(239,187,58,.86);
  --entry-line-soft:rgba(248,203,91,.28);
  --entry-line-strong:#ffd56f;
  --entry-surface:
    radial-gradient(circle at 50% 10%,rgba(220,156,28,.24),transparent 52%),
    linear-gradient(180deg,rgba(48,33,10,.98),rgba(17,12,5,.98));
  --entry-text:#f5f1e8;
  --entry-muted:rgba(245,240,224,.66);
  min-height:100dvh;
  overflow-x:hidden;
  background:#080706;
}
body.viola-entry-page .bg{
  background-color:#080706!important;
  background-image:url("assets/themes/gold/role-selection-background.webp?v=9.8.50")!important;
  background-position:center!important;
  background-size:100% 100%!important;
  background-repeat:no-repeat!important;
}
body.viola-entry-page .frame{display:none!important}
.home{
  position:relative;
  z-index:2;
  width:min(860px,calc(100% - 36px));
  min-height:100dvh;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  margin:auto;
  padding:88px 20px 64px;
}
.entry-brand{display:grid;justify-items:center;color:#e9bd63;text-align:center}
.entry-brand strong{padding-left:.16em;font-family:Georgia,"Times New Roman",serif;font-size:clamp(52px,7vw,78px);font-weight:600;line-height:.9;letter-spacing:.18em;text-shadow:0 0 24px rgba(233,189,99,.16)}
.entry-brand span{margin-top:9px;padding-left:.3em;color:#d8a944;font-size:10px;font-weight:900;letter-spacing:.32em}
.entry-brand i{position:relative;width:230px;height:1px;margin-top:18px;background:linear-gradient(90deg,transparent,#f4cf78,transparent)}
.entry-brand i::after{content:"";position:absolute;left:50%;top:50%;width:9px;height:9px;transform:translate(-50%,-50%) rotate(45deg);border:1px solid #f4cf78;background:#100b06}
.home h1{margin:30px 0 0;color:var(--entry-text);font-size:clamp(29px,4vw,42px);font-weight:650;line-height:1.05;text-align:center}
.links{width:min(720px,100%);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:28px}
.links a{
  position:relative;
  isolation:isolate;
  min-height:272px;
  display:grid;
  grid-template-rows:minmax(146px,1fr) auto;
  place-items:center;
  align-content:center;
  gap:10px;
  overflow:hidden;
  padding:20px 20px 26px;
  border:1px solid var(--entry-line);
  border-radius:22px;
  background:var(--entry-surface);
  color:var(--entry-text);
  text-align:center;
  text-decoration:none;
  box-shadow:
    0 24px 56px rgba(0,0,0,.45),
    inset 0 1px 0 rgba(255,226,143,.16),
    inset 0 0 42px rgba(211,143,20,.12);
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease;
}
.links a::before{
  content:"";
  position:absolute;
  inset:10px;
  z-index:-1;
  border:1px solid var(--entry-line-soft);
  border-radius:17px;
  pointer-events:none;
  box-shadow:inset 0 0 26px rgba(226,160,26,.08);
}
.links a::after{content:"";position:absolute;left:50%;bottom:-6px;width:11px;height:11px;transform:translateX(-50%) rotate(45deg);border:1px solid var(--entry-line-strong);background:#261704}
.links a:focus-visible{
  transform:translateY(-2px);
  border-color:var(--entry-line-strong);
  background:
    radial-gradient(circle at 50% 8%,rgba(239,176,44,.31),transparent 54%),
    linear-gradient(180deg,rgba(56,38,10,.99),rgba(19,13,5,.99));
  box-shadow:0 28px 64px rgba(0,0,0,.5),inset 0 0 48px rgba(229,158,27,.16);
  outline:2px solid var(--entry-line-strong);
  outline-offset:3px;
}
@media(hover:hover) and (pointer:fine){
  .links a:hover{
    transform:translateY(-4px);
    border-color:var(--entry-line-strong);
    background:
      radial-gradient(circle at 50% 8%,rgba(239,176,44,.31),transparent 54%),
      linear-gradient(180deg,rgba(56,38,10,.99),rgba(19,13,5,.99));
    box-shadow:0 28px 64px rgba(0,0,0,.5),inset 0 0 48px rgba(229,158,27,.16);
  }
  .links a:hover .entry-venue-card__visual{transform:translateY(-3px) scale(1.015)}
}
.links a:active{
  transform:translateY(1px) scale(.985);
  border-color:var(--entry-line-strong);
  box-shadow:0 15px 34px rgba(0,0,0,.42),inset 0 0 32px rgba(229,158,27,.12);
  transition-duration:.08s;
}
.links a:active .entry-venue-card__visual{transform:scale(.97);transition-duration:.08s}
.entry-venue-card__visual{position:relative;width:148px;height:148px;display:grid;place-items:center;transition:transform .2s ease}
.entry-venue-card__visual img{
  display:block;
  width:144px;
  height:144px;
  object-fit:contain;
  filter:brightness(1.08) saturate(1.15) drop-shadow(0 12px 18px rgba(0,0,0,.38)) drop-shadow(0 0 9px rgba(235,176,48,.16));
}
.entry-venue-card__plus{
  position:absolute;
  right:7px;
  bottom:22px;
  width:28px;
  height:28px;
  color:#ffe2a0;
  font-size:0;
  font-style:normal;
  filter:drop-shadow(0 4px 7px rgba(0,0,0,.55));
}
.entry-venue-card__plus::before,.entry-venue-card__plus::after{content:"";position:absolute;left:50%;top:50%;width:18px;height:2px;border-radius:2px;background:currentColor;transform:translate(-50%,-50%)}
.entry-venue-card__plus::after{transform:translate(-50%,-50%) rotate(90deg)}
.links a>span:last-child{
  position:relative;
  color:#ffd66f;
  font-size:20px;
  font-weight:700;
  text-shadow:0 0 18px rgba(239,179,55,.16);
}
.links a>span:last-child::before{
  content:"";
  position:absolute;
  left:50%;
  top:-12px;
  width:88px;
  height:1px;
  transform:translateX(-50%);
  background:linear-gradient(90deg,transparent,var(--entry-line),transparent);
}
.entry-lang{position:fixed;top:clamp(42px,5.5vh,58px);right:clamp(52px,4.8vw,92px);z-index:6;display:flex;gap:3px;padding:4px;border:1px solid rgba(231,185,87,.42);border-radius:999px;background:#0b0905;box-shadow:0 10px 28px rgba(0,0,0,.25)}
.entry-lang button{min-width:46px;height:33px;padding:0;border:0;border-radius:999px;background:transparent;color:rgba(248,244,233,.67);font-size:12px;font-weight:900}
.entry-lang button.is-active{border:1px solid #d4a645;background:linear-gradient(180deg,#50340f,#241605);color:#ffe2a0;box-shadow:inset 0 0 0 3px rgba(233,187,58,.09)}

.entry-lang button{transition:transform .12s ease,background .16s ease,color .16s ease}
.entry-lang button:not(:disabled):active{transform:scale(.94);transition-duration:.07s}
@keyframes viola-entry-reveal{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.entry-brand{animation:viola-entry-reveal .34s cubic-bezier(.2,.7,.25,1) backwards}
.home h1{animation:viola-entry-reveal .34s .05s cubic-bezier(.2,.7,.25,1) backwards}
.links a:first-child{animation:viola-entry-reveal .36s .1s cubic-bezier(.2,.7,.25,1) backwards}
.links a:nth-child(2){animation:viola-entry-reveal .36s .15s cubic-bezier(.2,.7,.25,1) backwards}
.entry-lang{animation:viola-entry-reveal .28s .08s ease-out backwards}
@media(prefers-reduced-motion:reduce){
  .entry-brand,.home h1,.links a,.entry-lang{animation:none!important}
  .links a,.entry-venue-card__visual,.entry-lang button{transition:none!important}
}
@media(max-width:900px) and (orientation:portrait){
  body.viola-entry-page .bg{background-image:url("assets/themes/gold/role-selection-background-mobile.webp?v=9.8.50")!important}
  .entry-lang{top:max(24px,env(safe-area-inset-top));right:max(24px,env(safe-area-inset-right))}
}
@media(max-width:640px){
  .home{width:100%;padding:74px 14px max(24px,env(safe-area-inset-bottom));justify-content:flex-start}
  .entry-brand strong{font-size:45px}
  .entry-brand span{font-size:8px}
  .entry-brand i{width:170px;margin-top:14px}
  .home h1{margin-top:25px;font-size:30px}
  .links{grid-template-columns:1fr;gap:12px;margin-top:22px}
  .links a{min-height:205px;grid-template-rows:112px auto;align-content:center;gap:9px;padding:15px 18px 22px;text-align:center}
  .entry-venue-card__visual{width:116px;height:112px}
  .entry-venue-card__visual img{width:112px;height:112px}
  .entry-venue-card__plus{right:0;bottom:10px;width:32px;height:32px;font-size:23px}
  .links a>span:last-child{font-size:19px}
  .entry-lang{top:max(20px,env(safe-area-inset-top));right:max(20px,env(safe-area-inset-right))}
}
@media(max-width:340px){
  .home{padding-inline:10px}
  .entry-brand strong{font-size:39px}
  .home h1{font-size:27px}
  .links a{min-height:184px;grid-template-rows:96px auto;padding:13px}
  .entry-venue-card__visual{width:100px;height:96px}
  .entry-venue-card__visual img{width:96px;height:96px}
  .entry-venue-card__plus{width:29px;height:29px;font-size:21px}
  .links a>span:last-child{font-size:17px}
  .entry-lang button{min-width:38px;height:31px}
  .entry-lang{right:max(14px,env(safe-area-inset-right))}
}