.chuntris-page{min-height:100dvh;overflow-x:hidden}.chuntris-page .content-section>.page-shell{width:min(96%,1480px);max-width:1480px}.chuntris-hero{padding-bottom:24px}.chuntris-hero .page-shell{max-width:1180px}.chuntris-hero h1{font-size:clamp(3rem,7vw,6.5rem);line-height:.92;margin:.12em 0 .18em}.chuntris-hero p:not(.kicker){max-width:760px;color:var(--muted,#a9a9a9);line-height:1.8}.chuntris-game{--ct-orange:#ff681d;--ct-orange-2:#ff9e2f;--ct-brown:#4b2015;--ct-panel:#121212;--chuntris-stage-height:clamp(360px,calc(100dvh - 290px),580px);width:100%;max-width:100%;min-width:0;border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:16px;background:linear-gradient(145deg,rgba(255,104,29,.07),rgba(255,255,255,.015) 35%,rgba(0,0,0,.32));box-shadow:0 25px 70px rgba(0,0,0,.24);touch-action:pan-y pinch-zoom;user-select:none;-webkit-user-select:none}.chuntris-toolbar{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;min-width:0;margin-bottom:8px}.chuntris-modes,.chuntris-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0;max-width:100%}.chuntris-actions>*{min-width:0;max-width:100%}.chuntris-modes button,.chuntris-sound{min-height:42px;border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:0 15px;color:#eee;background:#171717;font:inherit;cursor:pointer}.chuntris-modes button.is-active,.chuntris-ranking-tabs button.is-active{color:#101010;background:linear-gradient(135deg,var(--ct-orange-2),var(--ct-orange));border-color:transparent;font-weight:800}.chuntris-nickname-label{min-height:42px;display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#111;color:#aaa;font-size:.78rem}.chuntris-nickname-label input{width:120px;min-width:0;border:0;outline:0;background:transparent;color:#fff;font:inherit}.chuntris-nickname-label input::placeholder{color:#666}.chuntris-volume-label{min-height:42px;display:flex;align-items:center;gap:8px;min-width:0;padding:0 12px;border:1px solid rgba(255,255,255,.12);border-radius:999px;color:#c9c9c9;font-size:.84rem}.chuntris-volume-label input{width:82px;min-width:56px;max-width:100%;accent-color:var(--ct-orange)}.chuntris-status{margin:2px 0 8px;text-align:center;color:#cfcfcf;min-height:1.45em}.chuntris-layout{display:grid;grid-template-columns:minmax(180px,1fr) minmax(145px,165px) minmax(180px,calc(var(--chuntris-stage-height)/2)) minmax(175px,195px) minmax(180px,1fr);grid-template-areas:"ranking left board right help";justify-content:center;align-items:stretch;gap:12px;width:100%;max-width:100%;height:var(--chuntris-stage-height);min-height:0}.chuntris-layout>*{min-width:0}.chuntris-side{display:grid;gap:10px;min-width:0;max-width:100%;height:100%;min-height:0;overflow:hidden}.chuntris-ranking-rail,.chuntris-help-rail,.chuntris-panel,.chuntris-stats,.chuntris-reaction-card{min-width:0;max-width:100%;min-height:0;margin:0;border:1px solid rgba(255,255,255,.11);border-radius:16px;background:rgba(10,10,10,.72);padding:11px}.chuntris-ranking-rail{grid-area:ranking;display:flex;flex-direction:column;min-height:0;overflow:hidden}.chuntris-left-panel{grid-area:left;grid-template-rows:auto minmax(0,1fr)}.chuntris-board-wrap{grid-area:board}.chuntris-right-panel{grid-area:right;grid-template-rows:minmax(0,1fr) auto}.chuntris-help-rail{grid-area:help;align-self:stretch}.chuntris-panel h2,.chuntris-help-rail h2,.chuntris-ranking-head h2{margin:0 0 8px;color:#ff8c39;font-size:.76rem;letter-spacing:.18em}.chuntris-panel canvas{display:block;width:100%;max-width:100%;height:auto}.chuntris-hold-panel{display:flex;flex-direction:column;justify-content:flex-start}.chuntris-next-panel{display:flex;flex-direction:column;justify-content:flex-start;overflow:hidden}#chuntris-hold{width:min(100%,130px);max-height:105px;margin:0 auto}#chuntris-next{width:min(100%,180px);margin:auto}.chuntris-board-wrap{position:relative;width:min(100%,calc(var(--chuntris-stage-height)/2));max-width:100%;min-width:0;margin:0 auto;border:3px solid #391a13;border-radius:12px;overflow:hidden;background:#080808;box-shadow:0 0 0 1px rgba(255,111,32,.28),0 18px 50px rgba(0,0,0,.45);align-self:start}#chuntris-board{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:1/2;background:#090909}.chuntris-board-overlay{position:absolute;inset:0;display:grid;place-content:center;gap:7px;padding:10px;text-align:center;background:rgba(4,4,4,.72);backdrop-filter:blur(2px);z-index:5}.chuntris-board-overlay[hidden]{display:none}.chuntris-board-overlay strong{font-size:clamp(1.35rem,3vw,2rem);color:#ff7b2b}.chuntris-board-overlay span{color:#ddd;line-height:1.45}.chuntris-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px;align-content:start}.chuntris-stats div{min-width:0;padding:9px 8px;border-radius:11px;background:rgba(255,255,255,.05)}.chuntris-stats .is-wide{grid-column:1/-1}.chuntris-stats span{display:block;color:#8f8f8f;font-size:.62rem;letter-spacing:.11em}.chuntris-stats strong{display:block;margin-top:3px;font-size:1.05rem;color:#fff;overflow:hidden;text-overflow:ellipsis}.chuntris-reaction-card{text-align:center;overflow:hidden;padding:10px}.chuntris-reaction{width:min(100%,150px);aspect-ratio:1/1;margin:auto;background-image:url("https://res.cloudinary.com/lyppgyei/image/upload/e_gen_restore/c_scale,w_1120/fl_preserve_transparency/f_webp/q_auto:best/v1789322498/chuntris-reactions-source.webp"),url("assets/chuntris/reactions.webp")!important;background-position:center,center;background-repeat:no-repeat,no-repeat;background-size:500% 400%,500% 400%;image-rendering:auto;filter:drop-shadow(0 8px 12px rgba(0,0,0,.35));transition:transform .18s ease,filter .18s ease}.chuntris-reaction-card figcaption{margin-top:5px;color:#ffab73;font-size:.76rem;font-weight:700;line-height:1.35}.chuntris-ranking-head{display:grid;gap:7px}.chuntris-ranking-head .eyebrow,.chuntris-help-rail .eyebrow{display:block;margin-bottom:3px;color:#777;font-size:.58rem;font-weight:800;letter-spacing:.2em}.chuntris-ranking-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px}.chuntris-ranking-tabs button{min-height:32px;border:1px solid rgba(255,255,255,.12);border-radius:9px;background:#171717;color:#bbb;font:inherit;font-size:.68rem;cursor:pointer}.chuntris-ranking-status{margin:8px 0 0;color:#777;font-size:.68rem;line-height:1.35}.chuntris-ranking-list{min-height:0;overflow:auto;list-style:none;margin:8px 0 0;padding:0;scrollbar-width:thin}.chuntris-ranking-list li{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:6px;align-items:center;min-height:34px;padding:6px;border-top:1px solid rgba(255,255,255,.06);font-size:.72rem}.chuntris-ranking-list li:first-child{border-top:0}.chuntris-ranking-list .rank{color:#ff8c39;font-weight:900}.chuntris-ranking-list .nickname{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#ddd}.chuntris-ranking-list .metric{color:#fff;font-variant-numeric:tabular-nums;font-weight:800}.chuntris-ranking-list li.is-current-player{background:rgba(255,104,29,.1);border-radius:8px}.chuntris-help-rail p{margin:8px 0;color:#aaa;font-size:.72rem;line-height:1.55}.chuntris-help-rail kbd{display:inline-grid;place-items:center;min-width:24px;height:23px;padding:0 4px;border:1px solid #555;border-bottom-width:2px;border-radius:5px;background:#1d1d1d;color:#fff;font:inherit}.chuntris-mobile-controls{width:100%;max-width:100%;display:none;margin-top:12px;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px}.chuntris-mobile-controls button{min-width:0;min-height:50px;border:1px solid rgba(255,255,255,.15);border-radius:13px;background:#1b1b1b;color:#fff;font-weight:800;font-size:1rem;touch-action:manipulation}.chuntris-mobile-controls button[data-chuntris-action="hard-drop"]{background:linear-gradient(135deg,#ff9b33,#ff5b16);color:#140b06}.chuntris-mobile-controls button:active{transform:translateY(1px);filter:brightness(1.2)}
@media(max-width:1180px) and (min-width:821px){.chuntris-page .content-section>.page-shell{width:min(95%,1180px)}.chuntris-game{--chuntris-stage-height:clamp(340px,calc(100dvh - 285px),540px);padding:14px}.chuntris-layout{grid-template-columns:minmax(140px,170px) minmax(170px,calc(var(--chuntris-stage-height)/2)) minmax(165px,200px);grid-template-areas:"left board right" "ranking ranking help";height:auto;align-items:start}.chuntris-left-panel,.chuntris-board-wrap,.chuntris-right-panel{height:var(--chuntris-stage-height)}.chuntris-ranking-rail,.chuntris-help-rail{margin-top:0;max-height:260px}.chuntris-ranking-rail{grid-column:1/3}.chuntris-help-rail{grid-column:3}.chuntris-reaction{width:min(100%,138px)}}
@media(max-width:820px){.chuntris-page .content-section>.page-shell{width:min(96%,760px)}.chuntris-game{--chuntris-stage-height:clamp(300px,calc(100dvh - 390px),500px);padding:12px;border-radius:18px}.chuntris-toolbar{align-items:stretch}.chuntris-modes,.chuntris-actions{width:100%}.chuntris-nickname-label{width:100%;justify-content:center}.chuntris-nickname-label input{flex:1;max-width:220px}.chuntris-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"board" "score" "next" "reaction" "hold" "ranking" "help";gap:12px;width:100%;max-width:100%;height:auto;margin:0}.chuntris-left-panel,.chuntris-right-panel{display:contents}.chuntris-board-wrap{grid-area:board;width:min(calc(var(--chuntris-stage-height)/2),calc(100vw - 64px));max-width:100%;justify-self:center}.chuntris-stats{grid-area:score;width:min(100%,520px);justify-self:center;grid-template-columns:repeat(5,minmax(0,1fr))}.chuntris-stats .is-wide{grid-column:auto}.chuntris-next-panel{grid-area:next;width:min(100%,420px);justify-self:center}.chuntris-reaction-card{grid-area:reaction;width:min(100%,420px);justify-self:center}.chuntris-hold-panel{grid-area:hold;width:min(100%,420px);justify-self:center}.chuntris-ranking-rail{grid-area:ranking;width:100%;max-height:none;overflow:visible}.chuntris-ranking-list{max-height:360px}.chuntris-help-rail{grid-area:help;width:100%}#chuntris-next{width:min(100%,180px)}#chuntris-hold{width:min(100%,120px);max-height:100px}.chuntris-reaction{width:min(100%,160px)}}
@media(max-width:680px){.chuntris-modes button{flex:1 1 140px;padding-inline:10px}.chuntris-actions .btn,.chuntris-sound{flex:1 1 120px}.chuntris-volume-label{flex:1 1 180px;justify-content:center}.chuntris-volume-label input{flex:1 1 80px;width:auto;max-width:140px}.chuntris-mobile-controls{display:grid;position:sticky;bottom:8px;z-index:10;padding:8px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:rgba(8,8,8,.92);backdrop-filter:blur(10px)}}
@media(max-width:560px){.chuntris-game{--chuntris-stage-height:clamp(280px,calc(100dvh - 390px),460px);padding:10px}.chuntris-board-wrap{width:min(calc(var(--chuntris-stage-height)/2),calc(100vw - 52px))}.chuntris-stats{grid-template-columns:1fr 1fr}.chuntris-stats .is-wide{grid-column:1/-1}.chuntris-mobile-controls{grid-template-columns:repeat(4,minmax(0,1fr))}.chuntris-mobile-controls button[data-chuntris-action="hard-drop"]{grid-column:span 2}}
@media(max-width:430px){.chuntris-game{--chuntris-stage-height:clamp(260px,calc(100dvh - 400px),420px)}.chuntris-hero h1{font-size:clamp(2.7rem,16vw,4.2rem)}.chuntris-modes button{flex-basis:calc(50% - 4px)}.chuntris-actions .btn,.chuntris-sound{flex-basis:calc(50% - 4px)}.chuntris-volume-label{flex-basis:100%}.chuntris-reaction{width:min(100%,150px)}}
@media(min-width:1181px) and (max-height:820px){.chuntris-game{--chuntris-stage-height:clamp(330px,calc(100dvh - 300px),480px);padding:12px}.chuntris-toolbar{gap:8px;margin-bottom:5px}.chuntris-status{margin:1px 0 6px}.chuntris-layout{gap:9px}.chuntris-ranking-rail,.chuntris-help-rail,.chuntris-panel,.chuntris-stats,.chuntris-reaction-card{padding:8px}.chuntris-side{gap:7px}.chuntris-reaction{width:min(100%,130px)}#chuntris-next{width:min(100%,165px)}}
@media(prefers-reduced-motion:reduce){.chuntris-reaction,.chuntris-mobile-controls button{transition:none!important;animation:none!important}.chuntris-game *{scroll-behavior:auto!important}}