:root{--ink-0:#0c0a08;--ink-1:#14110e;--ink-2:#1d1915;--ink-3:#28221c;--line:#f4e8d617;--line-2:#f4e8d629;--milk:#f4eee6;--milk-2:#bcb2a6;--milk-3:#8f867b;--crema:#e8a24a;--crema-2:#f3c27c;--crema-ink:#1a1006;--spill:#ff6a3d;--ghost:#bfe3ff;--ok:#7fd6a2;--r-panel:20px;--r-ctl:999px;--shadow:0 18px 50px -22px #000000bf, 0 2px 6px -2px #0006;--sans:"Geist Variable", "Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--mono:"Geist Mono Variable", "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;--ease:cubic-bezier(.16, 1, .3, 1);--gutter:clamp(16px, 4vw, 40px);--max:1240px;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:96px}body{background:var(--ink-0);color:var(--milk);font:400 16px/1.5 var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;overflow-x:hidden}body.in-game{overflow:hidden}[hidden]{display:none!important}img{max-width:100%}a{color:inherit}button,input{font:inherit;color:inherit}.mono,kbd,.num{font-family:var(--mono);font-variant-numeric:tabular-nums}.muted{color:var(--milk-3)}.small{font-size:13px}:focus-visible{outline:2px solid var(--crema);outline-offset:3px;border-radius:6px}.skip{z-index:100;background:var(--crema);color:var(--crema-ink);border-radius:10px;padding:10px 14px;font-weight:600;text-decoration:none;position:absolute;top:-60px;left:12px}.skip:focus{top:12px}.btn{appearance:none;border-radius:var(--r-ctl);letter-spacing:-.005em;cursor:pointer;white-space:nowrap;transition:background .2s var(--ease), border-color .2s var(--ease), transform .2s var(--ease), color .2s var(--ease);border:1px solid #0000;align-items:center;gap:10px;padding:11px 18px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.btn:active{transform:translateY(1px)scale(.99)}.btn[disabled]{opacity:.55;cursor:progress}.btn-primary{background:var(--crema);color:var(--crema-ink);box-shadow:inset 0 1px #ffffff59,0 10px 30px -12px #e8a24a99}.btn-primary:hover{background:var(--crema-2)}.btn-ghost{border-color:var(--line-2);color:var(--milk);background:0 0}.btn-ghost:hover{background:var(--ink-2);border-color:#f4e8d642}.btn-quiet{background:var(--ink-2);color:var(--milk)}.btn-quiet:hover{background:var(--ink-3)}.btn-sm{padding:8px 14px;font-size:14px}.btn-lg{padding:15px 24px;font-size:17px}kbd{opacity:.72;border:1px solid;border-radius:6px;padding:2px 6px;font-size:11px;font-weight:500;line-height:1.2}.live-chip{font:500 12px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--milk-2);align-items:center;gap:8px;margin:0;display:inline-flex}.dot{background:var(--crema);border-radius:50%;flex:none;width:7px;height:7px;box-shadow:0 0 0 3px #e8a24a2e}.site{padding:0 var(--gutter)}.nav{z-index:20;max-width:var(--max);border:1px solid var(--line);-webkit-backdrop-filter:saturate(140%)blur(14px);background:#100d0bf0;border-radius:18px;align-items:center;gap:20px;margin:12px auto 0;padding:10px 10px 10px 18px;display:flex;position:sticky;top:12px}.wordmark{letter-spacing:-.02em;align-items:center;gap:10px;margin:0;font-size:17px;font-weight:700;text-decoration:none;display:inline-flex}.wordmark.small{font-size:15px}.mark{border:2px solid var(--milk);background:linear-gradient(180deg, transparent 22%, var(--crema) 22% 58%, #efe2cf 58%);border-top:0;border-radius:2px 2px 7px 7px;width:14px;height:18px}.nav-links{gap:4px;margin-left:auto;display:flex}.nav-links a{color:var(--milk-2);border-radius:10px;padding:8px 12px;font-size:14px;text-decoration:none}.nav-links a:hover{color:var(--milk);background:var(--ink-2)}.stage{max-width:var(--max);border:1px solid var(--line);background:radial-gradient(60% 55% at 70% 58%, #e8a24a24, transparent 70%), radial-gradient(90% 70% at 50% 100%, #1b1510 0%, transparent 70%), var(--ink-1);border-radius:28px;grid-template-rows:1fr auto;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);min-height:min(880px,100svh - 84px);margin:12px auto 0;display:grid;position:relative;overflow:hidden}.stage-copy{z-index:2;flex-direction:column;justify-content:center;gap:22px;padding:clamp(28px,5vw,72px) clamp(22px,4vw,56px) 24px;display:flex;position:relative}.stage h1{letter-spacing:-.045em;text-wrap:balance;margin:0;font-size:clamp(44px,6.1vw,90px);font-weight:650;line-height:.93}.lede{max-width:34ch;color:var(--milk-2);margin:0;font-size:clamp(17px,1.5vw,20px);line-height:1.45}.cta{flex-wrap:wrap;align-items:center;gap:14px 18px;display:flex}.cta-note{color:var(--milk-3);margin:0;font-size:14px}.challenge{background:#bfe3ff0f;border:1px solid #bfe3ff59;border-radius:14px;max-width:44ch;padding:14px 16px;font-size:15px}.challenge b{color:var(--ghost)}.hero-wrap{min-height:420px;position:relative}#hero,.hero-poster{width:100%;height:100%;transition:opacity .6s var(--ease);position:absolute;inset:0}#hero{touch-action:pan-y;cursor:grab;opacity:0}.hero-poster{object-fit:cover;pointer-events:none}.hero-wrap.live #hero{opacity:1}.hero-wrap.live .hero-poster{opacity:0}.hero-hint{border-radius:var(--r-ctl);border:1px solid var(--line-2);color:var(--milk-2);white-space:nowrap;transition:opacity .5s var(--ease);background:#0c0a08b8;align-items:center;gap:8px;margin:0;padding:8px 14px;font-size:13px;display:inline-flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.hero-meter{text-align:right;font:600 28px/1 var(--mono);letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin:0;position:absolute;top:26px;right:26px}.hero-meter small{font:500 12px/1.2 var(--sans);color:var(--milk-3);letter-spacing:0;margin-top:6px;display:block}.stage-stats{border-top:1px solid var(--line);grid-column:1/-1;grid-template-columns:repeat(6,minmax(0,1fr));margin:0;display:grid}.stage-stats>div{box-shadow:1px 0 0 var(--line), 0 1px 0 var(--line);flex-direction:column;justify-content:space-between;gap:6px;padding:18px clamp(16px,2.2vw,28px);display:flex}.stage-stats dt{color:var(--milk-3);font-size:13px;line-height:1.3}.stage-stats dd{font:600 20px/1.2 var(--mono);letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin:0}.section{max-width:var(--max);margin:0 auto;padding:clamp(80px,11vw,150px) 0 0}.section-head{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:36px;display:flex}.section-head .live-chip{margin-bottom:18px}.section h2{letter-spacing:-.04em;text-wrap:balance;margin:0;font-size:clamp(36px,5.2vw,72px);font-weight:650;line-height:.98}.section-lede{max-width:56ch;color:var(--milk-2);margin:18px 0 0;font-size:17px}.panel{border:1px solid var(--line);border-radius:var(--r-panel);background:linear-gradient(180deg, #fff4e406, transparent 40%), var(--ink-1);box-shadow:var(--shadow);overflow:hidden}.panel-head{border-bottom:1px solid var(--line);color:var(--milk-2);justify-content:space-between;gap:12px;padding:16px 20px;font-size:14px;display:flex}.seg{border:1px solid var(--line);background:var(--ink-1);border-radius:14px;padding:4px;display:inline-flex}.seg button{color:var(--milk-2);cursor:pointer;background:0 0;border:0;border-radius:10px;padding:8px 14px;font-size:14px;font-weight:500}.seg button[aria-selected=true]{background:var(--milk);color:var(--ink-0)}.avatar{border:1px solid var(--line-2);background:var(--ink-2);width:46px;height:46px;font:600 16px/1 var(--sans);color:var(--milk-2);border-radius:12px;flex:none;place-items:center;display:grid;overflow:hidden}.avatar img{object-fit:contain;width:70%;height:70%}.avatar.sm{border-radius:8px;width:30px;height:30px;font-size:12px}.fame .section-head{margin-bottom:30px}.fame-wall{isolation:isolate;border:1px solid var(--line);background-blend-mode:normal, normal, luminosity, normal;box-shadow:var(--shadow);background:radial-gradient(130% 95% at 50% 0,#0000 38%,#060504b8 100%),linear-gradient(#0e0a0799,#0e0a07cc),url(/assets/textures/wall_brick/color.webp?v=4) 50% 0/420px,#3a2a1f;border-radius:28px;position:relative;overflow:hidden}.fame-frames{grid-template-columns:minmax(0,1fr) minmax(0,1.24fr) minmax(0,1fr);align-items:center;gap:clamp(18px,3.6vw,56px);margin:0;padding:clamp(60px,7vw,96px) clamp(18px,5vw,72px) clamp(34px,4vw,52px);list-style:none;display:grid}.fame-slot{--fw:12px;--tilt:0deg;flex-direction:column;align-items:center;min-width:0;display:flex;position:relative}.fame-slot.r1{--fw:15px;--metal:linear-gradient(135deg, #6f5220 0%, #e6c276 20%, #a47a2f 42%, #f5dd9f 60%, #8a6526 80%, #c89c52 100%);--metal-ink:#f2d48e;order:2}.fame-slot.r2{--tilt:-.8deg;--metal:linear-gradient(135deg, #5f6468 0%, #e3e6e8 20%, #979da2 42%, #f6f7f8 60%, #787e83 80%, #c1c6ca 100%);--metal-ink:#e4e7e9;order:1}.fame-slot.r3{--tilt:1deg;--metal:linear-gradient(135deg, #5c3519 0%, #d8995f 20%, #93592f 42%, #eab486 60%, #6f4122 80%, #b77b4a 100%);--metal-ink:#e9b182;order:3}.fame-slot:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(40% 52% at 50% 64px,#ffba6838,#ffba6812 55%,#0000 82%);width:170%;height:124%;position:absolute;top:-64px;left:50%;transform:translate(-50%);-webkit-mask-image:linear-gradient(#0000,#000 64px);mask-image:linear-gradient(#0000,#000 64px)}.fame-slot.empty:before{opacity:.6}.hang{width:100%;max-width:320px;transform:rotate(var(--tilt));transform-origin:50% 0;transition:transform .32s var(--ease);flex-direction:column;align-items:center;display:flex;position:relative}.r1 .hang{max-width:400px}.hang:hover,.hang:focus-within{transform:translateY(-3px)}.lamp{background:linear-gradient(#e4c88a,#a57d3e 45%,#573f1e);border-radius:5px 5px 7px 7px;width:44%;height:10px;margin-bottom:16px;position:relative;box-shadow:inset 0 1px #ffffff4d,0 3px 0 -1px #ffe6b0f2,0 10px 20px #ffbe6e33,0 6px 10px #00000080}.lamp:before,.lamp:after{content:"";z-index:-1;background:linear-gradient(#8f6c36,#3f2e17);width:2px;height:20px;position:absolute;top:6px}.lamp:before{left:24%}.lamp:after{right:24%}.frame{width:100%;font:inherit;color:var(--milk);text-align:center;cursor:pointer;border:var(--fw) solid transparent;background:linear-gradient(180deg, #1d1813, #13100c) padding-box, var(--metal) border-box;transition:box-shadow .32s var(--ease);border-radius:3px;margin:0;padding:0;text-decoration:none;display:block;position:relative;box-shadow:0 0 0 1px #000000b3,0 36px 46px -24px #000000f2,0 14px 20px -12px #000000d9}div.frame{cursor:default}.frame:after{content:"";inset:calc(-1 * var(--fw));border-radius:inherit;pointer-events:none;position:absolute;box-shadow:inset 0 1px #ffffff8c,inset 1px 0 #fff3,inset -1px 0 #00000059,inset 0 -1px #00000080}.hang:hover .frame{box-shadow:0 0 0 1px #000000b3,0 44px 54px -24px #000000f2,0 18px 26px -12px #000000d9}.frame:focus-visible{outline:2px solid var(--crema);outline-offset:6px;border-radius:3px}.mat{background:radial-gradient(90% 55% at 50% 0,#ffc88217,#0000 75%);flex-direction:column;align-items:center;padding:clamp(14px,1.6vw,20px);display:flex;position:relative;box-shadow:inset 0 0 0 1px #000000bf,inset 0 4px 14px #000000b3}.mat:before{content:"";border:1px solid color-mix(in srgb, var(--metal-ink) 22%, transparent);pointer-events:none;position:absolute;inset:7px}.fr-top{justify-content:space-between;align-self:stretch;align-items:flex-start;gap:8px;margin-bottom:4px;display:flex}.fr-rk{font:600 clamp(38px, 4vw, 54px) / .8 var(--mono);letter-spacing:-.06em;color:var(--metal-ink);text-shadow:0 1px #0009}.r1 .fr-rk{font-size:clamp(48px,5.2vw,72px)}.fr-cup{font:500 11px/1.3 var(--mono);letter-spacing:.06em;text-transform:uppercase;text-align:right;color:var(--milk-3);padding-top:4px}.fr-logo{aspect-ratio:1;color:#1a1006;width:clamp(72px,7.5vw,96px);font:650 clamp(24px, 2.6vw, 34px) / 1 var(--sans);letter-spacing:-.03em;background:#f3ede4;border-radius:18px;place-items:center;margin:2px 0 14px;display:grid;overflow:hidden;box-shadow:inset 0 0 0 1px #00000014,0 10px 18px -8px #000000d9}.r1 .fr-logo{border-radius:24px;width:clamp(88px,9.5vw,128px)}.fr-logo img{object-fit:contain;width:72%;height:72%}.empty .fr-logo{box-shadow:none;color:var(--milk-3);font:300 34px/1 var(--sans);background:0 0;border:1.5px dashed #f4e8d64d}.fr-name{letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:clamp(17px,1.6vw,21px);font-weight:600;line-height:1.2;overflow:hidden}.r1 .fr-name{font-size:clamp(20px,2vw,27px)}.fr-dom{max-width:100%;color:var(--milk-2);white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:13px;overflow:hidden}a.frame:hover .fr-dom{color:var(--milk);text-underline-offset:3px;text-decoration:underline}.fr-stats{text-align:left;border-top:1px solid #f4e8d61a;justify-content:space-between;align-self:stretch;align-items:flex-end;gap:10px;margin-top:16px;padding-top:12px;display:flex}.fr-time{font:600 clamp(20px, 2vw, 26px) / 1 var(--mono);letter-spacing:-.03em;display:block}.r1 .fr-time{font-size:clamp(24px,2.6vw,34px)}.fr-time small{letter-spacing:0;color:var(--milk-3);margin-left:2px;font-size:.5em}.fr-sub{color:var(--milk-3);margin-top:5px;font-size:12px;display:block}.fr-visits{text-align:right}.fr-visits b{font:600 clamp(18px, 1.7vw, 22px) / 1 var(--mono);letter-spacing:-.02em}.fr-cta{border-radius:var(--r-ctl);border:1px solid var(--line-2);transition:background .2s var(--ease);margin-top:16px;padding:8px 14px;font-size:14px;font-weight:600}.empty .frame:hover .fr-cta{background:var(--ink-3)}.plaque{min-height:36px;color:var(--milk-3);flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 10px;margin-top:20px;font-size:13px;display:flex}.plaque .btn{gap:0}.plaque a{color:var(--milk-2);padding:4px 2px;text-decoration:none}.plaque a:hover{color:var(--milk);text-underline-offset:3px;text-decoration:underline}.plaque .you{border-radius:var(--r-ctl);background:var(--crema);color:var(--crema-ink);font:600 11px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;padding:5px 8px}.fame-ledge{color:var(--milk-2);background:linear-gradient(#2b1f16,#1a130e 40%,#120e0a);border-top:1px solid #ffdeb029;flex-wrap:wrap;align-items:center;gap:8px 16px;margin:0;padding:16px clamp(18px,5vw,72px) 18px;font-size:14px;display:flex;position:relative;box-shadow:0 -20px 34px -14px #000000b3}.fame-ledge .lbl{font:500 12px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--milk-3)}.fame-ledge .sp{color:var(--milk);align-items:center;gap:8px;font-weight:600;text-decoration:none;display:inline-flex}.fame-ledge a.sp:hover{text-underline-offset:3px;text-decoration:underline}.fame-ledge .tile{color:#1a1006;width:22px;height:22px;font:700 10px/1 var(--sans);background:#f3ede4;border-radius:6px;flex:none;place-items:center;display:grid;overflow:hidden}.fame-ledge .tile img{object-fit:contain;width:76%;height:76%}.empty .fr-dom{white-space:normal}.vh{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.rank-list .nm>span{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.rank-list .nm a,.cup-card a{color:var(--milk-2);text-decoration:none}.rank-list .nm a:hover,.cup-card a:hover{color:var(--milk);text-underline-offset:2px;text-decoration:underline}.board-grid{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:14px;display:grid}.rank-list,.feed{scrollbar-width:thin;max-height:520px;margin:0;padding:0;list-style:none;overflow:auto}.rank-list li{border-bottom:1px solid var(--line);grid-template-columns:34px 30px minmax(0,1fr) auto auto auto;align-items:center;gap:12px;padding:12px 20px;font-size:14px;display:grid}.rank-list li.me{background:#e8a24a14}.rank-list .rk{font:600 13px/1 var(--mono);color:var(--milk-3)}.rank-list li:nth-child(-n+3) .rk{color:var(--crema)}.rank-list .nm{min-width:0}.rank-list .nm b{white-space:nowrap;text-overflow:ellipsis;font-weight:600;display:block;overflow:hidden}.rank-list .nm span{color:var(--milk-3);font-size:12px}.rank-list .pct{font:500 13px/1 var(--mono);color:var(--milk-2)}.rank-list .sc{font:600 15px/1 var(--mono);text-align:right;min-width:78px}.rank-list .race{opacity:.8;padding:6px 11px;font-size:13px}.rank-list li:hover .race,.rank-list .race:focus-visible{opacity:1}.feed li{border-bottom:1px solid var(--line);align-items:flex-start;gap:12px;padding:13px 20px;font-size:14px;display:flex}.feed .glyph{background:var(--ink-2);border-radius:8px;flex:none;place-items:center;width:28px;height:28px;font-size:13px;display:grid}.feed .glyph.bad{color:var(--spill);background:#ff6a3d24}.feed .glyph.good{color:var(--ok);background:#7fd6a21f}.feed p{color:var(--milk-2);margin:0}.feed p b{color:var(--milk);font-weight:600}.feed time{font:500 12px/1.4 var(--mono);color:var(--milk-3);display:block}.empty-row{color:var(--milk-3);padding:28px 20px;font-size:14px;list-style:none}.spillmap-panel{grid-template-columns:minmax(0,1fr) 280px;display:grid}.spillmap{background:radial-gradient(circle at 1px 1px,#f4e8d60f 1px,#0000 0) 0 0/22px 22px,#0f0d0b;width:100%;height:min(620px,70vw);min-height:340px;display:block}.map-legend{border-left:1px solid var(--line);color:var(--milk-2);flex-direction:column;gap:14px;margin:0;padding:20px;font-size:14px;list-style:none;display:flex}.map-legend li{align-items:flex-start;gap:10px;display:flex}.map-legend .sw{border-radius:50%;flex:none;width:14px;height:14px;margin-top:3px}.map-legend b{color:var(--milk);font-weight:600}.route{border-top:1px solid var(--line);counter-reset:room;margin:0;padding:0;list-style:none}.route li{border-bottom:1px solid var(--line);grid-template-columns:64px minmax(0,260px) minmax(0,1fr) auto;align-items:baseline;gap:18px;padding:20px 4px;display:grid}.route .n{font:500 13px/1 var(--mono);color:var(--milk-3)}.route b{letter-spacing:-.02em;font-size:clamp(19px,2vw,24px);font-weight:600}.route p{color:var(--milk-2);margin:0}.route .risk{font:500 12px/1 var(--mono);color:var(--milk-3);white-space:nowrap}.route .risk.hot{color:var(--spill)}.cups-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.cup-card{border:1px solid var(--line);border-radius:var(--r-panel);background:radial-gradient(70% 60% at 50% 45%, #e8a24a1f, transparent 70%), var(--ink-1);text-align:center;padding:18px 18px 20px}.cup-card img{aspect-ratio:1;object-fit:contain;width:100%;display:block}.cup-card .ph{aspect-ratio:1;width:100%;color:var(--milk-3);place-items:center;display:grid}.cup-card b{margin-top:6px;font-weight:600;display:block}.cup-card span{color:var(--milk-3);font-size:13px}.perk-steps{counter-reset:step;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 28px;margin:28px 0 0;padding:0;list-style:none;display:grid}.perk-steps li{counter-increment:step;border-top:1px solid var(--line-2);color:var(--milk-2);padding-top:18px}.perk-steps li:before{content:counter(step);font:600 13px/1 var(--mono);color:var(--crema);margin-bottom:10px;display:block}.perk-steps b{color:var(--milk);font-weight:600}.faq{border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;letter-spacing:-.01em;padding:22px 40px 22px 2px;font-size:clamp(17px,1.6vw,20px);font-weight:600;list-style:none;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font:400 22px/1 var(--mono);color:var(--milk-3);transition:transform .25s var(--ease);position:absolute;top:50%;right:8px;transform:translateY(-50%)}.faq details[open] summary:after{transform:translateY(-50%)rotate(45deg)}.faq details p{max-width:70ch;color:var(--milk-2);margin:-6px 0 22px 2px}.footer{max-width:var(--max);padding:36px 0 calc(48px + var(--safe-b));border-top:1px solid var(--line);gap:8px;margin:120px auto 0;display:grid}.footer p{margin:0}.game{z-index:30;background:#000;position:fixed;inset:0}#scene{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}body.playing #scene{cursor:crosshair}body.grab #scene{cursor:grab}body.holding #scene{cursor:grabbing}#ui{z-index:40;pointer-events:none;position:fixed;inset:0}#ui .hot,#ui button,#ui a,#ui input,#ui label,#ui dialog{pointer-events:auto}.hud{padding:calc(14px + var(--safe-t)) clamp(12px, 3vw, 24px) calc(14px + var(--safe-b));color:var(--milk);flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0}.hud-row{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.hud-chip{border:1px solid var(--line-2);background:#0c0a08cc;border-radius:16px;padding:10px 14px}.hud-time{font:600 clamp(24px, 3.4vw, 34px) / 1 var(--mono);letter-spacing:-.03em;font-variant-numeric:tabular-nums}.hud-sub{font:500 12px/1.2 var(--mono);color:var(--milk-3);min-height:1.2em;margin-top:5px}.hud-sub.ahead{color:var(--ok)}.hud-sub.behind{color:var(--spill)}.hud-drink{align-items:center;gap:12px;display:flex}.hud-drink .v{font:600 clamp(22px, 3vw, 30px) / 1 var(--mono);letter-spacing:-.03em;text-align:right;font-variant-numeric:tabular-nums}.hud-drink .v small{font:500 11px/1 var(--sans);color:var(--milk-3);margin-top:5px;display:block}.hud-drink .v.warn{color:var(--crema-2)}.hud-drink .v.bad{color:var(--spill)}.gauge{border:1.5px solid var(--milk-2);border-top:0;border-radius:2px 2px 6px 6px;width:18px;height:46px;position:relative;overflow:hidden}.gauge i{transform-origin:50% 100%;background:linear-gradient(#efe2cf 0 18%,#5a3417 22%);height:92%;transition:transform .15s linear;position:absolute;bottom:0;left:0;right:0}.hud-center{left:50%;top:calc(18px + var(--safe-t));text-align:center;pointer-events:none;position:absolute;transform:translate(-50%)}.room-toast{opacity:0;transition:opacity .35s var(--ease), transform .35s var(--ease);white-space:nowrap;transform:translateY(-6px)}.room-toast.on{opacity:1;transform:none}.room-toast .rn{font:500 12px/1 var(--mono);color:var(--milk-3);letter-spacing:.04em}.room-toast b{letter-spacing:-.03em;margin-top:6px;font-size:clamp(20px,2.6vw,28px);font-weight:650;display:block}.gate{border-radius:var(--r-ctl);font:500 13px/1 var(--mono);color:var(--crema-2);background:#0c0a08b3;border:1px solid #e8a24a80;align-items:center;gap:8px;margin-top:8px;padding:6px 12px;display:inline-flex}.hud-bottom{flex-direction:column;align-items:center;gap:10px;display:flex}.hint{border-radius:var(--r-ctl);border:1px solid var(--line-2);text-align:center;background:#0c0a08b8;padding:9px 15px;font-size:14px;transition:opacity .3s}.joy{z-index:45;pointer-events:none;background:radial-gradient(circle,#0c0a082e,#0c0a080d 70%);border:2px solid #f4e8d661;border-radius:50%;position:fixed;top:0;left:0}.joy i{background:#e8a24aeb;border-radius:50%;width:38px;height:38px;margin:-19px 0 0 -19px;position:absolute;top:50%;left:50%;box-shadow:0 2px 10px #00000059}.meter{border-radius:var(--r-ctl);border:1px solid var(--line-2);background:#0c0a08cc;align-items:center;gap:10px;padding:8px 14px;display:flex}.meter .spd{text-align:right;min-width:3.2ch;font:600 18px/1 var(--mono);font-variant-numeric:tabular-nums}.meter small{font:500 11px/1 var(--sans);color:var(--milk-3);letter-spacing:.02em}.meter .sep{background:var(--line-2);width:1px;height:18px}.meter .deg{min-width:2.6ch}.meter .slosh{background:#f4e8d629;border-radius:6px;width:110px;height:6px;overflow:hidden}.meter .slosh i{transform-origin:0;background:#8fce7a;border-radius:6px;width:100%;height:100%;display:block;transform:scaleX(0)}.meter .slosh i.warn{background:#e8a24a}.meter .slosh i.bad{background:#ff6a3d}.hint.alert{color:#ffc2ad;border-color:#ff6a3d99}.rail{background:#f4e8d629;border-radius:4px;width:min(560px,88vw);height:4px;position:relative}.rail i{background:var(--crema);border-radius:4px;position:absolute;top:0;bottom:0;left:0}.rail .pin{border-radius:50%;width:12px;height:12px;margin:-6px 0 0 -6px;position:absolute;top:50%}.rail .me{background:var(--crema);box-shadow:0 0 0 3px #0c0a08cc}.rail .gh{background:var(--ghost);box-shadow:0 0 0 3px #0c0a08cc}.countdown{font:600 clamp(110px, 20vw, 220px) / 1 var(--mono);letter-spacing:-.06em;color:var(--milk);text-shadow:0 10px 60px #0009;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.countdown span{animation:pop .9s var(--ease) both}.countdown span.go{color:var(--crema)}@keyframes pop{0%{opacity:0;filter:blur(8px);transform:scale(1.35)}22%{opacity:1;filter:blur();transform:scale(1)}78%{opacity:1}to{opacity:0;transform:scale(.94)}}.flash{opacity:0;pointer-events:none;background:radial-gradient(circle at 50% 60%,#0000 45%,#ff6a3d4d);transition:opacity .35s;position:absolute;inset:0}.flash.on{opacity:1;transition:opacity 40ms}.hud-exit{right:clamp(12px,3vw,24px);bottom:calc(14px + var(--safe-b));position:absolute}.replay-bar{left:50%;bottom:calc(96px + var(--safe-b));border-radius:var(--r-ctl);border:1px solid var(--line-2);font:500 12px/1 var(--mono);letter-spacing:.06em;color:var(--milk-2);background:#0c0a08c7;align-items:center;gap:10px;padding:8px 8px 8px 16px;display:flex;position:absolute;transform:translate(-50%)}.rec{background:var(--spill);border-radius:50%;width:8px;height:8px;margin-right:8px;animation:1s infinite blink;display:inline-block}@keyframes blink{50%{opacity:.25}}dialog.sheet{border:1px solid var(--line-2);background:var(--ink-1);width:min(560px,100vw - 24px);max-height:calc(100svh - 24px);color:var(--milk);border-radius:24px;padding:0;overflow:auto;box-shadow:0 40px 120px -30px #000000e6}dialog.sheet::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0806049e}dialog.sheet[open]{animation:rise .36s var(--ease)}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}.sheet-body{padding:clamp(22px,4vw,32px)}.sheet h2{letter-spacing:-.035em;margin:0 0 8px;font-size:clamp(28px,4vw,38px);font-weight:650;line-height:1}.sheet .kick{font:500 12px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--milk-3);margin:0 0 12px}.sheet .kick.good{color:var(--ok)}.sheet .kick.bad{color:var(--spill)}.sheet .lead{color:var(--milk-2);margin:0 0 22px}.field{gap:7px;margin-bottom:14px;display:grid}.field>span{color:var(--milk-2);font-size:13px;font-weight:500}.field>span em{color:var(--milk-3);font-style:normal;font-weight:400}.input{border:1px solid var(--line-2);background:var(--ink-0);border-radius:12px;outline:none;width:100%;padding:12px 14px;font-size:16px;transition:border-color .2s}.input:focus{border-color:var(--crema)}.input-prefix{border:1px solid var(--line-2);background:var(--ink-0);border-radius:12px;align-items:center;display:flex}.input-prefix span{color:var(--milk-3);padding-left:14px}.input-prefix .input{background:0 0;border:0;padding-left:4px}.input-prefix:focus-within{border-color:var(--crema)}.logo-choice{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.logo-choice label{border:1px solid var(--line-2);cursor:pointer;border-radius:12px;gap:4px;padding:12px;font-size:14px;font-weight:600;display:grid;position:relative}.logo-choice label span{color:var(--milk-3);font-size:12px;font-weight:400}.logo-choice input{opacity:0;position:absolute}.logo-choice label:has(input:checked){border-color:var(--crema);background:#e8a24a14}.logo-choice label:has(input:focus-visible){outline:2px solid var(--crema);outline-offset:2px}.logo-extra{margin-top:10px}.logo-preview{color:var(--milk-3);align-items:center;gap:12px;margin-top:10px;font-size:13px;display:flex}.note{background:var(--ink-0);border:1px solid var(--line);color:var(--milk-2);border-radius:12px;margin:16px 0 0;padding:12px 14px;font-size:13px}.err{color:#ff9f84;min-height:1.2em;margin:12px 0 0;font-size:14px}.actions{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.result-time{flex-wrap:wrap;align-items:baseline;gap:12px;margin:4px 0 18px;display:flex}.result-time .big{font:600 clamp(52px, 9vw, 78px) / .9 var(--mono);letter-spacing:-.05em;font-variant-numeric:tabular-nums}.result-time .big small{color:var(--milk-3);letter-spacing:0;margin-left:4px;font-size:.35em}.result-grid{border:1px solid var(--line);border-radius:16px;grid-template-columns:repeat(3,minmax(0,1fr));display:grid;overflow:hidden}.result-grid>div{border-right:1px solid var(--line);padding:14px 16px}.result-grid>div:last-child{border-right:0}.result-grid dt{color:var(--milk-3);font-size:12px}.result-grid dd{font:600 20px/1.1 var(--mono);letter-spacing:-.02em;margin:6px 0 0}.field-bar{margin-top:20px}.field-bar .track{background:linear-gradient(90deg,#ff6a3d59,#e8a24a59 55%,#7fd6a273);border-radius:10px;height:10px;position:relative}.field-bar .you{background:var(--milk);border:3px solid var(--crema);width:18px;height:18px;transition:left .9s var(--ease);border-radius:50%;margin:-9px 0 0 -9px;position:absolute;top:50%}.field-bar p{color:var(--milk-2);margin:10px 0 0;font-size:15px}.field-bar p b{color:var(--milk)}.podium-box{background:#e8a24a14;border:1px solid #e8a24a73;border-radius:16px;margin-top:20px;padding:16px}.podium-box h3{letter-spacing:-.02em;margin:0 0 6px;font-size:18px}.podium-box p{color:var(--milk-2);margin:0;font-size:14px}.toast{left:50%;bottom:calc(26px + var(--safe-b));border-radius:var(--r-ctl);background:var(--milk);color:var(--ink-0);opacity:0;transition:opacity .25s var(--ease), transform .25s var(--ease);text-align:center;max-width:90vw;padding:11px 16px;font-size:14px;font-weight:600;position:absolute;transform:translate(-50%,16px)}.toast.on{opacity:1;transform:translate(-50%)}.ts-host{z-index:60;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.loading-overlay{background:var(--ink-0);z-index:2;pointer-events:auto;place-items:center;display:grid;position:absolute;inset:0}.loading-overlay p{font:500 14px/1.4 var(--mono);color:var(--milk-2)}.noscript{padding:24px}@media (max-width:1180px){.stage-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:560px){.stage-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:980px){.stage{grid-template-rows:auto minmax(360px,52svh) auto;grid-template-columns:1fr}.stage-copy{padding-bottom:0}.hero-wrap{min-height:0}.board-grid,.spillmap-panel{grid-template-columns:1fr}.map-legend{border-left:0;border-top:1px solid var(--line)}.route li{grid-template-columns:48px minmax(0,1fr) auto}.route li p{grid-column:2/-1}}.hint-touch{display:none}@media (hover:none){.kbd-hint,.hint-fine,.nav .btn kbd{display:none}.hint-touch{display:inline}}@media (max-width:720px){.nav-links{display:none}.stage{grid-template-rows:auto minmax(300px,42svh) auto}.stage-copy{gap:18px}.nav .btn{margin-left:auto}.cups-row,.perk-steps{grid-template-columns:1fr}.perk-steps{gap:18px}.fame-frames{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:30px 12px;padding:50px 14px 28px}.fame-slot.r1{order:0;grid-column:1/-1}.r1 .hang{max-width:300px}.fame-slot:before{width:150%}.fame-slot.r2,.fame-slot.r3{--fw:8px}.r2 .lamp,.r3 .lamp{margin-bottom:12px}.r2 .mat,.r3 .mat{padding:12px 8px}.r2 .mat:before,.r3 .mat:before{inset:5px}.r2 .fr-cup,.r3 .fr-cup,.r2 .fr-all,.r3 .fr-all,.r2 .rg-long,.r3 .rg-long{display:none}.r2 .fr-rk,.r3 .fr-rk{font-size:30px}.r2 .fr-logo,.r3 .fr-logo{border-radius:14px;width:60px;margin-bottom:10px;font-size:20px}.r2 .fr-name,.r3 .fr-name{font-size:15px}.r2 .fr-dom,.r3 .fr-dom{font-size:12px}.r2 .fr-stats,.r3 .fr-stats{text-align:center;flex-direction:column;align-items:center;gap:8px;margin-top:12px;padding-top:10px}.r2 .fr-visits,.r3 .fr-visits{text-align:center}.r2 .fr-time,.r3 .fr-time{font-size:20px}.r2 .fr-cta,.r3 .fr-cta{padding:7px 10px;font-size:13px}.r2 .plaque,.r3 .plaque{margin-top:14px}.fame-ledge{padding-inline:16px}.fame-ledge .lbl{flex-basis:100%}.section-head{flex-direction:column;align-items:flex-start}.rank-list li{grid-template-columns:26px 30px minmax(0,1fr) auto;padding:12px 14px}.rank-list .pct,.rank-list .race{display:none}.hero-meter{font-size:22px;top:16px;right:16px}.logo-choice{grid-template-columns:1fr}.result-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.result-grid dd{font-size:16px}.cups-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.cup-card{padding:10px}.cup-card span{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}.hang,.hang:hover,.hang:focus-within{transform:rotate(var(--tilt))}}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-ext-wght-normal-DjL33-gN.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-wght-normal-BEAKL7Jp.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-vietnamese-wght-normal-6IgcOCM7.woff2)format("woff2-variations");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:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-ext-wght-normal-DC-KSUi6.woff2)format("woff2-variations");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:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-wght-normal-BgDaEnEv.woff2)format("woff2-variations");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:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-cyrillic-ext-wght-normal-X_5orZeX.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-cyrillic-wght-normal-DiZS0aHC.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-symbols2-wght-normal-CO5SzqOn.woff2)format("woff2-variations");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-vietnamese-wght-normal-DadHysG0.woff2)format("woff2-variations");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:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-latin-ext-wght-normal-Bwz-egvJ.woff2)format("woff2-variations");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:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-latin-wght-normal-XN7g48iV.woff2)format("woff2-variations");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}