@font-face{font-family:Lilita One;font-style:normal;font-display:swap;font-weight:400;src:url(./lilita-one-latin-400-normal-87r-Z-Re.woff2)format("woff2"),url(./lilita-one-latin-400-normal-DXkechA3.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(./nunito-latin-700-normal-Dort48En.woff2)format("woff2"),url(./nunito-latin-700-normal-OcDqTBcA.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(./nunito-latin-800-normal-Dz8SOQK_.woff2)format("woff2"),url(./nunito-latin-800-normal-D-J0wlBY.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:900;src:url(./nunito-latin-900-normal-BVB1fGs6.woff2)format("woff2"),url(./nunito-latin-900-normal-CVn49sIn.woff)format("woff")}:root{--ink:#1a1a2e;--paper:#fffaf0;--pink:#ff3e9d;--yellow:#ffd23f;--teal:#2ec4b6;--orange:#ff5a36;--blue:#3a86ff;--shadow:4px 4px 0 var(--ink);--font:Nunito, "Trebuchet MS", "Segoe UI", system-ui, -apple-system, Roboto, sans-serif;--display:"Lilita One", Nunito, "Trebuchet MS", system-ui, sans-serif;--cream:#fffaf0}*{box-sizing:border-box}html,body{background:var(--ink);height:100%;color:var(--ink);font-family:var(--font);margin:0;overflow:hidden}#app{position:fixed;inset:0}canvas{display:block}button{font-family:inherit}.btn{border:3px solid var(--ink);color:var(--ink);box-shadow:var(--shadow);cursor:pointer;background:#fff;border-radius:12px;padding:10px 16px;font-size:15px;font-weight:800;transition:transform 80ms,box-shadow 80ms}.btn:hover:not(:disabled){box-shadow:5px 5px 0 var(--ink);transform:translate(-1px,-1px)}.btn:active:not(:disabled){box-shadow:1px 1px 0 var(--ink);transform:translate(3px,3px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--pink);color:#fff}.btn.big{padding:14px 26px;font-size:20px}.card{background:var(--paper);border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink);border-radius:18px;padding:18px}.menu{background:radial-gradient(circle at 20% 10%,#ffe066 0 8%,#0000 8.5%),radial-gradient(circle at 85% 25%,#8ecae6 0 10%,#0000 10.5%),repeating-linear-gradient(45deg,#4cc9f0 0 30px,#56d0f5 30px 60px);padding:24px 16px 40px;position:absolute;inset:0;overflow-y:auto}.menu-head{text-align:center;margin-bottom:18px}.menu-head h1{letter-spacing:2px;color:var(--yellow);-webkit-text-stroke:3px var(--ink);text-shadow:6px 6px 0 var(--ink);margin:0;font-size:clamp(48px,9vw,96px);font-style:italic;transform:rotate(-2deg)}.menu-head h1 span{-webkit-text-stroke:0;text-shadow:none;color:#fff;background:var(--ink);vertical-align:top;letter-spacing:0;border-radius:6px;margin-left:8px;padding:3px 8px;font-size:14px;font-style:normal;display:inline-block}.menu-head p{color:#fff;text-shadow:2px 2px 0 var(--ink);margin:6px 0 0;font-weight:800}.menu-grid{grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:20px;max-width:1320px;margin:0 auto;display:grid}.menu h3{margin:0 0 12px;font-size:20px}.menu label{margin:12px 0 4px;font-weight:700;display:block}.menu label small,.menu .card>small{opacity:.7;margin-top:2px;font-weight:400;display:block}.menu input[type=text],.menu input[type=number],.menu select{border:3px solid var(--ink);width:100%;font:inherit;background:#fff;border-radius:10px;margin-top:4px;padding:8px 10px}.menu input[type=range]{width:100%;accent-color:var(--pink)}.menu .card .btn{width:100%;margin-top:8px}.status{opacity:.8;margin:6px 2px 4px;font-size:13px}.status.ok{color:#138a52;opacity:1;font-weight:700}.live{min-height:1em;margin:10px 0;font-size:18px}.warn{border:2px dashed var(--orange);background:#ffe5d9;border-radius:10px;padding:10px;font-size:14px}.choices{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;display:grid}.choice{border:3px solid var(--ink);text-align:left;cursor:pointer;color:var(--ink);background:#fff;border-radius:12px;flex-direction:column;gap:3px;padding:8px;font-size:13px;display:flex}.choice b{font-size:14px}.choice small{opacity:.75;line-height:1.25}.choice small.sub{opacity:1;color:var(--orange);font-style:italic;font-weight:700}.choice small.facts{opacity:1;margin-top:4px;font-weight:700}.choice.on{background:var(--yellow);box-shadow:3px 3px 0 var(--ink)}.swatch{border:5px solid var(--ink);border-radius:50%;width:28px;height:28px}.row2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.menu-foot{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;margin-top:26px;display:flex}.menu-foot .keys{color:#fff;text-shadow:1px 1px 0 var(--ink);flex-basis:100%;margin:6px 0 0;font-size:14px;font-weight:700}.hud{pointer-events:none;color:var(--ink);font-family:var(--font);position:absolute;inset:0}.hud .panel{background:var(--cream);border:4px solid var(--ink);box-shadow:6px 6px 0 var(--ink);border-radius:22px;position:absolute}.hud .tag{font-family:var(--display);letter-spacing:1px;text-transform:uppercase;border:4px solid var(--ink);box-shadow:3px 3px 0 var(--ink);white-space:nowrap;border-radius:12px;padding:3px 14px 2px;font-size:19px;line-height:1.15;position:absolute;top:-20px}.tag-yellow{background:var(--yellow);left:18px;transform:rotate(-3deg)}.tag-teal{background:#2ad1b8;right:18px;transform:rotate(2deg)}.tag-red{color:var(--ink);background:#ff5470;left:18px;transform:rotate(-2deg)}.hud-tl{width:300px;padding:20px 18px 14px;top:26px;left:18px}.power-row{align-items:center;gap:10px;display:flex}.hud-tl .watts{font-family:var(--display);letter-spacing:-1px;font-size:72px;line-height:.9}.hud-tl .watts small{color:var(--pink);margin-left:4px;font-size:28px}.hud-tl .watts.boosted span{color:var(--orange)}.hud-tl .speed{background:var(--ink);color:#fff;font-family:var(--display);white-space:nowrap;border-radius:999px;margin-left:auto;padding:4px 12px 3px;font-size:24px}.hud-tl .speed small{font-family:var(--font);margin-left:3px;font-size:12px;font-weight:800}.chips{gap:8px;margin-top:10px;display:flex}.chip{border:3px solid var(--ink);box-shadow:2px 2px 0 var(--ink);border-radius:10px;align-items:center;gap:5px;padding:1px 8px;font-size:16px;font-weight:900;display:inline-flex}.chip i{font-size:14px;font-style:normal;font-weight:900}.chip-teal{background:#c9f4ec}.chip-pink{background:#ffd6e4}.chip-lilac{background:#e3dcff}.hud-tl .draft-label{letter-spacing:1px;text-transform:uppercase;justify-content:space-between;margin-top:12px;font-size:13px;font-weight:900;display:flex}.hud-tl .draft{border:3px solid var(--ink);background:#f3ead6;border-radius:9px;height:18px;margin-top:4px;position:relative;overflow:hidden}.hud-tl .draft i{border-right:3px solid var(--ink);background:repeating-linear-gradient(-45deg,#2ec4b6 0 8px,#6be0d2 8px 16px);width:0;transition:width .2s;position:absolute;inset:0 auto 0 0}.hud-tl .demo-hint{opacity:.65;margin-top:8px;font-size:11px;font-weight:700}.hud-tl .demo-hint:empty{display:none}.watch-tag{color:var(--pink);margin-bottom:4px;font-size:14px;font-weight:900}.watch-tag:empty{display:none}.hud-bc{align-items:center;gap:12px;min-width:300px;max-width:460px;padding:10px 16px 10px 10px;transition:opacity .25s,transform .3s cubic-bezier(.2,1.6,.4,1);display:flex;bottom:18px;left:50%;transform:translate(-50%)}.hud-bc.hidden{opacity:0;transform:translate(-50%)translateY(40px)scale(.7)}.item-slot{border:4px solid var(--ink);width:76px;height:76px;box-shadow:3px 3px 0 var(--ink);background:#fff;border-radius:16px;flex:none;place-items:center;display:grid;overflow:hidden}.item-slot.full{background:var(--yellow);animation:.6s ease-in-out infinite alternate wiggle}.item-slot.spinning{background:#fff6d6}.item-icon{font-size:46px}.item-name{font-size:13px;font-weight:700;line-height:1.3}.item-title{align-items:center;gap:8px;margin-bottom:2px;display:flex}.item-name b{font-family:var(--display);letter-spacing:.5px;text-transform:uppercase;font-size:22px;font-weight:400}.item-name .key{background:var(--ink);color:#fff;text-transform:uppercase;border-radius:7px;padding:1px 7px;font-size:11px;font-weight:900}@keyframes wiggle{0%{transform:rotate(-4deg)}to{transform:rotate(4deg)}}.item-icon.roll{animation:90ms linear roll}@keyframes roll{0%{opacity:.3;transform:translateY(-70%)}to{opacity:1;transform:translateY(0)}}.item-slot.full.landed{animation:.5s cubic-bezier(.2,1.8,.4,1) land,.6s ease-in-out .5s infinite alternate wiggle}@keyframes land{0%{transform:scale(1.35)}to{transform:scale(1)}}.hud-tr{width:300px;padding:20px 16px 12px;top:26px;right:18px}.map-box{border:4px solid var(--ink);background:#d8f0fb;border-radius:16px;overflow:hidden}.map-box canvas{width:100%;height:auto}.grade-box{margin-top:10px}.grade-head{justify-content:space-between;align-items:flex-end;display:flex}.grade-head small{letter-spacing:1px;text-transform:uppercase;font-size:13px;font-weight:900;display:block}.grade-now{font-family:var(--display);font-size:44px;line-height:1}.grade-now span{font-size:inherit}.hud-tr .time{text-align:right}.hud-tr .time div{font-family:var(--display);font-size:36px;line-height:1}.hud-tr canvas.profile{border-bottom:3px solid var(--ink);width:100%;height:auto;margin-top:6px;display:block}.grade-next{margin-top:6px;font-size:13px;font-weight:700}.hud-bl{width:300px;padding:22px 12px 10px;bottom:18px;left:18px}.hud-bl ol{margin:0;padding:0;font-size:16px;font-weight:800;list-style:none}.hud-bl li{border-radius:10px;grid-template-columns:22px 16px 1fr auto;align-items:center;gap:8px;padding:3px 8px;display:grid}.hud-bl li i{border:3px solid var(--ink);border-radius:50%;width:14px;height:14px}.hud-bl li.me{background:var(--pink);color:#fff;border:3px solid var(--ink);box-shadow:3px 3px 0 var(--ink);margin:2px -14px;padding:4px 18px}.hud-bl li.me i{background:#fff!important}.hud-bl li.self{outline:3px dashed var(--pink);outline-offset:-3px}.hud-bl .pos{font-family:var(--display);font-size:18px;font-weight:400}.hud-bl .nm{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hud-bl .gap{font-variant-numeric:tabular-nums;opacity:.8;font-size:14px}.hud-bl li.me .gap{opacity:1}.hud-bl li.me .gap em{color:#fff}.hud-bl .gap em{color:#d9730d;letter-spacing:.5px;text-transform:uppercase;opacity:1;font-style:normal;font-weight:900}.hud-br{position:absolute;bottom:10px;right:22px}.hud-br .place{font-family:var(--display);align-items:flex-end;line-height:.85;display:flex}.hud-br .place span{color:var(--yellow);-webkit-text-stroke:6px var(--ink);paint-order:stroke fill;text-shadow:6px 6px 0 var(--ink);font-size:150px}.hud-br .place .dot{background:var(--yellow);border:5px solid var(--ink);width:22px;height:22px;box-shadow:4px 4px 0 var(--ink);margin:0 6px 14px 4px}.hud-br .place small{color:#fff;-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;text-shadow:4px 4px 0 var(--ink);margin-bottom:8px;font-size:60px}.countdown{font-family:var(--display);color:var(--yellow);-webkit-text-stroke:7px var(--ink);paint-order:stroke fill;text-shadow:8px 8px 0 var(--ink);font-size:170px;position:absolute;top:36%;left:50%;transform:translate(-50%,-50%)}.countdown.pop{animation:.9s ease-out pop}@keyframes pop{0%{opacity:0;transform:translate(-50%,-50%)scale(2.2)}25%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:.9;transform:translate(-50%,-50%)scale(.9)}}.toasts{flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;bottom:130px;left:50%;transform:translate(-50%)}.toast{background:var(--ink);color:#fff;white-space:nowrap;border:3px solid var(--ink);border-radius:999px;padding:6px 16px;font-size:15px;font-weight:800;transition:opacity .5s}.toast.mine{background:var(--pink)}.toast.fade{opacity:0}@media (max-width:1700px),(max-height:950px){.hud-tl{transform-origin:0 0;transform:scale(.8)}.hud-tr{transform-origin:100% 0;transform:scale(.8)}.hud-bl{transform-origin:0 100%;transform:scale(.8)}.hud-br{transform-origin:100% 100%;transform:scale(.78)}.hud-bc{transform-origin:bottom;transform:translate(-50%)scale(.85)}.hud-bc.hidden{transform:translate(-50%)translateY(40px)scale(.6)}}@media (max-width:1100px),(max-height:680px){.hud-tl,.hud-tr,.hud-bl{transform:scale(.68)}.hud-br{transform:scale(.62)}}@media (max-width:760px){.hud-tl{transform:scale(.6)}.hud-tr{transform:scale(.55)}.hud-bc{bottom:110px;transform:translate(-50%)scale(.8)}.hud-bl{bottom:110px;transform:scale(.55)}.hud-br{transform:scale(.5)}.toasts{bottom:200px}}.overlay{z-index:10;background:#1a1a2e8c;place-items:center;display:grid;position:absolute;inset:0}.overlay .card{text-align:center;min-width:min(420px,92vw)}.overlay h2{color:var(--pink);-webkit-text-stroke:1.5px var(--ink);margin:0 0 6px;font-size:44px;font-style:italic}.overlay .row{justify-content:center;gap:10px;margin-top:16px;display:flex}.results{border-collapse:collapse;width:100%;margin-top:10px;font-size:16px}.results td{text-align:left;border-bottom:2px dashed #ddd;padding:4px 8px}.results td:last-child{text-align:right;font-variant-numeric:tabular-nums}.results tr.me td{background:var(--yellow);font-weight:800}.touch-controls{z-index:5;gap:14px;display:flex;position:fixed;bottom:14px;left:50%;transform:translate(-50%)}.touch-controls button{border:4px solid var(--ink);width:84px;height:84px;box-shadow:var(--shadow);touch-action:manipulation;background:#ffffffe6;border-radius:50%;font-size:26px;font-weight:900}.touch-controls button[data-a=useItem]{background:var(--yellow);font-size:18px}.touch-controls button[data-a=shiftUp],.touch-controls button[data-a=shiftDown]{background:#2ad1b8;font-size:34px}.menu .card.account form{margin:0}.hint{opacity:.75;margin:6px 0;font-size:13px}.msg{border:2px solid var(--ink);border-radius:10px;margin-top:10px;padding:8px 10px;font-size:13px}.msg.ok{background:#d8f3dc}.msg.err{background:#ffd6d6}.tabs{border:3px solid var(--ink);border-radius:12px;grid-template-columns:1fr 1fr;margin:10px 0 4px;display:grid;overflow:hidden}.tabs button{cursor:pointer;background:#fff;border:0;padding:8px;font-weight:800}.tabs button.on{background:var(--yellow)}.tabs button+button{border-left:3px solid var(--ink)}.menu input[type=email],.menu input[type=password]{border:3px solid var(--ink);width:100%;font:inherit;background:#fff;border-radius:10px;margin-top:4px;padding:8px 10px}.link{color:var(--blue);cursor:pointer;background:0 0;border:0;padding:8px 0 0;font-size:13px;text-decoration:underline}.btn.danger{color:#c1121f;background:#fff;border-color:#c1121f;box-shadow:4px 4px #c1121f}.profile{text-align:left;align-items:center;gap:12px;margin:6px 0 10px;display:flex}.pname{font-size:22px;font-weight:900}.pmail{opacity:.6;font-size:12px}.rank-badge{border:3px solid var(--ink);width:64px;height:64px;box-shadow:3px 3px 0 var(--ink);border-radius:50% 50% 46% 46%;flex-direction:column;flex:none;justify-content:center;align-items:center;line-height:1;display:flex}.rank-badge span{font-size:26px;font-weight:900}.rank-badge small{text-transform:uppercase;margin-top:2px;font-size:8px;font-weight:800}.rank-progress{border:2px solid var(--ink);background:#fff;border-radius:11px;height:22px;position:relative;overflow:hidden}.rank-progress i{background:var(--teal);position:absolute;inset:0 auto 0 0}.rank-progress span{padding-left:10px;font-size:12px;font-weight:800;line-height:18px;position:relative}.stats{gap:14px;margin:10px 0;font-size:13px;display:flex}.friendcode{align-items:center;gap:8px;font-size:13px;display:flex}.friendcode code{letter-spacing:2px;border:2px dashed var(--ink);background:#fff;border-radius:6px;padding:2px 6px;font-size:16px;font-weight:800}.mini{border:2px solid var(--ink);cursor:pointer;background:#fff;border-radius:6px}.rank-update{margin-top:14px}.rank-update .gain{color:#138a52;font-size:28px;font-weight:900}.rank-update .levelup{color:var(--pink);font-weight:800}.spectator{border:3px solid var(--ink);box-shadow:var(--shadow);z-index:6;background:#fffaf0f2;border-radius:18px;align-items:center;gap:10px;padding:8px 12px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.spectator button{border:3px solid var(--ink);background:var(--yellow);cursor:pointer;border-radius:12px;width:46px;height:46px;font-size:18px;font-weight:900}.spectator button.res{background:#fff;width:auto;padding:0 12px;font-size:14px}.spectator div{flex-direction:column;align-items:center;min-width:170px;display:flex}.spectator small{opacity:.65;font-size:11px}.spectator b{font-size:20px}.spectator span{font-size:13px}.mini-help{opacity:.8;margin:4px 2px 8px;font-size:12px}.mini-help summary{cursor:pointer;font-weight:700}.loading{z-index:20;color:#fff;text-align:center;background:radial-gradient(circle at 50% 40%,#4cc9f0,#1a1a2e 75%);place-items:center;display:grid;position:absolute;inset:0}.loading h1{color:var(--yellow);-webkit-text-stroke:2px var(--ink);text-shadow:5px 5px 0 var(--ink);margin:0;font-size:clamp(36px,7vw,72px);font-style:italic}.loading p{opacity:.9;font-weight:700}.loading .wheel{border:8px solid #fff;border-top-color:var(--pink);border-radius:50%;width:64px;height:64px;margin:20px auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading .tip{opacity:.75;max-width:420px;margin:0 auto;font-size:14px}.intro{z-index:8;pointer-events:none;transition:opacity .4s;position:absolute;inset:0}.intro.out{opacity:0}.intro-top{background:var(--ink);color:#fff;border-radius:999px;align-items:baseline;gap:8px;padding:6px 18px;display:flex;position:absolute;top:18px;left:50%;transform:translate(-50%)}.intro-top span{opacity:.7;text-transform:uppercase;letter-spacing:1px;font-size:12px}.intro-top b{font-size:18px}.intro-card{border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink);text-align:center;background:#fffaf0f2;border-radius:18px;min-width:min(560px,90vw);padding:14px 22px;position:absolute;bottom:70px;left:50%;transform:translate(-50%)}.intro-card.in{animation:.5s cubic-bezier(.2,1.4,.4,1) slideIn}@keyframes slideIn{0%{opacity:0;transform:translate(-50%,30px)}to{opacity:1;transform:translate(-50%)}}.intro-card h2{color:var(--pink);-webkit-text-stroke:1px var(--ink);margin:0;font-size:34px;font-style:italic}.intro-card p{margin:6px 0 0;font-weight:700}.intro-profile{width:100%;max-width:560px;height:auto;margin-top:8px}.intro-dots{gap:8px;display:flex;position:absolute;bottom:36px;left:50%;transform:translate(-50%)}.intro-dots i{border:2px solid var(--ink);background:#fff9;border-radius:50%;width:10px;height:10px}.intro-dots i.on{background:var(--yellow);transform:scale(1.3)}.intro-skip{pointer-events:auto;border:3px solid var(--ink);box-shadow:var(--shadow);cursor:pointer;background:#fff;border-radius:12px;padding:8px 14px;font-weight:800;position:absolute;bottom:18px;right:18px}.overlay.side{background:linear-gradient(90deg,#0000 35%,#1a1a2e73);justify-items:end;padding-right:24px}.overlay.side .card{max-width:min(640px,94vw)}.results.ranking th{text-align:left;text-transform:uppercase;opacity:.6;padding:4px 8px;font-size:12px}.results.ranking td{font-variant-numeric:tabular-nums}.results.ranking td:nth-child(n+3){text-align:right}.results.ranking tr.podium-row td:first-child{color:var(--pink);font-weight:900}.results .dnf{opacity:.7;font-size:13px}@media (max-width:900px){.overlay.side{background:#1a1a2e66;justify-items:center;padding-right:0}}.choice.char{text-align:center;align-items:center;padding:6px 4px 8px}.choice.char img{aspect-ratio:1;object-fit:cover;border:2px solid var(--ink);background:radial-gradient(circle at 50% 35%,#fff,#cfeffd);border-radius:8px;width:100%}.choice.char b{margin-top:4px;font-size:15px}.choice.char.on img{background:radial-gradient(circle at 50% 35%,#fff7d1,#ffd23f)}.choice.char img{min-height:64px}.loading .attrib{opacity:.6;margin-top:18px;font-size:11px}.intro-attrib{color:#fff;text-shadow:0 1px 2px #0009;font-size:11px;position:absolute;bottom:10px;left:12px}.menu-head h1{font-family:var(--display);letter-spacing:3px;-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;font-style:normal;font-weight:400}.menu-head h1 span{font-family:var(--font);font-weight:900}.menu h3{font-family:var(--display);letter-spacing:.5px;font-size:24px;font-weight:400}.btn{font-weight:900}.btn.big{font-family:var(--display);letter-spacing:.5px;font-size:22px;font-weight:400}.choice b{font-weight:900}.choices.tracks{grid-template-columns:1fr}.choice.track{grid-template-columns:92px 1fr;align-items:start;gap:2px 10px;padding:0 8px 0 0;display:grid;overflow:hidden}.choice.track>:not(.track-art){grid-column:2}.choice.track>b{margin-top:7px;font-size:16px}.choice.track>small:last-child{margin-bottom:8px}.track-art{border-right:3px solid var(--ink);grid-row:1/span 4;align-self:stretch;min-height:96px;display:block;position:relative;overflow:hidden}.track-art i{border-radius:50% 50% 0 0;width:140%;height:46px;position:absolute;bottom:-18px;left:50%;transform:translate(-50%)}.look-golden .track-art,.track-art.look-golden{background:radial-gradient(circle at 70% 85%,#fff4d6 0 8%,#0000 9%),linear-gradient(#3b4a7a,#c4707a 40%,#f2a35c 70%,#ffd08a)}.track-art.look-golden i{clip-path:polygon(0 40%,4% 0,8% 40%,12% 10%,16% 40%,20% 0,24% 40%,28% 15%,32% 40%,36% 0,40% 40%,44% 10%,48% 40%,52% 0,56% 40%,60% 15%,64% 40%,68% 0,72% 40%,76% 10%,80% 40%,84% 0,88% 40%,92% 15%,96% 40%,100% 0,100% 100%,0 100%);background:repeating-linear-gradient(90deg,#a64b2a 0 14px,#d99a4e 14px 24px,#8f3f2b 24px 34px,#e8c48e 34px 44px);border-radius:0;height:30px;bottom:0}.track-art.look-night{background:radial-gradient(circle at 20% 30%,#fff 0 1px,#0000 2px),radial-gradient(circle at 60% 20%,#fff 0 1px,#0000 2px),radial-gradient(circle at 85% 40%,#fff 0 1px,#0000 2px),radial-gradient(circle at 78% 22%,#ff8fb8 0 9%,#0000 10%),linear-gradient(#0b0b2b,#3a2a6e 60%,#ff9a6a)}.track-art.look-night i{background:linear-gradient(90deg,#ff3e9d,#ffd23f,#2bff9e,#3ff0ff,#9d5cff);border-radius:6px;width:90%;height:10px;bottom:16px;box-shadow:0 0 10px #ff3e9d}.track-art.look-summer{background:radial-gradient(at 30% 30%,#fff 0 10%,#0000 11%),linear-gradient(#1f8fe8,#a6dbfb 80%)}.track-art.look-summer i{clip-path:polygon(0 100%,30% 10%,45% 45%,62% 0,100% 100%);background:linear-gradient(135deg,#0000 30%,#f7fbff 30% 38%,#8f8aa6 38%),#6cc551;border-radius:0;height:50px;bottom:-6px}.loading h1,.overlay h2,.intro-card h2{font-family:var(--display);letter-spacing:1px;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;font-style:normal;font-weight:400}.overlay h2{color:var(--yellow);text-shadow:4px 4px 0 var(--ink)}.intro-card h2{color:var(--pink);text-shadow:3px 3px 0 var(--ink)}.loading.look-golden{background:radial-gradient(circle at 50% 75%,#fff0c9,#f2a35c 30%,#c4707a 60%,#3b4a7a)}.loading.look-night{background:radial-gradient(circle at 50% 80%,#ff9a6a,#a8467a 25%,#3a2a6e 50%,#0b0b2b 85%)}.loading.look-summer{background:radial-gradient(circle at 50% 30%,#e6f6ff,#4fb3f5 55%,#1f8fe8)}.track-art.look-coast{background:radial-gradient(circle at 78% 24%,#fffbe6 0 9%,#0000 10%),linear-gradient(#1479d6,#9fe3f5 58%,#23aacd 58% 78%,#f2dfa8 78%)}.track-art.look-coast i{background:#e63946;border-radius:3px 3px 0 0;width:12px;height:46px;bottom:20%;left:22%;box-shadow:inset 0 -12px #fff,inset 0 -24px #e63946,inset 0 -36px #fff,0 -8px 0 -2px #ffe98a}.track-art.look-tuscany{background:radial-gradient(circle at 76% 34%,#fff1c4 0 8%,#0000 9%),linear-gradient(#4a78c2,#f5d7a4 62%,#ffe2a8)}.track-art.look-tuscany i{height:44px;box-shadow:none;background:radial-gradient(60% 100% at 25% 100%,#93b55e 0 99%,#0000 100%),radial-gradient(70% 90% at 75% 100%,#c7cf7a 0 99%,#0000 100%),#a9c268;border-radius:0;bottom:-4px}.track-art.look-lava{background:radial-gradient(at 50% 100%,#ffb347 0 14%,#e8602c 30%,#0000 55%),linear-gradient(#150a22,#3b1438 50%,#8a2a34)}.track-art.look-lava i{clip-path:polygon(0 100%,34% 12%,44% 0,56% 0,66% 12%,100% 100%);height:54px;box-shadow:none;background:linear-gradient(#ffc04a 0 12%,#2c2a36 12%);border-radius:0;bottom:-6px}.loading.look-coast{background:radial-gradient(circle at 50% 28%,#f3fbff,#3fb0f0 55%,#1479d6)}.loading.look-tuscany{background:radial-gradient(circle at 50% 70%,#fff3d2,#f5d7a4 35%,#8fb4e0 70%,#4a78c2)}.loading.look-lava{background:radial-gradient(circle at 50% 85%,#ffb347,#e8602c 22%,#8a2a34 45%,#150a22 85%)}.loading p{text-shadow:0 2px #1a1a2e73}.intro-top{font-family:var(--font)}.intro-top b{font-family:var(--display);letter-spacing:.5px;font-weight:400}.overlay .card,.intro-card{border-width:4px;border-radius:22px}.results.ranking th{font-weight:900}.choices{grid-template-columns:repeat(3,minmax(0,1fr))}.choices.chars{grid-template-columns:repeat(4,minmax(0,1fr))}.choice{overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;min-width:0}.choices:not(.tracks):not(.chars) .choice b{font-size:13px}.gearbox{background:var(--yellow);border:3px solid var(--ink);box-shadow:2px 2px 0 var(--ink);border-radius:12px;align-items:center;gap:8px;margin-top:10px;padding:2px 10px 2px 8px;display:flex}.gearbox .gear-label{letter-spacing:1px;text-transform:uppercase;font-size:12px;font-weight:900}.gearbox .gear-num{font-family:var(--display);text-align:center;min-width:34px;font-size:30px;font-weight:400;line-height:1}.gearbox .gear-ticks{flex:1;align-items:flex-end;gap:2px;height:22px;display:flex}.gearbox .gear-ticks i{background:#1a1a2e2e;border-radius:2px;flex:1;height:30%}.gearbox .gear-ticks i:nth-child(n+7){height:45%}.gearbox .gear-ticks i:nth-child(n+13){height:65%}.gearbox .gear-ticks i:nth-child(n+19){height:85%}.gearbox .gear-ticks i.on{background:var(--ink)}.gearbox.up .gear-num{animation:.35s cubic-bezier(.2,1.8,.4,1) gearUp}.gearbox.down .gear-num{animation:.35s cubic-bezier(.2,1.8,.4,1) gearDown}@keyframes gearUp{0%{color:var(--pink);transform:translateY(8px)scale(1.4)}to{transform:none}}@keyframes gearDown{0%{color:#2a9d8f;transform:translateY(-8px)scale(1.4)}to{transform:none}}.hud .fps{font:800 12px var(--font);background:var(--ink);color:#fff;border-radius:8px;padding:2px 8px;position:absolute;top:50%;right:14px}.hud .fps:empty{display:none}.menu{background:#1a1a2e;padding-top:34px}.menu-scene{z-index:0;pointer-events:none;position:fixed;inset:0}.menu-scene svg{width:100%;height:100%;display:block}.menu>.menu-head,.menu>.menu-grid,.menu>.menu-foot{z-index:1;position:relative}.menu-head{margin:26px 0 30px}.menu-head h1{text-shadow:7px 7px 0 var(--ink);font-size:clamp(56px,10vw,112px);transform:rotate(-3deg)}.menu-head p{background:var(--ink);color:#fff;text-shadow:none;border-radius:999px;padding:5px 16px;font-weight:900;display:inline-block;transform:rotate(-1deg)}.menu .card{background:var(--cream);border:4px solid var(--ink);box-shadow:7px 7px 0 var(--ink);border-radius:22px;padding:30px 20px 20px;position:relative}.menu-grid{gap:30px 24px}.menu .card>h3:first-child,.menu .card.account h3{font-family:var(--display);letter-spacing:1px;text-transform:uppercase;border:4px solid var(--ink);box-shadow:3px 3px 0 var(--ink);background:var(--yellow);white-space:nowrap;border-radius:12px;margin:0;padding:3px 14px 1px;font-size:20px;font-weight:400;position:absolute;top:-22px;left:16px;transform:rotate(-2deg)}.menu-grid>.card:nth-child(2)>h3:first-child{background:#2ad1b8;transform:rotate(1.5deg)}.menu-grid>.card:nth-child(3)>h3:first-child{background:#ff9ec8}.menu-grid>.card:nth-child(4)>h3:first-child{background:#ff5470;transform:rotate(2deg)}.menu .card .btn,.menu .choice{border-width:3px;border-radius:14px}.menu .choice.on{box-shadow:4px 4px 0 var(--ink)}.menu input[type=text],.menu input[type=number],.menu select{border-width:3px;border-radius:12px;font-weight:700}.menu-foot .btn.big{box-shadow:6px 6px 0 var(--ink);border-width:4px;padding:16px 30px}.menu-foot .keys{text-shadow:none;background:#1a1a2ed1;border-radius:999px;flex-basis:auto;padding:6px 16px;display:inline-block}.look-night .menu-head p{background:#ff3e9d}.gear-btn{z-index:5;background:var(--yellow);width:64px;height:64px;color:var(--yellow);border:4px solid var(--ink);box-shadow:4px 4px 0 var(--ink);cursor:pointer;border-radius:50%;place-items:center;transition:transform .2s;display:grid;position:fixed;top:18px;right:18px}.gear-btn svg{color:#fff6d1}.gear-btn:hover{transform:rotate(60deg)scale(1.05)}.gear-btn:active{transform:rotate(90deg)scale(.95)}.settings-overlay{z-index:30;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1a1a2e99;place-items:center;animation:.2s fadeIn;display:grid;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}}.settings{background:var(--cream);border:4px solid var(--ink);width:min(1000px,94vw);height:min(760px,88vh);box-shadow:9px 9px 0 var(--ink);border-radius:26px;grid-template-rows:1fr auto;grid-template-columns:230px 1fr;animation:.3s cubic-bezier(.2,1.5,.4,1) popIn;display:grid;position:relative}@keyframes popIn{0%{opacity:0;transform:scale(.85)}}.settings>.tag{font-family:var(--display);letter-spacing:1px;text-transform:uppercase;border:4px solid var(--ink);box-shadow:3px 3px 0 var(--ink);background:var(--yellow);border-radius:12px;padding:3px 16px 1px;font-size:22px;position:absolute;top:-22px;left:22px;transform:rotate(-2deg)}.settings-close{border:4px solid var(--ink);color:#fff;width:46px;height:46px;box-shadow:3px 3px 0 var(--ink);cursor:pointer;background:#ff5470;border-radius:50%;font-size:20px;font-weight:900;position:absolute;top:-18px;right:-18px}.settings-tabs{border-right:4px solid var(--ink);background:#f3ead6;border-radius:22px 0 0 22px;flex-direction:column;grid-row:1/span 2;gap:8px;padding:34px 14px 14px;display:flex}.settings-tabs button{text-align:left;border:3px solid var(--ink);font:900 15px var(--font);color:var(--ink);cursor:pointer;background:#fff;border-radius:14px;align-items:center;gap:10px;padding:9px 12px;display:flex}.settings-tabs button span{font-size:18px}.settings-tabs button.on{background:var(--pink);color:#fff;box-shadow:3px 3px 0 var(--ink);transform:translate(4px)}.settings-body{padding:30px 28px 10px;overflow-y:auto}.settings-body section{margin-bottom:22px}.settings-body section.dim{opacity:.45}.settings-body h4{font-family:var(--display);letter-spacing:.5px;margin:0 0 8px;font-size:21px;font-weight:400}.settings-body label{margin:10px 0 4px;font-weight:800;display:block}.settings-body label b{float:right}.settings-body input[type=range]{width:100%;accent-color:var(--pink)}.settings-body select{border:3px solid var(--ink);width:100%;font:700 14px var(--font);background:#fff;border-radius:12px;margin-top:4px;padding:7px 10px}.settings-foot{opacity:.65;grid-column:2;margin:0;padding:8px 28px 14px;font-size:12px;font-weight:700}.settings .hint{font-size:13px}.settings .btn{border-width:3px}.switch{cursor:pointer;align-items:center;gap:12px;font-weight:800;margin:8px 0!important;display:flex!important}.switch input{display:none}.switch i{border:3px solid var(--ink);background:#d8d2c6;border-radius:999px;flex:none;width:50px;height:28px;transition:background .2s;position:relative}.switch i:after{content:"";border:3px solid var(--ink);background:#fff;border-radius:50%;width:18px;height:18px;transition:left .2s cubic-bezier(.2,1.6,.4,1);position:absolute;top:2px;left:2px}.switch input:checked+i{background:#2ad1b8}.switch input:checked+i:after{left:23px}.segmented{border:3px solid var(--ink);box-shadow:3px 3px 0 var(--ink);border-radius:14px;display:inline-flex;overflow:hidden}.segmented button{font:900 14px var(--font);color:var(--ink);cursor:pointer;background:#fff;border:0;padding:8px 16px}.segmented button+button{border-left:3px solid var(--ink)}.segmented button.on{background:var(--yellow)}.ctrl-list{margin:10px 0;padding:0;list-style:none}.ctrl-list li{border:3px solid var(--ink);background:#fff;border-radius:12px;align-items:center;gap:8px;margin-bottom:6px;padding:6px 10px;font-size:14px;font-weight:800;display:flex}.ctrl-list li span{color:#bbb}.ctrl-list li span.ok{color:#18a957}.ctrl-list li .mini{margin-left:auto;padding:2px 8px}.ctrl-list li.empty{opacity:.6;border-style:dashed}.lastpress{border:3px dashed var(--ink);background:#fff6d1;border-radius:12px;padding:8px 12px;font-size:14px;font-weight:700}.bind-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px;display:grid}.bind-row{border:3px solid var(--ink);background:#fff;border-radius:14px;grid-template-rows:auto auto;grid-template-columns:54px 1fr;align-items:center;column-gap:10px;padding:8px;display:grid}.bind-row .btn-cap{background:var(--ink);color:#fff;height:46px;font-family:var(--display);text-align:center;border-radius:50%;grid-row:1/span 2;place-items:center;padding:0 4px;font-size:18px;line-height:1;display:grid}.bind-row small{opacity:.65;font-size:11px;font-weight:700}.bind-row select{border-width:2px;margin:0;padding:4px 6px;font-size:13px}.bind-row.flash{animation:.6s flash}@keyframes flash{0%{background:var(--yellow);transform:scale(1.04)}to{background:#fff}}.bind-grid.keys .bind-row{grid-template-rows:auto;grid-template-columns:1fr auto auto;font-size:14px;font-weight:800}.keycap{border:3px solid var(--ink);min-width:74px;font:900 13px var(--font);color:var(--ink);cursor:pointer;background:#f3ead6;border-bottom-width:6px;border-radius:10px;padding:4px 8px}.keycap.capturing{background:var(--pink);color:#fff;animation:.8s infinite alternate pulse}@keyframes pulse{to{transform:scale(1.06)}}@media (max-width:760px){.settings{grid-template-rows:auto 1fr auto;grid-template-columns:1fr}.settings-tabs{border-right:0;border-bottom:4px solid var(--ink);border-radius:22px 22px 0 0;flex-direction:row;grid-row:auto;padding:30px 10px 10px;overflow-x:auto}.settings-tabs button{flex:none}.settings-foot{grid-column:1}}.gfx-banner{z-index:40;background:var(--yellow);color:var(--ink);border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);border-radius:14px;padding:10px 18px;font-weight:800;position:absolute;top:18px;left:50%;transform:translate(-50%)}.settings.no-anim{animation:none}.ctrl-summary{margin:8px 0 4px;font-weight:800}.menu-v13{padding:0 16px 48px}.menu-v13>.topbar,.menu-v13>.screen{z-index:1;position:relative}.topbar{z-index:6;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:16px 4px 10px;display:grid;position:sticky;top:0}.topbar-left{align-items:center;gap:12px;display:flex}.top-icons{justify-content:flex-end;gap:10px;display:flex}.icon-btn{cursor:pointer;color:#fff6d1;border:4px solid var(--ink);width:54px;height:54px;box-shadow:4px 4px 0 var(--ink);background:#fff6d1;border-radius:50%;place-items:center;transition:transform .12s;display:grid;position:relative}.icon-btn svg{color:#fff}.icon-btn:hover{transform:translate(-1px,-2px)}.icon-btn:active{box-shadow:1px 1px 0 var(--ink);transform:translate(3px,3px)}.icon-btn.gear{background:var(--yellow)}.icon-btn.gear:hover{transform:rotate(60deg)}.icon-btn.info{background:#3a86ff}.icon-btn.profile{background:var(--pink);gap:0;margin:0;display:grid}.icon-btn.conn{background:#2ad1b8}.icon-btn.back{background:#fff}.icon-btn .dot{border:3px solid var(--ink);background:#ff5470;border-radius:50%;width:18px;height:18px;position:absolute;top:-4px;right:-4px}.icon-btn.conn.ok .dot{background:#18d26e}.icon-btn.conn.off{animation:2.4s ease-in-out infinite nudge}@keyframes nudge{0%,85%,to{transform:none}90%{transform:rotate(-12deg)}95%{transform:rotate(10deg)}}.brand{font:400 30px var(--display);letter-spacing:2px;color:var(--yellow);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:4px 4px 0 var(--ink);cursor:pointer;background:0 0;border:0;padding:0;transform:rotate(-3deg)}.steps{background:#1a1a2ed1;border-radius:999px;gap:6px;margin:0;padding:6px;list-style:none;display:flex}.steps li{color:#fff;opacity:.6;border-radius:999px;align-items:center;gap:6px;padding:5px 14px 5px 6px;font-size:14px;font-weight:900;display:flex}.steps li span{width:24px;height:24px;color:var(--ink);background:#fff;border-radius:50%;place-items:center;font-size:13px;display:grid}.steps li.done{opacity:.9}.steps li.done span{background:#2ad1b8}.steps li.on{opacity:1;background:var(--pink)}.steps li.on span{background:var(--yellow)}.screen{max-width:1100px;margin:0 auto}.screen-title{text-align:center;font:400 clamp(30px, 4.5vw, 46px) var(--display);color:#fff;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:5px 5px 0 var(--ink);letter-spacing:1px;margin:14px 0 34px}.screen .card{margin-bottom:34px}.screen-foot{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:8px;display:flex}.screen-foot .btn.big{min-width:240px;box-shadow:6px 6px 0 var(--ink);border-width:4px;padding:16px 30px;font-size:22px}.title-block{text-align:center;margin:30px 0 34px}.title-block h1{font:400 clamp(64px, 11vw, 128px) var(--display);letter-spacing:3px;color:var(--yellow);-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;text-shadow:7px 7px 0 var(--ink);margin:0;transform:rotate(-3deg)}.title-block h1 span{font:900 14px var(--font);-webkit-text-stroke:0;text-shadow:none;color:#fff;background:var(--ink);vertical-align:top;letter-spacing:0;border-radius:6px;margin-left:8px;padding:3px 8px;display:inline-block}.title-block.small{margin:6px 0 30px}.title-block.small h1{font-size:clamp(48px,8vw,84px)}.title-block .hello{background:var(--ink);color:#fff;border-radius:999px;margin:12px 0 0;padding:5px 16px;font-weight:900;display:inline-block}.screen-login .login-card{max-width:460px;margin:0 auto 26px}.guest-box{text-align:center}.guest-box .btn{box-shadow:6px 6px 0 var(--ink);border-width:4px}.guest-box p{color:#fff;background:#1a1a2ed1;border-radius:999px;margin:12px 0 0;padding:6px 14px;font-size:14px;font-weight:700;display:inline-block}.mode-tiles{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:26px;max-width:1120px;margin:0 auto;display:grid}.mode-tile{cursor:pointer;color:var(--ink);background:var(--cream);border:4px solid var(--ink);box-shadow:8px 8px 0 var(--ink);border-radius:26px;flex-direction:column;align-items:center;gap:8px;padding:30px 22px 26px;transition:transform .12s,box-shadow .12s;display:flex}.mode-tile:hover{box-shadow:11px 11px 0 var(--ink);transform:translate(-2px,-3px)rotate(-.6deg)}.mode-tile:active{box-shadow:3px 3px 0 var(--ink);transform:translate(4px,4px)}.mode-tile .mode-art{border:4px solid var(--ink);background:var(--yellow);border-radius:50%;place-items:center;width:96px;height:96px;font-size:50px;display:grid}.mode-tile.mp .mode-art{background:#2ad1b8}.mode-tile b{font:400 30px var(--display);letter-spacing:.5px}.mode-tile small{opacity:.8;text-align:center;font-size:15px;font-weight:700}.mode-tile.locked{opacity:.75}.mode-tile.locked .mode-art{filter:grayscale(.8)}.conn-hint{text-align:center;color:#fff;border:3px solid var(--ink);background:#ff5470;border-radius:999px;width:-moz-fit-content;width:fit-content;margin:30px auto 0;padding:8px 18px;font-weight:900}.conn-hint.ok{color:var(--ink);background:#18d26e}.choices.big-tracks{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:22px;margin-bottom:34px}.big-tracks .choice.track{background:var(--cream);box-shadow:6px 6px 0 var(--ink);border-width:4px;border-radius:22px;grid-template-columns:1fr;padding:0 0 12px}.big-tracks .choice.track>*{padding:0 14px;grid-column:1!important}.big-tracks .choice.track .track-art{border-bottom:4px solid var(--ink);border-radius:0;height:130px;padding:0}.big-tracks .choice.track>b{font:400 24px var(--display);margin-top:10px}.big-tracks .choice.track.on{background:var(--yellow);box-shadow:8px 8px 0 var(--ink);transform:translateY(-3px)}.options-card .row2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.summary{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin:18px 0 0;padding:0;list-style:none;display:grid}.summary li{border:3px solid var(--ink);background:#fff;border-radius:14px;flex-direction:column;padding:10px 14px;display:flex}.summary li span{opacity:.6;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:800}.summary li b{font-size:17px}.warn-inline{color:#e5383b}.modal-overlay{z-index:30;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1a1a2e99;place-items:center;animation:.2s fadeIn;display:grid;position:fixed;inset:0}.modal{background:var(--cream);border:4px solid var(--ink);width:min(640px,94vw);max-height:86vh;box-shadow:9px 9px 0 var(--ink);border-radius:26px;flex-direction:column;animation:.3s cubic-bezier(.2,1.5,.4,1) popIn;display:flex;position:relative}.modal>.tag{font:400 22px var(--display);letter-spacing:1px;text-transform:uppercase;border:4px solid var(--ink);box-shadow:3px 3px 0 var(--ink);background:var(--yellow);border-radius:12px;padding:3px 16px 1px;position:absolute;top:-22px;left:22px;transform:rotate(-2deg)}.modal-connect>.tag{background:#2ad1b8}.modal-profile>.tag{background:#ff9ec8}.modal-info>.tag{background:#8ecae6}.modal-nopower>.tag{color:#fff;background:#ff5470}.modal-body{padding:34px 26px 22px;overflow-y:auto}.modal-body label{margin:10px 0 4px;font-weight:800;display:block}.modal-body input[type=text],.modal-body input[type=number],.modal-body input[type=email],.modal-body input[type=password]{border:3px solid var(--ink);width:100%;font:700 15px var(--font);background:#fff;border-radius:12px;margin-top:4px;padding:8px 10px}.modal-body .row2{grid-template-columns:1fr 1fr;gap:14px;display:grid}.modal-body .btn{border-width:3px}.modal-body form .btn{width:100%;margin-top:10px}.modal-body .profile-box{border-top:3px dashed var(--ink);margin-top:16px;padding-top:16px}.modal-body .row-btns{flex-wrap:wrap;gap:12px;margin-top:16px;display:flex}.big-msg{font-size:18px;font-weight:700}.guest-note{border:3px dashed var(--ink);background:#fff6d1;border-radius:14px;margin:14px 0 0;padding:10px 14px;font-weight:700}.conn-grid{gap:10px;display:grid}.conn-item .btn{text-align:left;width:100%}.modal .live{margin-top:12px;font-size:18px}.info-tabs{margin-bottom:16px}.rules{gap:9px;margin:0;padding-left:20px;display:grid}.rules li{line-height:1.4}.item-list{gap:8px;display:grid}.item-row{border:3px solid var(--ink);background:#fff;border-radius:14px;grid-template-columns:50px 1fr;align-items:center;gap:12px;padding:8px 12px;display:grid}.item-row .item-ico{background:var(--yellow);border:3px solid var(--ink);border-radius:12px;place-items:center;width:46px;height:46px;font-size:26px;display:grid}.item-row b{font-size:16px;display:block}.item-row small{opacity:.75;font-weight:700}@media (max-width:760px){.topbar{grid-template-columns:1fr auto}.topbar .steps{grid-area:2/1/auto/-1;justify-self:center}.steps li{padding-right:8px;font-size:12px}.icon-btn{width:46px;height:46px}.icon-btn svg{width:24px;height:24px}.options-card .row2,.modal-body .row2{grid-template-columns:1fr}}.mode-tile.locked{opacity:1;background:#ebe5d8}.mode-tile.locked b,.mode-tile.locked small{opacity:.6}.hud .lanelock{opacity:0;pointer-events:none;width:64px;height:64px;transition:opacity .15s,transform .2s cubic-bezier(.2,1.6,.4,1);position:absolute;bottom:150px;left:50%;transform:translate(-50%)scale(.6)}.hud .lanelock.on{opacity:1;transform:translate(-50%)scale(1)}.hud .lanelock i{border:4px solid var(--ink);background:conic-gradient(var(--pink) calc(var(--p,1) * 360deg), #fffaf0 0);box-shadow:3px 3px 0 var(--ink);border-radius:50%;position:absolute;inset:0}.hud .lanelock span{background:var(--ink);color:#fff;font:900 22px var(--font);border-radius:50%;place-items:center;display:grid;position:absolute;inset:10px}.hud .lanelock.deny{animation:.35s denyShake}@keyframes denyShake{0%,to{margin-left:0}25%{margin-left:-6px}75%{margin-left:6px}}.custom{grid-template-columns:minmax(180px,260px) 1fr;align-items:start;gap:14px;margin-top:8px;display:grid}.custom-view{flex-direction:column;gap:8px;display:flex;position:sticky;top:8px}.custom-view img{aspect-ratio:420/440;object-fit:contain;border:3px solid var(--ink);background:radial-gradient(circle at 50% 30%,#fff,#cfeffd);border-radius:14px;width:100%}.custom-opts{flex-direction:column;gap:5px;min-width:0;display:flex}.custom-opts>label{margin-top:6px;font-size:13px;font-weight:900}.custom-opts>label b{opacity:.75;margin-left:4px;font-weight:700}.swatches,.pills{flex-wrap:wrap;gap:6px;display:flex}.sw{border:3px solid var(--ink);cursor:pointer;border-radius:50%;width:30px;height:30px;padding:0}.sw.on{outline:3px solid var(--pink);outline-offset:2px}.pill{border:3px solid var(--ink);color:var(--ink);font:inherit;cursor:pointer;background:#fff;border-radius:999px;padding:4px 11px;font-size:13px;font-weight:800}.pill.on{background:var(--yellow);box-shadow:2px 2px 0 var(--ink)}.custom-opts input[type=range]{width:100%;accent-color:var(--pink)}.menu .card .btn.small{margin-top:0;padding:6px 10px;font-size:13px}.menu .card .btn[disabled]{opacity:.45;cursor:default}@media (max-width:620px){.custom{grid-template-columns:1fr}.custom-view{position:static}.custom-view img{max-height:240px}}.mp-start,.mp-lobby{grid-template-columns:1fr 1fr;align-items:start;gap:18px;display:grid}.mp-start input[type=text]{text-transform:uppercase;letter-spacing:.2em;text-align:center;font-size:22px;font-weight:900}.mp-note{text-align:center;margin-top:14px}.mp-code{font-family:var(--display);letter-spacing:.14em;text-align:center;background:var(--yellow);border:4px solid var(--ink);box-shadow:var(--shadow);-webkit-user-select:all;user-select:all;border-radius:16px;margin:6px 0 10px;padding:4px 0;font-size:56px}.menu .card h3.sub{margin-top:16px}.mp-players{gap:6px;margin:8px 0;padding:0;list-style:none;display:grid}.mp-players li{border:3px solid var(--ink);background:#fff;border-radius:12px;align-items:center;gap:10px;min-height:48px;padding:4px 10px 4px 4px;display:flex}.mp-players li.me{background:#fff3c4}.mp-players img{border:2px solid var(--ink);object-fit:cover;background:#cfeffd;border-radius:50%;width:40px;height:40px}.mp-players b{text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:900;overflow:hidden}.mp-players .tag{text-transform:uppercase;border:2px solid var(--ink);background:var(--teal);border-radius:999px;padding:1px 8px;font-size:11px;font-weight:900}.mp-players .tag.you{background:var(--pink);color:#fff}.mp-wait{border:3px dashed var(--blue);text-align:center;background:#e8f6ff;border-radius:12px;padding:12px;font-weight:800}@media (max-width:760px){.mp-start,.mp-lobby{grid-template-columns:1fr}.mp-code{font-size:42px}}.mp-open{margin-top:18px}.mp-open-list{gap:8px;margin:8px 0 0;padding:0;list-style:none;display:grid}.mp-open-list li{border:3px solid var(--ink);background:#fff;border-radius:12px;grid-template-columns:64px 1fr auto auto;align-items:center;gap:12px;min-height:56px;padding:0 10px 0 0;display:grid;overflow:hidden}.mp-open-list .track-art{align-self:stretch}.mp-open-list b{font-weight:900;display:block}.mp-open-list small{opacity:.75}.mp-open-list .count{white-space:nowrap;font-size:13px;font-weight:800}.menu .card .mp-open-list .btn{width:auto;margin:0;padding:6px 14px}.mp-chat{grid-column:1/-1}.chat-log{border:3px solid var(--ink);background:#fff;border-radius:12px;height:150px;margin:6px 0 10px;padding:8px 10px;font-size:14px;overflow-y:auto}.chat-log p{overflow-wrap:anywhere;margin:0 0 4px}.chat-log p b{margin-right:4px;font-weight:900}.chat-log p.mine b{color:var(--pink)}.chat-log p.sys{opacity:.6;font-size:13px;font-style:italic}.chat-quick{margin-bottom:8px}.chat-input{grid-template-columns:1fr auto;align-items:center;gap:8px;display:grid}.menu .card .chat-input .btn{width:auto;margin:0}.menu .chat-input input[type=text]{margin:0}#app.fx-hit:before,#app.fx-zap:before,#app.fx-oil:before,#app.fx-moto:before{content:"";z-index:3;pointer-events:none;position:absolute;inset:0}#app.fx-hit:before{background:radial-gradient(#0000 45%,#ff3e5a8c 100%);animation:.45s ease-out forwards fxFlash}#app.fx-zap:before{background:#ffffffd9;animation:.4s ease-out forwards fxFlash}@keyframes fxFlash{0%{opacity:1}to{opacity:0}}#app.fx-oil:before{background:var(--oilsplats) center / cover no-repeat;will-change:transform, opacity;animation:2.6s ease-in forwards fxOil}#app.fx-hit:before,#app.fx-zap:before{will-change:opacity}@keyframes fxOil{0%{opacity:0;transform:scale(1.5)}6%{opacity:1;transform:scale(1)}55%{opacity:1;transform:translateY(2%)scaleY(1.06)}to{opacity:0;transform:translateY(14%)scaleY(1.3)}}#app.fx-moto:before{background:var(--speedlines) center / cover no-repeat;will-change:transform, opacity;animation:.2s steps(4,end) infinite fxSpeed;inset:-8%}@keyframes fxSpeed{0%{opacity:.9;transform:rotate(0)scale(1)}50%{opacity:.6}to{opacity:.9;transform:rotate(5.1deg)scale(1.03)}}@media (prefers-reduced-motion:reduce){#app.fx-moto:before{animation:none}}.hud .incoming{pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;top:96px;left:50%;transform:translate(-50%)}.warn-in{box-shadow:5px 5px 0 var(--ink);background:#fff3f0;border:4px solid #e63946;border-radius:16px;align-items:center;gap:12px;padding:8px 18px 12px 12px;animation:.25s cubic-bezier(.2,1.7,.4,1) warnPop,.32s steps(2,end) infinite warnBlink;display:flex;position:relative;overflow:hidden}.warn-in .ico{font-size:34px;line-height:1;animation:.18s linear infinite warnShake}.warn-in b{font:400 22px var(--display);color:#e63946;letter-spacing:.02em;display:block}.warn-in small{opacity:.8;font-size:12px;font-weight:800}.warn-in>i{transform-origin:0;background:#e63946;width:100%;height:6px;animation:linear forwards warnBar;position:absolute;bottom:0;left:0}@keyframes warnBar{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes warnPop{0%{opacity:0;transform:scale(.4)}}@keyframes warnBlink{50%{border-color:var(--yellow)}}@keyframes warnShake{25%{transform:translate(-2px,1px)rotate(-8deg)}75%{transform:translate(2px,-1px)rotate(8deg)}}.hud .fx-list{pointer-events:none;flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:absolute;top:370px;right:18px}.fx{background:var(--cream);border:3px solid var(--ink);min-width:230px;max-width:300px;box-shadow:4px 4px 0 var(--ink);border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:6px 12px 9px 8px;display:grid;position:relative;overflow:hidden}.fx.good{background:#eafff5}.fx.bad{background:#fff0f0}.fx .ico{font-size:26px;line-height:1}.fx b{font-size:14px;font-weight:900;display:block}.fx small{font-size:12.5px;font-weight:800;display:block}.fx.good small{color:#0a7a48}.fx.bad small{color:#c2202d}.fx em{font:400 18px var(--display);font-style:normal}.fx>i{background:var(--teal);height:4px;transition:width .12s linear;position:absolute;bottom:0;left:0}.fx.bad>i{background:#e63946}@media (max-width:900px){.fx{min-width:190px}}.hud .fps{top:auto;bottom:6px;right:50%;transform:translate(50%)}.ai-value{color:var(--pink);margin-left:6px;font-weight:900;display:inline-block}.menu input[type=range][data-f=ai],.menu input[type=range][data-f=mp-ai]{width:100%;accent-color:var(--pink);margin-top:8px}.hud .hud-gear{border:3px solid var(--ink);background:var(--yellow);width:44px;height:44px;box-shadow:3px 3px 0 var(--ink);cursor:pointer;pointer-events:auto;color:var(--ink);opacity:.75;border-radius:50%;padding:0;font-size:22px;line-height:1;transition:opacity .15s,transform .15s;position:absolute;bottom:150px;right:18px}.hud .hud-gear:hover{opacity:1;transform:rotate(40deg)scale(1.08)}.mp-friends{margin-top:18px}.mp-friends h3 small{font-family:var(--body,inherit);opacity:.7;letter-spacing:0;text-transform:none;font-size:13px;font-weight:800}.fr-add{grid-template-columns:1fr auto;align-items:center;gap:10px;margin-bottom:8px;display:grid}.fr-add input[type=text]{text-transform:uppercase;letter-spacing:.12em;margin:0;font-weight:900}.menu .card .fr-add .btn{width:auto;margin:0}.mp-friends .friendcode{flex-wrap:wrap;margin:4px 0 8px}.fr-list{gap:6px;margin:10px 0 0;padding:0;list-style:none;display:grid}.fr-list li{border:3px solid var(--ink);background:#fff;border-radius:12px;align-items:center;gap:10px;min-height:50px;padding:4px 8px 4px 4px;display:flex}.fr-list li.req{background:#fff3c4}.fr-list li.off{opacity:.72}.fr-list img{border:2px solid var(--ink);object-fit:cover;background:#cfeffd;border-radius:50%;flex:none;width:40px;height:40px}.fr-list li>div{flex:1;min-width:0;padding-left:4px}.fr-list b{text-overflow:ellipsis;white-space:nowrap;font-weight:900;display:block;overflow:hidden}.fr-list small{opacity:.8;align-items:center;gap:6px;font-size:12px;display:flex}.fr-list .dot{border:2px solid var(--ink);background:#c9c9c9;border-radius:50%;flex:none;width:10px;height:10px}.fr-list li.on .dot{background:#35d07f}.menu .card .fr-list .btn{flex:none;width:auto;margin:0;padding:6px 12px;font-size:13px}.fr-list .btn.quiet{box-shadow:none;opacity:.6;background:0 0;border-color:#0000;text-decoration:underline}.fr-list .btn.quiet:hover{opacity:1}.fr-list .btn.danger{color:#fff;background:#ff5470}.invites{z-index:3;gap:8px;width:min(760px,100% - 32px);margin:0 auto;display:grid;position:relative}.invites:empty{display:none}.invite{background:var(--yellow);border:4px solid var(--ink);box-shadow:var(--shadow);border-radius:14px;flex-wrap:wrap;align-items:center;gap:10px;padding:8px 12px;font-weight:800;animation:.35s cubic-bezier(.2,1.4,.4,1) invite-in;display:flex}.invite span{flex:1;min-width:180px}.invite .btn{width:auto;margin:0;padding:6px 14px}@keyframes invite-in{0%{opacity:0;transform:translateY(-14px)scale(.96)}to{opacity:1;transform:none}}@media (max-width:560px){.fr-add{grid-template-columns:1fr}}.coin-pill{border:4px solid var(--ink);background:var(--yellow);height:52px;box-shadow:4px 4px 0 var(--ink);font:400 24px var(--display);color:var(--ink);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:0 16px 0 12px;display:inline-flex}.coin-pill:hover{box-shadow:6px 6px 0 var(--ink);transform:translate(-1px,-2px)}.coin-pill span{font-size:22px}.mode-tile.shoptile .mode-art{background:#ff8fc7}.shop{grid-template-columns:minmax(260px,380px) 1fr;align-items:start;gap:18px;display:grid}.shop-view{text-align:center;position:sticky;top:12px}.shop-view img{border:4px solid var(--ink);background:#cfeffd;border-radius:18px;width:100%;max-width:340px}.shop-coins{font:400 40px var(--display);align-items:baseline;gap:8px;margin-bottom:8px;display:inline-flex}.shop-coins small{font:800 14px var(--body,inherit);opacity:.7}.shop-list h3.sub{margin-top:14px}.shop-items{gap:10px;margin:14px 0 0;padding:0;list-style:none;display:grid}.shop-item{border:3px solid var(--ink);background:#fff;border-radius:14px;grid-template-columns:64px 1fr auto;align-items:center;gap:12px;padding:10px 12px;display:grid}.shop-item.on{background:#e3f9ef}.shop-item.trying{background:#fff3c4}.shop-item b{font-size:17px;font-weight:900;display:block}.shop-item small{opacity:.8;font-size:13px;display:block}.shop-item em{margin-top:4px;font-size:13px;font-style:normal;font-weight:900;display:inline-block}.shop-swatch{border:3px solid var(--ink);background:#f1f3f5;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.shop-swatch i{border:2px solid var(--ink);border-radius:50%;width:22px;height:22px;margin-left:-8px}.shop-swatch i:first-child{width:28px;height:28px;margin-left:0}.shop-actions{gap:6px;min-width:150px;display:grid}.menu .card .shop-actions .btn{width:100%;margin:0;padding:7px 12px;font-size:14px}.coins-won{border:3px solid var(--ink);background:#fff3c4;border-radius:12px;padding:8px 12px;font-size:17px;font-weight:800;display:inline-block}.coins-won b{font-family:var(--display);font-size:24px;font-weight:400}@media (max-width:820px){.shop{grid-template-columns:1fr}.shop-view{position:static}.shop-item{grid-template-columns:48px 1fr}.shop-actions{grid-column:1/-1;grid-template-columns:1fr 1fr}}.rank-badge-svg{flex:none;line-height:0}.rank-svg{display:block}.rank-all{text-align:left;margin:10px 0}.rank-all summary{cursor:pointer;font-weight:900}.rank-ladder{grid-template-columns:repeat(auto-fill,minmax(62px,1fr));gap:8px 6px;margin-top:10px;display:grid}.rank-ladder .rung{opacity:.55;border:3px solid #0000;border-radius:12px;justify-items:center;gap:2px;padding:6px 2px 4px;display:grid}.rank-ladder .rung.me{opacity:1;border-color:var(--ink);background:#fff3c4}.rank-ladder .rung small{white-space:nowrap;font-size:10px;font-weight:900}.fr-rank{flex:none;line-height:0}.mini-btn{border:2px solid var(--ink);cursor:pointer;background:#fff;border-radius:8px;flex:none;min-width:34px;height:32px;padding:0 6px;font-size:15px;line-height:1}.mini-btn:hover{background:#fff3c4}.mini-btn.on{background:#ffd6d6}.mini-btn.wide{background:#fff;padding:0 12px;font-size:13px;font-weight:900}.mini-btn.wide.on{background:#d8f3dc}.mp-players li.muted b{opacity:.6;text-decoration:line-through}.report-box{border:3px solid var(--ink);background:#fff3c4;border-radius:12px;gap:8px;margin:8px 0;padding:10px 12px;display:grid}.fr-privacy{border-top:2px dashed #1a1a2e40;flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;padding-top:10px;display:flex}.fr-privacy small{opacity:.8;flex:1;min-width:180px;font-size:12px}.fr-blocked{margin-top:8px;padding-top:8px;font-size:13px}.fr-blocked ul{gap:4px;margin:6px 0 0;padding:0;list-style:none;display:grid}.fr-blocked li{border:2px solid var(--ink);background:#fff;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:4px 6px 4px 10px;display:flex}.menu .card .fr-blocked .btn{width:auto;margin:0;padding:4px 12px;font-size:13px}.ranked-out{border:3px dashed var(--blue);background:#e8f6ff;border-radius:12px;padding:10px 12px;font-weight:800}.ranked-out.done{text-align:left;border:3px solid var(--ink);background:#fff3c4;align-items:center;gap:12px;display:flex}.ranked-out.done b{font-family:var(--display);font-size:22px;font-weight:400}.boot{background:linear-gradient(#8fd3ff,#d9f3ff);place-items:center;display:grid;position:fixed;inset:0}.boot-box{border:4px solid var(--ink,#1a1a2e);box-shadow:6px 6px 0 var(--ink,#1a1a2e);background:#fffaf0;border-radius:18px;flex-direction:column;align-items:center;gap:10px;padding:22px 30px;font-family:Nunito,system-ui,sans-serif;font-weight:800;display:flex}.boot-box b{font-family:Lilita One,Nunito,system-ui,sans-serif;font-size:34px;font-weight:400}.choice.char small{opacity:.7;font-size:12px;font-weight:700;display:block}.equip-rows{flex-direction:column;gap:8px;margin:10px 0 14px;display:flex}.equip-row{grid-template-columns:96px 1fr;align-items:center;gap:10px;display:grid}.equip-row>label{font-size:13px;font-weight:900}.equip-row .pill i{border:2px solid var(--ink);vertical-align:-2px;border-radius:50%;width:12px;height:12px;margin-right:6px;display:inline-block}@media (max-width:560px){.equip-row{grid-template-columns:1fr;gap:4px}}.mode-tile.friendstile .mode-art{background:#ffd23f}.row2.locked select,select:disabled{opacity:.5;cursor:not-allowed;background:#e9e6dc}.icon-btn.wardrobe{background:#9b6bff}.icon-btn.friends{background:#ffb347}.icon-btn .badge{border:3px solid var(--ink);color:#fff;text-align:center;background:#ff5470;border-radius:11px;min-width:22px;height:22px;padding:0 5px;font:900 12px/16px Nunito,system-ui,sans-serif;position:absolute;top:-6px;right:-6px}.icon-btn .badge[hidden]{display:none}.fr-open{min-width:0;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:10px;padding:0;display:flex}.fr-open:hover b{text-decoration:underline}.fr-open img{border:2px solid var(--ink);object-fit:cover;background:#cfeffd;border-radius:50%;width:42px;height:42px}.modal-wardrobe,.modal-player,.modal-chat{width:min(880px,94vw)}.modal-wardrobe .card{box-shadow:none;border-width:2px;margin-top:10px}.player-card{grid-template-columns:minmax(200px,300px) 1fr;align-items:start;gap:18px;display:grid}.pl-view img{border:3px solid var(--ink);background:radial-gradient(circle at 50% 30%,#fff,#cfeffd);border-radius:14px;width:100%}.pl-info h3{margin:0 0 4px;font-family:Lilita One,Nunito,system-ui,sans-serif;font-size:30px;font-weight:400}.pl-where{align-items:center;gap:6px;margin:0 0 4px;font-weight:800;display:flex}.pl-where .dot,.dm-head .dot{background:#9aa0a8;border-radius:50%;width:10px;height:10px;display:inline-block}.pl-where.on .dot,.dm-head .on .dot{background:#18d26e}.pl-fig{opacity:.75;margin:0 0 10px;font-weight:700}.pl-stats{grid-template-columns:1.6fr 1fr 1fr;gap:8px;margin:0 0 12px;padding:0;list-style:none;display:grid}.pl-stats li{border:2px solid var(--ink);background:#fff;border-radius:12px;align-items:center;gap:8px;padding:8px 10px;display:flex}.pl-stats b{font-size:20px;font-weight:900;display:block}.pl-stats small{opacity:.7;font-weight:700}.pl-badge svg{display:block}.dm-head{align-items:center;gap:10px;margin-bottom:8px;display:flex}.dm-head b{font-size:20px;font-weight:900}.dm-head small{opacity:.8;align-items:center;gap:5px;font-weight:700;display:flex}.dm-head .link{margin-left:auto}.dm-log{height:min(46vh,360px)}.dm-log p{max-width:82%}.dm-log p small{opacity:.55;font-size:10px;display:block}@media (max-width:640px){.player-card,.pl-stats{grid-template-columns:1fr}}.modal-body{overscroll-behavior:contain;margin:26px 0 14px;padding:8px 26px 18px}.modal-wardrobe .custom-view{position:static}.modal-wardrobe .card:first-of-type{margin-top:4px}.app-hint{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;max-width:760px;margin:14px auto 0;display:flex}.app-hint small{color:#fff;text-shadow:0 1px #1a1a2e99;font-weight:700}.update-bar{z-index:60;background:#fffaf0;border:4px solid #1a1a2e;border-radius:16px;align-items:center;gap:10px;padding:10px 14px;font:800 15px Nunito,system-ui,sans-serif;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%);box-shadow:5px 5px #1a1a2e}.update-bar[hidden]{display:none}.mode-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}@media (max-width:900px){.mode-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.mode-tiles{grid-template-columns:1fr}}.mode-tile{padding:22px 18px 20px}.mode-tile .mode-art{width:78px;height:78px;font-size:40px}.mode-tile b{font-size:26px}.mode-tile small{font-size:14px}.mode-tile.champtile .mode-art{background:#ffb347}.mode-tile.boardtile .mode-art{background:#8ecae6}.mode-tile.communitytile .mode-art{background:#b8f08a}.icon-btn.board{background:#ffb347}.cat-head{max-width:1120px;font:400 26px var(--display);color:#fff;-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;text-shadow:3px 3px 0 var(--ink);flex-wrap:wrap;align-items:baseline;gap:10px;margin:4px auto 12px;display:flex}.cat-head span{-webkit-text-stroke:0;text-shadow:none}.cat-head small{font:800 14px var(--font);-webkit-text-stroke:0;text-shadow:none;color:#fff;background:#1a1a2ec7;border-radius:999px;padding:3px 12px}.screen-track .choices.big-tracks{max-width:1120px;margin:0 auto 26px}.cat-pill{border:2px solid var(--ink);font:900 12px var(--font);vertical-align:1px;background:#fff;border-radius:999px;padding:1px 9px;display:inline-block}.cat-pill.cat-flach{background:#8ecae6}.cat-pill.cat-huegel{background:#b8f08a}.cat-pill.cat-berg{background:#ffb347}.champ-card{max-width:860px;margin:0 auto 26px}.champ-tracks{grid-template-columns:repeat(3,1fr);gap:14px;margin:14px 0;padding:0;list-style:none;display:grid}.champ-tracks li{border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);background:#fff;border-radius:16px;position:relative;overflow:hidden}.champ-tracks .track-art{border-bottom:3px solid var(--ink);height:96px;display:block;position:relative;overflow:hidden}.champ-tracks .track-art i{display:block;position:absolute;left:0;right:0}.champ-tracks li>div{gap:3px;padding:8px 12px 10px;display:grid}.champ-tracks b{font:400 20px var(--display)}.champ-tracks small{font-size:13px;font-weight:700}.champ-no{z-index:2;border:3px solid var(--ink);background:var(--yellow);width:34px;height:34px;font:400 20px var(--display);border-radius:50%;place-items:center;display:grid;position:absolute;top:8px;left:8px}@media (max-width:700px){.champ-tracks{grid-template-columns:1fr}}.series-box{border:3px solid var(--ink);background:#fff6d6;border-radius:14px;margin:12px 0;padding:10px 12px}.series-head{margin:0 0 8px;font-weight:900}.series-tracks{margin:0 0 8px;padding-left:22px;font-size:14px;font-weight:800}.series-tracks li.done{opacity:.6}.series-tracks li.next{color:#c2185b}.series-tracks small{opacity:.8;font-weight:700}table.series{width:100%;font-size:14px}table.series td,table.series th{text-align:center;padding:3px 6px}table.series td:nth-child(2),table.series th:nth-child(2){text-align:left}table.series tr.me{background:var(--yellow)}.series-tag{color:#fff;background:#1a1a2ed1;border-radius:999px;margin:0 0 6px;padding:4px 14px;font-weight:900;display:inline-block}.overlay .series-box{text-align:left}.lb-card,.cm-head,.cm-card,.cm-form{max-width:860px;margin:0 auto 18px}.lb-tabs{margin-bottom:10px}.lb-list{gap:6px;margin:10px 0;padding:0;list-style:none;display:grid}.lb-list li{border:3px solid var(--ink);background:#fff;border-radius:12px;grid-template-columns:46px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:4px 12px 4px 6px;display:grid}.lb-list li.top{background:#fff6d6}.lb-list li.me{background:var(--yellow);box-shadow:3px 3px 0 var(--ink)}.lb-pos{font:400 20px var(--display);text-align:center}.lb-list .fr-open{cursor:pointer;font:inherit;color:inherit;text-align:left;background:0 0;border:0;align-items:center;gap:10px;min-width:0;padding:0;display:flex}.lb-list .fr-open img{border:3px solid var(--ink);object-fit:cover;background:#d8f0fb;border-radius:50%;flex:none;width:40px;height:40px}.lb-list .fr-open b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lb-rank{align-items:center;gap:6px;display:flex}.lb-rank small{opacity:.8;font-size:12px;font-weight:800}.lb-pts{white-space:nowrap;font-size:14px;font-weight:700}.lb-pts b{font:400 20px var(--display)}.lb-me{border-top:3px dashed var(--ink);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding-top:10px;display:flex}.lb-me p{margin:0;font-weight:700}@media (max-width:640px){.lb-rank small{display:none}.lb-list li{grid-template-columns:38px minmax(0,1fr) auto auto;gap:6px}}.rank-boards{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:10px 0 4px;display:grid}.rank-boards .rb{border:3px solid var(--ink);text-align:center;background:#fff;border-radius:12px;justify-items:center;gap:1px;padding:6px 4px;display:grid}.rank-boards .rb b{font-size:13px}.rank-boards .rb small{opacity:.8;font-size:11px;font-weight:700}@media (max-width:520px){.rank-boards{grid-template-columns:repeat(2,minmax(0,1fr))}}.cm-filters{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.cm-filters .btn.primary{margin-left:auto}.cm-form textarea{border:3px solid var(--ink);width:100%;font:inherit;resize:vertical;background:#fff;border-radius:10px;min-height:110px;margin-top:4px;padding:8px 10px}.cm-form label{margin-top:8px;font-weight:800;display:block}.cm-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.cm-post{border:3px solid var(--ink);background:#fff;border-radius:14px;grid-template-columns:64px minmax(0,1fr);gap:12px;padding:12px;display:grid}.cm-post.st-erledigt{background:#eefbe4}.cm-post.st-geplant{background:#fff6d6}.cm-post.st-abgelehnt,.cm-post.st-versteckt{opacity:.7}.cm-like{border:3px solid var(--ink);background:var(--cream);cursor:pointer;font:inherit;color:var(--ink);box-shadow:3px 3px 0 var(--ink);border-radius:14px;align-self:start;justify-items:center;gap:0;padding:6px 4px;transition:transform .1s,box-shadow .1s;display:grid}.cm-like span{color:#ff5470;font-size:26px;line-height:1}.cm-like b{font:400 20px var(--display)}.cm-like:hover:not(:disabled){box-shadow:5px 5px 0 var(--ink);transform:translate(-1px,-2px)}.cm-like.on{background:#ff8fb0}.cm-like.on span{color:#fff}.cm-like:disabled{cursor:default;box-shadow:none;opacity:.7}.cm-text h4{font:400 20px var(--display);overflow-wrap:anywhere;margin:2px 0 4px}.cm-meta{flex-wrap:wrap;gap:8px;margin:0;font-size:12px;font-weight:900;display:flex}.cm-kind,.cm-status{border:2px solid var(--ink);background:#d8f0fb;border-radius:999px;padding:1px 9px}.kind-bug .cm-kind{background:#ffc2cf}.kind-verbesserung .cm-kind{background:#e3d6ff}.cm-status{background:var(--yellow)}.cm-body{overflow-wrap:anywhere;margin:0 0 6px;font-weight:600}.cm-reply{border-left:5px solid var(--pink);background:#fff0f7;border-radius:0 8px 8px 0;margin:0 0 6px;padding:6px 10px;font-weight:600}.cm-foot{opacity:.85;flex-wrap:wrap;align-items:center;gap:6px;margin:0;font-size:13px;font-weight:700;display:flex}.cm-foot .link{margin-left:auto}@media (max-width:520px){.cm-post{grid-template-columns:52px minmax(0,1fr);gap:8px;padding:8px}}.cm-form .row-btns{flex-wrap:wrap;gap:12px;margin-top:12px;display:flex}.voice-box{border-top:3px dashed var(--ink);margin-top:14px;padding-top:10px}.voice-box .btn{width:100%}.voice-list{gap:4px;margin:10px 0 0;padding:0;font-weight:800;list-style:none;display:grid}.voice-list li{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.voice-list .dot{border:2px solid var(--ink);background:#bbb;border-radius:50%;width:12px;height:12px}.voice-list li.on .dot{background:#18d26e}.voice-list small{opacity:.7;font-weight:700}.voice-hud{z-index:4;font-family:var(--font);justify-items:start;gap:6px;display:grid;position:absolute;top:46%;left:18px}.voice-hud button{border:3px solid var(--ink);background:var(--cream);box-shadow:3px 3px 0 var(--ink);cursor:pointer;border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-size:20px;display:flex}.voice-hud button small{font:900 11px var(--font);background:var(--ink);color:#fff;border-radius:6px;padding:1px 6px}.voice-hud button.off{background:#ffc2cf}.voice-hud button.talk,.voice-hud span.talk{background:#b8f08a}.voice-hud span{border:3px solid var(--ink);background:var(--cream);color:var(--ink);border-radius:999px;align-items:flex-end;gap:6px;padding:2px 10px 2px 8px;font-size:13px;font-weight:900;display:flex}.voice-hud span i{background:var(--pink);border-radius:3px;align-self:center;width:5px}.legal-foot{z-index:1;color:#fff;background:#1a1a2ec7;border-radius:999px;justify-content:center;align-items:center;gap:10px;width:-moz-fit-content;width:fit-content;margin:28px auto 0;padding:2px 16px 6px;display:flex;position:relative}.legal-foot .link{color:#fff;padding:4px 0 0;font-weight:800}.impressum h4{margin:14px 0 2px;font-size:15px}.impressum p{margin:0;font-weight:600}.impressum .todo{color:#c2185b;font-style:normal;font-weight:900}.modal-impressum code{background:#f3ead6;border-radius:5px;padding:0 5px}.item-img{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block}.item-icon{place-items:center;width:100%;height:100%;display:grid}.item-icon .item-img{width:96%;height:96%}.item-row .item-ico .item-img{width:40px;height:40px}.warn-in .ico .item-img{width:46px;height:46px}.fx .ico .item-img{width:34px;height:34px}.intro-film{z-index:60;font-family:var(--font);color:var(--ink);background:#1f8fe8;position:fixed;inset:0;overflow:hidden}.intro-canvas,.intro-canvas canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.intro-bars i{background:var(--ink);height:5vh;position:absolute;left:0;right:0}.intro-bars i:first-child{top:0}.intro-bars i:last-child{bottom:0}.intro-caption{pointer-events:none;width:min(560px,100vw - 28px);position:absolute;bottom:calc(5vh + 84px);left:clamp(14px,4vw,60px)}.film-card{text-align:left;background:var(--cream);border:4px solid var(--ink);box-shadow:8px 8px 0 var(--ink);border-radius:22px;padding:26px 22px 18px;animation:.45s cubic-bezier(.2,1.6,.4,1) both introPop;position:relative}.film-card .tag{background:var(--yellow);border:4px solid var(--ink);font:400 18px var(--display);box-shadow:3px 3px 0 var(--ink);border-radius:12px;padding:2px 12px;position:absolute;top:-18px;left:18px;transform:rotate(-3deg)}.film-card h2{font:400 clamp(26px, 3.4vw, 38px) var(--display);letter-spacing:.5px;color:var(--pink);text-shadow:2px 2px 0 var(--ink);margin:0 0 6px}.film-card p{margin:0;font-size:clamp(15px,1.5vw,18px);font-weight:800;line-height:1.35}.intro-extra{margin-top:14px}@keyframes introPop{0%{opacity:0;transform:translateY(30px)scale(.9)rotate(-2deg)}to{opacity:1;transform:none}}.intro-foot{justify-content:flex-end;align-items:center;gap:12px;padding:0 clamp(14px,4vw,60px);display:flex;position:absolute;bottom:calc(5vh + 16px);left:0;right:0}.intro-foot .btn{box-shadow:5px 5px 0 var(--ink);border-width:4px;padding:10px 22px;font-size:18px}.film-dots{gap:8px;margin-right:auto;display:flex}.film-dots i{border:3px solid var(--ink);background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .2s}.film-dots i.on{background:var(--pink);transform:scale(1.35)}.intro-gauge{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.intro-gauge b{font:400 54px/1 var(--display);min-width:96px}.intro-gauge small{font:400 24px var(--display);color:var(--pink);margin-right:8px}.intro-gauge span{background:var(--ink);color:#fff;font:400 20px var(--display);border-radius:999px;padding:3px 14px}.intro-gauge span.up{color:var(--ink);border:3px solid var(--ink);background:#fff;transition:background .3s}.intro-gauge span.up.on{background:#ff8c42}.intro-keys{gap:12px;display:flex}.intro-keys kbd{border:4px solid var(--ink);width:62px;height:56px;box-shadow:0 6px 0 var(--ink);font:400 30px var(--display);background:#fff;border-radius:14px;place-items:center;transition:transform .12s,box-shadow .12s,background .12s;display:grid}.intro-keys kbd.on{background:var(--yellow);box-shadow:0 1px 0 var(--ink);transform:translateY(5px)}.intro-draft{grid-template-columns:auto 1fr auto;align-items:center;gap:12px;font-weight:900;display:grid}.intro-draft>div{border:3px solid var(--ink);background:#f3ead6;border-radius:11px;height:22px;overflow:hidden}.intro-draft i{border-right:3px solid var(--ink);background:repeating-linear-gradient(-45deg,#2ec4b6 0 8px,#6be0d2 8px 16px);width:0;height:100%;display:block}.intro-draft b{font:400 24px var(--display);text-align:right;min-width:62px}.intro-items{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.intro-items>span{aspect-ratio:1;border:3px solid var(--ink);background:var(--yellow);border-radius:14px;place-items:center;font-size:30px;transition:transform .3s cubic-bezier(.2,1.7,.4,1);display:grid;transform:scale(0)}.intro-items>span.on{transform:scale(1)}.intro-tracks{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.intro-tracks>div{border:3px solid var(--ink);background:#fff;border-radius:12px;justify-items:start;gap:2px;padding-bottom:5px;animation:.4s cubic-bezier(.2,1.6,.4,1) both introPop;display:grid;overflow:hidden}.intro-tracks .track-art{border-bottom:3px solid var(--ink);width:100%;height:44px;display:block;position:relative;overflow:hidden}.intro-tracks .track-art i{transform-origin:0 100%;display:block;position:absolute;left:0;right:0;transform:scale(.6)}.intro-tracks b{font:400 14px var(--display);white-space:nowrap;text-overflow:ellipsis;max-width:100%;padding:0 7px;overflow:hidden}.intro-tracks .cat-pill{margin-left:7px;font-size:10px}.intro-ranks{flex-wrap:wrap;gap:10px;display:flex}.intro-ranks span{animation:.45s cubic-bezier(.2,1.6,.4,1) both introPop}.intro-again{flex-wrap:wrap;align-items:center;gap:12px;margin:0 0 14px;display:flex}.intro-again small{opacity:.75;font-weight:700}@media (max-width:640px){.intro-caption{bottom:calc(5vh + 76px)}.film-card{padding:22px 14px 12px}.intro-items{grid-template-columns:repeat(5,1fr);gap:5px}.intro-foot .btn{padding:8px 14px;font-size:15px}}.shift-choice{gap:10px;margin:8px 0;display:grid}.shift-choice label.shift-card{border:4px solid var(--ink);cursor:pointer;box-shadow:4px 4px 0 var(--ink);text-align:left;background:#fff;border-radius:16px;flex-direction:row;align-items:center;gap:12px;padding:12px 14px;display:flex}.shift-card:hover{transform:translate(-1px,-1px)}.shift-card:has(input:checked){background:var(--yellow)}.shift-choice label.shift-card input{width:22px;height:22px;accent-color:var(--pink);flex:none}.shift-card .ico{flex:none;font-size:30px}.shift-card b{font:400 19px var(--display);letter-spacing:.3px;display:block}.shift-card small{opacity:.8;font-weight:700;line-height:1.3;display:block}.shift-ask{gap:2px;margin:6px 0 10px;display:grid}.shift-ask>small{opacity:.7;font-weight:700}.voice-box>.btn{margin-top:8px}.voice-list li .mini-btn{margin-left:auto}.voice-list li.quiet{opacity:.6}.voice-list li small{flex-basis:100%;padding-left:20px}.screen-track{padding-top:6px}.screen-track .screen-title{margin-bottom:8px}.track-cols{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:16px;max-width:1180px;margin:0 auto;display:grid}.track-col{align-content:start;gap:10px;display:grid}.track-col .cat-head{justify-content:center;margin:0;font-size:22px}.screen-track .track-col .choices.big-tracks{grid-template-columns:1fr;gap:12px;max-width:none;margin:0}.track-col .big-tracks .choice.track{box-shadow:5px 5px 0 var(--ink);border-radius:18px;row-gap:1px;padding-bottom:8px}.track-col .big-tracks .choice.track .track-art{height:clamp(54px,11vh,96px);min-height:0}.track-col .big-tracks .choice.track>b{margin-top:6px;font-size:21px;line-height:1.1}.track-col .big-tracks .choice.track>small{font-size:12.5px;line-height:1.25}.track-col .big-tracks .choice.track>small:not(.sub):not(.facts){-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.track-col .big-tracks .choice.track>small.facts{margin-top:3px;font-weight:900}.screen-track .screen-foot{margin-top:12px}@media (max-height:760px){.track-col .big-tracks .choice.track>small:not(.sub):not(.facts){display:none}}@media (max-width:820px){.track-cols{grid-template-columns:1fr}}.intro .intro-card{text-align:left;background:var(--cream);grid-template-columns:124px minmax(0,1fr);align-items:center;gap:4px 16px;width:min(720px,94vw);min-width:0;padding:12px 18px 12px 12px;display:grid;bottom:62px}.intro .intro-map{border:3px solid var(--ink);background:#bfe6ff;border-radius:14px;grid-row:1/span 2;width:124px;height:124px}.intro .intro-text{min-width:0}.intro .intro-card h2{-webkit-text-stroke:2px var(--ink);font-size:clamp(24px,3vw,32px);line-height:1.05}.intro .intro-card p{min-height:2.6em;margin:4px 0 0;font-size:15px;line-height:1.3}.intro-chips{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.intro-chips>span{font:400 15px var(--display);letter-spacing:.3px;border:3px solid var(--ink);background:#fff;border-radius:999px;padding:1px 11px}.intro-chips>span.cat-pill{font-size:15px}.intro .intro-profile{border:3px solid var(--ink);background:#fff;border-radius:10px;grid-column:2;width:100%;max-width:none;height:44px;margin:0;display:block}.intro .intro-dots{bottom:30px}@media (max-width:640px){.intro .intro-card{grid-template-columns:84px minmax(0,1fr)}.intro .intro-map{width:84px;height:84px}.intro-chips>span{padding:0 8px;font-size:13px}}@media (max-height:800px){.track-col .big-tracks .choice.track>small:not(.sub):not(.facts){display:none}}.top-icons{flex-wrap:wrap;row-gap:8px;min-width:0}.topbar{min-width:0}@media (max-width:1100px){.topbar{grid-template-columns:auto 1fr}.topbar .steps{grid-area:2/1/auto/-1;justify-self:center}}@media (max-width:760px){.topbar{grid-template-columns:auto 1fr;gap:8px;padding-top:10px}.top-icons{gap:6px}.icon-btn{width:40px;height:40px;box-shadow:3px 3px 0 var(--ink);border-width:3px}.icon-btn svg{width:21px;height:21px}.topbar .brand{font-size:22px}}@media (max-width:440px){.topbar-left .brand{display:none}}@media (max-width:700px){.track-cols{grid-template-columns:1fr}}@media (min-width:701px) and (max-width:820px){.track-cols{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}}.icon-btn.gear-corner{z-index:7;right:calc(16px + env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));position:fixed}@media (max-width:640px){.icon-btn.gear-corner{right:calc(10px + env(safe-area-inset-right,0px));bottom:calc(10px + env(safe-area-inset-bottom,0px))}}.choice.char{padding:5px}.mini-view{display:none}@media (max-width:620px){.mini-view{z-index:5;pointer-events:none;width:-moz-fit-content;width:fit-content;margin:0 4px 8px auto;display:block;position:sticky;top:6px}.mini-view~.rider-cards .equip-rows,.mini-view~.rider-cards>.card>p{padding-right:122px}.mini-view img{aspect-ratio:420/440;object-fit:contain;border:3px solid var(--ink);height:118px;box-shadow:4px 4px 0 var(--ink);background:radial-gradient(circle at 50% 30%,#fff,#cfeffd);border-radius:14px;display:block}.modal-wardrobe .mini-view{top:0}.custom-view{display:none}}@media (max-width:820px){.menu .card.shop-view{z-index:5;padding:8px 10px;position:sticky;top:6px}.shop-view .hint{display:none}.shop-view img{border-width:3px;width:auto;max-width:none;height:150px}.shop-coins{margin:0 0 4px;font-size:26px}.shop-view .msg{margin:4px 0 0}}.intro-film.stack .intro-caption{left:50%;transform:translate(-50%)}.intro-film:not(.stack) .intro-caption{width:min(560px,44vw)}.intro-film.stack .film-card h2{font-size:clamp(22px,6vw,34px);line-height:1.05}.intro-film.stack .film-card p{font-size:15px;line-height:1.3}.intro-film.stack .intro-extra{margin-top:10px}.intro-film.stack .intro-items{grid-template-columns:repeat(9,1fr);gap:4px}.intro-film.stack .intro-items>span{border-width:2px;border-radius:9px}.intro-film.stack .intro-gauge b{min-width:72px;font-size:40px}.intro-film.stack .intro-keys kbd{width:52px;height:44px;font-size:24px}.intro-film.stack .intro-tracks .track-art{height:30px}.intro-film.stack .intro-tracks .cat-pill{display:none}@media (max-height:520px){.intro-caption{bottom:calc(5vh + 62px)}.film-card{box-shadow:5px 5px 0 var(--ink);border-width:3px;padding:18px 14px 10px}.film-card h2{font-size:22px}.film-card p{font-size:13px;line-height:1.25}.intro-extra{margin-top:8px}.intro-items{grid-template-columns:repeat(9,1fr);gap:4px}.intro-items>span{border-width:2px;border-radius:8px}.intro-gauge b{min-width:60px;font-size:32px}.intro-gauge small,.intro-gauge span{font-size:16px}.intro-keys kbd{width:44px;height:36px;font-size:20px}.intro-tracks{grid-template-columns:repeat(6,1fr);gap:4px}.intro-tracks>div{border-width:2px;border-radius:8px;padding-bottom:2px}.intro-tracks .track-art{border-bottom-width:2px;height:22px}.intro-tracks b{padding:0 3px;font-size:10px}.intro-tracks .cat-pill{display:none}.intro-ranks{flex-wrap:nowrap;gap:6px}.intro-ranks svg{width:34px;height:34px}.intro-foot{bottom:calc(5vh + 8px)}.intro-foot .btn{border-width:3px;padding:6px 14px;font-size:14px}}.bind-table{gap:6px;max-width:620px;margin:10px 0;display:grid}.bind-head,.bind-line{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,1fr);align-items:center;gap:8px;display:grid}.bind-head b{text-transform:uppercase;letter-spacing:.5px;opacity:.7;text-align:center;font-size:12px}.bind-line{border:3px solid var(--ink);background:#fff;border-radius:14px;padding:6px 8px;font-size:14px;font-weight:800}.bind-line .keycap{width:100%;min-width:0}.hud,.touch-controls,.touch-controls *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}:is(body:has(.settings-overlay) .touch-controls,body:has(.overlay) .touch-controls,body:has(.intro) .touch-controls,body:has(.intro-film) .touch-controls,body:has(.loading) .touch-controls,body:has(.modal-overlay) .touch-controls){display:none}.touch-controls{left:0;right:0;bottom:calc(12px + env(safe-area-inset-bottom,0px));padding:0 calc(14px + env(safe-area-inset-right,0px)) 0 calc(14px + env(safe-area-inset-left,0px));pointer-events:none;justify-content:space-between;align-items:flex-end;gap:0;transform:none}.touch-controls .grp{pointer-events:auto;align-items:flex-end;gap:12px;display:flex}.touch-controls button{width:76px;height:76px;color:var(--ink);box-shadow:4px 4px 0 var(--ink);background:#ffffffd1;padding:0}.touch-controls button:active{box-shadow:1px 1px 0 var(--ink);transform:translate(3px,3px)}.touch-controls button[data-a=useItem]{width:88px;height:88px;font-size:19px}body.touch-on .hud-bl{bottom:112px}body.touch-on .hud-br{bottom:108px}body.touch-on .hud .hud-gear{bottom:248px}body.touch-on .toasts{bottom:150px}.hud .fps{top:6px;bottom:auto}@media (max-width:560px),(max-height:520px){.hud .panel{box-shadow:3px 3px 0 var(--ink);border-width:3px;border-radius:14px}.hud .tag{box-shadow:2px 2px 0 var(--ink);border-width:3px;border-radius:9px;padding:1px 8px 0;font-size:13px;top:-12px}.hud-tl{top:calc(8px + env(safe-area-inset-top,0px));left:calc(8px + env(safe-area-inset-left,0px));width:204px;padding:9px 9px 7px;transform:none}.hud-tl>.tag{display:none}.hud-tl .power-row{gap:6px}.hud-tl .watts{font-size:40px}.hud-tl .watts small{margin-left:2px;font-size:16px}.hud-tl .speed{padding:2px 8px 1px;font-size:17px}.hud-tl .speed small{font-size:9px}.hud-tl .chips{gap:4px;margin-top:6px}.hud-tl .chip{box-shadow:none;border-width:2px;border-radius:8px;gap:3px;padding:0 5px;font-size:12px}.hud-tl .chip i{font-size:10px}.hud-tl .gearbox{box-shadow:none;border-width:2px;border-radius:9px;gap:5px;margin-top:6px;padding:0 6px}.hud-tl .gearbox .gear-label{font-size:10px}.hud-tl .gearbox .gear-num{min-width:24px;font-size:20px}.hud-tl .gearbox .gear-ticks{gap:1px;height:14px}.hud-tl .draft-label{display:none}.hud-tl .draft{border-width:2px;border-radius:5px;height:8px;margin-top:6px}.hud-tl .demo-hint{display:none}.hud-tl .watch-tag{margin-bottom:2px;font-size:11px}.hud-tr{top:calc(8px + env(safe-area-inset-top,0px));right:calc(8px + env(safe-area-inset-right,0px));width:168px;padding:12px 9px 6px;transform:none}.hud-tr .map-box{display:none}.hud-tr .grade-box{margin-top:0}.hud-tr .grade-head small{letter-spacing:.5px;font-size:9px}.hud-tr .grade-now{font-size:26px}.hud-tr .time div{font-size:22px}.hud-tr canvas.profile{border-bottom-width:2px;max-height:34px;margin-top:3px}.hud-tr .grade-next{display:none}.hud-bl{width:204px;bottom:auto;left:calc(8px + env(safe-area-inset-left,0px));padding:4px 6px;transform:none}.hud-bl>.tag{display:none}.hud-bl ol{font-size:12px}.hud-bl li{border-radius:7px;grid-template-columns:14px 10px 1fr auto;gap:5px;padding:1px 5px;display:none}.hud-bl li.me,.hud-bl li.me+li{display:grid}.hud-bl li:has(+li.me){display:grid}.hud-bl li i{border-width:2px;width:9px;height:9px}.hud-bl li.me{box-shadow:none;border-width:2px;margin:1px -3px;padding:1px 8px}.hud-bl .pos{font-size:13px}.hud-bl .gap{font-size:11px}.hud-br{bottom:auto;right:calc(10px + env(safe-area-inset-right,0px));transform:none}.hud-br .place span{-webkit-text-stroke-width:3px;text-shadow:3px 3px 0 var(--ink);font-size:58px}.hud-br .place .dot{width:9px;height:9px;box-shadow:2px 2px 0 var(--ink);border-width:3px;margin:0 3px 6px 2px}.hud-br .place small{-webkit-text-stroke-width:2px;text-shadow:2px 2px 0 var(--ink);margin-bottom:3px;font-size:24px}.hud-bc{min-width:0;max-width:250px;bottom:calc(10px + env(safe-area-inset-bottom,0px));gap:8px;padding:5px 10px 5px 5px;transform:translate(-50%)}.hud-bc.hidden{transform:translate(-50%)translateY(30px)scale(.7)}.hud-bc .item-slot{width:46px;height:46px;box-shadow:2px 2px 0 var(--ink);border-width:3px;border-radius:11px}.hud-bc .item-icon{font-size:28px}.hud-bc .item-icon svg,.hud-bc .item-icon img{width:34px;height:34px}.hud-bc .item-name{max-height:2.4em;font-size:10.5px;line-height:1.2;overflow:hidden}.hud-bc .item-name b{font-size:15px}.hud-bc .item-name .key{display:none}.hud .fx-list{transform-origin:bottom;flex-direction:column-reverse;align-items:center;gap:4px;top:auto;left:50%;right:auto;transform:translate(-50%)scale(.74)}.hud .incoming{top:calc(44px + env(safe-area-inset-top,0px));transform-origin:top;transform:translate(-50%)scale(.72)}.hud .lanelock{transform:translate(-50%)scale(.45)}.hud .lanelock.on{transform:translate(-50%)scale(.75)}.toasts{transform-origin:bottom;transform:translate(-50%)scale(.8)}.countdown{font-size:clamp(90px,30vh,200px)}.hud .hud-gear,body.touch-on .hud .hud-gear{top:calc(8px + env(safe-area-inset-top,0px));width:34px;height:34px;box-shadow:2px 2px 0 var(--ink);opacity:.8;border-width:2px;margin-left:-17px;font-size:17px;bottom:auto;left:50%;right:auto}.hud .fps{top:calc(46px + env(safe-area-inset-top,0px));white-space:normal;text-align:center;opacity:.8;max-width:44vw;padding:1px 6px;font-size:9px;line-height:1.25}.touch-controls{bottom:calc(8px + env(safe-area-inset-bottom,0px));padding:0 calc(8px + env(safe-area-inset-right,0px)) 0 calc(8px + env(safe-area-inset-left,0px))}.touch-controls .grp{gap:8px}.touch-controls button{width:58px;height:58px;box-shadow:3px 3px 0 var(--ink);border-width:3px;font-size:20px}.touch-controls button[data-a=shiftUp],.touch-controls button[data-a=shiftDown]{font-size:28px}.touch-controls button[data-a=useItem]{width:66px;height:66px;font-size:14px}}@media (max-height:520px){.hud-bl{top:calc(150px + env(safe-area-inset-top,0px))}body.touch-on .hud-bl{bottom:auto}.hud-br,body.touch-on .hud-br{top:calc(122px + env(safe-area-inset-top,0px));bottom:auto}.hud .fx-list{bottom:calc(72px + env(safe-area-inset-bottom,0px))}.toasts,body.touch-on .toasts{bottom:76px}.hud .lanelock{bottom:84px}}@media (max-height:360px){.hud-tl .gearbox .gear-ticks{display:none}.hud-tl .draft{height:6px;margin-top:4px}.hud-bl{top:calc(128px + env(safe-area-inset-top,0px))}}@media (max-width:560px) and (min-height:521px){.hud-tl{width:calc(55vw - 12px)}.hud-tr{width:calc(45vw - 12px)}.hud-bl{top:calc(150px + env(safe-area-inset-top,0px));width:calc(55vw - 12px)}body.touch-on .hud-bl{bottom:auto}.hud-br,body.touch-on .hud-br{top:calc(122px + env(safe-area-inset-top,0px));bottom:auto}.hud .hud-gear,body.touch-on .hud .hud-gear{top:calc(186px + env(safe-area-inset-top,0px));left:auto;right:calc(10px + env(safe-area-inset-right,0px));margin-left:0}.hud .fps{top:calc(236px + env(safe-area-inset-top,0px));right:auto;left:calc(8px + env(safe-area-inset-left,0px));text-align:left;max-width:70vw;transform:none}.hud-bc{bottom:calc(96px + env(safe-area-inset-bottom,0px))}.hud .fx-list{bottom:calc(160px + env(safe-area-inset-bottom,0px))}.toasts,body.touch-on .toasts{bottom:230px}.hud .lanelock{bottom:240px}.touch-controls{justify-content:center;align-items:center;gap:8px}.touch-controls .grp{display:contents}.touch-controls button{pointer-events:auto}.touch-controls button[data-a=shiftDown]{order:1}.touch-controls button[data-a=laneLeft]{order:2}.touch-controls button[data-a=useItem]{order:3}.touch-controls button[data-a=laneRight]{order:4}.touch-controls button[data-a=shiftUp]{order:5}}@media (max-width:560px),(max-height:520px){.settings{width:100vw;max-width:none;height:100dvh;max-height:none;box-shadow:none;border-width:0;border-radius:0;grid-template-rows:auto 1fr auto;grid-template-columns:1fr;animation:none}.settings>.tag{display:none}.settings-close{top:calc(6px + env(safe-area-inset-top,0px));right:calc(8px + env(safe-area-inset-right,0px));z-index:2;border-width:3px;width:38px;height:38px;font-size:16px}.settings-tabs{border-right:0;border-bottom:3px solid var(--ink);scrollbar-width:none;padding:calc(8px + env(safe-area-inset-top,0px)) calc(56px + env(safe-area-inset-right,0px)) 8px calc(10px + env(safe-area-inset-left,0px));border-radius:0;flex-direction:row;grid-row:auto;gap:6px;overflow-x:auto}.settings-tabs::-webkit-scrollbar{display:none}.settings-tabs button{white-space:nowrap;border-radius:11px;flex:none;gap:6px;padding:6px 10px;font-size:13px}.settings-tabs button.on{transform:none}.settings-body{padding:14px calc(14px + env(safe-area-inset-right,0px)) 8px calc(14px + env(safe-area-inset-left,0px))}.settings-foot{padding:6px 14px calc(8px + env(safe-area-inset-bottom,0px));grid-column:1;font-size:11px}.modal{width:100vw;max-width:none;height:100dvh;max-height:100dvh;box-shadow:none;border-width:0;border-radius:0}.modal>.tag{top:calc(6px + env(safe-area-inset-top,0px));left:calc(10px + env(safe-area-inset-left,0px));border-width:3px;font-size:16px}.modal .settings-close{top:calc(6px + env(safe-area-inset-top,0px));right:calc(8px + env(safe-area-inset-right,0px))}.modal-body{margin:calc(50px + env(safe-area-inset-top,0px)) 0 0;padding:4px calc(14px + env(safe-area-inset-right,0px)) calc(16px + env(safe-area-inset-bottom,0px)) calc(14px + env(safe-area-inset-left,0px))}.overlay .card{width:min(92vw,460px);min-width:0;max-height:92dvh;overflow-y:auto}.overlay h2{font-size:30px}}@media (pointer:coarse) and (min-width:561px) and (min-height:521px) and (max-width:1400px){.hud-tr .map-box canvas{object-fit:contain;max-height:120px}.hud-tr .grade-next,.hud-tl .demo-hint{display:none}.hud-bc{min-width:0;max-width:230px}.hud-bc .item-name .key{display:none}.hud .fps{white-space:normal;text-align:center;max-width:40vw;font-size:10px}}.custom{grid-template-columns:1fr}@media (min-width:621px){.rider-wrap{grid-template-columns:minmax(180px,260px) minmax(0,1fr);align-items:start;gap:16px;display:grid}.rider-wrap .mini-view{display:block;position:sticky;top:10px}.modal-wardrobe .rider-wrap .mini-view{top:0}.rider-wrap .mini-view img{aspect-ratio:420/440;object-fit:contain;border:4px solid var(--ink);width:100%;box-shadow:5px 5px 0 var(--ink);background:radial-gradient(circle at 50% 30%,#fff,#cfeffd);border-radius:16px;display:block}.rider-cards>.card:first-child{margin-top:0}}.bind-table.cols3{max-width:760px}.bind-table.cols3 .bind-head,.bind-table.cols3 .bind-line{grid-template-columns:minmax(0,1.1fr) repeat(3,minmax(0,1fr))}.remote-list{gap:6px;margin:8px 0;display:grid}.remote-item{border:3px solid var(--ink);background:#fff;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:6px 12px;font-size:14px;font-weight:800;display:flex}.remote-item.ok{background:#e3f9ef}.remote-item .link{padding:0}@media (max-width:620px){.bind-table.cols3 .bind-head b{letter-spacing:0;font-size:10px}.bind-table.cols3 .bind-line{gap:5px;padding:5px 6px;font-size:12px}.bind-table.cols3 .keycap{padding:4px 2px;font-size:11px}}@media (max-width:560px),(max-height:520px){.hud-tl,.hud-tr{zoom:.76}.hud-bl{display:none}.hud-br .place span{-webkit-text-stroke-width:2px;text-shadow:2px 2px 0 var(--ink);font-size:40px}.hud-br .place .dot{width:6px;height:6px;box-shadow:1px 1px 0 var(--ink);border-width:2px;margin:0 2px 4px 1px}.hud-br .place small{-webkit-text-stroke-width:1.5px;text-shadow:1px 1px 0 var(--ink);margin-bottom:2px;font-size:17px}.hud-br,body.touch-on .hud-br{top:calc(96px + env(safe-area-inset-top,0px));bottom:auto}.hud-bc{gap:7px;max-width:190px;padding:4px 9px 4px 4px}.hud-bc .item-slot{width:38px;height:38px}.hud-bc .item-icon svg,.hud-bc .item-icon img{width:28px;height:28px}.hud-bc .item-name{max-height:none;font-size:0;line-height:1}.hud-bc .item-name b{font-size:13px}.hud .fps{top:calc(40px + env(safe-area-inset-top,0px))}}@media (max-width:560px) and (min-height:521px){.hud .hud-gear,body.touch-on .hud .hud-gear{top:calc(146px + env(safe-area-inset-top,0px))}.hud .fps{top:calc(124px + env(safe-area-inset-top,0px))}.hud-bc{bottom:calc(84px + env(safe-area-inset-bottom,0px))}}@media (pointer:coarse) and (min-width:561px) and (min-height:521px) and (max-width:1400px){.hud-tl,.hud-tr,.hud-bl{zoom:.8}.hud-bl li{display:none}.hud-bl li.me,.hud-bl li.me+li{display:grid}.hud-bl li:has(+li.me){display:grid}.hud-br .place span{font-size:96px}.hud-br .place small{font-size:40px}.hud-bc{max-width:210px}.hud-bc .item-name{font-size:0}.hud-bc .item-name b{font-size:17px}}@media (max-height:520px){.hud-tl,.hud-tr{zoom:.68}.hud-br,body.touch-on .hud-br{top:calc(84px + env(safe-area-inset-top,0px))}}@media (max-height:400px){.intro-film:not(.stack) .intro-caption{width:min(520px,50vw);top:calc(5vh + 16px);bottom:auto;left:calc(10px + env(safe-area-inset-left,0px))}.intro-film:not(.stack) .film-card{zoom:.78}.intro-film:not(.stack) .film-card .tag{font-size:15px;top:-12px}.intro-film:not(.stack) .intro-tracks b{display:none}.intro-film:not(.stack) .intro-tracks .track-art{border-bottom:0;height:30px}.intro-film:not(.stack) .intro-tracks>div{padding-bottom:0}.intro-foot{padding-left:calc(10px + env(safe-area-inset-left,0px));padding-right:calc(10px + env(safe-area-inset-right,0px))}}.legal-text p{margin:0 0 8px;font-weight:600;line-height:1.45}.legal-text h4{margin-top:16px}.modal:has(.legal-text){width:min(760px,94vw)}.legal-foot{border-radius:18px;flex-wrap:wrap;row-gap:0;max-width:calc(100vw - 110px)}.pad-focus{outline-offset:3px;z-index:2;position:relative;outline:5px solid var(--pink)!important;box-shadow:0 0 0 9px #ff3e9d47!important}.hud-bc{min-width:0}.item-title{margin-bottom:0}.toast.other{opacity:.78;border-width:2px;padding:2px 10px;font-size:11px}.hud .hud-menu{border:3px solid var(--ink);width:44px;height:44px;box-shadow:3px 3px 0 var(--ink);cursor:pointer;pointer-events:auto;color:var(--ink);opacity:.8;background:#fff;border-radius:50%;padding:0;font-size:20px;line-height:1;display:none;position:absolute;bottom:302px;right:18px}body.touch-on .hud .hud-menu{display:block}@media (max-width:560px),(max-height:520px){.toast.other{display:none}.hud .hud-menu{top:calc(8px + env(safe-area-inset-top,0px));width:34px;height:34px;box-shadow:2px 2px 0 var(--ink);border-width:2px;margin-left:-38px;font-size:16px;bottom:auto;left:50%;right:auto}.hud .hud-gear,body.touch-on .hud .hud-gear{margin-left:4px}.hud-tr .map-box{border-width:3px;border-radius:10px;margin-bottom:4px;display:block}.hud-tr .map-box canvas{object-fit:contain;width:100%;height:78px;display:block}.hud-br,body.touch-on .hud-br{top:calc(158px + env(safe-area-inset-top,0px))}}@media (max-height:520px){.hud-br,body.touch-on .hud-br{top:calc(140px + env(safe-area-inset-top,0px))}}@media (max-width:560px) and (min-height:521px){.hud .hud-gear,body.touch-on .hud .hud-gear{top:calc(206px + env(safe-area-inset-top,0px));margin-left:0}.hud .hud-menu{top:calc(206px + env(safe-area-inset-top,0px));left:auto;right:calc(52px + env(safe-area-inset-right,0px));margin-left:0}.hud .fps{top:calc(186px + env(safe-area-inset-top,0px))}}@media (max-height:520px){.intro .intro-profile{display:none}.intro .intro-card{width:min(470px,62vw);bottom:34px;left:calc(10px + env(safe-area-inset-left,0px));grid-template-columns:60px minmax(0,1fr);gap:2px 10px;padding:7px 12px 7px 7px;transform:none}.intro .intro-map{border-width:2px;border-radius:10px;grid-row:1;width:60px;height:60px}.intro .intro-card h2{-webkit-text-stroke-width:1.5px;text-shadow:2px 2px 0 var(--ink);font-size:19px}.intro .intro-card p{min-height:0;margin-top:2px;font-size:12px;line-height:1.25}.intro-chips{gap:4px;margin-top:3px}.intro-chips>span,.intro-chips>span.cat-pill{border-width:2px;padding:0 7px;font-size:11px}.intro-top{padding:3px 12px;top:8px}.intro-top b{font-size:14px}.intro .intro-dots{bottom:12px}.intro-skip{padding:5px 10px;font-size:13px;bottom:8px}}.hud .hud-gear{background:#fff;font-size:20px}.hud .hud-gear:hover{transform:scale(1.08)}@media (max-width:560px),(max-height:520px){.hud .hud-gear,body.touch-on .hud .hud-gear{margin-left:-17px;font-size:16px}.toast.other{display:block}}@media (max-width:560px) and (min-height:521px){.hud .hud-gear,body.touch-on .hud .hud-gear{margin-left:0}}.toasts-side{pointer-events:none;flex-direction:column;align-items:flex-start;gap:3px;max-width:min(300px,44vw);display:flex;position:absolute;bottom:55%;left:18px}.toasts-side .toast{opacity:.72;text-overflow:ellipsis;background:#1a1a2ec7;border-width:2px;border-color:#0000;max-width:100%;padding:1px 9px;font-size:11px;font-weight:700;overflow:hidden}.toasts-side .toast.fade{opacity:0}@media (max-width:560px),(max-height:520px){.toasts-side{left:calc(8px + env(safe-area-inset-left,0px));gap:2px;max-width:46vw}.toasts-side .toast{border-width:1px;padding:0 7px;font-size:9.5px}.toasts-side .toast:nth-child(n+3){display:none}}@media (max-height:520px){.toasts-side{bottom:auto;top:calc(132px + env(safe-area-inset-top,0px))}}@media (max-height:360px){.toasts-side{top:calc(116px + env(safe-area-inset-top,0px))}}@media (max-width:560px) and (min-height:521px){.toasts-side{bottom:auto;top:calc(150px + env(safe-area-inset-top,0px))}}.track-random{justify-content:center;max-width:1100px;margin:0 auto 14px;padding:0 12px;display:flex}.choice.track.random{text-align:center;background:var(--cream);width:min(560px,100%);box-shadow:6px 6px 0 var(--ink);border-width:4px;border-radius:22px;padding:10px 18px 12px;display:block}.choice.track.random>b{font:400 24px var(--display);letter-spacing:.5px;margin:0;display:block}.choice.track.random>small{margin:2px 0 0;display:block}.choice.track.random.on{background:var(--yellow)}:is(body:has(.spectator) .touch-controls,body:has(.spectator) .hud-bc){display:none}@media (max-width:900px){.overlay.side{background:0 0}.overlay.side .card{padding:10px 12px 12px}.overlay.side h2{margin:0;font-size:26px}.overlay.side h2+p{margin:2px 0 0;font-size:13px}.overlay.side .results{margin-top:4px;font-size:13px}.overlay.side .results td,.overlay.side .results.ranking th{padding:2px 5px}.overlay.side .results.ranking th{font-size:10px}.overlay.side .results td:nth-child(2){white-space:nowrap;text-overflow:ellipsis;max-width:34vw;overflow:hidden}.overlay.side .results .dnf{white-space:nowrap;font-size:11px}.overlay.side .coins-won{margin:8px auto 0;padding:4px 12px;font-size:15px}.overlay.side .hint{margin:6px 0 0;font-size:11px}.overlay.side .row{margin-top:8px}}@media (max-width:900px) and (orientation:portrait){.overlay.side{padding:0 0 calc(8px + env(safe-area-inset-bottom,0px));place-items:end center}.overlay.side .card{width:min(96vw,520px);max-width:none;max-height:54dvh;overflow-y:auto}.overlay.side .results.ranking:not(.series) th:nth-child(n+5),.overlay.side .results.ranking:not(.series) td:nth-child(n+5){display:none}}@media (max-width:900px) and (orientation:landscape){.overlay.side{padding:0 calc(8px + env(safe-area-inset-right,0px)) 0 0;place-items:center end}.overlay.side .card{width:min(54vw,460px);max-width:none;max-height:94dvh;overflow-y:auto}.overlay.side .results.ranking:not(.series) th:nth-child(n+5),.overlay.side .results.ranking:not(.series) td:nth-child(n+5){display:none}}@media (max-height:520px){.hud .hud-gear,body.touch-on .hud .hud-gear{top:calc(196px + env(safe-area-inset-top,0px));left:auto;right:calc(10px + env(safe-area-inset-right,0px));margin-left:0}.hud-bc{top:calc(8px + env(safe-area-inset-top,0px));transform-origin:top;bottom:auto}.hud-bc.hidden{transform:translate(-50%)translateY(-30px)scale(.7)}.hud .fps{top:calc(52px + env(safe-area-inset-top,0px))}.hud .incoming{top:calc(56px + env(safe-area-inset-top,0px))}}@media (max-height:360px){.hud .hud-gear,body.touch-on .hud .hud-gear{top:calc(176px + env(safe-area-inset-top,0px))}}@media (max-width:560px){.spectator{max-width:calc(100vw - 16px);bottom:calc(10px + env(safe-area-inset-bottom,0px));gap:6px;padding-left:8px;padding-right:8px}.spectator div{flex:1;min-width:0}.spectator b{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:17px;overflow:hidden}.spectator button.res{padding:0 8px;font-size:12px}}