/* Board-sized start UI + viewport fit for Chuntris */
html,.chuntris-page{overflow-anchor:none}
.chuntris-page .chuntris-hero{padding:4px 0;border-bottom:1px solid rgba(255,255,255,.08);background:#090909}
.chuntris-page .chuntris-hero:before{display:none}
.chuntris-page .chuntris-hero .page-shell{min-height:34px;max-width:1480px;display:flex;align-items:center;justify-content:flex-end}
.chuntris-page .chuntris-hero .kicker,.chuntris-page .chuntris-hero h1,.chuntris-page .chuntris-hero p:not(.kicker){display:none}
.chuntris-page .chuntris-hero .minigame-back-link{position:static;min-height:32px;margin:0;padding:0 12px;border-color:rgba(255,107,24,.28);background:#101010;color:#d8d0c9;font-size:.72rem}
.chuntris-page .content-section{padding:4px 0 28px}
.chuntris-page .content-section>.page-shell{width:min(98%,1480px)}
.chuntris-game{overflow-anchor:none;--chuntris-stage-height:min(680px,72svh)!important;--chuntris-board-width:min(340px,36svh,calc(100vw - 28px));--chuntris-toolbar-height:56px;--chuntris-board-gap:6px;padding:8px;border-color:rgba(255,107,24,.2);border-radius:20px;background:radial-gradient(circle at 12% 0%,rgba(255,107,24,.09),transparent 30%),linear-gradient(180deg,#0b0b0b,#080808);box-shadow:0 22px 60px rgba(0,0,0,.28)}
.chuntris-play-top{height:var(--chuntris-toolbar-height);min-height:var(--chuntris-toolbar-height);margin-bottom:var(--chuntris-board-gap);padding:6px 9px;border-color:rgba(255,107,24,.18);border-radius:12px;background:linear-gradient(180deg,#111,#0b0b0b)}
.chuntris-play-top .chuntris-status{color:#c7beb7}
.chuntris-layout.chuntris-layout-immersive{gap:10px;height:var(--chuntris-stage-height)}
.chuntris-layout-immersive .chuntris-board-wrap{width:var(--chuntris-board-width)!important;max-width:var(--chuntris-board-width)!important;height:auto!important;aspect-ratio:1/2;border:2px solid rgba(255,107,24,.58);border-radius:14px;background:#070707;box-shadow:0 0 0 1px rgba(255,139,67,.08),0 20px 48px rgba(0,0,0,.38)}
#chuntris-board{width:100%;height:100%;aspect-ratio:1/2}

.chuntris-start-view{min-height:0;padding:calc(var(--chuntris-toolbar-height) + var(--chuntris-board-gap)) 0 0;place-items:start center}
.chuntris-start-card{position:relative;display:flex;flex-direction:column;width:var(--chuntris-board-width);max-width:var(--chuntris-board-width);height:auto;aspect-ratio:1/2;overflow:hidden;padding:17px 15px;border:2px solid rgba(255,107,24,.58);border-radius:16px;background:radial-gradient(circle at 50% -5%,rgba(255,107,24,.16),transparent 30%),linear-gradient(180deg,#11100f,#080808 72%);box-shadow:0 0 0 1px rgba(255,150,80,.07),0 24px 60px rgba(0,0,0,.4);text-align:left}
.chuntris-start-card>.eyebrow{color:#ff8c3a;font-size:.62rem;letter-spacing:.17em}
.chuntris-start-card h2{margin:.32em 0 .15em;font-size:clamp(1.45rem,4svh,2rem);line-height:1.02;letter-spacing:-.04em;color:#fff7f0}
.chuntris-start-card>p{margin:0;color:#9d9188;font-size:.72rem;line-height:1.45}
.chuntris-mode-cards{display:grid;grid-template-columns:1fr;gap:6px;margin:9px 0 7px}
.chuntris-mode-cards button{min-height:64px;padding:8px 10px;border-radius:12px;border:1px solid rgba(255,255,255,.11);background:linear-gradient(180deg,#151515,#0d0d0d);box-shadow:none}
.chuntris-mode-cards button:hover{transform:none;border-color:rgba(255,134,58,.45)}
.chuntris-mode-cards button.is-active{border-color:#ff741f;background:linear-gradient(140deg,rgba(255,107,24,.2),#111 65%);box-shadow:inset 3px 0 0 #ff6b18}
.chuntris-mode-index{margin-bottom:4px!important;color:#ff8a36!important;font-size:.56rem!important;letter-spacing:.12em!important}
.chuntris-mode-cards button strong{font-size:.92rem}
.chuntris-mode-cards button span:not(.chuntris-mode-index){font-size:.66rem;line-height:1.35;color:#958b84}
.chuntris-player-step{display:block;margin-top:auto}
.chuntris-player-step[hidden]{display:none}
.chuntris-game[data-ui-state="start-difficulty"] .chuntris-player-step{display:block!important}
.chuntris-player-step .btn{width:100%;min-height:42px;border:1px solid #ff913f;border-radius:11px;background:linear-gradient(135deg,#ff6416,#ff9f31);color:#160b05;font-size:.82rem;font-weight:1000;box-shadow:0 8px 24px rgba(255,107,24,.18)}
.chuntris-start-utils{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:7px}
.chuntris-start-utils button{min-height:38px;padding:5px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:#111;color:#cfc6bf;font-size:.58rem;line-height:1.2}
.chuntris-start-utils button:hover{border-color:rgba(255,107,24,.4);background:#17110e}
.chuntris-countdown{position:absolute;inset:0;z-index:8;display:grid;place-content:center;justify-items:center;gap:7px;background:radial-gradient(circle at 50% 42%,rgba(255,107,24,.22),transparent 32%),rgba(7,7,7,.97);text-align:center}
.chuntris-countdown[hidden]{display:none}
.chuntris-countdown-label{color:#ff8a36;font-size:.66rem;font-weight:1000;letter-spacing:.2em}
.chuntris-countdown strong{font-size:clamp(4rem,18svh,7rem);line-height:.9;color:#fff7ef;text-shadow:0 0 34px rgba(255,107,24,.48)}
.chuntris-countdown small{color:#8f8279;font-size:.68rem}
.chuntris-countdown.is-start strong{font-size:clamp(2rem,8svh,3.4rem);color:#ff7b27;letter-spacing:.05em}
.chuntris-game[data-ui-state="countdown"] .chuntris-start-card>:not(.chuntris-countdown){opacity:0;pointer-events:none}
.chuntris-layout-immersive .chuntris-panel,.chuntris-layout-immersive .chuntris-stats,.chuntris-layout-immersive .chuntris-reaction-card,.chuntris-play-top{background:linear-gradient(180deg,#121212,#0b0b0b);border-color:rgba(255,255,255,.1)}
.chuntris-layout-immersive .chuntris-panel h2{color:#ff8a36}

@media(max-width:1180px) and (min-width:901px){
  .chuntris-layout.chuntris-layout-immersive{grid-template-columns:minmax(135px,170px) minmax(230px,calc(var(--chuntris-stage-height)/2)) minmax(150px,195px)}
}
@media(max-width:900px){
  .chuntris-page .chuntris-hero .page-shell{min-height:30px}
  .chuntris-page .chuntris-hero .minigame-back-link{min-height:29px;font-size:.66rem}
  .chuntris-page .content-section{padding-top:3px}
  .chuntris-layout.chuntris-layout-immersive{width:100%;max-width:100%;grid-template-columns:minmax(0,100%);height:auto;justify-items:center}
  .chuntris-layout-immersive .chuntris-board-wrap{width:var(--chuntris-board-width)!important;max-width:var(--chuntris-board-width)!important;min-width:var(--chuntris-board-width)!important;justify-self:center}
  .chuntris-play-top{width:min(100%,560px);margin-inline:auto}
}
@media(max-width:620px){
  .chuntris-game{--chuntris-toolbar-height:42px;--chuntris-board-gap:6px;padding:6px;border-radius:15px}
  .chuntris-start-card{padding:14px 12px;border-radius:14px}
  .chuntris-start-card h2{font-size:1.35rem}
  .chuntris-mode-cards{margin:9px 0 6px}
  .chuntris-mode-cards button{min-height:68px;padding:8px 9px}
  .chuntris-mode-cards button strong{font-size:.84rem}
  .chuntris-start-utils button{font-size:.54rem;min-height:36px}
  .chuntris-play-top{min-height:40px;padding:4px 6px}
  .chuntris-play-top .chuntris-status{font-size:.68rem}
  .chuntris-utility-cluster button{width:34px;height:34px}
}
@media(max-height:680px) and (min-width:901px){
  .chuntris-start-card{padding:12px}
  .chuntris-start-card>p{display:none}
  .chuntris-mode-cards{margin:8px 0 5px}
  .chuntris-mode-cards button{min-height:62px}
  .chuntris-start-utils button{min-height:33px}
}
@media(prefers-reduced-motion:reduce){.chuntris-countdown strong{transition:none}}

.chuntris-return-link{display:flex;align-items:center;justify-content:center;text-decoration:none}
.chuntris-pause-actions .chuntris-return-link{grid-column:1/-1;width:100%;min-height:46px}
.chuntris-terminal-actions .chuntris-return-link{flex-basis:100%;width:100%}



.chuntris-mode-step[hidden],.chuntris-difficulty-step[hidden]{display:none!important}
.chuntris-mode-step{display:block}
.chuntris-difficulty-step{display:flex;flex-direction:column;min-height:0;flex:1}
.chuntris-step-back{align-self:flex-start;margin:2px 0 6px;padding:0;border:0;background:transparent;color:#9f948c;font:inherit;font-size:.62rem;cursor:pointer}
.chuntris-step-back:hover{color:#ff9a58}
.chuntris-difficulty-cards{display:grid;grid-template-columns:1fr;gap:6px;margin:4px 0 7px}
.chuntris-difficulty-cards button{min-height:68px;padding:8px 10px;border:1px solid rgba(255,255,255,.11);border-radius:12px;background:linear-gradient(180deg,#151515,#0d0d0d);color:#eee;text-align:left;cursor:pointer}
.chuntris-difficulty-cards button:hover{border-color:rgba(255,134,58,.45)}
.chuntris-difficulty-cards button.is-active{border-color:#ff741f;background:linear-gradient(140deg,rgba(255,107,24,.2),#111 65%);box-shadow:inset 3px 0 0 #ff6b18}
.chuntris-difficulty-cards button[data-chuntris-difficulty="hard"].is-active{border-color:#ff5b4d;background:linear-gradient(140deg,rgba(255,70,55,.18),#111 65%);box-shadow:inset 3px 0 0 #ff5448}
.chuntris-difficulty-cards button[data-chuntris-difficulty="extreme"]{border-color:rgba(196,83,255,.18)}
.chuntris-difficulty-cards button[data-chuntris-difficulty="extreme"].is-active{border-color:#c453ff;background:linear-gradient(140deg,rgba(178,63,255,.2),#111 65%);box-shadow:inset 3px 0 0 #c453ff}
.chuntris-difficulty-cards button>span{display:block;margin-bottom:3px;color:#ff8a36;font-size:.55rem;font-weight:900;letter-spacing:.11em}
.chuntris-difficulty-cards button[data-chuntris-difficulty="hard"]>span{color:#ff7568}
.chuntris-difficulty-cards button[data-chuntris-difficulty="extreme"]>span{color:#d78aff}
.chuntris-difficulty-cards button strong{display:block;font-size:.9rem}
.chuntris-difficulty-cards button small{display:block;margin-top:3px;color:#91877f;font-size:.61rem;line-height:1.35}
.chuntris-game[data-ui-state="start-difficulty"] #chuntris-start-eyebrow{color:#ff9a58}
.chuntris-ranking-difficulty-tabs{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}
.chuntris-ranking-difficulty-tabs button{min-height:30px;padding:0 10px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#111;color:#bdb5af;font:inherit;font-size:.66rem;cursor:pointer}
.chuntris-ranking-difficulty-tabs button.is-active{border-color:#ff7b2e;background:#ff6b1818;color:#ff9f68}
.chuntris-ranking-difficulty-tabs button[data-chuntris-ranking-difficulty="extreme"].is-active{border-color:#c453ff;background:#c453ff1a;color:#e2a8ff}
@media(max-width:620px){
  .chuntris-difficulty-cards{gap:5px}
  .chuntris-difficulty-cards button{min-height:61px;padding:7px 9px}
  .chuntris-difficulty-cards button strong{font-size:.82rem}
  .chuntris-difficulty-cards button small{font-size:.56rem}
}
@media(max-height:680px) and (min-width:901px){
  .chuntris-difficulty-cards button{min-height:58px;padding:6px 9px}
  .chuntris-difficulty-cards button small{font-size:.56rem}
}

.chuntris-gimmick-alert{position:absolute;z-index:14;left:50%;top:9%;transform:translate(-50%,-20px) scale(.92);max-width:86%;padding:8px 12px;border:1px solid transparent;border-radius:999px;background:#111d;color:#fff;font-size:.68rem;font-weight:1000;letter-spacing:.04em;text-align:center;opacity:0;pointer-events:none;transition:opacity .16s ease,transform .16s ease;backdrop-filter:blur(8px)}
.chuntris-gimmick-alert.is-visible{opacity:1;transform:translate(-50%,0) scale(1)}
.chuntris-gimmick-alert.is-blink{border-color:#ffd74799;color:#ffe981;box-shadow:0 0 22px #ffd74733}
.chuntris-gimmick-alert.is-phantom{border-color:#9b7cff99;color:#c9b9ff;box-shadow:0 0 22px #9b7cff33}
.chuntris-gimmick-alert.is-garbage{border-color:#ff4f5f99;color:#ff9ba4;box-shadow:0 0 22px #ff4f5f44}
.chuntris-board-wrap.is-extreme{box-shadow:inset 0 0 0 1px rgba(196,83,255,.24),0 0 28px rgba(142,39,213,.12)}
.chuntris-board-wrap.is-gimmick-blink{animation:chuntrisExtremePulse .22s steps(2,end) infinite}
.chuntris-board-wrap.is-gimmick-phantom:after{content:"PHANTOM";position:absolute;z-index:13;right:8px;top:8px;padding:4px 7px;border:1px solid #9b7cff77;border-radius:999px;background:#130f20cc;color:#c6b7ff;font-size:.5rem;font-weight:1000;letter-spacing:.12em;pointer-events:none}
@keyframes chuntrisExtremePulse{0%,100%{filter:brightness(1)}50%{filter:brightness(.72) contrast(1.18)}}


/* Unified difficulty / pause / terminal flow: 2026-09-19 */
.chuntris-player-step{
  display:grid;
  gap:8px;
  margin-top:auto
}
.chuntris-difficulty-back{
  width:100%;
  min-height:40px;
  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:11px!important;
  background:#111!important;
  color:#bdb3ac!important;
  font-size:.68rem!important;
  font-weight:850!important;
  box-shadow:none!important
}
.chuntris-difficulty-back:hover{
  border-color:rgba(255,122,40,.48)!important;
  background:#18110d!important;
  color:#ffad78!important
}
.chuntris-state-panel .chuntris-state-copy{
  margin:2px 0 16px;
  color:#aaa09a;
  font-size:.9rem;
  line-height:1.55
}
.chuntris-state-actions{
  display:grid!important;
  grid-template-columns:1fr 1fr;
  gap:10px!important;
  width:100%
}
.chuntris-state-actions>button,
.chuntris-state-actions>a{
  min-height:48px!important;
  border-radius:12px!important;
  font-size:.78rem!important;
  font-weight:900!important
}
.chuntris-state-actions .chuntris-state-primary,
.chuntris-state-actions .chuntris-state-difficulty,
.chuntris-state-actions .chuntris-return-link,
.chuntris-terminal-actions #chuntris-ranking-register{
  grid-column:1/-1;
  width:100%
}
.chuntris-state-actions .chuntris-state-primary{
  border-color:#ff9a4d!important;
  background:linear-gradient(135deg,#ff6416,#ff9f31)!important;
  color:#160b05!important;
  box-shadow:0 8px 24px rgba(255,107,24,.2)!important
}
.chuntris-state-actions .chuntris-state-difficulty{
  border-color:rgba(255,126,49,.38)!important;
  background:linear-gradient(180deg,#18120f,#111)!important;
  color:#ffb07a!important
}
.chuntris-state-actions .chuntris-return-link{
  border-color:rgba(255,255,255,.13)!important;
  background:#101010!important;
  color:#d4ccc6!important
}
.chuntris-board-overlay{
  gap:9px;
  padding:22px 14px;
  background:
    radial-gradient(circle at 50% 32%,rgba(255,107,24,.12),transparent 38%),
    rgba(10,10,10,.94)!important;
  backdrop-filter:blur(8px);
  box-shadow:inset 0 0 0 1px rgba(255,126,47,.16)
}
.chuntris-state-eyebrow{
  color:#ff8a36!important;
  font-size:.58rem!important;
  font-weight:1000!important;
  letter-spacing:.18em!important
}
.chuntris-board-overlay>strong{
  color:#ff8130!important;
  font-size:clamp(1.65rem,5.2vw,2.25rem)!important;
  letter-spacing:.02em!important
}
.chuntris-board-overlay>span:not(.chuntris-state-eyebrow){
  max-width:92%;
  color:#c6bdb7!important;
  font-size:.82rem!important;
  line-height:1.5!important
}
.chuntris-terminal-actions.chuntris-state-actions{
  width:min(92%,300px);
  margin-top:8px
}
.chuntris-terminal-actions.chuntris-state-actions #chuntris-ranking-register{
  order:3
}
.chuntris-terminal-actions.chuntris-state-actions .chuntris-return-link{
  order:4
}
.chuntris-modal-card{
  border-color:rgba(255,126,47,.2)!important;
  background:
    radial-gradient(circle at 18% 0,rgba(255,107,24,.08),transparent 28%),
    #111!important
}
.chuntris-modal-card>header{
  border-bottom-color:rgba(255,255,255,.08)!important
}
@media(max-width:560px){
  .chuntris-state-actions{grid-template-columns:1fr}
  .chuntris-state-actions>*{grid-column:1!important}
}
