@font-face{font-family:Paperlogy;src:url(/fonts/Paperlogy-5Medium.woff2) format("woff2");font-weight:100 500;font-display:swap}@font-face{font-family:Paperlogy;src:url(/fonts/Paperlogy-7Bold.woff2) format("woff2");font-weight:600 700;font-display:swap}@font-face{font-family:Paperlogy;src:url(/fonts/Paperlogy-8ExtraBold.woff2) format("woff2");font-weight:800 900;font-display:swap}@font-face{font-family:Black Han Sans;src:url(/fonts/BlackHanSans-Regular.woff2) format("woff2");font-weight:400;font-display:swap}:root{--sky-900: #0b1324;--sky-850: #0f1a2f;--sky-800: #12203a;--sky-700: #16233d;--sky-600: #22355b;--sky-500: #33497a;--turf: #2fae5b;--turf-hi: #5fd388;--turf-deep: #1d6b3a;--turf-board: #164f2c;--turf-900: #0f3a20;--plate: #0d1612;--plate-edge: #26392e;--stitch: #e2403b;--stitch-felt: #c4302b;--stitch-deep: #a3241e;--stitch-soft: #ff9b8f;--lamp: #ffb62e;--lamp-hi: #ffd47e;--lamp-deep: #b8770c;--chalk: #f3efe4;--chalk-2: #e6dfcd;--chalk-3: #cfc5ad;--ink: #1b2232;--ink-soft: #485268;--led: #7fe3ff;--gold: #f2c14e;--silver: #c9d1de;--bronze: #d38b5d;--font: Paperlogy, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--display: "Black Han Sans", Paperlogy, "Malgun Gothic", sans-serif;--base: clamp(1rem, .92rem + .42vw, 1.2rem);--r-sm: 8px;--r: 12px;--r-lg: 16px;--drop: 0 18px 40px rgba(2, 6, 14, .5);--stitch-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='14' viewBox='0 0 16 14'%3E%3Cpath d='M4 2.2 10.5 7 4 11.8' fill='none' stroke='%23e2403b' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");--book-grid: linear-gradient(rgba(29, 107, 58, .13) 1px, transparent 1px) 0 0 / 100% 24px, linear-gradient(90deg, rgba(29, 107, 58, .13) 1px, transparent 1px) 0 0 / 24px 100%;--diamond-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Cg fill='none' stroke='%231d6b3a' stroke-opacity='.16' stroke-width='3'%3E%3Cpath d='M60 8 112 60 60 112 8 60z'/%3E%3Ccircle cx='60' cy='64' r='9'/%3E%3C/g%3E%3Cg fill='%231d6b3a' fill-opacity='.16'%3E%3Cpath d='M60 2l7 7-7 7-7-7zM113 53l7 7-7 7-7-7zM7 53l7 7-7 7-7-7zM54 106h12v8l-6 5-6-5z'/%3E%3C/g%3E%3C/svg%3E")}*,*:before,*:after{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;min-height:100%}body{font-family:var(--font);font-weight:500;font-size:var(--base);line-height:1.6;color:var(--chalk);word-break:keep-all;overflow-wrap:break-word;min-height:100dvh;background:radial-gradient(1000px 520px at 12% -12%,rgba(255,214,140,.12),transparent 62%),radial-gradient(1000px 520px at 88% -12%,rgba(240,246,255,.09),transparent 62%),linear-gradient(180deg,var(--sky-900),var(--sky-850) 70%,#0c2418)}button,input{font:inherit;color:inherit}b,strong{font-weight:bolder}.screen{max-width:760px;margin:0 auto;padding:20px 16px 40px;display:flex;flex-direction:column;gap:18px}.lead{color:var(--chalk-2);margin:6px 0 0}.lead-dark{color:var(--ink-soft);margin:6px 0 0}.center{text-align:center}.err{color:var(--stitch-soft);font-weight:700;margin:0}.btn{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:.5em 1.25em;border:2px solid var(--sky-900);border-radius:var(--r);font-weight:800;line-height:1.35;text-align:center;cursor:pointer;letter-spacing:.01em;color:var(--ink);background-color:var(--chalk);background-image:linear-gradient(180deg,#fff9,#ffffff14 46%,#0000000a);box-shadow:0 4px 0 var(--sky-900),0 10px 20px #02060e59;--seam: rgba(27, 34, 50, .42);transition:transform .1s ease-out,box-shadow .1s ease-out,background-color .15s}.btn:after{content:"";position:absolute;inset:4px;z-index:-1;border-radius:calc(var(--r) - 5px);border:1.5px dashed var(--seam);pointer-events:none}@media(hover:hover){.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 5px 0 var(--sky-900),0 12px 24px #02060e66}}.btn:active:not(:disabled){animation:patchPress .18s ease-out;transform:translateY(3px) scale(.96);box-shadow:0 1px 0 var(--sky-900),0 4px 10px #02060e4d}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:focus-visible{outline:3px solid var(--led);outline-offset:3px}.btn.pri{background-color:var(--lamp);--seam: rgba(92, 56, 0, .55)}@media(hover:hover){.btn.pri:hover:not(:disabled){background-color:var(--lamp-hi)}}.btn.ghost{background-color:#12203ae0;color:var(--chalk);border-color:#f3efe48c;--seam: rgba(243, 239, 228, .4);background-image:linear-gradient(180deg,#ffffff24,#fff0 50%);box-shadow:0 4px #02060ed9,0 10px 20px #02060e59}.btn-danger{background-color:var(--stitch-felt);color:#fff;--seam: rgba(255, 255, 255, .55)}.btn.small{padding:.3em .95em;font-size:.92em}.btn.small:after{inset:3px}.btn.big{font-size:1.12em;padding:.6em 1.7em;min-height:56px}.btn.cta:not(:disabled){animation:patchGlow 2.4s ease-in-out infinite}.btn.cta:active:not(:disabled){animation:patchPress .18s ease-out}@keyframes patchPress{0%{transform:none}60%{transform:translateY(3px) scale(.94)}to{transform:translateY(3px) scale(.96)}}@keyframes patchGlow{0%,to{filter:none}50%{filter:drop-shadow(0 0 14px rgba(255,182,46,.55))}}.chip{display:inline-flex;align-items:center;gap:8px;padding:5px 12px 5px 5px;border-radius:999px;background:#f3efe41a;border:1px solid rgba(243,239,228,.2);font-weight:700}.chip.off{opacity:.45}.chip-host:after{content:"방장";font-size:.72em;font-weight:800;color:#fff;background:var(--stitch-felt);border-radius:4px;padding:0 6px;margin-left:2px}.conn{position:fixed;top:10px;left:50%;transform:translate(-50%);z-index:50;padding:6px 14px;border-radius:var(--r-sm);background:var(--stitch-felt);border:2px solid var(--sky-900);color:#fff;font-weight:800;font-size:.9em}.toast{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom));translate:-50% 0;z-index:60;max-width:calc(100vw - 32px);padding:12px 18px;border-radius:var(--r);background:var(--sky-800);color:var(--chalk);border:2px solid var(--stitch);font-weight:700;box-shadow:var(--drop);animation:slideUpIn .25s ease-out}@keyframes slideUpIn{0%{opacity:0;transform:translateY(18px)}}.slide-up{animation:slideUpIn .45s cubic-bezier(.2,.8,.3,1) both}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important;transition-duration:.01ms!important}}.tiles{display:inline-flex;gap:.14em;flex-wrap:wrap;justify-content:center;perspective:700px;letter-spacing:0;line-height:1}.tile{position:relative;display:grid;place-items:center;width:1.08em;height:1.4em;padding-top:.06em;font-family:var(--display);font-weight:400;color:var(--chalk);font-variant-numeric:tabular-nums;background:linear-gradient(180deg,#1d2a23,#121c17 49.6%,#0b130f 50.4%,#101a15);border:1px solid var(--plate-edge);border-radius:.1em;box-shadow:inset 0 1px #ffffff17,0 .07em #0000008c;transform-origin:50% 0;animation:tileTurn .6s cubic-bezier(.3,1.45,.5,1) both}.tile:before{content:"";position:absolute;top:.07em;left:50%;width:.1em;height:.1em;translate:-50% 0;border-radius:50%;background:#45594d;box-shadow:inset 0 1px 1px #0009}.tile:after{content:"";position:absolute;left:.06em;right:.06em;top:50%;height:1px;background:#0009;box-shadow:0 1px #ffffff0f}.tiles-sm{font-size:1.3rem}.tiles-md{font-size:clamp(1.8rem,1.3rem + 2vw,2.6rem)}.tiles-lg{font-size:clamp(2.3rem,1.7rem + 3vw,3.4rem)}.tiles-xl{font-size:clamp(3rem,2rem + 4vw,6rem)}.tiles.none .tile{color:#f3efe438;animation:none}@keyframes tileTurn{0%{transform:rotateX(-95deg);opacity:0}55%{transform:rotateX(16deg);opacity:1}80%{transform:rotateX(-5deg)}to{transform:none}}.lamps{display:inline-grid;gap:4px}.lamp-row{display:flex;align-items:center;gap:4px}.lamp-label{width:1.1em;font-weight:800;font-size:.8em;text-align:center;color:var(--ink-soft)}.lamp{display:inline-block;width:14px;height:14px;border-radius:50%;background:#1d2b25;box-shadow:inset 0 2px 3px #000000bf,0 0 0 1px #00000059}.lamps-sm .lamp{width:9px;height:9px}.lamp.on{animation:lampOn .25s both;animation-delay:calc(var(--i) * .12s)}.lamp.strike.on{background:radial-gradient(circle at 36% 32%,#fff4d6,var(--lamp) 48%,#c27d0d);box-shadow:0 0 10px #ffb62ebf}.lamp.ball.on{background:radial-gradient(circle at 36% 32%,#eafbff,var(--led) 48%,#2a9fc2);box-shadow:0 0 10px #7fe3ffbf}.lamp.out.on{background:radial-gradient(circle at 36% 32%,#ffd9d4,var(--stitch) 48%,#9c1f19);box-shadow:0 0 10px #e2403bbf}@keyframes lampOn{0%{transform:scale(.3);filter:brightness(2.2)}}.pad{display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:var(--r-lg);background:#12203aeb;border:2px solid var(--sky-600);box-shadow:var(--drop)}.setting-panel .pad{background:none;border:0;padding:0;box-shadow:none}.pad-display{display:flex;gap:6px;justify-content:center;align-self:center;padding:8px 10px;border-radius:var(--r);background:var(--turf-board);border:3px solid var(--turf-900);box-shadow:inset 0 0 0 1px #ffffff0f,0 3px #0006}.slot{width:clamp(30px,9vw,52px);height:clamp(44px,12vw,64px);display:grid;place-items:center;border-radius:5px;font-family:var(--display);font-size:clamp(1.5rem,5vw,2.1rem);line-height:1;color:var(--chalk);background:#0000002e;border:2px dashed rgba(243,239,228,.28)}.slot.on{background:linear-gradient(180deg,#1d2a23,#121c17 49.6%,#0b130f 50.4%,#101a15);border:1px solid var(--plate-edge);transform-origin:50% 0;animation:tileTurn .35s ease-out}.pad-d9 .slot{width:clamp(26px,8.6vw,46px)}.pad-hint{margin:0;text-align:center;color:var(--chalk-2);font-size:.92em}.pad-keys{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.key{position:relative;isolation:isolate;display:grid;place-items:center;min-height:56px;cursor:pointer;border:2px solid var(--sky-900);border-radius:var(--r);color:var(--ink);background-color:var(--chalk);background-image:linear-gradient(180deg,#fff9,#ffffff0d 48%,#0000000a);font-family:var(--display);font-weight:400;font-size:1.5em;line-height:1;box-shadow:0 4px 0 var(--sky-900);--seam: rgba(27, 34, 50, .32);transition:transform .08s,box-shadow .08s,background-color .12s}.key:after{content:"";position:absolute;inset:4px;z-index:-1;border-radius:calc(var(--r) - 5px);border:1.5px dashed var(--seam);pointer-events:none}.key:active:not(:disabled){animation:patchPress .16s ease-out;transform:translateY(3px) scale(.96);box-shadow:0 1px 0 var(--sky-900)}.key:disabled{opacity:.36;cursor:not-allowed;box-shadow:0 1px 0 var(--sky-900);transform:translateY(3px)}.key:focus-visible{outline:3px solid var(--led);outline-offset:2px}.key-fn{background-color:var(--chalk-3)}.key-go{background-color:var(--lamp);font-family:var(--font);font-weight:800;font-size:1.1em;--seam: rgba(92, 56, 0, .5)}.key-go:not(:disabled){animation:patchGlow 2.4s ease-in-out infinite}.key-go:active:not(:disabled){animation:patchPress .16s ease-out}@media(hover:hover){.key:hover:not(:disabled){background-color:#fff}.key-go:hover:not(:disabled){background-color:var(--lamp-hi)}}.log{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;max-height:46vh;overflow:auto;border:2px solid var(--sky-900);border-radius:var(--r);color:var(--ink);background-color:var(--chalk);background-image:linear-gradient(90deg,transparent 2.6em,rgba(29,107,58,.35) 2.6em,rgba(29,107,58,.35) calc(2.6em + 1.5px),transparent calc(2.6em + 1.5px));box-shadow:0 4px 0 var(--sky-900),var(--drop)}.log-empty{color:var(--ink-soft);text-align:center;padding:14px;font-weight:700}.log-row{display:grid;grid-template-columns:2.6em auto 1fr auto;align-items:center;gap:10px;min-height:2.7em;padding:4px 10px 4px 0;border-bottom:1px solid rgba(29,107,58,.2);animation:rowIn .35s ease-out}.log-row:has(.log-by){grid-template-columns:2.6em 5.5em auto 1fr auto}.log-row:first-child:not(.log-empty){background:#ffb62e33}.log-n{justify-self:center;display:grid;place-items:center;width:1.7em;height:1.7em;border-radius:50%;border:1.5px solid rgba(29,107,58,.55);color:var(--turf-deep);font-weight:800;font-size:.85em;font-variant-numeric:tabular-nums}.log-row.hr{background:linear-gradient(90deg,#ffb62e6b,#ffb62e24)}.log-row.hr .log-n{border:0;border-radius:3px;rotate:45deg;background:var(--turf-deep);color:transparent;width:1.2em;height:1.2em}.log-by{font-size:.85em;color:var(--ink-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.log-v{font-weight:800;font-size:1.25em;letter-spacing:.08em;font-variant-numeric:tabular-nums}.log-txt{font-weight:800;color:var(--ink)}.log:not(.log-wide) .lamps-sm{grid-auto-flow:column;column-gap:8px;justify-content:start;width:max-content;justify-self:start}.log .lamps-sm .lamp-label{font-size:.72em;width:auto;margin-right:1px}.log .lamp{background:#d6cfbd;box-shadow:inset 0 1px 2px #00000059}@media(max-width:519px){.log-wide .log-row{grid-template-columns:2.6em minmax(0,1fr) auto;row-gap:4px}.log-wide .log-n{grid-column:1;grid-row:1 / 3;align-self:start}.log-wide .log-v{grid-column:2;grid-row:1;font-size:1.1em;letter-spacing:.05em;min-width:0}.log-wide .log-txt{grid-column:3;grid-row:1}.log-wide .lamps{grid-column:2 / 4;grid-row:2;justify-self:start}}@keyframes rowIn{0%{opacity:0;transform:translateY(-8px) scaleY(.6)}}.board{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.board-empty{color:var(--chalk-2);text-align:center}.board-row{display:grid;grid-template-columns:2em auto 1fr auto auto;align-items:center;gap:10px;padding:7px 12px 7px 8px;border-radius:var(--r-sm);background:#f3efe40f;border:1px solid rgba(243,239,228,.12);color:var(--chalk)}.board-row.me{outline:2px solid var(--led);outline-offset:-1px}.board-row.solved{background:#2fae5b38;border-color:#5fd38880}.board-rank{display:grid;place-items:center;width:1.6em;height:1.95em;justify-self:center;border-radius:4px;font-family:var(--display);font-weight:400;font-size:.95em;line-height:1;color:var(--chalk);background:linear-gradient(180deg,#1d2a23,#121c17 49.6%,#0b130f 50.4%,#101a15);border:1px solid var(--plate-edge);font-variant-numeric:tabular-nums}.medal-1 .board-rank{background:var(--gold);color:var(--ink);border-color:#9c7418}.medal-2 .board-rank{background:var(--silver);color:var(--ink);border-color:#7d8698}.medal-3 .board-rank{background:var(--bronze);color:var(--ink);border-color:#8a5130}.board-name{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-best{font-weight:800;color:var(--lamp);font-variant-numeric:tabular-nums}.board-tries{color:var(--chalk-2);font-variant-numeric:tabular-nums}.avatar{border-radius:50%;object-fit:cover;background:var(--sky-600);display:inline-grid;place-items:center;flex:none}.avatar-fallback{color:var(--ink);font-weight:800}.picker{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.pick{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 6px 8px;cursor:pointer;border-radius:var(--r);border:2px solid var(--sky-900);background:var(--chalk-2);color:var(--ink);font-weight:800;font-size:.9em;box-shadow:0 3px 0 var(--sky-900);transition:transform .08s,box-shadow .12s,background-color .12s}@media(hover:hover){.pick:hover:not(:disabled):not(.on){transform:translateY(-1px);background:#fff}}.pick.on{background:#fff6dc;border-color:var(--lamp-deep);transform:translateY(2px);box-shadow:0 1px 0 var(--sky-900),0 0 0 4px #ffb62e99}.pick.on:after{content:"";position:absolute;top:6px;right:6px;width:18px;height:18px;border-radius:50%;background:var(--turf-deep) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 13px no-repeat}.pick.on .avatar{animation:tileTurn .45s ease-out}.pick:focus-visible{outline:3px solid var(--led);outline-offset:2px}.pick:disabled{cursor:progress}.pick:disabled:not(.on){opacity:.7}.timer{display:inline-flex;align-items:center;gap:2px;font-weight:800;font-variant-numeric:tabular-nums;line-height:1}.t-plate{display:inline-grid;place-items:center;min-width:.82em;height:1.32em;padding:.06em .05em 0;border-radius:3px;font-family:var(--display);font-weight:400;color:var(--chalk);background:linear-gradient(180deg,#1d2a23,#121c17 49.6%,#0b130f 50.4%,#101a15);border:1px solid var(--plate-edge)}.t-lb{font-size:.8em;margin-right:4px;color:var(--chalk-2)}.timer.urgent .t-plate{background:var(--stitch-felt);border-color:var(--stitch-deep);color:#fff;animation:clockWarn 1s steps(1) infinite}@keyframes clockWarn{50%{background:var(--stitch-deep)}}.timer-big{font-size:clamp(3rem,6vw,5.5rem);gap:.05em}.seg{display:flex;flex-wrap:wrap;gap:8px}.seg-btn{min-height:44px;padding:.35em 1.05em;border-radius:var(--r-sm);border:2px solid var(--sky-900);cursor:pointer;background:var(--chalk-2);color:var(--ink);font-weight:800;box-shadow:0 3px 0 var(--sky-900);transition:transform .08s,box-shadow .12s,background-color .12s}@media(hover:hover){.seg-btn:hover:not(.on){background:#fff;transform:translateY(-1px)}}.seg-btn.on{background:var(--turf-deep);color:#fff;transform:translateY(2px);box-shadow:0 1px 0 var(--sky-900),inset 0 0 0 2px #ffffff40}.seg-btn:focus-visible{outline:3px solid var(--led);outline-offset:3px}.ic{flex:none;display:inline-block;vertical-align:middle}.scene{position:relative;min-height:100dvh;isolation:isolate;overflow-x:clip}.scene-art{position:fixed;inset:0;z-index:-1;overflow:hidden;background:var(--sky-800);pointer-events:none}.scene-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 40%;transform-origin:50% 60%;animation:lightDrift 40s ease-in-out infinite alternate}.scene-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,9,18,.55),transparent 24%,transparent 64%,rgba(5,9,18,.7))}.scene-figs{position:absolute;inset:0}.fig{position:absolute;bottom:0;height:min(78vh,760px);width:auto;aspect-ratio:1;transform-origin:50% 100%;filter:drop-shadow(0 14px 22px rgba(0,0,0,.55));animation:figRise .7s cubic-bezier(.2,1.2,.4,1) both}.fig.flip{scale:-1 1}.scene-ui{position:relative;min-height:100dvh;display:flex;flex-direction:column}@keyframes lightDrift{0%{transform:scale(1)}to{transform:scale(1.03)}}@keyframes figRise{0%{opacity:0;transform:translateY(40px) scale(.94)}}.masthead{display:flex;flex-direction:column;align-items:center;text-align:center;margin:0 auto}.masthead .sub{margin:10px 0 0;color:var(--chalk);font-weight:700;font-size:clamp(1rem,.9rem + .5vw,1.3rem);text-shadow:0 2px 10px rgba(0,0,0,.85);animation:slideUpIn .8s .5s both}.pennant{--felt: var(--stitch-felt);--felt-ink: #fff;--seam: rgba(255, 255, 255, .72);display:inline-flex;align-items:center;font-size:clamp(.88rem,.78rem + .4vw,1.08rem);filter:drop-shadow(0 6px 8px rgba(0,0,0,.45));animation:slideUpIn .6s cubic-bezier(.2,1,.3,1) both}.pennant-pole{position:relative;z-index:1;flex:none;width:.34em;height:3em;border-radius:99px;background:linear-gradient(90deg,#b9b19c,#fffdf6 45%,#9e9682);margin-right:-.06em}.pennant-pole:before{content:"";position:absolute;left:50%;top:-.38em;width:.6em;height:.6em;translate:-50% 0;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff3cf,var(--lamp) 55%,var(--lamp-deep))}.pennant-felt{position:relative;isolation:isolate;display:inline-flex;align-items:center;gap:.45em;height:2.3em;padding:.05em .7em 0 .9em;margin-right:1.7em;color:var(--felt-ink);font-weight:800;letter-spacing:.14em;white-space:nowrap;line-height:1;transform-origin:0 50%;animation:pennantWave 5s ease-in-out 1s infinite}.pennant-felt:before{content:"";position:absolute;inset:0;z-index:-1;clip-path:polygon(0 0,100% 13%,100% 87%,0 100%);background:repeating-linear-gradient(90deg,var(--seam) 0 7px,transparent 7px 12px) 0 6px / 100% 1.5px no-repeat,repeating-linear-gradient(90deg,var(--seam) 0 7px,transparent 7px 12px) 0 calc(100% - 6px) / 100% 1.5px no-repeat,linear-gradient(180deg,rgba(255,255,255,.16),transparent 45%,rgba(0,0,0,.16)),var(--felt)}.pennant-felt:after{content:"";position:absolute;z-index:-1;left:calc(100% - 1px);top:13%;height:74%;width:1.75em;background:linear-gradient(180deg,rgba(255,255,255,.16),transparent 45%,rgba(0,0,0,.16)),var(--felt);clip-path:polygon(0 0,100% 50%,0 100%)}.pennant-navy{--felt: var(--sky-600);--felt-ink: var(--chalk)}.pennant-turf{--felt: var(--turf-deep)}.pennant-gold{--felt: var(--gold);--felt-ink: var(--ink);--seam: rgba(27, 34, 50, .45)}.pennant-silver{--felt: var(--silver);--felt-ink: var(--ink);--seam: rgba(27, 34, 50, .45)}.pennant-bronze{--felt: var(--bronze);--felt-ink: var(--ink);--seam: rgba(27, 34, 50, .45)}.pennant-sm{font-size:.82rem}.pennant-sm .pennant-pole{height:2.6em}.pennant-sm .pennant-felt{height:2em;letter-spacing:.08em;padding-left:.7em;margin-right:1.3em}.pennant-sm .pennant-felt:after{width:1.3em}.pennant-sm .pennant-felt:before{background-position:0 4px,0 calc(100% - 4px),0 0,0 0}.pennant .art-ic{margin:-.5em 0}@keyframes pennantWave{0%,to{transform:none}30%{transform:skewY(-1.4deg) scaleX(.985)}65%{transform:skewY(.8deg)}}.letter-title{margin:.1em 0 0;font-family:var(--display);font-weight:400;font-size:clamp(3.4rem,10vw,7.4rem);line-height:1.08;letter-spacing:.02em;color:#fff;-webkit-text-stroke:.13em var(--sky-900);paint-order:stroke fill;text-shadow:0 .075em 0 var(--stitch),0 .135em 0 var(--sky-900),0 .18em 0 #050912;animation:slideUpIn .7s cubic-bezier(.2,.9,.3,1) .1s both}.stitch-rule{display:block;width:min(64%,420px);height:16px;margin:.55em auto 0;border-radius:99px;background:var(--stitch-svg) repeat-x 4px 50% / 16px 14px,linear-gradient(180deg,#fffaf0,var(--chalk-2));border:2px solid var(--sky-900);box-shadow:0 3px 0 var(--sky-900);animation:stitchDraw 1s cubic-bezier(.6,0,.3,1) .45s both}@keyframes stitchDraw{0%{clip-path:inset(-4px 100% -4px 0 round 99px)}to{clip-path:inset(-4px 0 -4px 0 round 99px)}}.sb-bar{display:flex;align-items:center;gap:8px 14px;flex-wrap:wrap;padding:8px 14px;color:var(--chalk);border-radius:var(--r);border:3px solid var(--turf-900);background:repeating-linear-gradient(90deg,rgba(0,0,0,.1) 0 1px,transparent 1px 72px),linear-gradient(180deg,#227a46,var(--turf-deep) 45%,#185c35);box-shadow:inset 0 0 0 1px #ffffff14,0 4px #041009d9,var(--drop)}.sb-brand{display:inline-flex;align-items:center;gap:8px;font-family:var(--display);font-size:1.2em;letter-spacing:.04em;color:#fff;white-space:nowrap;text-shadow:0 2px 0 rgba(0,0,0,.35)}.sb-ball{color:var(--chalk)}.sb-cell{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.sb-label{font-size:.74em;font-weight:800;letter-spacing:.14em;color:var(--chalk)}.sb-num{display:inline-flex;align-items:center;gap:.1em;min-height:1.8em;padding:.14em .5em 0;border-radius:4px;font-family:var(--display);font-weight:400;font-size:1.08em;line-height:1;letter-spacing:.06em;color:var(--chalk);font-variant-numeric:tabular-nums;background:linear-gradient(180deg,#1d2a23,#121c17 49.6%,#0b130f 50.4%,#101a15);border:1px solid var(--plate-edge)}.sb-num small{font-size:.68em;opacity:.75}.sb-num.turn{transform-origin:50% 0;animation:tileTurn .5s ease-out}.sb-right{margin-left:auto;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.sb-clock .timer{font-size:1.08em}.sb-clock:has(.urgent) .sb-label{color:#fff;background:var(--stitch-felt);border-radius:3px;padding:1px 5px}.book{position:relative;overflow:hidden;color:var(--ink);border:2px solid var(--sky-900);border-radius:var(--r-lg);background:var(--diamond-svg) no-repeat right -30px bottom -30px / 170px 170px,var(--book-grid),var(--chalk);box-shadow:0 5px 0 var(--sky-900),0 22px 50px #02060e8c;animation:slideUpIn .55s cubic-bezier(.2,.8,.3,1) both}.book:before{content:"";display:block;height:18px;background:var(--stitch-svg) repeat-x 8px 50% / 16px 14px,linear-gradient(180deg,#fffaf0,var(--chalk-2));border-bottom:2px solid var(--sky-900)}.book-body{padding:18px 22px 22px;display:flex;flex-direction:column;gap:16px}.book-title{display:flex;flex-direction:column;gap:6px}.book-tag{align-self:flex-start;padding:3px 10px 2px;border-radius:4px;background:var(--turf-deep);color:#fff;font-size:.78rem;font-weight:800;letter-spacing:.16em}.book-h{margin:0;font-family:var(--display);font-weight:400;font-size:clamp(1.7rem,1.3rem + 1.6vw,2.3rem);line-height:1.15;letter-spacing:.01em;color:var(--sky-900)}.book-h2{margin:0;display:flex;align-items:center;gap:8px;font-size:1.02em;font-weight:800;color:var(--turf-deep)}.book-h2:before,.section-title:before{content:"";flex:none;width:.62em;height:.62em;rotate:45deg;border-radius:2px;background:currentColor}.book .err{color:var(--stitch-deep)}.dugout{padding:14px 16px;border-radius:var(--r-lg);color:var(--chalk);background:#12203aed;border:2px solid var(--sky-600);box-shadow:inset 0 4px 0 var(--turf-deep),var(--drop)}.section-title{margin:0 0 8px;display:flex;align-items:center;gap:8px;font-family:var(--display);font-weight:400;font-size:1.15em;letter-spacing:.03em;color:var(--chalk);text-shadow:0 2px 8px rgba(0,0,0,.85)}.section-title:before{color:var(--turf-hi)}.section-title small{font-family:var(--font);font-weight:700;font-size:.78em;color:var(--chalk-2)}.pa{position:relative;width:100%;overflow:hidden;color:var(--chalk);border-radius:var(--r-lg);background:linear-gradient(180deg,var(--sky-700),var(--sky-800));border:2px solid var(--sky-500);box-shadow:var(--drop);animation:slideUpIn .4s cubic-bezier(.2,.9,.3,1) both}.ticker{position:relative;display:flex;align-items:center;height:26px;overflow:hidden;background:#04070d;border-bottom:2px solid var(--sky-500);color:var(--lamp);font-size:.78rem;font-weight:800;letter-spacing:.2em;white-space:nowrap}.ticker:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle,transparent .8px,rgba(4,7,13,.5) 1.25px) 0 0 / 3px 3px}.ticker-run{display:inline-flex;flex:none;animation:tickerRun 22s linear infinite}.ticker-run>span{display:inline-flex;align-items:center;padding-right:3.2em}.ticker-run>span:before{content:"";width:6px;height:6px;margin-right:.9em;border-radius:50%;background:var(--stitch);box-shadow:0 0 6px var(--stitch)}@keyframes tickerRun{0%{transform:translate(0)}to{transform:translate(-50%)}}.pa-row{display:flex;align-items:center;gap:14px;padding:14px 18px 16px 14px}.pa-mic{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;color:var(--lamp);background:var(--sky-900);border:2px solid var(--sky-500)}.cap-face{--cap: var(--sky-600);position:relative;flex:none;display:grid;place-items:center;width:clamp(60px,8vw,92px);aspect-ratio:1;border-radius:50%;overflow:hidden;background:var(--cap);border:3px solid var(--sky-900);box-shadow:0 0 0 3px var(--cap),0 0 0 5px var(--sky-900);animation:capIn .45s cubic-bezier(.2,1.4,.4,1)}.cap-face:after{content:"";position:absolute;inset:3px;border-radius:50%;border:1.5px dashed rgba(255,255,255,.75);pointer-events:none}.cap-face img{width:100%;height:100%;object-fit:cover;display:block}.cap-initial{font-weight:800;font-size:1.5em;color:var(--ink)}.cap-face.sm{width:40px;border-width:2px;box-shadow:0 0 0 2px var(--cap),0 0 0 3.5px var(--sky-900)}.cap-face.sm:after{inset:2px}@keyframes capIn{0%{transform:scale(.7) rotate(-20deg);opacity:0}}.pa-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:10px}.pa-txt{font-size:clamp(1.02rem,.92rem + .5vw,1.35rem);line-height:1.55}.pa-txt b{color:var(--lamp);font-weight:800}.pa-actions{display:flex;flex-wrap:wrap;gap:10px}.name-plate{position:relative;isolation:isolate;display:inline-block;padding:.3em 1.15em .22em;border-radius:var(--r-sm);font-family:var(--display);font-size:1.3em;letter-spacing:.06em;color:var(--chalk);background:var(--sky-700);border:2px solid var(--chalk);box-shadow:0 4px 0 var(--sky-900),0 10px 22px #00000080;animation:slideUpIn .5s both}.name-plate:after{content:"";position:absolute;inset:3px;z-index:-1;border-radius:5px;border:1.5px dashed rgba(243,239,228,.45)}.scene-home .scene-bg{object-position:50% 30%}.scene-home .scene-shade,.scene-book .scene-shade,.scene-lobby .scene-shade{background:linear-gradient(180deg,rgba(5,9,18,.7),rgba(5,9,18,.2) 26%,transparent 40%,transparent 54%,rgba(5,9,18,.72) 72%,rgba(5,9,18,.94))}.home{flex:1;width:100%;max-width:1120px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:14px;padding:clamp(18px,3.4vh,38px) 16px calc(18px + env(safe-area-inset-bottom))}.home-title{font-size:clamp(3.6rem,10vw,7.2rem)}.home-spacer{flex:1;min-height:24vh}.home-bottom{width:100%;display:flex;flex-direction:column;align-items:center;gap:16px}.admits{width:100%;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);filter:drop-shadow(0 4px 0 var(--sky-900)) drop-shadow(0 16px 22px rgba(0,0,0,.45))}.admit{--stub: 104px;--notch: 10px;position:relative;display:flex;align-items:stretch;min-height:98px;padding:0;text-align:left;cursor:pointer;color:var(--ink);background:var(--chalk);border:0;border-radius:10px;-webkit-mask:radial-gradient(circle var(--notch) at var(--stub) 0,#0000 98%,#000) top / 100% 51% no-repeat,radial-gradient(circle var(--notch) at var(--stub) 100%,#0000 98%,#000) bottom / 100% 51% no-repeat;mask:radial-gradient(circle var(--notch) at var(--stub) 0,#0000 98%,#000) top / 100% 51% no-repeat,radial-gradient(circle var(--notch) at var(--stub) 100%,#0000 98%,#000) bottom / 100% 51% no-repeat;transition:transform .12s ease-out;animation:slideUpIn .6s both}.admit-stub{position:relative;flex:none;width:var(--stub);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;background:var(--tone);border-right:2px dashed rgba(27,34,50,.55)}.admit-stub:before{content:"";position:absolute;top:9px;left:9px;width:11px;height:11px;border-radius:50%;background:var(--sky-900);box-shadow:inset 0 2px 2px #0009}.admit .admit-ic{flex:none;margin:-2px 0 -4px;transition:transform .2s}.admit-no{font-family:var(--display);font-size:.72rem;letter-spacing:.12em;color:#1b2232bf}.admit-txt{position:relative;display:flex;flex-direction:column;justify-content:center;gap:3px;min-width:0;padding:10px 16px 10px 18px;background:var(--book-grid),var(--chalk)}.admit-txt:after{content:"";position:absolute;left:18px;right:16px;top:8px;height:3px;background:repeating-linear-gradient(90deg,var(--tone) 0 12px,transparent 12px 16px);opacity:.9}.admit-txt b{font-family:var(--display);font-weight:400;font-size:1.45em;line-height:1.2;letter-spacing:.02em;color:var(--sky-900);margin-top:4px}.admit-txt span{color:var(--ink-soft);font-size:.9em;line-height:1.45;font-weight:700}@media(hover:hover){.admit:hover{transform:translateY(-3px) rotate(-.6deg)}.admit:hover .admit-ic{transform:rotate(-8deg) scale(1.06)}}.admit:active{transform:translateY(2px) scale(.98)}.admit:focus-visible{outline:3px solid var(--led);outline-offset:4px}.tone-lamp{--tone: var(--lamp)}.tone-turf{--tone: var(--turf-hi)}.tone-led{--tone: var(--led)}.art-ic{display:inline-grid;place-items:center;object-fit:contain;filter:drop-shadow(0 3px 3px rgba(0,0,0,.3))}.art-ic.svg{border-radius:50%;background:var(--tone, var(--lamp));border:2px solid var(--sky-900);color:var(--ink);filter:none}.join-cta{width:min(440px,100%);letter-spacing:.06em;padding-left:1em}.join-cta .art-ic{margin:-8px 0}.home-foot{width:min(760px,100%);display:flex;flex-direction:column;align-items:center;gap:6px}.linkish{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 12px;border:0;background:none;color:var(--chalk);font-weight:700;cursor:pointer;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#ffb62eb3;text-shadow:0 2px 10px rgba(0,0,0,.85)}.linkish .art-ic.svg{background:transparent;border:0;color:var(--lamp)}.privacy{display:inline-flex;align-items:center;gap:6px;margin:0;text-align:center;color:var(--chalk-2);font-size:.86em;text-shadow:0 2px 10px rgba(0,0,0,.9)}.scene-home[data-art=scene] .scene-figs{display:none}.scene-home .fig-a{left:-3vw;height:min(76vh,720px)}.scene-home .fig-b{right:-3vw;height:min(76vh,720px)}.scene-home .fig-c{right:15vw;height:min(60vh,560px);z-index:-1;filter:brightness(.82) drop-shadow(0 10px 20px rgba(0,0,0,.6))}@media(max-width:759px){.home{gap:10px}.home-bottom{gap:12px}.home-spacer{min-height:28vh}.admits{gap:8px}.admit{--stub: 74px;--notch: 7px;flex-direction:column;min-height:0;text-align:center;-webkit-mask:radial-gradient(circle var(--notch) at 0 var(--stub),#0000 98%,#000) left / 51% 100% no-repeat,radial-gradient(circle var(--notch) at 100% var(--stub),#0000 98%,#000) right / 51% 100% no-repeat;mask:radial-gradient(circle var(--notch) at 0 var(--stub),#0000 98%,#000) left / 51% 100% no-repeat,radial-gradient(circle var(--notch) at 100% var(--stub),#0000 98%,#000) right / 51% 100% no-repeat}.admit-stub{width:auto;height:var(--stub);border-right:0;border-bottom:2px dashed rgba(27,34,50,.55)}.admit-stub:before{top:6px;left:6px;width:8px;height:8px}.admit .admit-ic{width:54px!important;height:54px!important;margin:0}.admit-no{display:none}.admit-txt{padding:9px 4px 10px;align-items:center}.admit-txt:after{display:none}.admit-txt b{font-size:1.05em;margin:0}.admit-txt span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.join-cta{min-height:54px;font-size:1.05em}.privacy{font-size:.8em}.stitch-rule{height:13px;background-size:13px 11px,auto}.scene-home .fig{bottom:auto;top:4vh;height:40vh}.scene-home .fig-a{left:-14vw}.scene-home .fig-b{right:-14vw}.scene-home .fig-c{display:none}}.book-screen{flex:1;width:100%;max-width:620px;margin:0 auto;display:flex;flex-direction:column;gap:14px;padding:14px 16px calc(28px + env(safe-area-inset-bottom))}.book-screen .book{margin-top:auto;margin-bottom:auto}.topbar{display:flex;align-items:center;gap:10px}.field{display:flex;flex-direction:column;gap:9px;font-weight:800;color:var(--ink)}.field>span{font-size:.95em;color:var(--ink-soft);letter-spacing:.04em}.spec-note{margin:0;display:flex;flex-wrap:wrap;gap:8px}.spec-note span{padding:4px 12px;border-radius:var(--r-sm);border:2px solid var(--sky-900);background:#fff6dc;font-weight:800}.book .btn.big{width:100%}.scene-book .scene-bg{filter:brightness(.7)}.code-board{position:relative;padding:12px;border-radius:var(--r);background:repeating-linear-gradient(90deg,rgba(0,0,0,.1) 0 1px,transparent 1px 64px),linear-gradient(180deg,#227a46,var(--turf-deep) 45%,#185c35);border:3px solid var(--turf-900);box-shadow:inset 0 0 0 1px #ffffff14,0 4px 0 var(--sky-900)}.code-tiles{display:grid;grid-template-columns:repeat(6,1fr);gap:clamp(5px,1.6vw,10px);perspective:600px}.code-tile{position:relative;aspect-ratio:3 / 4;display:grid;place-items:center;padding-top:.06em;border-radius:6px;font-family:var(--display);font-size:clamp(1.8rem,7.5vw,2.7rem);line-height:1;color:var(--chalk);background:linear-gradient(180deg,#1d2a23,#121c17 49.6%,#0b130f 50.4%,#101a15);border:1px solid var(--plate-edge);box-shadow:inset 0 1px #ffffff17,0 3px #00000080}.code-tile:after{content:"";position:absolute;left:4px;right:4px;top:50%;height:1px;background:#0009}.code-tile.empty{color:#f3efe429}.code-tile.on{transform-origin:50% 0;animation:tileTurn .4s ease-out}.code-board:focus-within .code-tile.cur{box-shadow:inset 0 1px #ffffff17,0 3px #00000080,0 0 0 3px var(--lamp)}.code-board:focus-within .code-tile.cur:before{content:"";position:absolute;left:22%;right:22%;bottom:10%;height:4px;border-radius:2px;background:var(--lamp);animation:caretBlink 1.1s steps(1) infinite}@keyframes caretBlink{50%{opacity:0}}.code-input{position:absolute;inset:0;width:100%;height:100%;opacity:0;font-size:16px;border:0;padding:0;cursor:text;text-transform:uppercase}.lobby{flex:1;width:100%;max-width:1240px;margin:0 auto;display:flex;flex-direction:column;gap:14px;padding:12px 12px calc(10px + env(safe-area-inset-bottom))}.lobby-bar{padding:8px 12px 8px 10px}.lobby-code{margin:0;display:inline-flex;align-items:center;gap:8px;font-size:1rem;font-weight:800}.big-code{letter-spacing:0;font-variant-numeric:tabular-nums}.lobby-meta{margin-left:auto;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.lineup{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.lineup-dot{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;font-size:.72rem;font-weight:800;color:#f3efe48c;border:1.5px dashed rgba(243,239,228,.4)}.lineup-dot.in{--cap: var(--chalk);border:2px solid var(--sky-900);background:var(--cap);color:var(--ink)}.lineup-dot.me{background:var(--lamp);box-shadow:0 0 0 2px var(--lamp)}.lineup-more{font-weight:800;color:var(--chalk-2);font-size:.85rem}.lobby-grid{flex:1;display:grid;gap:14px}.lobby-stage{position:relative;min-height:34vh;display:flex;align-items:flex-end;justify-content:center;padding-bottom:6px}.lobby-book{align-self:start}.lobby-book .book-body{gap:12px}.chips{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}.book .chip{background:#fffaf0;border:2px solid var(--sky-900);color:var(--ink)}.book .chip-host:after{background:var(--stitch-deep)}.scene-lobby .fig-me{left:50%;translate:-50% 0;top:72px;bottom:auto;height:36vh;filter:drop-shadow(0 0 2px #fff) drop-shadow(0 0 24px rgba(255,226,160,.5)) drop-shadow(0 18px 26px rgba(0,0,0,.6))}.scene-lobby .scene-bg{filter:blur(4px) brightness(.5) saturate(1.1);scale:1.04}.scene-lobby .scene-figs:before{content:"";position:absolute;left:50%;top:40px;width:70vw;height:46vh;translate:-50% 0;background:radial-gradient(ellipse at 50% 60%,rgba(255,236,190,.3),rgba(255,182,46,.1) 45%,transparent 70%)}@media(min-width:900px){.lobby-grid{grid-template-columns:1fr minmax(440px,560px);align-items:start}.lobby-stage{min-height:52vh;height:100%}.scene-lobby .fig-me{left:max(2vw,calc(50% - 620px));translate:none;top:auto;bottom:0;height:min(84vh,820px)}.scene-lobby .scene-figs:before{left:max(2vw,calc(50% - 620px));translate:none;top:auto;bottom:0;width:min(84vh,820px);height:90vh}}.lobby-pa{margin-top:auto;position:sticky;bottom:calc(8px + env(safe-area-inset-bottom));z-index:15;box-shadow:0 -10px 30px #00000073,var(--drop)}.lobby-pa .btn.big{min-width:12em}@media(max-width:599px){.lobby-bar{gap:6px 8px;flex-wrap:nowrap;padding:6px 8px}.lobby-mode,.lobby-code .sb-label{display:none}.lobby-code .tiles-sm{font-size:1.12rem}.lineup{display:none}.lobby-meta{gap:8px;flex-wrap:nowrap}.lobby-meta .sb-label{display:none}.lobby-bar .btn.small{padding:.3em .7em;font-size:.84em}.scene-lobby .fig-me{top:76px;height:34vh}}@media(max-width:899px){.lobby-pa .ticker{height:20px;font-size:.68rem}.lobby-pa .pa-row{gap:10px;padding:8px 10px}.lobby-pa .pa-mic{display:none}.lobby-pa .cap-face{width:50px}.lobby-pa .pa-body{flex-direction:row;align-items:center;gap:10px}.lobby-pa .pa-txt{flex:1;min-width:0;font-size:.92rem;line-height:1.35;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.lobby-pa .pa-actions{flex:none}.lobby-pa .btn.big{min-width:0;font-size:.95rem;min-height:52px;padding:.4em .9em;white-space:nowrap}}.status{text-align:center;padding-top:22vh;align-items:center}.status .play-title{font-family:var(--display);font-weight:400}.gd-backdrop{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:16px;background:#050a16c7;overflow-y:auto}.gd-dialog{width:min(100%,460px);max-height:calc(100dvh - 32px);display:flex;flex-direction:column}.gd-dialog .book-body{flex:1;min-height:0;overflow-y:auto;gap:12px;padding:14px 16px 18px}.gd-actions{display:grid;gap:10px}.gd-never{display:flex;align-items:center;gap:10px;min-height:44px;font-weight:800;color:var(--ink-soft);cursor:pointer}.gd-never input{width:24px;height:24px;accent-color:var(--turf-deep);flex:none}.gd-slide{display:grid;gap:10px;font-weight:700;line-height:1.5;animation:slideUpIn .3s ease-out both}.gd-slide p{margin:0}.gd-slide small{color:var(--ink-soft)}.gd-slide b{color:var(--stitch-deep)}.gd-ex{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:var(--r-sm);background:#0a1510;border:2px solid #050b08;box-shadow:inset 0 2px 6px #0009;color:var(--chalk)}.gd-ex.gd-hidden{justify-content:center;padding:16px}.gd-ex-nums{display:grid;gap:6px}.gd-ex-row{display:flex;align-items:center;gap:8px}.gd-ex .tiles{flex-wrap:nowrap}.gd-ex-row small{width:2.2em;color:var(--chalk-3)}.gd-ex-res{display:flex;align-items:center;gap:12px}.gd-ex .lamp-label{color:var(--chalk)}.gd-ex-txt{white-space:nowrap;min-width:3.2em;padding:2px 8px;border-radius:4px;background:var(--lamp);color:var(--ink)!important;text-align:center;font-family:var(--display);font-weight:400}.gd-ex-txt.out{background:var(--stitch-felt);color:#fff!important}.gd-hr{position:relative;height:96px;display:flex;align-items:flex-end;justify-content:flex-end;border-radius:var(--r-sm);background:linear-gradient(180deg,#0f1a2f,#164f2c);border:2px solid var(--sky-900);padding:8px 14px;overflow:hidden}.gd-ball{position:absolute;left:70%;bottom:14px;color:var(--chalk);animation:ballX 1.1s .2s linear both}.gd-ball>svg{display:block;animation:ballY 1.1s .2s both}@keyframes ballX{0%{left:8%}}@keyframes ballY{0%,to{translate:0 0;animation-timing-function:ease-out}50%{translate:0 -54px;animation-timing-function:ease-in}}.gd-modes{list-style:none;margin:0;padding:0;display:grid;gap:6px}.gd-modes li{display:flex;align-items:center;gap:10px;min-height:44px}.gd-modes b{display:block;color:var(--turf-deep)}.gd-tip{padding:8px 12px!important;border-radius:var(--r-sm);background:#fff6dc;border:2px solid var(--sky-900)}.gd-nav{display:flex;align-items:center;justify-content:space-between;gap:8px}.gd-nav .btn{min-width:64px;padding-inline:.7em}.gd-dots{display:flex;min-width:0}.gd-dot{flex:0 1 44px;min-width:34px;width:44px;height:44px;padding:0;border:0;background:none;cursor:pointer;display:grid;place-items:center}.gd-dot:before{content:"";width:12px;height:12px;border-radius:50%;background:var(--chalk-3);border:2px solid var(--sky-900)}.gd-dot.on:before{background:var(--lamp)}.gd-dot:focus-visible,.gd-never input:focus-visible{outline:3px solid var(--led);outline-offset:2px}.gd-dialog .btn:focus-visible{outline-color:var(--turf-deep)}.gd-help{flex:none;width:44px;height:44px;border-radius:50%;border:2px solid var(--turf-900);background:var(--chalk);color:var(--ink);font-family:var(--display);font-size:1.2rem;cursor:pointer;box-shadow:0 3px #041009d9}.gd-help:focus-visible{outline:3px solid var(--led);outline-offset:2px}@media(prefers-reduced-motion:reduce){.gd-ball,.gd-ball>svg,.gd-slide,.gd-ex .lamp.on{animation:none}}.scene-play .scene-shade{background:linear-gradient(180deg,#050912a8,#0509124d 22%,#05091240 50%,#050912bd)}.scene-result .scene-shade{background:linear-gradient(180deg,#0509128c,#05091226 28%,#05091259 55%,#050912e6)}.fireworks{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}.play .sb-bar,.result-screen .sb-bar{position:sticky;top:0;z-index:20;margin:0 -12px;border-radius:0 0 var(--r) var(--r);border-top:0}.vs{display:inline-flex;align-items:center;gap:6px}.vs-p{display:inline-flex;align-items:center;gap:6px;max-width:9.5em;padding:3px 10px 3px 3px;border-radius:99px;font-weight:700;font-size:.9em;background:#04100973;border:1.5px solid rgba(243,239,228,.22);transition:background .2s,border-color .2s}.vs-p .vs-n{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(min-width:900px){.vs-p{max-width:14em}}.vs-p.on{background:var(--lamp);color:var(--ink);border-color:var(--sky-900)}.vs-p.off{opacity:.5}.vs-x{font-family:var(--display);font-weight:400;font-size:.95em;color:var(--lamp)}@media(max-width:760px){.sb-bar{gap:6px 10px}.play .sb-brand,.result-screen .sb-brand{display:none}.sb-bar .sb-label{font-size:.68em;letter-spacing:.06em}.sb-bar .sb-right{gap:8px}.vs{order:9;width:100%;justify-content:center}.vs-p{max-width:42vw}}.play{flex:1;width:100%;max-width:1240px;margin:0 auto;display:flex;flex-direction:column;gap:12px;padding:0 12px calc(18px + env(safe-area-inset-bottom))}.play-grid{display:grid;gap:14px;align-items:start}.play-main,.play-side{display:flex;flex-direction:column;gap:12px;min-width:0}@media(min-width:900px){.play-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}}.duel-cols{display:grid;gap:12px}@media(min-width:560px)and (max-width:899px){.duel-cols{grid-template-columns:1fr 1fr}}.play-title{margin:0 0 8px;text-align:center;font-family:var(--display);font-weight:400;font-size:clamp(1.5rem,1.15rem + 1.4vw,2.1rem);letter-spacing:.02em;color:#fff;-webkit-text-stroke:.1em var(--sky-900);paint-order:stroke fill;text-shadow:0 .07em 0 var(--stitch)}.setting-panel{width:min(560px,100%);margin:auto;padding:18px;animation:slideUpIn .55s cubic-bezier(.2,.8,.3,1)}.secret-ready{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;padding:10px 0}.secret-ready .wait{margin:0;font-weight:700;color:var(--chalk)}.solved-msg{margin:0;font-family:var(--display);font-weight:400;font-size:1.4em;color:var(--lamp)}.judge-board{position:relative;padding:14px 16px 12px;border-radius:var(--r-lg);color:var(--chalk);border:4px solid var(--turf-900);background:repeating-linear-gradient(90deg,rgba(0,0,0,.09) 0 1px,transparent 1px 80px),linear-gradient(180deg,#227a46,var(--turf-deep) 40%,#175632);box-shadow:inset 0 0 0 1px #ffffff14,inset 0 0 0 7px #0000001f,0 5px #041009d9,var(--drop)}.judge-board:before,.judge-board:after{content:"";position:absolute;top:7px;width:7px;height:7px;border-radius:50%;background:#0c2c18;box-shadow:inset 0 1px 1px #ffffff26}.judge-board:before{left:7px}.judge-board:after{right:7px}.jb-top{position:relative;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.jb-last{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0}.jb-v{justify-content:flex-start}.jb-txt{display:inline-block;padding:2px 10px;border-radius:4px;font-weight:800;font-size:1.1em;color:var(--chalk);background:#04100966;animation:slideUpIn .4s .2s both}.jb-txt.hr{color:var(--ink);background:var(--lamp)}.jb-txt.out{color:#fff;background:var(--stitch-felt)}.judge-board .lamps-lg{gap:6px;padding:8px 10px;border-radius:var(--r-sm);background:#0a1510;border:2px solid #050b08;box-shadow:inset 0 2px 6px #0009}.lamps-lg .lamp-label{font-family:var(--display);font-weight:400;font-size:1em;width:1.3em}.lamps-lg .lamp-row:nth-child(1) .lamp-label{color:var(--lamp)}.lamps-lg .lamp-row:nth-child(2) .lamp-label{color:var(--led)}.lamps-lg .lamp-row:nth-child(3) .lamp-label{color:var(--stitch-soft)}.lamps-lg .lamp{width:26px;height:26px}.turn-banner{position:relative;margin-top:10px;padding:9px 12px;text-align:center;font-weight:800;border-radius:var(--r-sm);background:#0410096b;border:1px solid rgba(243,239,228,.16);color:var(--chalk)}.turn-banner small{font-weight:700;color:var(--chalk-2)}.turn-banner.mine{background:var(--lamp);border-color:var(--sky-900);color:var(--ink);animation:lampOn .35s both}.turn-banner.mine small{color:var(--ink-soft)}.jb-status{position:relative;margin-top:10px;min-height:52px;display:grid}.jb-status .turn-banner{margin-top:0;display:grid;place-items:center}.pa-line{position:absolute;inset:0;z-index:2;display:flex;align-items:center;gap:8px;padding:4px 12px 4px 6px;cursor:pointer;border-radius:var(--r-sm);background:var(--sky-800);border:2px solid var(--lamp);color:var(--chalk);font-size:.95em;line-height:1.3;box-shadow:0 6px 16px #00000073;animation:slideUpIn .3s cubic-bezier(.2,1.2,.4,1);transition:opacity .35s,transform .35s}.pa-line.fold{opacity:0;transform:translateY(6px)}.pa-line .pa-mic{width:28px;height:28px;border-width:1.5px}.pa-line-txt{min-width:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pa-line-txt b{color:var(--lamp);font-weight:800;white-space:nowrap}.board-wrap{padding:12px 12px 10px}@media(max-width:899px){.play{gap:10px}.judge-board{padding:10px 12px}.jb-top{flex-wrap:nowrap;gap:10px}.jb-v.tiles-md{font-size:clamp(1.5rem,1.1rem + 3vw,2.1rem)}.jb-txt{font-size:.95em}.judge-board .lamps-lg{padding:6px 8px;gap:4px;flex:none}.lamps-lg .lamp{width:18px;height:18px}.lamps-lg .lamp-label{font-size:.85em}.jb-status{margin-top:8px}.pad{padding:10px;gap:8px}.slot{height:46px}.pad-hint{font-size:.86em}.pad-keys{gap:8px}.key{min-height:52px;max-height:64px;font-size:1.4em}.log{max-height:none}}@media(max-width:899px){.play .judge-board:has(.lamps-lg .lamp:nth-child(10)) .jb-top{flex-wrap:wrap}}@media(min-width:900px){.play{max-width:1400px}.play-grid{margin-block:auto;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:22px}.scene-play .scene-bg{filter:blur(2px) brightness(.78);scale:1.03}.judge-board{padding:18px 22px 16px}.jb-v.tiles-md{font-size:3rem}.jb-txt{font-size:1.3em}.lamps-lg .lamp{width:30px;height:30px}.turn-banner{font-size:1.15em;padding:12px}.jb-status{min-height:58px}.pa-line{font-size:1.05em}.pad{padding:16px;gap:12px}.slot{width:60px;height:74px;font-size:2.4rem}.key{min-height:70px;font-size:1.8em}.key-go{font-size:1.3em}.log{font-size:1.12em;max-height:60vh}.board-row{font-size:1.12em;padding:9px 14px 9px 10px}.section-title{font-size:1.3em}.sb-bar{padding:10px 18px}.sb-bar .sb-num{font-size:1.2em}}.result-screen{position:relative;z-index:1;flex:1;width:100%;max-width:1240px;margin:0 auto;display:flex;flex-direction:column;gap:14px;padding:0 12px calc(22px + env(safe-area-inset-bottom))}.result-grid{flex:1;display:grid;gap:10px;align-items:center}.result-hero{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-height:0}.hero-fig{width:min(78vw,360px);aspect-ratio:1;height:auto;margin-bottom:-18px;filter:drop-shadow(0 0 2px #fff) drop-shadow(0 0 28px rgba(255,226,160,.55)) drop-shadow(0 16px 24px rgba(0,0,0,.6));animation:figRise .8s cubic-bezier(.2,1.2,.4,1) both}.result-body{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}.result-title{font-size:clamp(3rem,9vw,6.2rem)}.result-title.win{color:var(--lamp-hi)}.reveal-duel{width:min(560px,100%)}.reveal-duel .book-body{gap:12px;padding:16px 18px}.secret-row{display:flex;flex-direction:column;align-items:center;gap:6px}.secret-who{font-weight:800;color:var(--ink-soft)}.row-buttons{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.hint-line{margin:0;color:var(--chalk);font-weight:700;text-shadow:0 2px 10px rgba(0,0,0,.9);text-align:center}@media(min-width:900px){.result-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}.hero-fig{width:min(74vh,640px);margin-bottom:-30px}}.race-result-body{display:flex;flex-direction:column;align-items:center;gap:16px;width:min(900px,100%);margin:0 auto}.race-result-body .result-title{font-size:clamp(3rem,8vw,5.4rem)}.race-result-body .board-wrap{width:100%}.answer-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 20px 16px;border-radius:var(--r-lg);border:4px solid var(--turf-900);background:repeating-linear-gradient(90deg,rgba(0,0,0,.09) 0 1px,transparent 1px 72px),linear-gradient(180deg,#227a46,var(--turf-deep) 45%,#175632);box-shadow:inset 0 0 0 1px #ffffff14,0 5px #041009d9,var(--drop)}.podium{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:10px;width:min(760px,100%)}.podium li{display:flex;flex-direction:column;align-items:center;min-width:0;animation:slideUpIn .7s both}.podium-fig{position:relative;z-index:1;width:100%;aspect-ratio:1;height:auto;object-fit:contain;margin-bottom:-10%;filter:drop-shadow(0 12px 18px rgba(0,0,0,.6))}.race-result-body .podium-fig{width:125%;margin-bottom:-14%}.podium-step{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 6px 10px;text-align:center;color:var(--ink);border:2px solid var(--sky-900);border-radius:var(--r) var(--r) 4px 4px;background:var(--book-grid),var(--chalk);box-shadow:0 4px 0 var(--sky-900),0 14px 30px #00000080}.podium-flag{align-self:flex-start;margin-left:4px}.podium-rank{font-family:var(--display);font-weight:400;font-size:1.15em;letter-spacing:.04em}.podium-name{font-weight:800;max-width:100%;white-space:normal;overflow:visible;overflow-wrap:anywhere;line-height:1.25;font-size:clamp(.82rem,.6rem + 1.2vw,1.1rem)}.podium small{color:var(--ink-soft);font-weight:700;font-size:clamp(.72rem,.6rem + .6vw,.95rem)}.podium-1{order:2}.podium-1 .podium-step{min-height:9.5em;box-shadow:0 4px 0 var(--sky-900),0 0 0 4px #f2c14e99,0 14px 30px #00000080}.podium-1 .podium-fig{filter:drop-shadow(0 0 2px #fff) drop-shadow(0 0 22px rgba(255,226,160,.6)) drop-shadow(0 12px 18px rgba(0,0,0,.6))}.podium-2{order:1}.podium-2 .podium-step{min-height:7.5em}.podium-3{order:3}.podium-3 .podium-step{min-height:6em}.scene-tv .scene-shade{background:radial-gradient(ellipse at 50% 46%,transparent 40%,rgba(5,9,18,.55) 80%),linear-gradient(180deg,rgba(5,9,18,.45),transparent 20%)}.tv{flex:1;display:flex;flex-direction:column;gap:.45em;padding:.55em .9em .75em;font-size:2rem;line-height:1.3;position:relative;z-index:1}.tv-head{display:flex;justify-content:space-between;align-items:center;gap:.5em;flex-wrap:wrap}.tv-head .sb-brand{font-size:1em;text-shadow:0 2px 12px rgba(0,0,0,.9)}.tv-meta{display:flex;gap:.3em;flex-wrap:wrap}.tv-meta .sb-cell{font-size:.62em;padding:.25em .45em;border-radius:6px;background:var(--turf-deep);border:2px solid var(--turf-900)}.tv-board{flex:1;min-height:0;position:relative;display:flex;flex-direction:column;justify-content:center;padding:.8em .95em;border-radius:10px;background:repeating-linear-gradient(90deg,rgba(0,0,0,.09) 0 1px,transparent 1px 3em),linear-gradient(180deg,#1f7442,var(--turf-deep) 40%,#154f2e);border:.18em solid var(--turf-900);box-shadow:inset 0 0 0 1px #ffffff14,0 0 0 3px #00000080,0 20px 50px #0000008c}.tv-board>section{min-height:0}@media(min-width:1100px)and (min-aspect-ratio:3/2){.scene-tv{--u: min(100vw, 177.78vh);--z: 1.75}.scene-tv.tvz-live{--z: 2.4}.scene-tv.tvz-ended{--z: 2.1}.scene-tv .scene-bg,.scene-tv .tv-board{transition:all .9s cubic-bezier(.6,0,.2,1)}.scene-tv .scene-bg{inset:auto;left:calc(50vw - .4984 * var(--z) * var(--u));top:calc(54vh - .444 * var(--z) * var(--u) * .5625);width:calc(var(--z) * var(--u));height:calc(var(--z) * var(--u) * .5625);max-width:none;object-fit:fill;animation:none}.tv{padding:0;font-size:calc(var(--u) / 60)}.tv-head{position:absolute;left:.9em;right:.9em;top:.45em}.tv-board{position:absolute;flex:none;left:calc(50vw - .1573 * var(--z) * var(--u));width:calc(.3146 * var(--z) * var(--u));top:calc(54vh - .1616 * var(--z) * var(--u) * .5625);height:calc(.3236 * var(--z) * var(--u) * .5625);border-radius:4px;border-width:.12em}}.tv-h{margin:0;flex:none;font-family:var(--display);font-weight:400;font-size:1.1em;letter-spacing:.02em;color:#fff}.tv-lobby{display:grid;grid-template-columns:minmax(0,13em) minmax(0,1fr);gap:1em;align-items:stretch;height:100%}.tv-join{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3em;text-align:center;min-height:0;animation:none}.tv-join:before{height:.5em;background-size:.5em .44em,auto}.tv-join.book{padding:0 .6em .5em}.tv-join.book:before{align-self:stretch;margin:0 -.6em auto}.tv-join p,.tv-join small{margin:0;font-size:.7em;line-height:1.35;overflow-wrap:anywhere;font-weight:700}.tv-join small{color:var(--ink-soft);margin-bottom:auto}.tv-qr{width:min(8em,100%);height:auto;min-height:0;flex:0 1 auto;object-fit:contain;border-radius:8px;border:2px solid var(--sky-900)}.tv-code.tiles{font-size:1.15em;flex:none;flex-wrap:nowrap}.tv-players{display:flex;flex-direction:column;gap:.45em;min-width:0;min-height:0;justify-content:center}.tv-players .chips{flex:0 1 auto;min-height:0;overflow-y:auto;align-content:flex-start;gap:.35em;font-size:clamp(.55em,calc(1.1em - var(--n, 1) * .0125em),.95em);scrollbar-width:thin;padding:2px}.tv-players .chip{gap:.35em;padding:.15em .7em .15em .15em;font-size:1em;background:var(--chalk);color:var(--ink);border:2px solid var(--sky-900);box-shadow:0 3px 0 var(--sky-900)}.tv-players .chip .avatar{width:1.6em!important;height:1.6em!important}.chip.kick{animation:slideUpIn .5s cubic-bezier(.2,1.4,.4,1) both}.tv-lobby.crowd{grid-template-columns:minmax(0,10em) minmax(0,1fr);gap:.7em}.tv-lobby.crowd .tv-qr{width:min(6.6em,100%)}.tv-lobby.crowd .tv-code.tiles{font-size:.95em}.tv-lobby.crowd .chips{font-size:clamp(.5em,calc(1.12em - var(--n, 1) * .02em),.95em);gap:.3em}.tv-players .btn.big{flex:none;align-self:flex-start;font-size:.95em;min-height:2.2em;padding:.3em 1.4em}.tv-live{display:grid;grid-template-columns:minmax(0,11em) minmax(0,1fr);gap:.85em;align-items:stretch;height:100%}.tv-clock{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35em;padding:.6em;border-radius:8px;text-align:center;font-weight:700;min-height:0;background:#04100973;border:2px solid rgba(0,0,0,.35)}.tv-clock p{margin:0;font-size:.9em}.tv-clock p b{color:var(--lamp)}.tv-clock .btn{font-size:.8em;min-height:max(44px,2em)}.tv .timer-big{font-size:2.6em}.tv .board-big{height:100%;min-height:0;display:flex;flex-direction:column;gap:.2em;overflow:hidden}.tv .board-big .board-row{flex:1 1 0;min-height:0;max-height:2.8em;grid-template-columns:1.6em auto minmax(0,1fr) auto auto;gap:.45em;padding:.05em .55em .05em .3em;line-height:1.15;border-radius:6px;font-size:clamp(1.25em,calc(2.9em - var(--n, 1) * .165em),1.7em);background:#04100961;border-color:#0000004d}.tv .board-big .board-row.solved{background:#ffb62e38;border-color:#ffb62e80}.tv .board-big .avatar{width:1.6em!important;height:1.6em!important}.tv .board-big .board-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-big{gap:4px}.board-big .board-row{grid-template-columns:1.6em auto 1fr auto auto;gap:16px;padding:3px 18px 3px 10px;font-size:2.5rem;line-height:1.2}.board-big .board-rank{font-size:.75em}.board-big .board-best{color:var(--lamp)}.board-big .board-tries{font-size:.8em}.tv-end{display:flex;flex-direction:column;gap:.4em;align-items:center;height:100%}.tv-answer-card{display:flex;flex-direction:column;align-items:center;gap:.15em;flex:none}.tv .tiles-xl{font-size:2.4em}.tv-end-row{flex:1;min-height:0;width:100%;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:.8em;align-items:stretch}.tv-end-row:has(>:only-child){grid-template-columns:1fr;justify-items:center}.tv .podium{width:100%;max-width:none;align-self:end;font-size:.82em}.tv .podium-fig{width:auto;max-width:100%;height:12em;margin-bottom:-1.2em}.tv .podium-step{min-height:0!important;padding:.5em .3em .4em!important}.tv .podium-flag{font-size:.8em}.tv .podium-name{font-size:1em}.tv .podium small{font-size:.8em}.tv-end .board-big{justify-content:flex-end}.tv-end .board-big .board-row{font-size:clamp(.85em,calc(1.5em - var(--n, 1) * .1em),.95em);gap:.35em}.tv-end .board-big .board-best{font-size:.9em}@media(max-width:1099px),(max-aspect-ratio:3/2){.tv-lobby,.tv-live,.tv-end-row{grid-template-columns:1fr}}@media(max-width:899px){.scene-bg{animation:none}}.scene-lobby .scene-bg,.scene-play .scene-bg{animation:none}.cs{position:fixed;inset:0;z-index:80;background:#03060c;overflow:hidden}.cs-lite{background:#03060c99;display:grid;place-items:center}.cs-stage{position:absolute;inset:0;overflow:visible;container-type:size}.shot{position:absolute;inset:0;visibility:hidden}.shot .bg{position:absolute;left:-20px;top:-20px;width:calc(100% + 40px);height:calc(100% + 40px);object-fit:cover}.flare{position:absolute;left:50%;top:4%;width:min(60cqw,90cqh);aspect-ratio:1;translate:-50% 0;background:radial-gradient(circle,rgba(255,241,199,.95),rgba(255,182,46,.35) 35%,transparent 70%);mix-blend-mode:screen}.batter-front{position:absolute;left:50%;bottom:0;height:min(92%,160cqw);translate:-50% 0;transform-origin:50% 100%;filter:drop-shadow(0 0 24px rgba(255,182,46,.35))}.shot2{--fs: 115cqh;--fx: 30cqw;--ft: 10cqh;--sx: 49.5cqw;--sy: 43cqh;--hx: calc(var(--fx) + (var(--ix, .92) - .5) * var(--fs));--hy: calc(var(--ft) + var(--iy, .27) * var(--fs))}@container (aspect-ratio < 1){.shot2{--fs: 130cqw;--fx: 29cqw;--ft: 50cqh}}.pose{position:absolute;left:calc(var(--fx) - var(--fs) / 2);top:var(--ft);width:var(--fs);height:var(--fs);transform-origin:50% 100%}.ball-pitch{--p: 0;position:absolute;left:calc(var(--sx) + (var(--hx) - var(--sx)) * var(--p));top:calc(var(--sy) + (var(--hy) - var(--sy)) * var(--p));width:calc(var(--fs) * .1);translate:-50% -50%;transform-origin:center;filter:drop-shadow(0 0 12px rgba(255,255,255,.7))}.smear{position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.85) 48%,transparent 60%);filter:blur(6px);visibility:hidden}.flash{position:absolute;inset:0;background:radial-gradient(circle at var(--hx) var(--hy),#fff 0,#fff 6cqmin,rgba(255,246,214,.75) 22cqmin,rgba(255,255,255,.35) 70cqmin);visibility:hidden}.ring{position:absolute;left:var(--hx);top:var(--hy);width:30cqmin;aspect-ratio:1;border-radius:50%;border:10px solid rgba(255,255,255,.9);translate:-50% -50%;box-shadow:0 0 40px #ffb62ee6,inset 0 0 30px #ffb62e99;visibility:hidden}.clouds{position:absolute;left:0;width:300%;height:40%;background-repeat:repeat-x;background-size:auto 100%;opacity:.85}.clouds.a{top:8%}.clouds.b{bottom:4%;height:50%;opacity:.95}.speedlines{position:absolute;inset:-10%;background:repeating-conic-gradient(from 0deg at 50% 50%,rgba(255,255,255,.28) 0deg 1.4deg,transparent 1.4deg 7deg);-webkit-mask-image:radial-gradient(circle at 50% 50%,transparent 18%,#000 60%);mask-image:radial-gradient(circle at 50% 50%,transparent 18%,#000 60%);visibility:hidden}.ball-close{position:absolute;left:50%;top:50%;width:66cqmin;translate:-50% -50%;filter:drop-shadow(0 0 30px rgba(255,255,255,.6))}.ball-far{position:absolute;left:14%;top:92%;width:clamp(48px,7vw,96px);translate:-50% -50%;filter:drop-shadow(0 0 6px #fff) drop-shadow(0 0 18px #fff) drop-shadow(0 0 34px rgba(255,182,46,.95))}.title{position:absolute;left:50%;top:22%;translate:-50% 0;font-family:var(--display);font-weight:400;font-size:clamp(3rem,11cqw,9rem);letter-spacing:.03em;color:var(--lamp);-webkit-text-stroke:.14em var(--sky-900);paint-order:stroke fill;text-shadow:0 .08em 0 var(--stitch),0 .15em 0 var(--sky-900),0 .2em 0 #050912;white-space:nowrap;visibility:hidden}.fx{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.cs-banner{position:absolute;left:50%;bottom:calc(6% + env(safe-area-inset-bottom));translate:-50% 0;z-index:2;display:inline-flex;align-items:center;gap:12px;padding:12px 26px 10px;max-width:calc(100vw - 32px);border-radius:var(--r);border:4px solid var(--turf-900);background:repeating-linear-gradient(90deg,rgba(0,0,0,.09) 0 1px,transparent 1px 72px),linear-gradient(180deg,#227a46,var(--turf-deep) 45%,#175632);color:#fff;font-family:var(--display);font-weight:400;letter-spacing:.04em;font-size:clamp(1.2rem,3.4vw,2.1rem);box-shadow:inset 0 0 0 1px #ffffff1a,0 5px #041009d9,0 14px 34px #0009;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cs-banner .cs-trophy{flex:none;color:var(--lamp)}.cs-lite .cs-banner{position:static;translate:none}