@font-face{font-family:VT323;font-style:normal;font-display:swap;font-weight:400;src:url(./vt323-vietnamese-400-normal-D0VnvwZ9.woff2)format("woff2"),url(./vt323-vietnamese-400-normal-D_5Q7Vcv.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:VT323;font-style:normal;font-display:swap;font-weight:400;src:url(./vt323-latin-ext-400-normal-iUdYUaX4.woff2)format("woff2"),url(./vt323-latin-ext-400-normal-DqOq58ri.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:VT323;font-style:normal;font-display:swap;font-weight:400;src:url(./vt323-latin-400-normal-wDgJuOC9.woff2)format("woff2"),url(./vt323-latin-400-normal-Dqn9ZSPj.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Press Start 2P";font-style:normal;font-display:swap;font-weight:400;src:url(./press-start-2p-latin-400-normal-_wFEWmAB.woff2)format("woff2"),url(./press-start-2p-latin-400-normal-KLytu4cr.woff)format("woff")}:root{--bg:#14122b;--bg-dot:#1d1a3d;--ink:#1d1626;--text:#fff;--text-soft:#cdd6ff;--thought:#bfe3ff;--gold:#ffd23f;--win-top:#3a4bc8;--win-bottom:#151c63;--win-border:#eef0ff;--accent:#ff5a5a;--ok:#3fbf6e;--phone-bg:#f4f5f9;--phone-ink:#1c1e26;--phone-soft:#6b7080;--phone-line:#e1e3ea;--bubble-me:#2f6bff;--bubble-bot:#e9ebf1;--font-ui:"VT323", ui-monospace, monospace;--font-logo:"Press Start 2P", "VT323", monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);background-image:radial-gradient(var(--bg-dot) 1px, transparent 1px);height:100%;color:var(--text);font-family:var(--font-ui);-webkit-tap-highlight-color:transparent;overscroll-behavior:none;background-size:8px 8px;margin:0}button{font:inherit;color:inherit;cursor:pointer}[hidden]{display:none!important}body{justify-content:center;align-items:center;display:flex}#app{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation;background:linear-gradient(#2b2766,#1c1846);flex-direction:column;width:100%;max-width:480px;height:100%;max-height:940px;margin:0 auto;display:flex;position:relative;overflow:hidden}@media (min-height:941px),(min-width:640px){#app{border-radius:18px;box-shadow:0 0 0 4px #0b0a18,0 20px 60px #0008}}#screen{aspect-ratio:3/2;background:#000;border-bottom:4px solid #0b0a18;flex:none;width:100%;position:relative}#game,#game canvas{image-rendering:pixelated;image-rendering:crisp-edges;position:absolute;top:0;bottom:0;left:0;right:0;width:100%!important;height:100%!important}#screen-overlay{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.hotspot{z-index:4;touch-action:manipulation;cursor:pointer;background:0 0;border:3px dashed #ffd23fcc;border-radius:14px;padding:0;animation:1.1s steps(2,end) infinite hotspot;position:absolute}.hotspot:focus-visible{outline-offset:2px;outline:3px solid #fff}.hotspot.nudge{animation:.32s steps(4,end) 2 nudge}@keyframes hotspot{50%{border-color:#ffd23f40}}@keyframes nudge{25%{border-color:#fff;transform:translate(-4px)}75%{border-color:#fff;transform:translate(4px)}}#hud{flex:none;justify-content:flex-end;gap:6px;padding:5px 10px 0;display:flex}.hud-btn{background:#0d0c1eb3;border:2px solid #fff4;border-radius:6px;min-width:30px;min-height:26px;padding:1px 7px;font-size:16px;line-height:1}.hud-btn:active{transform:translateY(1px)}.hud-btn{position:relative}.hud-btn.off{opacity:.6}.hud-btn.off:after{content:"";background:var(--accent);height:2px;position:absolute;top:50%;left:4px;right:4px;transform:rotate(-35deg)}.toast{border:2px solid var(--gold);color:#fff;white-space:nowrap;z-index:6;background:#0d0c1ee6;border-radius:6px;padding:1px 10px;font-size:clamp(15px,4.4vw,20px);animation:.2s steps(3,end) both toast-pop;position:absolute;top:8px;left:50%;transform:translate(-50%)}@keyframes toast-pop{0%{opacity:0;transform:translate(-50%)scale(.9)}to{opacity:1;transform:translate(-50%)}}.logo{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:4%;padding-bottom:14%;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.logo h1{font-family:var(--font-logo);color:var(--gold);letter-spacing:1px;text-shadow:3px 3px 0 #b8452f, 6px 6px 0 var(--ink);margin:0;padding:0 6px 6px;font-size:clamp(18px,6.4vw,30px);font-weight:400;position:relative;overflow:hidden}.logo h1 span{animation:.62s steps(8,end) both letter-drop;display:inline-block}.logo h1 .shine{pointer-events:none;mix-blend-mode:overlay;background:linear-gradient(100deg,#0000,#fff8 45%,#fffc 50%,#fff8 55%,#0000);width:18%;animation:3.2s steps(16,end) 1.2s infinite logo-shine;position:absolute;top:0;bottom:0;left:-30%;transform:skew(-18deg)}@keyframes letter-drop{0%{opacity:0;transform:translateY(-160%)}55%{opacity:1;transform:translateY(12%)scaleY(.8)scaleX(1.15)}75%{transform:translateY(-14%)}to{opacity:1;transform:none}}@keyframes logo-shine{0%{left:-30%}40%,to{left:120%}}.logo h1.jolt{animation:.36s steps(6,end) logo-jolt}@keyframes logo-jolt{0%{transform:none}20%{transform:translateY(-14%)scale(1.08)rotate(-2deg)}50%{transform:translateY(6%)scale(.97)rotate(1deg)}75%{transform:translateY(-3%)}to{transform:none}}.logo p{color:#fff;text-shadow:2px 2px 0 var(--ink);margin:0;font-size:clamp(16px,4.6vw,22px);animation:.3s steps(4,end) .95s both card-pop}@keyframes logo-in{0%{opacity:0;transform:translateY(-40%)}to{opacity:1;transform:none}}.day-card{border-top:3px solid var(--win-border);border-bottom:3px solid var(--win-border);text-align:center;letter-spacing:4px;color:#fff;text-shadow:3px 3px #000;background:#0d0c1ee6;padding:6px 0 4px;font-size:clamp(30px,10vw,46px);animation:.38s steps(6,end) both card-in;position:absolute;top:38%;left:0;right:0}.day-card small{letter-spacing:1px;color:var(--gold);font-size:.5em;display:block}.day-card.out{animation:.3s steps(5,end) both card-out}@keyframes card-in{0%{transform:translate(-100%)}to{transform:none}}@keyframes card-out{to{transform:translate(100%)}}.ff-badge{color:#ff8a8a;letter-spacing:1px;background:#0d0c1ecc;border:2px solid #ff5a5a;border-radius:6px;padding:0 8px;font-size:22px;animation:.5s steps(2,end) infinite blink;position:absolute;top:6px;left:8px}.screen-hint{border:2px solid var(--gold);white-space:nowrap;background:#0d0c1ecc;border-radius:6px;padding:2px 10px;font-size:20px;animation:1s steps(2,end) infinite blink;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}#panel{min-height:176px;padding:14px max(16px, env(safe-area-inset-left,0px)) calc(14px + env(safe-area-inset-bottom,0px)) max(16px, env(safe-area-inset-right,0px));flex-direction:column;flex:0 auto;gap:10px;display:flex;position:relative;overflow-y:auto}.window{background:linear-gradient(180deg, var(--win-top), var(--win-bottom));border:3px solid var(--win-border);box-shadow:0 0 0 3px var(--ink), inset 0 0 0 2px #0002;text-shadow:2px 2px #0007;border-radius:8px;padding:12px 16px 14px;font-size:25px;line-height:1.12;position:relative}.window.dialog{cursor:pointer;min-height:112px}.speaker{background:var(--win-bottom);border:3px solid var(--win-border);box-shadow:0 0 0 3px var(--ink);color:var(--gold);border-radius:6px;padding:0 10px;font-size:21px;line-height:1.2;position:absolute;top:-16px;left:12px}.window .text{white-space:pre-wrap;word-break:break-word}.window.has-face,.window.has-face.has-speaker{margin-top:48px}.window.has-face .speaker{left:82px}.face{border:3px solid var(--win-border);width:64px;height:64px;box-shadow:0 0 0 3px var(--ink);z-index:1;background:radial-gradient(circle at 50% 40%,#6d7ce8 0%,#3a4bc8 55%,#23246a 100%);border-radius:6px;position:absolute;top:-52px;left:8px;overflow:hidden}.face canvas{width:64px;height:64px;image-rendering:pixelated;image-rendering:crisp-edges;display:block}.window.dialog.enter .face{animation:.26s steps(4,end) both face-pop}@keyframes face-pop{0%{opacity:0;transform:translateY(10px)scale(.6)}to{opacity:1;transform:none}}#app.phone-open .face{display:none}#app.phone-open .window.has-face,#app.phone-open .window.has-face.has-speaker{margin-top:12px}#app.phone-open .window.has-face .speaker{left:12px}.window.has-speaker{margin-top:12px;padding-top:16px}.window.thought .text{color:var(--thought)}.window.item .text{color:var(--gold)}.window.narration .text{color:#fff}.next-arrow{font-size:18px;animation:.6s steps(2,end) infinite bob;position:absolute;bottom:6px;right:12px}@keyframes bob{50%{transform:translateY(3px)}}@keyframes blink{50%{opacity:.25}}.choices{flex-direction:column;gap:6px;padding:6px 4px;display:flex}.choice{text-align:left;color:#fff;text-shadow:2px 2px #0007;background:0 0;border:2px solid #0000;border-radius:6px;align-items:center;gap:10px;width:100%;min-height:46px;padding:6px 10px;font-size:25px;line-height:1.05;display:flex}.choice:before{content:"▶";color:#0000;font-size:18px}.choice:hover,.choice.active{background:#ffffff14;border-color:#fff4;outline:none}.choice:focus-visible{background:#ffffff14;border-color:#fff4;outline:none}.choice:hover:before,.choice.active:before{color:var(--gold)}.choice:focus-visible:before{color:var(--gold)}.choice small{color:var(--text-soft);font-size:18px;display:block}.c-lbl.has-ic{text-indent:-1.55em;padding-left:1.55em;display:block}.c-lbl.has-ic .c-ic{text-indent:0;width:1.55em;display:inline-block}.c-lbl.has-ic small{text-indent:0}.choice .tag{color:var(--ink);background:var(--gold);text-shadow:none;border-radius:4px;margin-left:auto;padding:0 6px;font-size:17px}.hint-line{text-align:center;color:var(--gold);font-size:22px;animation:1.2s steps(2,end) infinite blink}.field{flex-direction:column;gap:6px;display:flex}.field label{color:var(--text-soft);font-size:21px}.field input{-webkit-user-select:text;user-select:text;font:inherit;border:3px solid var(--ink);color:var(--ink);background:#f6f4ea;border-radius:6px;outline:none;width:100%;padding:6px 10px;font-size:28px}.field input:focus{box-shadow:0 0 0 3px var(--gold)}.row{gap:8px;display:flex}.row>*{flex:1}.pbtn{color:#fff;text-shadow:2px 2px #0007;background:#ffffff10;border:3px solid #fff5;border-radius:6px;min-height:46px;padding:6px 10px;font-size:24px;line-height:1}.pbtn.on{background:var(--gold);color:var(--ink);border-color:var(--ink);text-shadow:none}.pbtn.primary{background:var(--accent);border-color:var(--ink);box-shadow:0 4px #8a2230}.pbtn.primary:active{transform:translateY(3px);box-shadow:0 1px #8a2230}.pbtn:disabled{opacity:.4;cursor:default}.pbtn small{opacity:.85;font-size:17px;display:block}.badge.soon{background:#6b7080}.pbtn:disabled .badge{opacity:1}.badge{background:var(--ok);color:#fff;vertical-align:middle;text-shadow:none;border-radius:4px;margin-left:6px;padding:0 5px;font-size:16px;display:inline-block}.title-tap{text-align:center;padding:22px 0 6px;font-size:28px;animation:1s steps(2,end) infinite blink}.title-tap span,.title-tap small{display:block}.title-tap small{letter-spacing:3px;color:var(--text-soft);margin-top:-2px;font-size:19px}.window.choices.nudge .choice{animation:.36s steps(6,end) choice-nudge}@keyframes choice-nudge{25%{border-color:var(--gold);transform:translate(-5px)}75%{border-color:var(--gold);transform:translate(5px)}}.title-tap.go{color:#fff;animation:.11s steps(2,end) 6 blink}.title-tap.go small{color:#fff}.title-sub{text-align:center;color:var(--text-soft);font-size:20px}.title-sub a{color:var(--text-soft)}#controls{--pad:clamp(78px, 23vw, 104px);--a:clamp(92px, 27vw, 116px);--plastic:#15132e;--plastic-hi:#2c2960;flex:1 1 0;min-height:0;position:relative;overflow:hidden;container-type:size}#controls:before{content:"";background:#0003;border-radius:2px;height:3px;position:absolute;top:0;left:14px;right:14px;box-shadow:0 1px #ffffff12}.btn-a{width:var(--a);height:var(--a);margin-top:calc(var(--a) / -2);image-rendering:pixelated;image-rendering:crisp-edges;filter:drop-shadow(0 6px #0b0a18);background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAADqUlEQVR4nO3YP0gbURwH8G9KRcgQUwkxoUkKgkmW0Fj/DRnq4B/8M4nQQulQFUGXLjoUQSTQLrq0UAWpdi6IkyhaB5cM/kECWUyEUu9q1WBFMwjqkA7xvb53997dRW2n/pZ7d/d89/F77/4FuKPyu4P5nx0deb87mL/NOPfuCrNeV3UXQ8F2UwC7TjANm7tcPzWbsfndwbyazVg+TlEgAjmP1tJtqZIzAEDkqkzX357cQqovjsinUVhFWeokghBMw+aubrsIBsASyrSD3x3Myw5oT25BWfUi0HRgiiL9zU6jIUiLWZzm93fXF0AAikKRf0KEkl5lIkx7f6Hd3s9jiqnzaC0CTQdQVr26i0MKYjGL03+S0S5FReaLFZSlhERzhk2GXdIDLF9RzHpdlWWU5YR8o4MAxMnU5/bpPGBrZ9hF21ZRouJAfncwXz4/Sw+uTaQ+tw/X0ENuAJIOgRSDOvUHdCkJE5r2TVIUWYowbJ2tPeDWze5Pl7+ywu0U5HcH88pRGoA4GVLs6WLTYcv++CXXX5sUi9GmxCUUTSSQjMV0yQCwnA7BpPrisCe3UD4/i/L5WYrSJpPb+sqt39cO7mp9QdvHEzxGaf6OcLKwj6QjwpAi85G2u3pw6Q9wfRy1zXAagTicJpXw+LH0Zshinrb7dPtPunpwqsGIyhBkViQdI0zSMQIAIBSnqgCAFFf8C1pkTTqZZRgAUFa9cKoKdoZd2Bl2UdjtQalG2IcSunRYTNIxwmGAwpxjb54ylOkpYy/ZN+8+AJFWHHR2wruwgLORLxxGhJBVePxYeNp0IN/oIH7EJymG3JsCFSEM9LZiamYZA9eYsrfPEE0kdBgZJDx+TNuyOSRNiMUAgHKURqAiBOUoXUBdY5KxGJBqlEKMEGlPaaHhqULDJvJqNmPjHv/kWXbS1cNh2OJQva0FTGQN5xMxHYAgKt+P4dvrMeF4aU8pGjZ36auIDgQAc0srqH/ySDiACBWoCElTKAajAxHU3NIKAEhRG9t76G5rkSIIBACHyX2+guNViRQDmFz2G9t7mJpZ1m0DCineBJP2lCLtKUXo8EJ4TN2kVrMZW3dbC02ppjpMUTXVYSM/VzIMAIQOL+BUFeErrPCrg3waq/GPhgftbmsxfT6xp4mUDANITpmazdi0n8X/AiMFERQ7cVlIMZjK92N0Th0+Pzf8G8Dilyu7zr7jyC5nAiB10tVD22af0zf6sYFFGRWB/LVfP7QwsyoG8r+s1m8r/wVoMraKhgAAAABJRU5ErkJggg==) 50%/contain no-repeat;border:none;border-radius:50%;padding:0;font-size:0;transition:transform 80ms steps(2,end),filter 80ms steps(2,end);position:absolute;top:44%;right:9%}.btn-a:active{filter:drop-shadow(0 1px #0b0a18);transform:translateY(5px)scale(1.06,.91)}.btn-a:focus-visible{outline:3px solid var(--gold);outline-offset:4px}#controls.waiting .btn-a{animation:1s steps(2,end) infinite pulse-a}@keyframes pulse-a{50%{filter:drop-shadow(0 6px #0b0a18)drop-shadow(0 0 8px #ffd23f)}}#controls .a-mark{right:calc(9% + var(--a) * .06);top:calc(44% + var(--a) * .42);font-family:var(--font-logo);color:#ffffff38;pointer-events:none;font-size:9px;position:absolute}.dpad{width:var(--pad);height:var(--pad);margin-top:calc(var(--pad) / -2);position:absolute;top:44%;left:9%}.dpad:before{content:"";background:radial-gradient(closest-side,#0000002e 70%,#0000 100%);border-radius:50%;position:absolute;top:-13%;bottom:-13%;left:-13%;right:-13%}.dpad button,.dpad .hub{background:var(--plastic);border:none;width:34%;height:34%;padding:0;transition:transform 60ms steps(2,end),box-shadow 60ms steps(2,end);position:absolute;box-shadow:inset 0 2px #ffffff1c,0 4px #0b0a18}.dpad .hub{pointer-events:none;top:33%;left:33%;box-shadow:0 4px #0b0a18}.dpad .hub:after{content:"";background:#0000004d;border-radius:50%;position:absolute;top:30%;bottom:30%;left:30%;right:30%}.dpad [data-dir=up]{border-radius:4px 4px 0 0;top:0;left:33%}.dpad [data-dir=down]{border-radius:0 0 4px 4px;bottom:0;left:33%}.dpad [data-dir=left]{border-radius:4px 0 0 4px;top:33%;left:0}.dpad [data-dir=right]{border-radius:0 4px 4px 0;top:33%;right:0}.dpad button:after{content:"";border:5px solid #0000;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dpad [data-dir=up]:after{border-bottom-color:#ffffff30;margin-top:-3px}.dpad [data-dir=down]:after{border-top-color:#ffffff30;margin-top:3px}.dpad [data-dir=left]:after{border-right-color:#ffffff30;margin-left:-3px}.dpad [data-dir=right]:after{border-left-color:#ffffff30;margin-left:3px}.dpad button.down{transform:translateY(3px);box-shadow:inset 0 2px #ffffff10,0 1px #0b0a18}#controls .pills{left:50%;bottom:calc(46px + env(safe-area-inset-bottom));gap:22px;display:flex;position:absolute;transform:translate(-50%)}.pill{background:0 0;border:none;flex-direction:column;align-items:center;gap:7px;padding:6px 4px;display:flex}.pill i{background:var(--plastic);border-radius:6px;width:38px;height:11px;transition:transform 60ms steps(2,end),box-shadow 60ms steps(2,end);display:block;transform:rotate(-24deg);box-shadow:inset 0 2px #ffffff1c,0 3px #0b0a18}.pill.down i{transform:rotate(-24deg)translate(1px,2px);box-shadow:inset 0 2px #ffffff10,0 1px #0b0a18}.pill span{font-family:var(--font-logo);letter-spacing:1px;color:#ffffff8c;font-size:8px}#controls .led{will-change:opacity;pointer-events:none;background:#6bff8f;border-radius:50%;width:7px;height:7px;animation:3.2s steps(8,end) infinite led;position:absolute;top:16px;left:18px;box-shadow:0 0 6px #6bff8f,inset 0 0 2px #fff}@keyframes led{50%{opacity:.5}}#controls .brand{left:0;right:0;bottom:calc(14px + env(safe-area-inset-bottom));text-align:center;font-family:var(--font-logo);letter-spacing:3px;color:#fff3;text-shadow:0 1px #0006;pointer-events:none;font-size:9px;position:absolute}#controls .grille{right:20px;bottom:calc(30px + env(safe-area-inset-bottom));pointer-events:none;background:radial-gradient(circle,#00000080 1.6px,#0000 2.2px) 0 0/8px 8px;width:52px;height:34px;position:absolute;transform:rotate(-24deg)}@container (height<=230px){#controls .pills,#controls .grille{display:none}.btn-a,.dpad{top:50%}#controls .a-mark{top:calc(50% + var(--a) * .42)}}@container (height<=150px){.dpad,#controls .a-mark,#controls .led{display:none}.btn-a{margin-right:calc(var(--a) / -2);right:50%}}@media (max-height:640px){#controls{display:none}}#app[data-shell=berry]{background:linear-gradient(#7a2a5c,#45163a)}#app[data-shell=mint]{background:linear-gradient(#23705f,#123d36)}#app[data-shell=clear]{background:repeating-linear-gradient(90deg,#ffffff07 0 2px,#0000 2px 22px),repeating-linear-gradient(0deg,#ffffff07 0 2px,#0000 2px 30px),linear-gradient(#5a4a9a,#2c2257)}#app[data-shell=gold]{background:linear-gradient(#8a5a14,#4e300a)}#app[data-shell=ice]{background:linear-gradient(#3d6aa3,#1c3558)}#app.reshell{animation:.26s steps(4,end) reshell}@keyframes reshell{0%{filter:brightness(1.6)saturate(1.3)}to{filter:none}}#phone{z-index:20;background:var(--phone-bg);color:var(--phone-ink);border:10px solid #22212e;border-top-width:26px;border-radius:26px;flex-direction:column;font-size:21px;line-height:1.12;animation:.36s steps(6,end) both phone-in;display:flex;position:absolute;top:10px;bottom:150px;left:10px;right:10px;overflow:hidden;box-shadow:0 0 0 3px #0b0a18,0 14px #0006}#phone:before{content:"";background:#3a3948;border-radius:4px;width:70px;height:8px;margin-left:-35px;position:absolute;top:-17px;left:50%}#phone.out{animation:.3s steps(5,end) both phone-out}@keyframes phone-in{0%{transform:translateY(105%)}to{transform:none}}@keyframes phone-out{to{transform:translateY(105%)}}#app.phone-open #panel{z-index:21;height:auto;min-height:150px;max-height:62%;padding-top:18px;position:absolute;bottom:0;left:0;right:0;overflow-y:auto}#app.phone-open #controls{display:none}#app.phone-open #panel .window.dialog{min-height:0}.ph-status{color:var(--phone-soft);background:#fff;flex:none;justify-content:space-between;padding:2px 14px;font-size:17px;display:flex}.ph-bar{border-bottom:2px solid var(--phone-line);background:#fff;flex:none;align-items:center;gap:10px;padding:6px 12px;font-size:24px;display:flex}.ph-bar .app-name{color:#2f6bff;letter-spacing:1px;font-size:28px}.ph-bar .grow{flex:1}.ph-body{-webkit-overflow-scrolling:touch;scroll-behavior:smooth;flex:1;min-height:0;overflow-y:auto}.ph-avatar{width:38px;height:38px;image-rendering:pixelated;border:2px solid var(--phone-line);background:#dde;border-radius:50%;flex:none}.ph-avatar.club-logo{image-rendering:auto;object-fit:contain;background:#fff;padding:1px}.ph-avatar.emoji-av{justify-content:center;align-items:center;font-size:22px;line-height:1;display:flex}.msg-row .ph-avatar.emoji-av{font-size:16px}.post{background:#fff;margin-bottom:8px;padding:10px 0 6px}.post-head{align-items:center;gap:8px;padding:0 12px 6px;display:flex}.post-head b{font-size:22px;font-weight:400;display:block}.post-head span{color:var(--phone-soft);font-size:17px}.post-text{white-space:pre-wrap;padding:0 12px 8px;font-size:21px}.post-tags{color:#2f6bff}.post-media{width:100%;display:block;position:relative}.post-media canvas{width:100%;image-rendering:pixelated;display:block}.post-meta{color:var(--phone-soft);justify-content:space-between;padding:6px 12px 0;font-size:17px;display:flex}.post-actions{border-top:2px solid var(--phone-line);color:var(--phone-soft);justify-content:space-around;margin-top:6px;padding:6px 12px 0;font-size:19px;display:flex}.post.target{cursor:pointer}.post.target.glow{box-shadow:inset 0 0 0 3px var(--gold)}.thumb-text{text-align:center;pointer-events:none;flex-direction:column;justify-content:flex-start;align-items:center;padding-top:7%;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.thumb-text b{color:#ffd23f;letter-spacing:2px;text-shadow:3px 3px #1d1626;font-size:clamp(26px,9vw,40px);font-weight:400;line-height:1}.thumb-text span{color:#fff;text-shadow:2px 2px #1d1626;font-size:clamp(18px,6vw,26px)}.thumb-text i{color:#fff;opacity:.9;text-shadow:1px 1px #1d1626;font-size:14px;font-style:normal;position:absolute;bottom:4px;left:8px}.play-btn{color:#fff;pointer-events:none;background:#0008;border-radius:50%;place-items:center;width:38px;height:38px;font-size:20px;display:grid;position:absolute;bottom:8px;right:8px}.sponsored{color:var(--phone-soft);font-size:16px}.ph-floating-hint{color:#fff;white-space:nowrap;pointer-events:none;z-index:2;background:#1c1e26e6;border-radius:16px;flex:none;align-self:center;margin:6px 0 8px;padding:4px 12px;font-size:19px;animation:1.2s steps(2,end) infinite blink;position:relative}.page-cover{position:relative}.page-cover canvas{width:100%;image-rendering:pixelated;display:block}.page-id{background:#fff;padding:0 12px 10px}.page-id .ph-avatar{border:4px solid #fff;width:74px;height:74px;margin-top:-40px;position:relative}.page-id h2{margin:4px 0 0;font-size:30px;font-weight:400}.page-id .muted{color:var(--phone-soft);font-size:18px}.page-actions{gap:8px;margin-top:10px;display:flex}.page-actions button{background:var(--phone-line);min-height:42px;color:var(--phone-ink);border:none;border-radius:8px;flex:1;font-size:22px}.page-actions .msg{color:#fff;background:#2f6bff}.page-actions .msg.pulse{animation:1s steps(2,end) infinite pulse}@keyframes pulse{50%{box-shadow:0 0 0 4px var(--gold)}}.page-intro{background:#fff;margin-top:8px;padding:10px 12px}.page-intro h3{margin:0 0 6px;font-size:24px;font-weight:400}.page-intro li{gap:8px;padding:3px 0;font-size:20px;list-style:none;display:flex}.page-intro ul{margin:0;padding:0}.chat{flex-direction:column;gap:6px;padding:10px 10px 12px;display:flex}.msg-row{align-items:flex-end;gap:6px;display:flex}.msg-row.me{justify-content:flex-end}.msg-row .ph-avatar{width:28px;height:28px}.bubble{white-space:pre-wrap;word-break:break-word;border-radius:16px;max-width:80%;padding:7px 11px;font-size:20px;animation:.3s cubic-bezier(.3,.7,.4,1) both bubble-in}.msg-row.bot .bubble{background:var(--bubble-bot);transform-origin:0 100%;border-bottom-left-radius:4px}.msg-row.me .bubble{background:var(--bubble-me);color:#fff;transform-origin:100% 100%;border-bottom-right-radius:4px}@keyframes bubble-in{0%{opacity:0}to{opacity:1}}.ph-body.chat-wall .bubble,.ph-body.chat-wall .typing{box-shadow:0 1px #0000001a}.wall-burst{z-index:4;pointer-events:none;background:50%/contain no-repeat;width:20px;height:20px;position:absolute}.msg-row.spacer{padding-left:34px}@keyframes pop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:none}}.typing{background:var(--bubble-bot);border-radius:16px;gap:4px;padding:12px 14px;display:inline-flex}.typing i{background:#9aa0ad;border-radius:50%;width:7px;height:7px;animation:.9s ease-in-out infinite dot-hop}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}@keyframes dot-hop{0%,55%,to{opacity:.55;transform:none}25%{opacity:1;transform:translateY(-4px)}}.cards{scroll-snap-type:x mandatory;gap:8px;padding:2px 0 4px 34px;display:flex;overflow-x:auto}.card{scroll-snap-align:start;border:2px solid var(--phone-line);background:#fff;border-radius:12px;flex:none;width:70%;padding:10px;animation:.2s steps(3,end) both pop}.card b{font-size:22px;font-weight:400;display:block}.card span{color:var(--phone-soft);margin:2px 0 8px;font-size:18px;display:block}.card button{border:2px solid var(--phone-line);color:#2f6bff;background:#fff;border-radius:8px;width:100%;min-height:40px;font-size:21px}.card button:disabled{color:var(--phone-soft)}.qr-wrap{padding-left:34px}.qr{border:2px solid var(--phone-line);text-align:center;background:#fff;border-radius:12px;width:62%;padding:10px;animation:.2s steps(3,end) both pop;position:relative}.qr .brand{color:#d02b2b;letter-spacing:1px;font-size:22px}.qr canvas{width:100%;image-rendering:pixelated;margin:4px 0;display:block}.qr .demo-stamp{z-index:2;color:#d02b2b;letter-spacing:2px;background:#fffd;border:3px solid #d02b2b;padding:0 8px;font-size:26px;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)rotate(-18deg)}.qr{overflow:hidden}.qr:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(100deg,#fff0 0%,#ffffffb0 50%,#fff0 100%);width:40%;animation:3.6s ease-in-out .5s infinite qr-shine;position:absolute;top:-20%;bottom:-20%;left:-60%;transform:skew(-18deg)}@keyframes qr-shine{0%{left:-60%}28%,to{left:130%}}.qr small{color:var(--phone-soft);font-size:15px;display:block}.quick{border-top:2px solid var(--phone-line);background:#fff;flex-wrap:wrap;flex:none;justify-content:center;gap:6px;padding:6px 10px;display:flex}.quick:empty{display:none}.quick .lbl{text-align:center;width:100%;color:var(--phone-soft);font-size:16px}.quick button{color:#2f6bff;background:#fff;border:2px solid #2f6bff;border-radius:20px;min-height:40px;padding:4px 14px;font-size:20px}.quick button.pulse{animation:1s steps(2,end) infinite pulse}.composer{background:#fff;flex:none;align-items:center;gap:8px;padding:6px 10px 8px;display:flex}.composer div{background:var(--bubble-bot);color:var(--phone-soft);border-radius:18px;flex:1;padding:6px 12px;font-size:19px}.ph-body.clip{--clip-fs:19px;flex-direction:column;gap:6px;padding:8px 12px 10px;display:flex}.clip-player{aspect-ratio:3/2;background:#000;border-radius:6px;flex:0 auto;align-self:center;width:100%;min-height:64px;position:relative;overflow:hidden}.clip-player canvas{object-fit:contain;width:100%;height:100%;image-rendering:pixelated;position:absolute;top:0;bottom:0;left:0;right:0}.clip-play{color:#fff;text-shadow:0 1px #000;font-size:18px;position:absolute;top:4px;left:8px}.clip-progress{background:#fff5;border-radius:2px;height:3px;position:absolute;bottom:6px;left:8px;right:8px;overflow:hidden}.clip-progress i{background:#ff3b3b;width:0;height:100%;display:block}.clip-line{font-size:var(--clip-fs);flex:none;margin:0;line-height:1.2}.clip-link{color:#fff;font-size:calc(var(--clip-fs) + 2px);text-align:center;background:#d93a3a;border-radius:10px;flex:none;padding:7px 12px;line-height:1.2;text-decoration:none;display:block}.clip-link:active{transform:translateY(1px)}.bank{flex-direction:column;gap:8px;padding:14px;display:flex}.bank .rowi{border-bottom:2px solid var(--phone-line);justify-content:space-between;gap:10px;padding:8px 0;font-size:20px;display:flex}.bank .rowi span{color:var(--phone-soft)}.bank .rowi b{text-align:right;font-weight:400}.bank .big{text-align:center;color:#0d8a4a;padding:10px 0;font-size:34px;position:relative}.bank .big .demo-stamp{color:#d02b2b;letter-spacing:2px;background:#fffd;border:3px solid #d02b2b;padding:0 8px;font-size:24px;line-height:1.1;position:absolute;top:50%;right:6%;transform:translateY(-50%)rotate(-14deg)}.bank button{color:#fff;background:#0d8a4a;border:none;border-radius:10px;min-height:48px;margin-top:8px;font-size:24px}.bank .demo{text-align:center;color:#d02b2b;font-size:17px}.bank .done{text-align:center;color:#0d8a4a;padding:30px 0 10px;font-size:30px}.bank .done .tick{font-size:64px;animation:.3s steps(3,end) both pop;display:block}#sheet{z-index:40;padding:16px 12px calc(20px + env(safe-area-inset-bottom));background:#0d0c1ef2;animation:.26s steps(4,end) both sheet-in;position:absolute;top:0;bottom:0;left:0;right:0;overflow-y:auto}@keyframes sheet-in{0%{opacity:0}to{opacity:1}}.sheet-head{align-items:center;gap:8px;margin-bottom:10px;display:flex}.sheet-head h2{color:var(--gold);text-shadow:2px 2px #000;flex:1;margin:0;font-size:32px;font-weight:400}.lang-toggle{border:2px solid #fff5;border-radius:6px;display:flex;overflow:hidden}.lang-toggle button{background:0 0;border:none;padding:2px 10px;font-size:20px}.lang-toggle button.on{background:var(--gold);color:var(--ink)}.ql-sub{color:var(--text-soft);margin:0 0 12px;font-size:21px}.ql-list{flex-direction:column;gap:10px;display:flex}.ql-item{font-size:22px}.ql-item h3{color:var(--gold);letter-spacing:1px;text-transform:uppercase;margin:0 0 2px;font-size:20px;font-weight:400}.ql-item p{white-space:pre-wrap;margin:0}.ql-item a{color:#8fd3ff}.ql-item ol{margin:4px 0 0;padding-left:26px}.ql-item li{margin:2px 0}.ql-cta{flex-direction:column;gap:10px;margin-top:16px;display:flex}.ql-cta a,.ql-cta button{text-align:center;text-decoration:none;display:block}.end-card{text-align:center;padding:18px 6px}.end-col{display:contents}.end-card h2{font-weight:400;font-family:var(--font-ui);letter-spacing:3px;color:var(--gold);text-shadow:3px 3px #000;margin:0 0 8px;font-size:46px}.end-card p{color:var(--text-soft);margin:0 0 14px;font-size:22px}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:1ms!important;animation-iteration-count:1!important}}.screen-btn{z-index:5;letter-spacing:2px;min-width:46%;color:var(--ink);background:var(--gold);border:3px solid var(--ink);border-radius:10px;padding:6px 18px 4px;font-size:clamp(26px,8vw,40px);animation:.9s steps(2,end) infinite pulse-btn;position:absolute;bottom:9%;left:50%;transform:translate(-50%);box-shadow:0 5px #8a6a12,0 0 0 3px #fff8}.screen-btn.go{background:var(--accent);color:#fff;text-shadow:2px 2px 0 var(--ink);box-shadow:0 5px #8a2230,0 0 0 3px #fff8}.screen-btn:active{transform:translate(-50%,3px);box-shadow:0 2px #8a6a12}@keyframes pulse-btn{50%{box-shadow:0 5px #8a6a12,0 0 0 7px #fff4}}.name-tags{transition:opacity .24s;position:absolute;top:0;bottom:0;left:0;right:0}.name-tags.out{opacity:0}.name-tags span{white-space:nowrap;color:#fff;background:#0d0c1ecc;border-radius:3px;padding:0 3px;font-size:clamp(11px,3.3vw,15px);line-height:1.05;position:absolute;transform:translate(-50%,-100%)}#matchbar{flex:auto;align-items:center;gap:5px;min-width:0;display:flex}#matchbar:empty{display:none}.vibe{color:#ff8ad8;white-space:nowrap;background:#0d0c1eb3;border:2px solid #ff8ad8;border-radius:6px;align-items:center;gap:4px;height:26px;padding:0 6px;font-size:15px;line-height:1;display:flex}.vibe b{letter-spacing:1px;font-weight:400}.vibe span{gap:2px;display:flex}.vibe i{background:#3a3150;border:1px solid #ff8ad866;width:9px;height:9px}.vibe i.on{background:#ff5a8a;border-color:#ffd1e1}.vibe em{color:var(--gold);font-style:normal;display:none}.vibe.max em{animation:.8s steps(2,end) infinite blink;display:inline}.vibe.max span{display:none}.vibe.up{animation:.38s steps(4,end) vibe-up}.vibe.down{animation:.38s steps(4,end) vibe-down}@keyframes vibe-up{50%{transform:scale(1.12)}}@keyframes vibe-down{25%{transform:translate(-4px)}75%{transform:translate(4px)}}.scoreboard{border:2px solid var(--gold);color:#fff;white-space:nowrap;background:#0d0c1eb3;border-radius:6px;align-items:center;gap:4px;min-width:0;height:26px;padding:0 6px;font-size:15px;line-height:1;display:flex}.scoreboard span{text-overflow:ellipsis;min-width:0;overflow:hidden}.vibe,.scoreboard b{flex:none}.scoreboard b{color:var(--gold);text-align:center;min-width:2.6em;font-size:1.25em;font-weight:400}@media (max-width:400px){.vibe b{display:none}.vibe:before{content:"😄";font-size:.95em}}@media (max-width:460px){#hud.in-match .lbl{display:none}}.scoreboard span{display:none}.scoreboard:before{content:"🏸";font-size:.9em}.week-card{color:var(--ink);border:3px solid var(--ink);background:#fffdf6;border-radius:8px;flex-direction:column;padding:6px 10px;animation:.26s steps(4,end) both card-pop;display:flex;position:absolute;top:4%;bottom:4%;left:6%;right:6%;box-shadow:0 4px #0007}.week-card h3{color:var(--accent);text-align:center;margin:0 0 2px;font-size:clamp(17px,5vw,24px);font-weight:400}.week-row{border-top:1px dashed #c9c2b0;flex:1;align-items:center;gap:8px;font-size:clamp(15px,4.4vw,22px);line-height:1.1;animation:.24s steps(3,end) both card-pop;display:flex}.week-row b{color:#6b6a78;min-width:2.6em;font-weight:400}.week-row.hi{background:#fff1b8}.week-row.hi b{color:var(--accent)}@keyframes card-pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}.end-card .leave-note{color:var(--text-soft);font-size:20px}.end-card .leave-fee{color:#9fd8ff;font-size:20px;line-height:1.1}.skip-card h2{font-size:40px}.end-card .end-go{margin-top:6px}.end-card .end-cta-lead{color:var(--gold);margin:0 0 2px;font-size:20px}.skip-card .skip-next{color:var(--gold)}.big-btn{letter-spacing:2px;min-width:62%;color:var(--ink);background:var(--gold);border:3px solid var(--ink);border-radius:10px;margin:10px auto 2px;padding:6px 18px 3px;font-size:clamp(26px,8vw,36px);animation:.9s steps(2,end) infinite pulse-big;display:block;box-shadow:0 5px #8a6a12}.big-btn.go{background:var(--accent);color:#fff;text-shadow:2px 2px 0 var(--ink);box-shadow:0 5px #8a2230}.big-btn:active{transform:translateY(3px);box-shadow:0 2px #8a6a12}@keyframes pulse-big{50%{filter:brightness(1.15);transform:scale(1.03)}}.hall-tags span.sit{opacity:.88;font-size:clamp(9px,2.7vw,13px)}.hall-tags span.me{background:var(--gold);color:var(--ink)}.hall-tags span.host{background:var(--accent);color:#fff}.hall-tags span{transition:opacity .22s}.hall-tags span.hid{opacity:0}.hall-tags span.speak{z-index:2;opacity:1;color:var(--ink);box-shadow:0 0 0 1px var(--gold);background:#fff;font-size:clamp(12px,3.6vw,16px)}.hall-tags span.me.speak{background:var(--gold);box-shadow:0 0 0 1px #fff}.hall-tags span.host.speak{background:var(--accent);color:#fff;box-shadow:0 0 0 1px #fff}.name-tags .tag-badge{margin-right:.22em;font-style:normal;animation:.44s cubic-bezier(.2,1.7,.4,1) both tag-badge-in;display:inline-block}.name-tags .tag-badge.out{animation:.24s ease-in forwards tag-badge-out}@keyframes tag-badge-in{0%{opacity:0;transform:scale(.1)translateY(40%)}to{opacity:1;transform:none}}@keyframes tag-badge-out{to{opacity:0;transform:scale(.1)}}@media (prefers-reduced-motion:reduce){.name-tags .tag-badge,.name-tags .tag-badge.out{animation:none}}.ending-chip{border:3px solid var(--gold);text-align:center;background:#ffd23f14;border-radius:8px;max-width:420px;margin:0 auto 16px;padding:10px 12px 12px}.ending-name{color:var(--gold);text-shadow:2px 2px #000;font-size:26px}.ending-name .badge.new{background:var(--accent);font-size:17px}.ending-count{color:var(--text-soft);margin:4px 0 10px;font-size:19px}.share-btn{background:var(--gold);width:100%;color:var(--ink);border-color:var(--ink);text-shadow:none;box-shadow:0 4px #a8741a}.share-btn:active{transform:translateY(3px);box-shadow:0 1px #a8741a}.ql-endings h3{margin-bottom:8px}.ending-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.ending-tile{text-align:center;color:#ffffff80;border:2px dashed #ffffff40;border-radius:6px;flex-direction:column;align-items:center;gap:2px;padding:6px 4px;font-size:17px;line-height:1.05;display:flex}.ending-tile .em{font-size:24px}.ending-tile small{color:#8fd3ff;font-size:14px}.ending-tile.got{border-style:solid;border-color:var(--gold);color:#fff;background:#ffd23f1a}.share-modal{z-index:50;background:#0d0c1ee6;justify-content:center;align-items:center;padding:12px;animation:.2s steps(3,end) both sheet-in;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.share-box{width:100%;max-height:100%;padding:10px 12px 14px;overflow-y:auto}.share-head{z-index:2;background:var(--win-top);border-radius:5px 5px 0 0;align-items:center;gap:8px;margin:-10px -12px 8px;padding:10px 12px 0;display:flex;position:sticky;top:-10px}.share-head h3{color:var(--gold);text-shadow:2px 2px #000;flex:1;margin:0;font-size:26px;font-weight:400}.share-img{aspect-ratio:1200/630;-webkit-user-select:auto;user-select:auto;-webkit-touch-callout:default;background:#1c1a40;border:2px solid #fff5;border-radius:6px;width:100%;display:block}.share-text{white-space:pre-wrap;word-break:break-word;color:var(--text-soft);-webkit-user-select:text;user-select:text;background:#ffffff12;border-radius:6px;margin:8px 0 0;padding:6px 8px;font-size:18px;line-height:1.15}.share-btns{gap:8px;margin-top:10px}.share-btns .pbtn{min-height:42px;font-size:22px}.end-col>.end-go+*{margin-top:14px}.share-btns .story-btn,.share-step .story-btn{color:#fff;background:#3a4bc8;border-color:#fff;justify-content:center;align-items:center;gap:10px;padding:4px 10px;display:flex}.story-thumb{object-fit:cover;image-rendering:auto;border:2px solid #fff;border-radius:3px;width:22px;height:39px;box-shadow:2px 2px #0008}.share-img.tall{aspect-ratio:1080/1920;width:52%;margin:0 auto}.share-status{color:#8fd3ff;text-align:center;min-height:1em;margin:8px 0 0;font-size:17px}.share-apps{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.share-apps.two{grid-template-columns:1fr 1fr}.share-apps .pbtn{padding:6px 4px;font-size:21px}.share-apps .app-fb{border-color:#4f8df7}.share-apps .app-zalo{border-color:#3d8bff}.share-apps .app-wa{border-color:#38c172}.share-apps .app-ig{border-color:#e4508f}.share-step{flex-direction:column;gap:8px;margin-top:10px;display:flex}.share-step .pbtn{text-align:center;min-height:42px;font-size:22px}.share-tip{color:var(--text);margin:0;font-size:18px;line-height:1.2}.share-tag{color:var(--gold);font-weight:400}.share-step .share-back{min-height:36px;box-shadow:none;background:0 0;border-color:#fff5;font-size:19px}.share-step .share-status{margin:0}.share-step .share-status:empty{display:none}.share-box.stepping .share-img:not(.tall){width:62%;margin:0 auto}.room-sign{color:#fff3d6;text-shadow:1px 1px #000;pointer-events:none;background:#5a3a22f0;border:2px solid #c9a27a;border-radius:4px;max-width:46%;padding:0 7px 1px;font-size:clamp(12px,3.5vw,17px);line-height:1.15;position:absolute;top:5px;left:50%;transform:translate(-50%);box-shadow:0 2px #0008}.room-sign span{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.room-sign:before,.room-sign:after{content:"";background:#5a3a22;width:2px;height:5px;position:absolute;top:-7px}.room-sign:before{left:12%}.room-sign:after{right:12%}.look-editor,.hobby-step{flex-direction:column;gap:10px;display:flex}.look-title{color:var(--gold);text-shadow:2px 2px #000;font-size:24px}.bi .bi-en{opacity:.72;letter-spacing:.5px;font-size:.74em;line-height:1;display:block}label.bi{line-height:1.05;display:block}.cycler-name.bi{line-height:1}.look-editor .field label{font-size:19px}.swatches{flex-wrap:wrap;gap:5px;display:flex}.look-head{align-items:center;gap:8px;display:flex}.look-head .look-title{flex:1}.look-done{min-height:40px;padding:4px 12px;font-size:21px}.look-done small{font-size:14px}.look-editor{gap:8px}.look-editor .field{gap:4px}.swatch{border:3px solid #0006;border-radius:6px;width:26px;height:26px;padding:0;box-shadow:inset 0 -3px #0003}.swatch.on{border-color:var(--gold);transform:translateY(-1px);box-shadow:0 0 0 2px #000,inset 0 -3px #0003}.cycler{align-items:center;gap:8px;display:flex}.cycler .pbtn{min-width:46px;min-height:38px;padding:2px 10px}.cycler-name{text-align:center;flex:1;font-size:22px}.hobby-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.pbtn.hobby{padding:6px 2px;font-size:26px;line-height:1.1}.pbtn.hobby small{margin-top:2px;font-size:16px}.badges{margin:2px 0 10px}.badges-title{color:var(--text-soft);font-size:17px}.badge-chip{color:#fff;background:#0004;border:2px solid #ffd23f99;border-radius:12px;margin:4px 3px 0;padding:0 8px 1px;font-size:18px;display:inline-block}#hud{position:relative}#progress-bar{background:#ffffff1a;height:3px;position:absolute;top:0;left:0;right:0}#progress-bar i{background:var(--gold);width:0;height:100%;transition:width .4s steps(6,end);display:block}#progress{min-width:0;color:var(--text-soft);white-space:nowrap;text-overflow:ellipsis;flex:auto;align-self:center;font-size:clamp(14px,3.9vw,18px);overflow:hidden}#hud.in-match #progress,#progress[hidden]{display:none}.hud-btn.on{background:var(--gold);color:var(--ink);border-color:var(--ink)}#btn-read.nudge{animation:.7s steps(2,end) infinite hud-nudge}@keyframes hud-nudge{50%{box-shadow:0 0 0 3px var(--gold)}}@media (prefers-reduced-motion:reduce){#btn-read.nudge{box-shadow:0 0 0 3px var(--gold);animation:none}}#hud.in-match #btn-read{display:none}.toast.low{top:auto;bottom:8px}.toast.wrap{white-space:normal;text-align:center;width:88%;padding:3px 10px;line-height:1.15}.ff-badge.hold{border-color:var(--gold);color:var(--gold);left:auto;right:8px}#boot{z-index:30;position:absolute;top:0;bottom:0;left:0;right:0}.ql-hof .hof-list{margin:2px 0 4px;padding:0;font-size:22px;list-style:none}.ql-hof .hof-list li.empty{color:var(--text-soft);font-size:19px}.ql-hof .hof-how,.ql-hof .hof-you{color:var(--text-soft);margin:4px 0 0;font-size:18px}.master{background:#0004;border-radius:6px;margin:10px 0 12px;padding:8px}.master-title{color:var(--gold);text-shadow:2px 2px #000;font-size:24px}.master-line{color:#fff!important;margin:4px 0 8px!important;font-size:19px!important}.master .pbtn{text-decoration:none;display:block}.session-pick{margin:2px 0 0}.session-pick-lead{color:var(--text-soft);text-align:left;margin:0 0 4px;font-size:19px}.session-chips{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.ql-cta .session-chips .pbtn.chip{white-space:normal;overflow-wrap:normal;min-height:40px;padding:4px 2px;font-size:19px;line-height:1.05}.pbtn.chip.on{background:var(--gold);color:var(--ink);border-color:var(--ink);text-shadow:none}@media (max-width:340px){.session-chips{grid-template-columns:repeat(2,1fr)}}.end-card .leave-go{border-top:2px dashed #fff3;margin-top:14px;padding-top:10px}.end-card .leave-go .end-cta-lead{font-size:19px}.share-sub{color:var(--text-soft);margin:4px 0 0;font-size:19px}.plan-banner{text-align:center;background:#5ad8ff18;border:3px solid #5ad8ff;border-radius:8px;max-width:360px;margin:12px auto 0;padding:6px 10px;font-size:20px;line-height:1.15}.plan-banner.today{border-color:var(--gold);background:#ffd23f22;animation:1.2s steps(2,end) 3 blink}.plan-banner .plan-map{color:var(--gold);margin-top:4px;display:inline-block}.venue-tv{padding:0 calc(var(--gp,1.5px) * 2);color:#fff;font-size:calc(var(--gp,1.5px) * 7.4);text-shadow:1px 1px #000;background:#0d1a33f0;flex-direction:column;justify-content:center;gap:0;line-height:1.02;transition:opacity .24s;animation:.26s steps(3,end) both tv-on;display:flex;position:absolute;overflow:hidden}.venue-tv.out{opacity:0}.venue-tv b{color:var(--gold);letter-spacing:.5px;white-space:nowrap;font-size:.86em;font-weight:400}.venue-tv span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.venue-tv span.empty{white-space:normal;color:#cfe3ff;font-size:.9em}@keyframes tv-on{0%{filter:brightness(3);transform:scaleY(.05)}to{filter:none;transform:none}}.tap-ripple{z-index:9999;pointer-events:none;opacity:.95;border:3px solid #fff;width:26px;height:26px;margin:-13px 0 0 -13px;animation:.38s steps(5,end) forwards tap-ripple;position:fixed;transform:rotate(45deg)scale(.3);box-shadow:0 0 0 2px #0006}@keyframes tap-ripple{to{opacity:0;border-width:1px;transform:rotate(45deg)scale(1.5)}}.window.dialog.enter{animation:.22s steps(4,end) both dlg-enter}.window.dialog.enter .speaker{animation:.26s steps(4,end) both tag-pop}@keyframes dlg-enter{0%{transform:translateY(6px)scaleY(.92)}60%{transform:translateY(-2px)scaleY(1.02)}to{transform:none}}@keyframes tag-pop{0%{transform:scale(.4)}70%{transform:scale(1.12)}to{transform:none}}.choice{transition:transform 60ms;animation:.22s steps(4,end) both choice-in}.choice:active{transform:scale(.97)}@keyframes choice-in{0%{opacity:0;transform:translate(-14px)}to{opacity:1;transform:none}}.pbtn:active,.big-btn:active{transform:translateY(2px)scale(.98)}.fx .w{white-space:nowrap;display:inline-block}.fx .w span{display:inline-block}.fx-shake .w span{animation:.16s steps(2,end) infinite fx-shake;animation-delay:calc(var(--i) * -53ms)}@keyframes fx-shake{0%{transform:translate(1px,-1px)}50%{transform:translate(-1px,1px)}to{transform:translate(1px,1px)}}.fx-wave .w span{animation:.9s steps(6,end) infinite fx-wave;animation-delay:calc(var(--i) * 70ms)}@keyframes fx-wave{0%,to{transform:none}50%{transform:translateY(-4px)}}.fx-rainbow .w span{animation:.72s steps(6,end) infinite fx-rainbow;animation-delay:calc(var(--i) * -90ms)}@keyframes fx-rainbow{0%{color:#ff6a6a}17%{color:#ffd23f}33%{color:#7cff8a}50%{color:#5ad1ff}67%{color:#c08cff}83%{color:#ff8ad8}to{color:#ff6a6a}}@media (prefers-reduced-motion:reduce){.fx-shake .w span,.fx-wave .w span,.window.dialog.enter,.choice{animation:none}}.pop-word{z-index:7;color:var(--gold);white-space:nowrap;pointer-events:none;text-shadow:3px 0 #1c1a40,-3px 0 #1c1a40,0 3px #1c1a40,0 -3px #1c1a40,3px 3px #1c1a40,4px 5px #0008;font-family:VT323,monospace;font-size:clamp(34px,11vw,64px);line-height:1;animation:1.1s steps(14,end) both pop-word;position:absolute;transform:translate(-50%,-50%)}.pop-word.hot{color:#fff;text-shadow:3px 0 #d23a3a,-3px 0 #d23a3a,0 3px #d23a3a,0 -3px #d23a3a,3px 3px #d23a3a,4px 5px #0008}.pop-word.cool{color:#9fe8ff}.pop-word.small{font-size:clamp(24px,7vw,40px)}@keyframes pop-word{0%{opacity:0;transform:translate(-50%,-50%)scale(.2)rotate(-12deg)}14%{opacity:1;transform:translate(-50%,-50%)scale(1.25)rotate(-6deg)}24%{transform:translate(-50%,-50%)scale(.95)rotate(-4deg)}32%{transform:translate(-50%,-50%)scale(1)rotate(-4deg)}80%{opacity:1;transform:translate(-50%,-62%)scale(1)rotate(-4deg)}to{opacity:0;transform:translate(-50%,-75%)scale(.9)rotate(-4deg)}}.scoreboard.bump b{animation:.26s steps(4,end) score-bump}@keyframes score-bump{40%{color:#fff;transform:scale(1.35)}}.vs-card{z-index:30;pointer-events:none;animation:.22s steps(4,end) .33s vs-shake;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden;container-type:size}.vs-card:before{content:"";background:#0d0c1e;animation:.2s steps(3,end) both vs-dim;position:absolute;top:0;bottom:0;left:0;right:0}@keyframes vs-dim{0%{opacity:0}}@keyframes vs-shake{25%{transform:translate(-4px,3px)}50%{transform:translate(4px,-2px)}75%{transform:translate(-2px,1px)}}.vs-band{height:56%;padding:0 6cqw;animation:.6s steps(6,end) infinite vs-stripes,.23s steps(5,end) both vs-from-left;display:flex;position:absolute;left:0;right:0}.vs-band.us{clip-path:polygon(0 0,100% 0,100% 64%,0 100%);background:repeating-linear-gradient(115deg,#ffffff1c 0 9px,#0000 9px 22px),linear-gradient(160deg,#4f86ff,#2348b8);justify-content:flex-start;align-items:flex-start;padding-top:3cqh;top:0}.vs-band.them{clip-path:polygon(0 36%,100% 0,100% 100%,0 100%);background:repeating-linear-gradient(115deg,#ffffff1c 0 9px,#0000 9px 22px),linear-gradient(160deg,#ff6a5a,#b8233a);justify-content:flex-end;align-items:flex-end;padding-bottom:3cqh;animation-name:vs-stripes,vs-from-right;bottom:0}@keyframes vs-stripes{to{background-position:48.55px 0,0 0}}@keyframes vs-from-left{0%{transform:translate(-105%)}}@keyframes vs-from-right{0%{transform:translate(105%)}}.vs-faces{gap:4cqw;display:flex}.vs-faces figure{flex-direction:column;align-items:center;gap:1cqh;margin:0;animation:.32s steps(5,end) both vs-face;display:flex}@keyframes vs-face{0%{transform:scale(0)}70%{transform:scale(1.15)}}.vs-faces canvas{aspect-ratio:1;width:min(17cqw,26cqh);image-rendering:pixelated;image-rendering:crisp-edges;background:#1c1a40;border:3px solid #fff;border-radius:6px;display:block;box-shadow:3px 3px #0009}.vs-faces figcaption{text-overflow:ellipsis;white-space:nowrap;color:#fff;text-shadow:2px 0 #0d0c1e,-2px 0 #0d0c1e,0 2px #0d0c1e,0 -2px #0d0c1e,2px 2px #0d0c1e;max-width:22cqw;font-size:clamp(14px,5.6cqw,24px);line-height:1;overflow:hidden}.vs-word{font-family:var(--font-logo);color:var(--gold);text-shadow:4px 0 #d23a3a,-4px 0 #d23a3a,0 4px #d23a3a,0 -4px #d23a3a,4px 4px #d23a3a,6px 8px #0d0c1e;font-size:min(14cqw,24cqh);font-weight:400;line-height:1;animation:.3s steps(5,end) .3s both vs-slam;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-8deg)}@keyframes vs-slam{0%{opacity:0;transform:translate(-50%,-50%)rotate(-8deg)scale(3.2)}60%{opacity:1;transform:translate(-50%,-50%)rotate(-8deg)scale(.86)}to{opacity:1;transform:translate(-50%,-50%)rotate(-8deg)scale(1)}}.vs-say{max-width:48cqw;color:var(--ink);border:3px solid var(--ink);background:#fff;border-radius:8px;padding:1.5cqh 2.6cqw 2cqh;font-size:clamp(15px,5.2cqw,22px);line-height:1.05;animation:.3s steps(5,end) .52s both vs-face;position:absolute;bottom:6cqh;left:4cqw;box-shadow:3px 3px #0008}.vs-say b{color:#b8233a;font-size:.85em;font-weight:400;display:block}.vs-say:after{content:"";border:7px solid #0000;border-left:9px solid var(--ink);border-right:0;position:absolute;bottom:30%;right:-11px}.vs-card.out{animation:.26s steps(4,end) both vs-fade}.vs-card.out .vs-band.us{animation:.24s steps(4,end) both vs-to-left}.vs-card.out .vs-band.them{animation:.24s steps(4,end) both vs-to-right}@keyframes vs-fade{to{opacity:0}}@keyframes vs-to-left{to{transform:translate(-105%)}}@keyframes vs-to-right{to{transform:translate(105%)}}.cut-in{z-index:31;pointer-events:none;background:linear-gradient(#ffb13a,#e8462e 48%,#8a1838);border-top:3px solid #fff;border-bottom:3px solid #fff;height:54%;animation:.12s steps(3,end) both ci-open;position:absolute;top:23%;left:0;right:0;overflow:hidden;box-shadow:0 0 0 3px #0d0c1e;container-type:size}.cut-in:before{content:"";background:linear-gradient(90deg,#fffd 0 38%,#0000 38%) 0 14%/140px 3px repeat-x,linear-gradient(90deg,#fff9 0 25%,#0000 25%) 40px 33%/190px 2px repeat-x,linear-gradient(90deg,#fffb 0 30%,#0000 30%) 90px 58%/160px 4px repeat-x,linear-gradient(90deg,#fff8 0 20%,#0000 20%) 20px 80%/210px 2px repeat-x,linear-gradient(90deg,#fffa 0 28%,#0000 28%) 60px 92%/170px 3px repeat-x;animation:.2s steps(4,end) infinite ci-lines;position:absolute;top:0;bottom:0;left:0;right:0}@keyframes ci-lines{to{background-position-x:-140px,-150px,-70px,-190px,-110px}}@keyframes ci-open{0%{transform:scaleY(0)}}.ci-face{aspect-ratio:1;width:116cqh;animation:.62s linear both ci-face;position:absolute;bottom:-16cqh;left:10cqw}.ci-face canvas{width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;filter:drop-shadow(5px 0 #0d0c1e);display:block}@keyframes ci-face{0%{transform:translate(110cqw)}20%{transform:translate(0)}to{transform:translate(-5cqw)}}.ci-name{white-space:nowrap;text-overflow:ellipsis;color:#fff;text-shadow:3px 0 #0d0c1e,-3px 0 #0d0c1e,0 3px #0d0c1e,0 -3px #0d0c1e,4px 4px #0d0c1e;max-width:46cqw;font-size:clamp(22px,26cqh,44px);line-height:1;animation:.62s linear both ci-name;position:absolute;top:50%;right:6cqw;overflow:hidden;transform:translateY(-50%)skew(-12deg)}@keyframes ci-name{0%{opacity:0;transform:translate(-40cqw,-50%)skew(-12deg)}25%{opacity:1;transform:translateY(-50%)skew(-12deg)}}.cut-in.out{animation:.16s steps(3,end) both ci-close}@keyframes ci-close{to{transform:scaleY(0)}}.count-up{z-index:7;color:var(--gold);white-space:nowrap;pointer-events:none;text-shadow:3px 0 #1c1a40,-3px 0 #1c1a40,0 3px #1c1a40,0 -3px #1c1a40,3px 3px #1c1a40,4px 5px #0008;font-size:clamp(26px,8vw,44px);line-height:1;transition:opacity .3s steps(3,end),transform .3s steps(3,end);position:absolute;transform:translate(-50%,-50%)}.count-up.bump{animation:.2s steps(3,end) count-bump}@keyframes count-bump{40%{color:#fff;transform:translate(-50%,-50%)scale(1.3)rotate(-4deg)}}.count-up.out{opacity:0;transform:translate(-50%,-90%)}.rec-badge{z-index:6;color:#fff;pointer-events:none;font-variant-numeric:tabular-nums;background:#0d0c1ecc;border:2px solid #ff5a5a;border-radius:6px;padding:0 8px 2px;font-size:clamp(16px,4.6vw,22px);transition:opacity .24s steps(3,end);position:absolute;top:4%;right:3%}.rec-badge .rec-dot{color:#ff3b3b;animation:1s step-end infinite rec-blink}.rec-badge.out{opacity:0}@keyframes rec-blink{50%{opacity:.2}}@media (prefers-reduced-motion:reduce){.rec-badge .rec-dot{animation:none}}.rally-count{z-index:6;border:2px solid var(--gold);color:#fff;pointer-events:none;background:#0d0c1ecc;border-radius:6px;padding:0 8px 2px;font-size:clamp(17px,5vw,24px);transition:opacity .24s steps(3,end);position:absolute;top:4%;left:3%}.rally-count.hot{background:#d23a3a;border-color:#fff}.rally-count.bump{animation:.26s steps(4,end) score-bump}.rally-count.out{opacity:0}.cave-count{z-index:6;border:2px solid var(--gold);color:#fff;pointer-events:none;background:#0d0c1ecc;border-radius:6px;padding:0 8px 2px;font-size:clamp(17px,5vw,24px);position:absolute;top:4%;left:3%}.cave-count.bump{animation:.26s steps(4,end) score-bump}.cave-tap{z-index:7;background:var(--gold);color:var(--ink);border:2px solid var(--ink);white-space:nowrap;pointer-events:none;border-radius:6px;padding:0 10px 2px;font-size:clamp(20px,6vw,30px);animation:.42s steps(2,end) infinite cave-tap;position:absolute;transform:translate(-50%,-100%)}.cave-tap:after{content:"";border:6px solid #0000;border-top-color:var(--ink);border-bottom:0;margin-left:-6px;position:absolute;bottom:-9px;left:50%}@keyframes cave-tap{50%{transform:translate(-50%,-112%)scale(1.08)}}.rule-card{z-index:8;color:#3a2418;text-align:center;pointer-events:none;background:#fff7e0f7;border:3px solid #b0402a;border-radius:6px;width:92%;padding:5px 10px 7px;font-size:clamp(16px,4.8vw,23px);line-height:1.06;animation:.42s steps(6,end) both rule-stamp;position:absolute;top:4%;left:50%;transform:translate(-50%);box-shadow:0 0 0 2px #1c1a40,3px 4px #0007}.rule-card b{color:#b0402a;letter-spacing:1px;font-size:.95em;font-weight:400;display:block}@keyframes rule-stamp{0%{opacity:0;transform:translate(-50%)scale(1.8)rotate(-8deg)}55%{opacity:1;transform:translate(-50%)scale(.94)rotate(-2deg)}to{transform:translate(-50%)scale(1)rotate(-1.5deg)}}.rule-card.low{top:auto;bottom:4%}.rule-card.out{animation:.52s cubic-bezier(.5,0,.75,0) both rule-out}@keyframes rule-out{0%{opacity:1;transform:translate(-50%)rotate(-1.5deg)}25%{opacity:1;transform:translate(-50%)translateY(-6%)scale(1.04)rotate(-1.5deg)}to{transform:translate(calc(-50% + var(--fx,45%)), var(--fy,170%)) scale(.12) rotate(8deg);opacity:.2}}.rule-card .rule-pips{letter-spacing:2px;color:#b0402a;margin-left:8px;font-size:.9em;font-style:normal}.pill.got i{animation:.6s steps(6,end) got-bounce}#btn-skip.got{animation:.6s steps(6,end) got-pop}@keyframes got-pop{30%{filter:brightness(1.6);transform:scale(1.2)}}@keyframes got-bounce{30%{filter:brightness(1.8);transform:rotate(-24deg)scale(1.35)}60%{transform:rotate(-24deg)scale(.92)}}.end-card{padding-top:10px}.end-card h2{margin-bottom:4px;font-size:40px}.end-card>p,.end-col>p{margin-bottom:10px;font-size:20px}.end-card .ending-chip{margin-bottom:10px;padding:6px 10px 8px}.end-card .ending-name{font-size:23px}.end-card .ending-count{font-size:17px}.end-card .badges{margin:2px 0 6px}.end-card .badges-title{display:none}.end-card .badge-chip{margin:3px 2px 0;font-size:16px}.end-card .share-btn{min-height:40px;padding:4px 10px;font-size:21px}.end-card .end-go{gap:8px;margin-top:0}.end-card .end-more{margin-top:12px}.recap{text-align:left;color:#e8e6ff;background:#ffffff0a;border:2px dashed #fff4;border-radius:8px;max-width:420px;margin:14px auto 0;padding:8px 12px 10px;font-size:18px;line-height:1.2}.recap-title{color:var(--gold);margin-bottom:4px;font-size:21px}.recap-row{margin:3px 0}.recap-row.rules-head{margin-top:6px}.recap-rules{counter-reset:rule;margin:2px 0 0;padding-left:4px;list-style:none}.recap-rules li{counter-increment:rule;margin:3px 0;padding-left:26px;position:relative}.recap-rules li:before{content:counter(rule) ".";color:var(--gold);position:absolute;left:4px}.recap-rules li.seen:before{content:"✓";color:#7cff8a}.pack-row{z-index:7;pointer-events:none;gap:6px;display:flex;position:absolute;top:21%;left:50%;transform:translate(-50%)}.pack-row.out{animation:.28s steps(4,end) both pack-out}@keyframes pack-out{to{opacity:0;transform:translate(-50%)translateY(-40%)}}.pack-item{width:clamp(50px,15vw,66px);color:var(--ink);border:2px solid var(--ink);text-align:center;background:#fff7e0;border-radius:6px;padding:4px 2px 3px;animation:.3s steps(5,end) both pack-pop;position:relative;box-shadow:2px 3px #0007}.pack-item i{font-size:clamp(20px,6.4vw,28px);font-style:normal;line-height:1.1;display:block}.pack-item span{white-space:nowrap;font-size:clamp(14px,4vw,18px);line-height:1;display:block}.pack-item b{background:var(--ok);color:#fff;border:2px solid var(--ink);border-radius:50%;width:20px;height:20px;font-size:15px;font-weight:400;line-height:15px;animation:.22s steps(4,end) both pack-tick;position:absolute;top:-8px;right:-8px}@keyframes pack-pop{0%{opacity:0;transform:translateY(60%)scale(.4)}60%{opacity:1;transform:translateY(-10%)scale(1.08)}to{opacity:1;transform:none}}@keyframes pack-tick{0%{opacity:0;transform:scale(2.2)rotate(-20deg)}to{opacity:1;transform:none}}.loc-banner{z-index:8;border:2px solid #fff;border-left:6px solid var(--gold);color:#fff;pointer-events:none;background:#0d0c1ef0;border-radius:4px;max-width:80%;padding:4px 12px 5px;font-size:clamp(16px,4.6vw,23px);line-height:1.05;animation:.36s steps(6,end) both loc-in;position:absolute;top:5%;left:3%;box-shadow:3px 3px #0008}.loc-banner.low{top:auto;bottom:5%}.loc-banner b{color:var(--gold);font-weight:400;display:block}.loc-banner span{color:#d8d6ff;font-size:.82em;display:block}.loc-banner.out{animation:.32s steps(5,end) both loc-out}@keyframes loc-in{0%{transform:translate(-110%)}to{transform:none}}@keyframes loc-out{to{transform:translate(-110%)}}.week-row:not(.hi){opacity:.62}.week-row.hi{animation:.38s steps(5,end) both week-stamp}@keyframes week-stamp{0%{opacity:0;transform:scale(1.25)}60%{opacity:1;transform:scale(.97)}to{transform:none}}.recap-row{grid-template-columns:1.7em 1fr;align-items:start;display:grid}.recap-row .ic{text-align:center}.title-time{text-align:center;color:var(--gold);margin:-2px 0 4px;font-size:20px}.dom-confetti{pointer-events:none;z-index:60;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.dom-confetti i{width:7px;height:9px;animation:1.8s cubic-bezier(.3,.6,.6,1) both dom-confetti;position:absolute;top:-12px}@keyframes dom-confetti{to{transform:translate(var(--dx), 105vh) rotate(var(--r))}}.end-card.celebrate .end-col>*{animation:.26s steps(4,end) both card-pop}.end-card.celebrate .end-col>h2{animation:.42s steps(6,end) both end-stamp}@keyframes end-stamp{0%{opacity:0;transform:scale(2.2)rotate(-10deg)}60%{opacity:1;transform:scale(.92)}to{transform:none}}.pbtn.cta-pulse{animation:1.6s steps(4,end) 1.2s infinite cta-pulse}@keyframes cta-pulse{0%,to{box-shadow:0 4px #8a2230}50%{box-shadow:0 4px #8a2230,0 0 0 6px #ff5a5a55}}@media (prefers-reduced-motion:reduce){.pbtn.cta-pulse,.end-card.celebrate .end-col>*{animation:none}}.chapter-card{z-index:31;text-align:center;border:3px solid var(--gold);pointer-events:none;background:#0d0c1ef2;border-radius:8px;min-width:62%;padding:8px 18px 10px;animation:.36s steps(6,end) both chapter-in;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 3px #0d0c1e,4px 5px #0008}.chapter-card .ch-n{font-family:var(--font-ui);letter-spacing:2px;color:var(--gold);font-size:clamp(13px,3.6vw,18px)}.chapter-card .ch-title{color:#fff;margin:2px 0 6px;font-size:clamp(22px,6.4vw,32px);line-height:1.05}.chapter-card .ch-dots{justify-content:center;gap:8px;display:flex}.chapter-card .ch-dots i{border:2px solid var(--gold);width:12px;height:12px;transform:rotate(45deg)}.chapter-card .ch-dots i.done{background:var(--gold)}.chapter-card .ch-dots i.now{background:var(--gold);animation:.5s steps(2,end) 3 blink}.chapter-card.out{animation:.28s steps(4,end) both chapter-out}@keyframes chapter-in{0%{opacity:0;transform:translate(-50%,-50%)scale(.6)}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes chapter-out{to{opacity:0;transform:translate(-50%,-50%)scale(1.1)}}.wipe{z-index:30;pointer-events:none;visibility:hidden;grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(12,1fr);display:grid;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.wipe.out,.wipe.in{visibility:visible}.wipe i{background:#000;transform:rotate(45deg)scale(0)}.wipe.out i{animation:wipe-close var(--cell-ms,.22s) steps(5) both}.wipe.in i{animation:wipe-open var(--cell-ms,.22s) steps(5) both}@keyframes wipe-close{0%{transform:rotate(45deg)scale(0)}to{transform:rotate(45deg)scale(1.5)}}@keyframes wipe-open{0%{transform:rotate(45deg)scale(1.5)}to{transform:rotate(45deg)scale(0)}}.end-cast p{margin:0 0 6px}.end-cast-row{justify-content:center;gap:8px;margin-bottom:4px;display:flex}.end-cast figure{text-align:center;width:64px;margin:0;animation:.42s steps(6,end) both cast-hop}.end-cast figcaption{color:var(--text-soft);white-space:nowrap;text-overflow:ellipsis;font-size:16px;line-height:1.1;overflow:hidden}.cast-face{border:3px solid var(--win-border);width:52px;height:52px;box-shadow:0 0 0 2px var(--ink);background:radial-gradient(circle at 50% 40%,#6d7ce8 0%,#3a4bc8 55%,#23246a 100%);border-radius:6px;margin:0 auto 2px;overflow:hidden}.cast-face canvas{width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;display:block}@keyframes cast-hop{0%{opacity:0;transform:translateY(14px)}60%{opacity:1;transform:translateY(-5px)}to{opacity:1;transform:none}}.photo-flash{z-index:32;pointer-events:none;background:#fff;animation:.48s steps(6,end) both photo-flash;position:absolute;top:0;bottom:0;left:0;right:0}@keyframes photo-flash{0%{opacity:1}to{opacity:0}}.polaroid{z-index:31;pointer-events:none;background:#fffdf6;border-radius:3px;width:90%;padding:3% 3% 2%;animation:.52s steps(8,end) both polaroid-in;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-3deg);box-shadow:0 0 0 2px #1c1a40,5px 6px #0009}.polaroid.out{animation:.3s steps(5,end) both polaroid-out}@keyframes polaroid-in{0%{opacity:0;transform:translate(-50%,-140%)rotate(8deg)}70%{opacity:1;transform:translate(-50%,-46%)rotate(-4deg)}to{opacity:1;transform:translate(-50%,-50%)rotate(-3deg)}}@keyframes polaroid-out{to{opacity:0;transform:translate(-50%,40%)rotate(4deg)}}.polaroid-pic{background:repeating-linear-gradient(90deg,#0000 0 18%,#ffd86b33 18% 26%,#0000 26% 40%),linear-gradient(#6b3f2a 0%,#8a5634 55%,#4a2a1c 100%);border:2px solid #1c1a40;justify-content:center;align-items:flex-end;gap:.5%;padding:6% 2% 3%;display:flex}.polaroid-face{aspect-ratio:1;width:18%;animation:.42s steps(6,end) both cast-hop}.polaroid-face:nth-child(3){width:21%}.polaroid-face canvas{width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;display:block}.polaroid-cap{text-align:center;color:#3a2418;margin-top:3%;font-size:clamp(15px,4.4vw,21px);line-height:1}#app.sheet-open #hud{visibility:hidden}.host-asks{text-align:left;align-items:center;gap:10px;margin:2px 0 6px;display:flex}.host-asks .cast-face{flex:none;margin:0}.host-say{color:var(--ink);border:3px solid var(--ink);background:#fffdf6;border-radius:8px;flex:1;padding:6px 10px 8px;font-size:clamp(17px,4.8vw,21px);line-height:1.12;animation:.26s steps(4,end) .5s both card-pop;position:relative}.host-say:before{content:"";border:6px solid #0000;border-right:8px solid var(--ink);margin-top:-6px;position:absolute;top:50%;left:-11px}.host-say b{color:var(--accent);font-size:.82em;font-weight:400;display:block}.tap-ring{z-index:4;aspect-ratio:1;border:3px solid var(--gold);pointer-events:none;border-radius:50%;width:13%;animation:.9s steps(6,end) infinite tap-ring;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #1c1a40,inset 0 0 0 2px #1c1a40}.tap-ring:after{content:"";border:2px solid #ffd23f88;border-radius:50%;animation:.9s steps(6,end) infinite tap-ring-out;position:absolute;top:-40%;bottom:-40%;left:-40%;right:-40%}@keyframes tap-ring{0%,to{transform:translate(-50%,-50%)scale(.85)}50%{transform:translate(-50%,-50%)scale(1.05)}}@keyframes tap-ring-out{0%{opacity:1;transform:scale(.6)}to{opacity:0;transform:scale(1.2)}}.secret-bubble{z-index:9;width:46%;transform:translate(-50%, calc(-100% - var(--gp,1.6px) * 6));padding:calc(var(--gp,1.6px) * 2) calc(var(--gp,1.6px) * 3) calc(var(--gp,1.6px) * 2.5);color:var(--ink);border:calc(var(--gp,1.6px) * 1) solid var(--ink);border-radius:calc(var(--gp,1.6px) * 3);box-shadow:var(--gp,1.6px) calc(var(--gp,1.6px) * 1.5) 0 #0006;font-size:calc(var(--gp,1.6px) * 7.2);text-align:center;pointer-events:none;background:#fffdf6;line-height:1.05;transition:opacity .24s;animation:.2s steps(3,end) both bubble-in;position:absolute}.secret-bubble:after{content:"";left:var(--tail,50%);bottom:calc(var(--gp,1.6px) * -4);margin-left:calc(var(--gp,1.6px) * -3);border:calc(var(--gp,1.6px) * 3) solid transparent;border-top-color:var(--ink);border-bottom:0;position:absolute}.secret-bubble.below{transform:translate(-50%, calc(var(--gp,1.6px) * 6))}.secret-bubble.below:after{bottom:auto;top:calc(var(--gp,1.6px) * -4);border-top:0;border-bottom:calc(var(--gp,1.6px) * 3) solid var(--ink)}.secret-bubble.out{opacity:0}.polaroid.turn{animation:.3s steps(6,end) both polaroid-turn}.polaroid.turn.out{animation:.3s steps(5,end) both polaroid-out}@keyframes polaroid-turn{0%,to{transform:translate(-50%,-50%)rotate(-3deg)scaleX(1)}50%{transform:translate(-50%,-50%)rotate(-3deg)scaleX(.02)}}.polaroid-back{aspect-ratio:2.6;color:#3a2418;text-align:center;background:repeating-linear-gradient(#0000 0 22%,#3a241814 22% 23%);flex-direction:column;justify-content:center;align-items:center;gap:6%;font-size:clamp(18px,5.4vw,25px);line-height:1.05;display:none}.polaroid-back small{color:#7a5a44;font-size:.72em}.polaroid.back .polaroid-pic,.polaroid.back .polaroid-cap{display:none}.polaroid.back .polaroid-back{display:flex}.venue-tv .tv-row{align-items:center;gap:calc(var(--gp,1.5px) * 1.2);display:flex}.venue-tv .tv-face{width:1.15em;height:1.15em;image-rendering:pixelated;image-rendering:crisp-edges;background:#ffffff1a;border-radius:2px;flex:none}.venue-tv .tv-face.none{background:#ffffff26;display:inline-block}.venue-tv .hof-medal{flex:none;font-style:normal}.venue-tv .hof-name{min-width:0}.venue-tv .hof-tag{color:#a9bde6;flex:none;font-size:.78em}.venue-tv .hof-me{color:var(--gold);flex:none;font-size:.78em;font-weight:400}.venue-tv .tv-row.open{color:#fff8}.venue-tv .tv-row.mine .hof-name{color:var(--gold)}.venue-tv .hof-count{color:#9fe8b0;flex:none;font-size:.78em}.ql-hof .hof-row{align-items:center;gap:8px;margin:4px 0;display:flex}.ql-hof .hof-row.open{color:var(--text-soft)}.ql-hof .hof-medal{flex:none;font-style:normal}.ql-hof .hof-face{width:34px;height:34px;image-rendering:pixelated;image-rendering:crisp-edges;background:#ffffff14;border:2px solid #fff4;border-radius:6px;flex:none}.ql-hof .hof-face.none{display:inline-block}.ql-hof .hof-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.ql-hof .hof-tag{color:var(--text-soft);flex:none;font-size:.8em}.ql-hof .hof-me{color:var(--gold);flex:none;font-size:.8em;font-weight:400}.ql-hof .hof-row.mine .hof-face{border-color:var(--gold)}.ql-hof .hof-count{color:var(--text-soft);background:#ffffff14;border-radius:999px;flex:none;padding:0 8px;font-size:.8em}.ql-hof .hof-race{color:var(--text-soft);margin:2px 0 0;font-size:18px}.master-tag{color:var(--text-soft)!important;margin:-2px 0 8px!important;font-size:18px!important}.ql-resume .resume-how{color:var(--text-soft);font-size:19px}.ql-resume .resume-out{flex-direction:column;gap:8px;margin-top:8px;display:flex}.ql-resume .resume-code{letter-spacing:4px;color:var(--gold);-webkit-user-select:all;user-select:all;background:#0d0c1e99;border:2px dashed #ffd23f88;border-radius:6px;align-self:center;padding:2px 14px;font-size:34px}.ql-resume .resume-btns{gap:8px;display:flex}.ql-resume .resume-btns .pbtn{flex:1;min-height:42px;font-size:21px}.ql-resume .resume-join{flex-direction:column;gap:4px;margin-top:12px;display:flex}.ql-resume .resume-join label{color:var(--text-soft);font-size:19px}.ql-resume .resume-row{gap:8px;display:flex}.ql-resume .resume-row input{min-width:0;font:inherit;letter-spacing:2px;text-transform:uppercase;border:3px solid var(--ink);color:var(--ink);-webkit-user-select:text;user-select:text;background:#f6f4ea;border-radius:6px;outline:none;flex:1;padding:4px 10px;font-size:24px}.ql-resume .resume-row input:focus{box-shadow:0 0 0 3px var(--gold)}.ql-resume .resume-row .pbtn{flex:none;min-height:42px;padding:4px 14px;font-size:21px}.ql-resume .resume-status{color:#8fd3ff;min-height:1em;margin-top:6px;font-size:18px}@media (orientation:landscape) and (max-height:540px){#app{--scr-w:min(calc((100vh - 38px - env(safe-area-inset-bottom,0px)) * 1.5), calc(100vw - 340px - env(safe-area-inset-left,0px)), 640px);grid-template-columns:var(--scr-w) minmax(0, 1fr);max-width:1000px;max-height:none;padding-left:env(safe-area-inset-left,0px);grid-template-rows:auto auto minmax(0,1fr);display:grid}@supports (height:100dvh){#app{--scr-w:min(calc((100dvh - 38px - env(safe-area-inset-bottom,0px)) * 1.5), calc(100vw - 340px - env(safe-area-inset-left,0px)), 640px)}}#screen{width:var(--scr-w);border-bottom:none;grid-area:1/1}#hud{grid-area:2/1}#panel,#app.phone-open #panel{border-left:4px solid #0b0a18;grid-area:1/2/4/3;min-height:0;max-height:none;padding-top:14px;position:relative;top:auto;bottom:auto;left:auto;right:auto}#controls{display:none}#phone{left:calc(10px + env(safe-area-inset-left,0px));width:calc(var(--scr-w) - 20px);bottom:10px;right:auto}#sheet>*{max-width:560px;margin-left:auto;margin-right:auto}#sheet>.end-card.two-col{align-items:flex-start;gap:22px;max-width:940px;display:flex}.end-card.two-col>.end-col{flex:1 1 0;min-width:0;display:block}.share-box{grid-template-rows:auto auto auto auto 1fr;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;column-gap:12px;max-width:920px;display:grid}.share-box>.share-head{grid-column:1/-1}.share-box>.share-img{grid-area:2/1/6}.share-box>.share-img:not(.tall){position:sticky;top:37px}.share-box>.share-text,.share-box>.share-btns,.share-box>.share-step,.share-box>.share-status{grid-column:2}.share-box>.share-text{margin-top:0}.share-box.stepping .share-img:not(.tall){width:100%}.page-cover canvas{object-fit:cover;object-position:50% 72%;height:76px}.page-id .ph-avatar{width:60px;height:60px;margin-top:-30px}}.heartbeat{pointer-events:none;z-index:2;opacity:0;background:radial-gradient(#0000 52%,#2806128c 100%);animation:.9s ease-out infinite heartbeat;position:absolute;top:0;bottom:0;left:0;right:0}.heartbeat.off{opacity:0;transition:opacity .3s;animation:none}@keyframes heartbeat{0%{opacity:.2}10%{opacity:.85}22%{opacity:.35}32%{opacity:.75}to{opacity:.2}}@media (prefers-reduced-motion:reduce){.heartbeat{opacity:.45;animation:none}}.cafe-bg{z-index:31;pointer-events:none;background:radial-gradient(circle at 18% 12%,#ffd27a66 0 9%,#0000 26%),radial-gradient(circle at 82% 10%,#ffd27a55 0 8%,#0000 24%),radial-gradient(at 50% 120%,#3a2418 0 40%,#0000 70%),linear-gradient(#6b3f2a 0%,#4a2a1c 70%,#2a160e 100%);animation:.5s ease-out both cafe-in;position:absolute;top:0;bottom:0;left:0;right:0}.cafe-bg.out{animation:.3s ease-in both cafe-out}@keyframes cafe-in{0%{opacity:0}to{opacity:1}}@keyframes cafe-out{to{opacity:0}}.cafe-bg .steam{background:radial-gradient(#fff5,#0000 70%);border-radius:50%;width:3%;height:14%;animation:2.2s ease-out infinite steam-up;position:absolute;bottom:8%}.cafe-bg .steam:first-child{left:12%}.cafe-bg .steam:nth-child(2){animation-delay:.8s;left:86%}.cafe-bg .steam:nth-child(3){animation-delay:1.5s;bottom:2%;left:48%}@keyframes steam-up{0%{opacity:0;transform:translateY(0)scaleX(1)}30%{opacity:1}to{opacity:0;transform:translateY(-120%)scaleX(1.6)}}.polaroid-pic{position:relative}.polaroid-pic:after{content:"";pointer-events:none;background:#fffdf6;animation:1.9s ease-out .35s both develop;position:absolute;top:0;bottom:0;left:0;right:0}@keyframes develop{0%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.cafe-bg .steam{opacity:0;animation:none}.polaroid-pic:after{animation-duration:.6s}}.vs-band.us:after{content:"";background:var(--me,transparent);clip-path:polygon(0 0,100% 0,100% 0,0 100%);height:6%;position:absolute;bottom:0;left:0;right:0}.cut-in:after{content:"";background:var(--me,transparent);opacity:.85;height:12%;position:absolute;top:44%;left:-10%;right:-10%;transform:skewY(-4deg);box-shadow:0 0 0 2px #0d0c1e55}.cut-in .ci-face,.cut-in .ci-name{z-index:1}
