:root{--ink:#2c2144;--ink-2:#4a3d70;--cream:#fff7e8;--paper:#fffdf8;--bg0:#cfe9fb;--bg1:#6fbcf0;--panel:rgba(255,247,232,0.97);--panel-2:rgba(255,253,246,0.97);--line:rgba(44,33,68,0.18);--text:var(--ink);--muted:#5f5486;--sun:#ffd23f;--tangerine:#ff8a2b;--coral:#ff5f6d;--sky:#56c7ff;--mint:#3fd39a;--accent:#ff8a2b;--accent-text:#d9530a;--accent-2:#ff5f6d;--hot:#ff4d6a;--gold:#ffc61a;--radius:18px;--edge:3px solid var(--ink);--pop:0 6px 0 rgba(44,33,68,0.9);--shadow:7px 7px 0 rgba(44,33,68,0.32)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body,html{margin:0;padding:0;height:100%;background:var(--bg0);color:var(--text);font-family:Segoe UI Rounded,Trebuchet MS,Segoe UI,system-ui,-apple-system,Arial,sans-serif;overscroll-behavior:none}body{background:radial-gradient(58vw 40vh at 10% -8%,rgba(255,255,255,.26),transparent 62%),radial-gradient(46vw 34vh at 92% 2%,rgba(255,255,255,.14),transparent 60%),linear-gradient(180deg,var(--bg1) 0,#6fa9c6 38%,#d8b287 100%);background-attachment:fixed}button{font-family:inherit}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:rgba(44,33,68,.35);border-radius:999px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-track{background:transparent}.screen{position:relative;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;animation:fadeIn .28s ease both;padding:max(14px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(238,226,210,.84),rgba(230,215,194,.9) 55%,rgba(217,199,174,.95))}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}.container{width:min(1080px,100%);margin:0 auto}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.h-title{font-size:clamp(20px,3.4vw,30px);font-weight:900;letter-spacing:.05em;margin:0;text-shadow:3px 3px 0 rgba(44,33,68,.16)}.h-sub,.h-title{text-transform:uppercase}.h-sub{color:var(--muted);font-size:13px;letter-spacing:.14em;font-weight:700;margin:4px 0 0}.wallet{display:flex;gap:9px;flex-wrap:wrap}.chip{background:var(--cream);color:var(--ink);border:2.5px solid var(--ink);border-radius:999px;box-shadow:0 4px 0 rgba(44,33,68,.9);padding:8px 16px;font-weight:900;font-size:14px;letter-spacing:.03em;display:inline-flex;gap:7px;align-items:center;white-space:nowrap}.chip .lbl{color:var(--muted);font-weight:800;font-size:11px;letter-spacing:.12em}.panel{background:linear-gradient(180deg,var(--panel),var(--panel-2));border:var(--edge);border-radius:24px;box-shadow:var(--shadow);padding:18px}.grid{display:grid;grid-gap:14px;gap:14px}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;overflow:hidden;outline:none;border:3px solid var(--ink);background:linear-gradient(180deg,#ffffff,#f4ecdc);color:var(--ink);font-weight:900;letter-spacing:.08em;text-transform:uppercase;font-size:14px;padding:13px 26px;cursor:pointer;box-shadow:var(--pop);transition:transform .1s ease,box-shadow .1s ease,filter .15s ease;display:inline-flex;align-items:center;justify-content:center;gap:10px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.btn,.btn:before{border-radius:999px}.btn:before{content:"";position:absolute;left:12px;right:12px;top:4px;height:38%;background:linear-gradient(180deg,rgba(255,255,255,.75),rgba(255,255,255,0));pointer-events:none}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 0 rgba(44,33,68,.9);filter:saturate(1.08)}.btn:active{transform:translateY(4px);box-shadow:0 2px 0 rgba(44,33,68,.9)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none;filter:grayscale(.7);box-shadow:var(--pop)}.btn-primary{background:linear-gradient(180deg,#ffe873 0,var(--tangerine) 100%);color:var(--ink)}.btn-primary:before{background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(255,255,255,0))}.btn-hot{background:linear-gradient(180deg,#ff8a9a 0,var(--hot) 100%);color:var(--ink)}.btn-hot:before{background:linear-gradient(180deg,rgba(255,255,255,.85),rgba(255,255,255,0))}.btn-ghost{background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(255,246,230,.86))}.btn-lg{font-size:clamp(16px,2.4vw,20px);padding:19px 34px;letter-spacing:.1em}.btn-sm{font-size:12px;padding:8px 16px;letter-spacing:.07em;border-width:2.5px;box-shadow:0 4px 0 rgba(44,33,68,.9)}.btn-sm:hover{box-shadow:0 6px 0 rgba(44,33,68,.9)}.btn-sm:active{box-shadow:0 1px 0 rgba(44,33,68,.9)}.btn-block{width:100%}.bar{position:relative;height:16px;background:rgba(44,33,68,.12);border:2.5px solid var(--ink);overflow:hidden}.bar,.bar>i{border-radius:999px}.bar>i{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,var(--sun),var(--tangerine));transition:width .5s cubic-bezier(.2,.8,.2,1);display:block}.bar.gold>i{background:linear-gradient(90deg,#ffe873,#ffb02e)}.bar.red>i{background:linear-gradient(90deg,#ff8a9a,var(--coral))}.bar.blue>i{background:linear-gradient(90deg,#8ad8ff,var(--sky))}.statline{display:flex;align-items:center;gap:10px;margin:9px 0}.statline .name{width:116px;font-size:12px;letter-spacing:.1em;color:var(--muted);font-weight:800}.statline .val{width:44px;text-align:right;font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.statline .bar{flex:1 1}.card{background:var(--paper);border:2.5px solid var(--ink);border-radius:20px;box-shadow:5px 5px 0 rgba(44,33,68,.32);padding:14px;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease;position:relative;overflow:hidden}.card.click{cursor:pointer}.card.click:hover{transform:translateY(-4px);border-color:var(--tangerine);box-shadow:5px 9px 0 rgba(44,33,68,.32)}.card.locked{opacity:.58;filter:grayscale(.7)}.card.on{border-color:var(--tangerine);box-shadow:5px 5px 0 rgba(255,138,43,.55);background:#fffdf1}.bike-shot{display:block;margin:0 auto;object-fit:contain;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none;filter:drop-shadow(0 10px 14px rgba(44,33,68,.35))}.card .tag{position:absolute;top:10px;right:-30px;transform:rotate(38deg);background:var(--sun);color:var(--ink);border-top:2.5px solid var(--ink);border-bottom:2.5px solid var(--ink);font-size:10px;font-weight:900;letter-spacing:.12em;padding:4px 34px}.card h4{margin:0 0 4px;font-size:16px;letter-spacing:.04em;font-weight:900;text-transform:uppercase}.card p{margin:0;color:var(--muted);font-size:13px;line-height:1.45}.card h4.with-ico{display:flex;align-items:center;gap:8px}.card-stats .row{gap:6px}.card-stats .muted{font-size:11px;letter-spacing:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row{display:flex;align-items:center;justify-content:space-between;gap:10px}.stars{color:#f7a81b;letter-spacing:2px;font-size:15px;text-shadow:1px 1px 0 rgba(44,33,68,.55)}.muted{color:var(--muted)}.small{font-size:12px}.mono{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.tabs{display:flex;gap:9px;overflow-x:auto;padding-top:8px;padding-bottom:4px;margin-top:-8px;margin-bottom:14px}.tab{border:2.5px solid var(--ink);background:var(--cream);color:var(--muted);padding:13px 18px;border-radius:999px;font-weight:900;font-size:13px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;white-space:nowrap;box-shadow:0 4px 0 rgba(44,33,68,.85);transition:transform .12s ease,background .14s ease,box-shadow .12s ease}.tab:hover{transform:translateY(-2px)}.tab.active{background:linear-gradient(180deg,#ffe873,var(--tangerine));color:var(--ink)}.seg{display:inline-flex;background:rgba(44,33,68,.1);border:2.5px solid var(--ink);border-radius:999px;padding:5px;gap:5px;flex-wrap:wrap}.seg button{border:none;background:transparent;color:var(--muted);font-weight:900;font-size:13px;letter-spacing:.08em;padding:10px 18px;border-radius:999px;cursor:pointer;transition:all .14s ease}.seg button.on,.seg button:hover{color:var(--ink)}.seg button.on{background:linear-gradient(180deg,#ffe873,var(--tangerine));box-shadow:0 3px 0 rgba(44,33,68,.75)}.menu-wrap{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center}.logo{font-size:clamp(40px,9vw,84px);font-weight:900;letter-spacing:.1em;margin:0;line-height:1;background:linear-gradient(180deg,#fff4d6 0,#ffe58a 46%,var(--tangerine) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(6px 7px 0 rgba(44,33,68,.92))}.logo img{display:block;width:min(196px,64vw);height:auto;margin:0 auto}.tagline{color:var(--ink-2);letter-spacing:.34em;text-transform:uppercase;font-weight:800;font-size:clamp(10px,1.8vw,13px);margin-top:10px}.menu-actions{display:grid;grid-template-columns:repeat(2,minmax(220px,320px));grid-gap:14px;gap:14px;width:min(700px,100%)}.menu-actions .btn,.menu-row{justify-content:center}.menu-row{display:flex;gap:10px;flex-wrap:wrap}.bike-preview{position:relative;padding:12px 30px 10px;border-radius:44px;background:radial-gradient(closest-side,rgba(255,252,243,.66),rgba(255,255,255,0) 82%)}.hero-bike{display:flex;flex-direction:column;align-items:center}.hero-stage{position:relative;display:grid;place-items:center}.hero3d{position:absolute;inset:0;transition:opacity .2s linear}.hero3d canvas{display:block;touch-action:none;cursor:-webkit-grab;cursor:grab}.hero3d canvas:active{cursor:-webkit-grabbing;cursor:grabbing}.hero-stage img{display:block;width:100%;height:100%;object-fit:contain;image-rendering:auto;transition:opacity .16s linear;filter:drop-shadow(0 9px 8px rgba(44,33,68,.32))}.game-shell{position:fixed;inset:0;z-index:0;visibility:visible;pointer-events:none;background:transparent;opacity:.55;transition:opacity .5s ease}.game-shell.on{opacity:1}.race-root{position:fixed;inset:0;z-index:5;background:transparent;overflow:hidden;animation:fadeIn .2s ease both}#game-root{position:absolute;inset:0}#game-root canvas{display:block}#view3d-root{position:absolute;inset:0;z-index:1;pointer-events:none}#view3d-root canvas{display:block}.hud{inset:0;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:5}.hud,.hud .top{position:absolute}.hud .top{top:max(10px,env(safe-area-inset-top));left:0;right:0;display:flex;justify-content:space-between;align-items:flex-start;padding:0 16px;gap:10px}.hud-box{background:rgba(255,247,232,.95);border:3px solid var(--ink);border-radius:16px;padding:9px 15px;font-family:Consolas,Menlo,DejaVu Sans Mono,monospace;font-weight:700;letter-spacing:.06em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;box-shadow:4px 4px 0 rgba(44,33,68,.45);color:var(--ink)}.hud-pos{font-size:clamp(22px,4vw,34px);line-height:1}.hud-pos small{font-size:.55em;color:var(--muted);letter-spacing:.1em}.hud-time{font-size:clamp(18px,3vw,26px)}.cluster{position:absolute;left:16px;bottom:max(96px,calc(env(safe-area-inset-bottom) + 92px));width:min(320px,42vw);padding:10px 12px 9px;display:flex;flex-direction:column;gap:7px}.cl-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.cl-speed b{font-size:clamp(30px,5.5vw,46px);line-height:.9;color:var(--accent-text)}.cl-speed small{font-size:10px;color:var(--muted);letter-spacing:.22em;margin-left:5px}.cl-gear{text-align:right}.cl-gear small{display:block;font-size:9px;letter-spacing:.3em;color:var(--muted);font-weight:800}.cl-gear b{font-size:clamp(24px,4vw,34px);line-height:1;color:var(--ink)}.cl-bar{height:10px;background:rgba(44,33,68,.14);border:2px solid var(--ink);border-radius:999px;overflow:hidden}.cl-bar>i{display:block;height:100%;background:repeating-linear-gradient(90deg,var(--tangerine) 0 8px,rgba(255,138,43,.32) 8px 12px);transition:width .12s linear}.cl-bar.red>i{background:repeating-linear-gradient(90deg,var(--coral) 0 8px,rgba(255,95,109,.32) 8px 12px)}.cl-gauges{display:flex;gap:8px}.cl-gauge{flex:1 1;min-width:0;background:rgba(44,33,68,.07);border:2px solid rgba(44,33,68,.25);border-radius:10px;padding:4px 6px 5px}.cl-gauge.wide{flex:1.7 1}.cl-gauge label{display:block;font-size:8px;letter-spacing:.2em;color:var(--muted);font-weight:800;margin-bottom:3px}.cl-gauge b{font-size:15px;color:var(--ink)}.cl-gauge.red{border-color:rgba(255,95,109,.75);background:rgba(255,95,109,.14)}.cl-gauge.red b{color:var(--hot)}.fuel-bar{position:relative;height:10px;background:rgba(44,33,68,.16);border:2px solid var(--ink);border-radius:999px;overflow:hidden}.fuel-bar>i{position:absolute;left:0;top:0;bottom:0;background:repeating-linear-gradient(90deg,var(--sun) 0 7px,rgba(255,210,63,.4) 7px 11px);transition:width .2s linear}.fuel-bar.low>i{background:repeating-linear-gradient(90deg,var(--coral) 0 7px,rgba(255,95,109,.4) 7px 11px)}.cl-lamp{font-size:9px;letter-spacing:.18em;font-weight:900;color:var(--hot);text-align:center;text-shadow:1px 1px 0 rgba(44,33,68,.3)}.radar{position:absolute;right:16px;bottom:max(96px,calc(env(safe-area-inset-bottom) + 92px));padding:7px}.radar canvas{display:block;width:168px;height:176px;background:repeating-linear-gradient(0deg,rgba(86,199,255,.35) 0 1px,transparent 1px 14px),repeating-linear-gradient(90deg,rgba(86,199,255,.35) 0 1px,transparent 1px 14px),rgba(255,255,255,.9);border:3px solid var(--ink);border-radius:10px}.radar-tag{font-size:8px;letter-spacing:.3em;color:var(--muted);text-align:center;margin-top:5px;font-weight:900}.hud-nitro{position:absolute;bottom:max(18px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(340px,46vw);text-align:center}.hud-nitro .label{font-size:10px;letter-spacing:.34em;color:#fff;font-weight:900;margin-bottom:5px;text-shadow:2px 0 0 var(--ink),-2px 0 0 var(--ink),0 2px 0 var(--ink),0 -2px 0 var(--ink),2px 2px 0 var(--ink),-2px 2px 0 var(--ink),2px -2px 0 var(--ink),-2px -2px 0 var(--ink),0 5px 0 rgba(44,33,68,.45)}.nitro-bar{height:17px;border-radius:999px;background:rgba(255,247,232,.92);border:3px solid var(--ink);overflow:hidden;position:relative;box-shadow:3px 3px 0 rgba(44,33,68,.4)}.nitro-bar>i{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,var(--tangerine),var(--sun),#fff3c4);transition:width .1s linear}.nitro-bar.hot>i{background:linear-gradient(90deg,var(--hot),var(--coral),var(--gold))}.nitro-bar.cooling>i{background:repeating-linear-gradient(90deg,rgba(44,33,68,.55) 0 7px,rgba(44,33,68,.32) 7px 12px)}.nitro-fx{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .16s ease}.nitro-fx.on{opacity:1}.nitro-fx:before{content:"";position:absolute;inset:-14%;background:repeating-conic-gradient(from 0deg at 50% 56%,rgba(255,255,255,0) 0deg 4.2deg,rgba(158,218,255,.17) 4.2deg 5.2deg,rgba(255,255,255,0) 5.2deg 9.4deg);-webkit-mask-image:radial-gradient(ellipse 64% 60% at 50% 56%,transparent 40%,black 90%);mask-image:radial-gradient(ellipse 64% 60% at 50% 56%,transparent 40%,black 90%);animation:nitro-rush .5s linear infinite}.nitro-fx:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 150px 26px rgba(84,172,255,.34),inset 0 0 48px rgba(148,222,255,.38);animation:nitro-throb .42s ease-in-out infinite alternate}@keyframes nitro-rush{0%{transform:scale(1)}to{transform:scale(1.09)}}@keyframes nitro-throb{0%{opacity:.7}to{opacity:1}}.countdown{position:absolute;top:34%;left:50%;transform:translate(-50%,-50%);font-size:clamp(70px,18vw,150px);font-weight:900;color:#fff;text-shadow:3px 0 0 var(--ink),-3px 0 0 var(--ink),0 3px 0 var(--ink),0 -3px 0 var(--ink),3px 3px 0 var(--ink),-3px 3px 0 var(--ink),3px -3px 0 var(--ink),-3px -3px 0 var(--ink),0 11px 0 rgba(44,33,68,.4);animation:cdPop .5s cubic-bezier(.2,1.4,.4,1) both}.countdown.go{color:var(--sun)}@keyframes cdPop{0%{transform:translate(-50%,-50%) scale(1.6) rotate(-4deg);opacity:0}30%{opacity:1}to{transform:translate(-50%,-50%) scale(1) rotate(0);opacity:1}}.checkpoint-flash{top:20%;transform:translateX(-50%);letter-spacing:.22em;font-size:clamp(16px,3vw,26px);text-shadow:2px 0 0 var(--ink),-2px 0 0 var(--ink),0 2px 0 var(--ink),0 -2px 0 var(--ink),2px 2px 0 var(--ink),-2px 2px 0 var(--ink),2px -2px 0 var(--ink),-2px -2px 0 var(--ink),0 7px 0 rgba(44,33,68,.35);animation:fadeIn .25s ease both}.checkpoint-flash,.finish-banner{position:absolute;left:50%;font-weight:900;color:#fff}.finish-banner{top:30%;transform:translate(-50%,-50%) rotate(-2deg);font-size:clamp(34px,8vw,74px);letter-spacing:.1em;text-shadow:3px 0 0 var(--ink),-3px 0 0 var(--ink),0 3px 0 var(--ink),0 -3px 0 var(--ink),3px 3px 0 var(--ink),-3px 3px 0 var(--ink),3px -3px 0 var(--ink),-3px -3px 0 var(--ink),0 11px 0 rgba(44,33,68,.4)}.controls{position:absolute;inset:auto 0 0 0;display:none;justify-content:space-between;align-items:flex-end;padding:0 18px max(16px,env(safe-area-inset-bottom));z-index:6}.controls .pad{display:flex;gap:14px;align-items:flex-end}.tbtn{width:84px;height:84px;border-radius:50%;border:3px solid var(--ink);background:rgba(255,247,232,.9);color:var(--ink);font-size:26px;font-weight:900;display:flex;align-items:center;justify-content:center;pointer-events:auto;touch-action:none;box-shadow:0 5px 0 rgba(44,33,68,.9);-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:transform .08s ease,box-shadow .08s ease,background .1s ease}.tbtn.on,.tbtn:active{background:linear-gradient(180deg,#ffe873,var(--tangerine));transform:translateY(4px);box-shadow:0 1px 0 rgba(44,33,68,.9)}.tbtn.small{width:70px;height:70px;font-size:15px;letter-spacing:.05em}.tbtn.nitro{background:linear-gradient(180deg,#fff3c4,var(--sun))}.tbtn.brake{background:linear-gradient(180deg,#ffd0d6,var(--coral))}@media (max-width:820px),(pointer:coarse){.controls{display:flex}.hud-nitro{width:min(260px,44vw)}.cluster,.hud-nitro{bottom:max(120px,calc(env(safe-area-inset-bottom) + 116px))}.cluster{width:min(240px,46vw);padding:8px 9px 7px;gap:5px}.cl-gauges{gap:5px}.cl-gauge b{font-size:13px}.radar{bottom:max(120px,calc(env(safe-area-inset-bottom) + 116px));right:10px;padding:5px}.radar canvas{width:116px;height:122px}}.quit-btn{top:max(10px,env(safe-area-inset-top));left:50%;transform:translateX(-50%)}.cam-btn,.quit-btn{position:absolute;pointer-events:auto;z-index:7}.cam-btn{top:max(80px,calc(env(safe-area-inset-top) + 76px));left:16px}.cam-btn span[data-mode=fp]{color:var(--accent-text)}.net-pill{position:absolute;top:max(76px,calc(env(safe-area-inset-top) + 72px));right:16px;font-size:11px;font-weight:900;letter-spacing:.08em;color:var(--ink);background:rgba(255,247,232,.95);border:2.5px solid var(--ink);border-radius:999px;padding:6px 12px;box-shadow:0 4px 0 rgba(44,33,68,.75)}.net-pill.bad{color:#b3123a;background:#ffe0e6;animation:pulse 1s ease infinite}@keyframes pulse{50%{opacity:.5}}.lobby-list{display:flex;flex-direction:column;gap:8px;margin:14px 0}.lobby-row{display:flex;align-items:center;gap:12px;background:var(--paper);border:2.5px solid var(--ink);border-radius:16px;padding:11px 14px;box-shadow:4px 4px 0 rgba(44,33,68,.28);animation:fadeIn .3s ease both}.lobby-row .ava{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:17px;background:var(--sun);border:2.5px solid var(--ink)}.lobby-row .nm{font-weight:900;letter-spacing:.03em;flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lobby-row .st{font-size:11px;font-weight:900;letter-spacing:.12em;color:var(--muted)}.lobby-row .st.ready{color:var(--accent-text)}.lobby-row .ping{font-size:11px;color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;width:54px;text-align:right}.spinner{width:46px;height:46px;border-radius:50%;border-left:5px solid rgba(44,33,68,.15);border-bottom:5px solid rgba(44,33,68,.15);border-top:5px solid rgba(44,33,68,.15);border-top-color:var(--tangerine);border-right:5px solid rgba(44,33,68,.15);border-right-color:var(--sun);animation:spin .9s linear infinite;margin:0 auto}@keyframes spin{to{transform:rotate(1turn)}}.finding-wrap{flex:1 1;display:grid;place-items:center;text-align:center;grid-gap:16px;gap:16px}.result-hero{text-align:center;padding:26px 10px 6px}.result-hero .pos{font-size:clamp(52px,12vw,96px);font-weight:900;line-height:1;background:linear-gradient(180deg,#ffffff 0,var(--sun) 60%,var(--tangerine) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(5px 6px 0 rgba(44,33,68,.9))}.result-hero h2{letter-spacing:.14em;margin:6px 0 0;font-size:clamp(18px,3.6vw,28px)}.reward-row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:12px}.reward{background:var(--paper);border:2.5px solid var(--ink);border-radius:16px;box-shadow:4px 4px 0 rgba(44,33,68,.3);padding:12px 18px;font-weight:900;font-size:18px;min-width:120px;text-align:center;animation:fadeIn .4s ease both}.reward small{display:block;font-size:10px;letter-spacing:.2em;color:var(--muted);margin-bottom:4px}.standings{display:flex;flex-direction:column;gap:6px;margin-top:14px}.standings .srow{display:flex;gap:12px;align-items:center;background:var(--paper);border:2px solid rgba(44,33,68,.35);border-radius:14px;padding:10px 13px;font-weight:800}.standings .srow.you{border-color:var(--ink);background:#fff2cc;box-shadow:4px 4px 0 rgba(44,33,68,.35)}.standings .srow .p{width:30px;font-weight:900;color:var(--accent-text)}.standings .srow .p,.standings .srow .t{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.standings .srow .t{margin-left:auto;color:var(--muted);font-size:13px}.modal-back{position:fixed;inset:0;background:rgba(44,33,68,.5);display:grid;place-items:center;z-index:50;padding:18px;animation:fadeIn .2s ease both;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{width:min(520px,100%);background:var(--panel);border:var(--edge);border-radius:24px;padding:22px;box-shadow:10px 10px 0 rgba(44,33,68,.55);max-height:88vh;overflow:auto}.modal h3{margin:0 0 4px;letter-spacing:.1em;text-transform:uppercase}.toast{position:fixed;bottom:max(22px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);background:var(--cream);border:3px solid var(--ink);color:var(--ink);border-radius:999px;padding:12px 22px;font-weight:800;font-size:14px;z-index:60;box-shadow:5px 5px 0 rgba(44,33,68,.55);animation:fadeIn .25s ease both;max-width:90vw;text-align:center}.toast.err{background:#ffe0e6;color:#b3123a}.swatches{display:flex;gap:10px;flex-wrap:wrap}.swatch{width:46px;height:46px;border-radius:50%;border:3px solid rgba(44,33,68,.3);cursor:pointer;box-shadow:0 4px 0 rgba(44,33,68,.65);transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.swatch:hover{box-shadow:0 6px 0 rgba(44,33,68,.65)}.swatch.on,.swatch:hover{transform:translateY(-2px)}.swatch.on{border-color:var(--ink);box-shadow:0 4px 0 rgba(44,33,68,.9),0 0 0 3px var(--sun)}.kbd{background:var(--paper);border:solid var(--ink);border-width:2px 2px 4px;border-radius:9px;padding:3px 9px;font-weight:900;font-size:12px}.footnote{color:var(--ink-2);font-weight:700;text-align:center;margin-top:18px}.footnote,.pill-note{font-size:12px;letter-spacing:.05em}.pill-note{display:inline-block;background:#d9f7ea;border:2.5px solid var(--ink);color:var(--ink);padding:7px 14px;border-radius:999px;font-weight:800;box-shadow:0 3px 0 rgba(44,33,68,.7)}.text-input{flex:1 1 200px;min-width:0;background:var(--paper);border:2.5px solid var(--ink);border-radius:14px;color:var(--ink);font:inherit;font-weight:800;font-size:16px;padding:13px 16px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.text-input:focus{border-color:var(--tangerine);box-shadow:0 0 0 4px rgba(255,138,43,.32)}.text-input:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.text-input:disabled:focus{border-color:var(--ink)}.statline input[type=range]{flex:1 1;-moz-appearance:none;appearance:none;-webkit-appearance:none;height:10px;border-radius:999px;background:rgba(44,33,68,.16);border:2px solid var(--ink);outline:none;cursor:pointer}.statline input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:linear-gradient(180deg,#ffe873,var(--tangerine));border:3px solid var(--ink)}.statline input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:linear-gradient(180deg,#ffe873,var(--tangerine));border:3px solid var(--ink)}.toggle{display:flex;align-items:center;gap:14px;width:100%;background:var(--paper);border:2.5px solid var(--ink);border-radius:16px;color:var(--ink);font:inherit;font-size:14px;font-weight:800;padding:13px 16px;cursor:pointer;text-align:left;box-shadow:4px 4px 0 rgba(44,33,68,.28);transition:border-color .15s ease,background .15s ease}.toggle .knob{flex:0 0 auto;width:48px;height:27px;border-radius:999px;background:rgba(44,33,68,.2);border:2.5px solid var(--ink);position:relative;transition:background .18s ease}.toggle .knob:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#ffffff;border:2px solid var(--ink);transition:transform .18s ease,background .18s ease}.toggle.on{background:#fff6d9}.toggle.on .knob{background:linear-gradient(90deg,var(--sun),var(--tangerine))}.toggle.on .knob:after{transform:translateX(21px);background:var(--ink)}.toggle .lbl{flex:1 1}@media (max-width:720px){.menu-actions{grid-template-columns:1fr}.statline .name{width:92px}.btn{padding:15px 18px}.h-title{letter-spacing:.06em}}