:root{--gold:#ffbf51;--teal:#73d6c5;--muted:#8c9dae;--panel:#101d29ed;--border:#3a4c5b}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#09121d;color:#eef1ea;font:13px Arial,Helvetica,sans-serif}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:3px}button{background:#192b38;border:1px solid var(--border);color:#e8eceb;padding:11px 15px}a{color:inherit;text-decoration:none}#world{position:fixed;inset:0;width:100%;height:100%;touch-action:none;outline:0}header{position:fixed;top:20px;left:24px;right:24px;display:flex;align-items:center;gap:25px;pointer-events:none}header>*{pointer-events:auto}.logo{display:flex;align-items:center;gap:10px;background:#0e1c28dd;border:1px solid var(--border);padding:13px 17px;color:var(--gold);font-size:33px;box-shadow:0 8px 30px #0003}.logo span{font:9px/1.45 monospace;letter-spacing:2px;color:#edf2ed}.logo b{color:var(--gold);font-size:12px;letter-spacing:1px}.district{display:grid;gap:6px;text-shadow:0 2px 5px #000}.district small{font:8px monospace;color:var(--teal);letter-spacing:2px}.district strong{font-size:20px}.wallet{margin-left:auto;background:#0d1d29e8;border:1px solid #4b5445;padding:12px 18px;display:grid;gap:5px;text-align:right}.wallet small{font:7px monospace;letter-spacing:1px;color:#a7b4be}.wallet strong{font:24px monospace;color:var(--gold)}#menu{height:57px;width:48px;font-size:21px;background:#0d1d29ef}.server-status{position:fixed;top:104px;right:24px;font:8px monospace;color:var(--teal);background:#102128dd;padding:8px 11px;border:1px solid #305047;letter-spacing:1px}#quest{position:fixed;left:24px;top:128px;width:245px;background:linear-gradient(140deg,#152635f0,#111b28dd);border:1px solid var(--border);padding:20px;box-shadow:0 10px 30px #0002}#quest>span{font:7px monospace;letter-spacing:1px;color:var(--gold)}#quest h2{font-size:24px;letter-spacing:-.6px;margin:12px 0}#quest p{font-size:11px;line-height:1.7;color:#a5b6c4}#quest button{border:0;padding:13px 0 0;background:none;color:var(--teal);font:9px monospace}.quest-row{font-size:10px;padding:10px 0;border-top:1px solid #344657}.quest-row span{font:9px monospace;color:var(--gold);margin-right:9px}#minimap{position:fixed;right:24px;top:146px;background:#0b1823ed;border:1px solid var(--border);box-shadow:0 8px 30px #0003}.actionbar{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;max-width:350px}.actionbar>span{background:#08131de8;border:1px solid #354757;color:#c3d0dc;padding:10px 14px;font:9px/1.5 monospace;text-align:center}.actionbar button{background:var(--gold);color:#1a1c18;border-color:#ffcf79;font:700 10px monospace;letter-spacing:1px;min-width:170px;box-shadow:0 8px 30px #0005}.actionbar #exit{background:#193a41;color:#b1e7da;border-color:#497b77}.chat{position:fixed;left:24px;bottom:25px;width:300px;background:#0c1a25ed;border:1px solid var(--border);box-shadow:0 8px 30px #0003}#chat-toggle{width:100%;border:0;border-bottom:1px solid var(--border);background:#152634;display:flex;justify-content:space-between;font:9px monospace;letter-spacing:1px}#chat-toggle span{color:var(--teal);font-size:8px}#messages{height:135px;overflow:auto;padding:10px 13px;scrollbar-width:thin}#messages p{font-size:11px;line-height:1.6;margin:0 0 6px;overflow-wrap:anywhere}#messages button{padding:0;border:0;color:var(--teal);background:none;font-weight:bold;font-size:10px}#chat-form{display:flex;border-top:1px solid var(--border)}#chat-input{background:transparent;border:0;padding:12px;color:white;font-size:10px;width:100%;min-width:0}#chat-form button{border:0;border-left:1px solid var(--border);color:var(--gold);padding:10px 14px}.chat small{display:block;color:#718797;font:7px monospace;padding:8px 12px}.chat.collapsed #chat-body{display:none}.touch-controls{display:none}#toast{position:fixed;top:110px;left:50%;transform:translateX(-50%);padding:13px 18px;background:#1b3435f5;border:1px solid #589384;color:#dbf3e6;max-width:90%;font-size:12px;opacity:0;pointer-events:none;transition:opacity .2s;z-index:50}#toast.show{opacity:1}dialog{background:linear-gradient(140deg,#1a2b39,#101c29);color:#eef1ea;border:1px solid #637474;padding:30px;width:min(590px,calc(100% - 30px));max-height:85dvh;box-shadow:0 30px 100px #0009}dialog::backdrop{background:#020914b8;backdrop-filter:blur(6px)}dialog .close{position:absolute;right:12px;top:10px;padding:3px 9px;font-size:23px;border:0;background:none;color:#9bb0c0}dialog h2{font-size:28px;letter-spacing:-.8px;margin:7px 0 12px}dialog .eyebrow{font:9px monospace;letter-spacing:2px;color:var(--gold)}dialog p{font-size:12px;line-height:1.7;color:#b3c2ce}dialog small{font:9px/1.7 monospace;color:#7e97ab}dialog label{display:block;font:9px monospace;color:#a3bac9;margin:20px 0 8px}dialog input,dialog select{width:100%;background:#0b1c28;color:white;border:1px solid #465e70;padding:12px}dialog .primary{background:var(--gold);border-color:var(--gold);color:#171d23;font:700 10px monospace;letter-spacing:.5px}dialog .row{display:flex;gap:10px;align-items:center;margin-top:17px;flex-wrap:wrap}.goods{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:20px}.good{padding:18px;background:#102431;border:1px solid #3b5362}.good .icon{font-size:38px;margin-bottom:12px}.good strong{display:block;font-size:14px}.good small{display:block;margin:8px 0}.good button{font-size:10px;width:100%}button:disabled{opacity:.5;cursor:default}.resident{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #354c5b;padding:13px 0;gap:12px}.resident strong{overflow-wrap:anywhere}.resident button{font-size:10px}#loading{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(ellipse at 50% 40%,#1c3547,#08111b 70%);z-index:100;text-align:center;padding:25px}.load-mark{font-size:90px;color:var(--gold);text-shadow:0 0 60px #ffbd5344}#loading p{font:10px monospace;letter-spacing:4px;color:var(--gold)}#loading h1{font-size:38px;line-height:1.15;letter-spacing:-1px}#loading span{font-size:12px;color:#a8bcca;line-height:1.7}#loading small{font:8px monospace;color:#668297;margin-top:30px;line-height:1.8}#loading a,#loading button{padding:13px 20px;background:var(--gold);color:#14232b;margin-top:20px;font-weight:bold}#loading[hidden],*[hidden]{display:none!important}.kbd{display:inline-block;padding:5px 9px;border:1px solid #506371;background:#152b3b;font:11px monospace;color:var(--gold);margin-right:10px}.notice{padding:13px 16px;border:1px solid #615d3d;background:#ffbf5109;color:#d4cbb2!important}.chat-empty{color:#6f889b;font-size:10px!important}.guide-grid{display:grid;gap:13px;margin:23px 0}.guide-grid div{font-size:12px;color:#b6c9d6}@media(max-width:1000px){#quest{width:210px;padding:16px}.chat{width:250px}.actionbar{left:60%}}@media(max-width:700px){header{top:10px;left:10px;right:10px;gap:9px}.logo{padding:10px;font-size:24px;gap:6px}.logo span{font-size:6px;letter-spacing:1px}.logo b{font-size:9px}.district{display:none}.wallet{padding:9px 10px}.wallet small{font-size:5px;letter-spacing:0}.wallet strong{font-size:20px}#menu{width:36px;height:49px;font-size:17px;padding:7px}.server-status{top:70px;right:10px;font-size:6px;padding:6px;max-width:65%}#quest{top:76px;left:10px;width:155px;padding:12px}#quest>span{font-size:5px;letter-spacing:.5px}#quest h2{font-size:18px;margin:8px 0}#quest p{font-size:9px;line-height:1.5;margin:5px 0}.quest-row{display:none}#quest button{font-size:7px}#minimap{right:10px;top:101px;width:105px;height:86px}.chat{left:10px;bottom:calc(175px + env(safe-area-inset-bottom));width:205px}#messages{height:95px;padding:8px}#messages p{font-size:10px}#chat-toggle{font-size:7px;padding:9px}#chat-toggle span{font-size:7px}.chat small{font-size:6px}#chat-input{font-size:10px;padding:10px}.actionbar{left:50%;bottom:calc(22px + env(safe-area-inset-bottom));max-width:170px;width:38%;gap:5px}.actionbar>span{font-size:7px;padding:7px;max-width:100%}.actionbar button{min-width:0;width:100%;font-size:8px;padding:12px 4px}.touch-controls{display:block}#joystick{position:fixed;left:25px;bottom:calc(35px + env(safe-area-inset-bottom));width:95px;height:95px;border-radius:50%;background:#13283799;border:1px solid #a9c6dc44;touch-action:none}#stick{position:absolute;width:37px;height:37px;top:28px;left:28px;background:#8cafc666;border:1px solid #afcce488;border-radius:50%;pointer-events:none}#touch-action{position:fixed;right:25px;bottom:calc(55px + env(safe-area-inset-bottom));border-radius:50%;width:60px;height:60px;font:bold 19px monospace;color:var(--gold);background:#1a303bdd;border:1px solid #a69363;touch-action:none}dialog{padding:25px 20px}dialog h2{font-size:25px}.good{padding:13px}.good .icon{font-size:31px}#toast{top:85px;font-size:11px;width:max-content;max-width:90%;text-align:center}#loading h1{font-size:32px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.mini-hero{font-size:80px;text-align:center;padding:20px;background:radial-gradient(#ffbf5120,transparent 65%);color:var(--gold)}.mini-hero.memory{color:#81d6c5;background:radial-gradient(#81d6c520,transparent 65%)}.mini-summary{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;background:#0b202b;border:1px solid #3d5e64;padding:20px}.mini-summary span,.mini-result span{font:9px monospace;letter-spacing:1px;color:#99b0ba}.mini-summary strong{font:25px monospace;color:var(--gold)}.mini-summary small{grid-column:1/-1}.mini-round-status{display:flex;justify-content:space-between;margin:22px 0;font:11px monospace;color:var(--teal)}.mini-board{display:grid;gap:12px;max-width:380px;margin:20px auto}.mini-board.power{grid-template-columns:repeat(3,1fr)}.mini-board.memory{grid-template-columns:repeat(2,1fr)}.mini-tile{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#102230;border:1px solid #3b5668;color:#5a7184;transition:background .15s,box-shadow .15s,transform .15s;touch-action:manipulation}.mini-tile span{font:8px monospace;letter-spacing:1px}.mini-tile b{font:34px monospace}.mini-tile.lit{background:#5f4a22;border-color:#f3be64;color:#ffda8c;box-shadow:inset 0 0 25px #ffd47419,0 0 12px #ffc15112}.mini-tile:active{transform:scale(.95)}.memory .color-0{border-color:#a58145;color:#d3a858}.memory .color-1{border-color:#457b7a;color:#7ed1c3}.memory .color-2{border-color:#7f699f;color:#b29bdd}.memory .color-3{border-color:#a36861;color:#df988d}.memory .flash{background:#f0e3b5;color:#162e3c;box-shadow:0 0 25px #f0e3b577;opacity:1}.mini-tile:disabled{opacity:1;cursor:default}.mini-result{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:25px 0}.mini-result>div{background:#0b232b;padding:25px 17px;border:1px solid #3d6962;display:grid;gap:13px}.mini-result strong{font:35px monospace;color:var(--gold)}#mini-instruction{min-height:40px}.daily-rewards{margin:20px 0}#mini-submit{min-width:160px}@media(max-width:700px){.mini-board{gap:8px;max-width:300px}.mini-tile{padding:10px;gap:6px}.mini-tile b{font-size:29px}.mini-tile span{font-size:7px}.mini-result strong{font-size:30px}}
.city-tools{position:fixed;right:24px;top:305px;display:grid;gap:8px;width:170px}.city-tools>button{background:#102332ed;font:10px monospace;text-align:left;padding:13px;border-color:#4b626b;color:#c6dcd9}.city-tools>button:hover{color:var(--gold);border-color:#aa9662}#destination{font:9px/1.6 monospace;padding:12px;background:#343223e8;border:1px solid #8a7851;color:#ffdf91}#destination.arrived{background:#1a3b32;color:#a6ebc7;border-color:#548a72}.directory-row{display:flex;gap:14px;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid #324c5a}.directory-row strong{display:block;font:12px monospace;color:#e6dbc0;margin-bottom:7px}.directory-row small{font-size:9px;line-height:1.5}.directory-row button{font-size:10px;white-space:nowrap}.auction-wallet{display:flex;justify-content:space-between;align-items:center;border:1px solid #465d61;padding:16px;margin:20px 0;font:9px monospace;color:#99b9bb}.auction-wallet strong{font:23px monospace;color:var(--gold)}.auction-card{border:1px solid #45616a;background:linear-gradient(120deg,#18343e,#10212c);padding:20px;margin-top:18px}.auction-card-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.auction-card h3{margin:0;font-size:20px;letter-spacing:-.5px}.auction-status{font:8px monospace;letter-spacing:1px;padding:6px 8px;border:1px solid #69767a;color:#93a7b3}.auction-status.open{color:var(--gold);border-color:#938157}.auction-status.sold{color:var(--teal);border-color:#4a8f80}.auction-price{display:block;font:30px monospace;color:var(--gold);margin-top:20px}.auction-timer{font:10px monospace;color:#9fcebc;border-top:1px solid #405961;padding-top:14px;margin-top:17px}.empty-market{margin:20px 0;padding:25px;background:#0e222d;border:1px dashed #4b6269}.empty-market b{font-size:19px}.auction-card .row button{font-size:10px}.city-tools button:disabled{opacity:.5}@media(max-width:700px){.city-tools{right:10px;top:202px;width:120px;gap:6px}.city-tools>button{font-size:8px;padding:10px 8px}#destination{font-size:7px;padding:9px;line-height:1.6}.auction-card{padding:16px}.auction-card h3{font-size:18px}.auction-status{font-size:7px}.auction-price{font-size:26px}.directory-row strong{font-size:10px}.directory-row small{font-size:8px}.directory-row button{font-size:9px;padding:10px}.auction-card .row button{font-size:9px}}
.delivery-summary{background:#142e32;border:1px solid #4c7370;padding:18px;display:grid;grid-template-columns:1fr auto;gap:10px;margin:20px 0}.delivery-summary span{font:9px monospace;color:#91b8b2}.delivery-summary strong{font:17px monospace;color:var(--gold)}.delivery-summary small{grid-column:1/-1}.delivery-card{padding:20px;background:linear-gradient(120deg,#16313b,#102430);border:1px solid #3f6067;margin-top:15px}.delivery-card h3{font-size:21px;margin:0 0 12px;letter-spacing:-.5px}.delivery-card small{display:block;color:#9cc3ad;margin:14px 0}.delivery-card p{font-size:11px}.delivery-card button{margin-top:5px}.delivery-stop{display:flex;gap:17px;align-items:center;padding:18px 14px;border:1px solid #385361;margin-top:10px;background:#112531}.delivery-stop>span{font:20px monospace;color:#698997}.delivery-stop strong{font-size:12px;color:#b2c7ce}.delivery-stop.current{border-color:#c1a466;background:#3e382122}.delivery-stop.current span{color:var(--gold)}.delivery-stop.current strong{color:#f3d898}.delivery-stop.done span{color:#84cbb0}.delivery-stop.done strong{color:#83a89d}.delivery-stop.done{background:#16383144}@media(max-width:700px){.delivery-card{padding:17px}.delivery-card h3{font-size:19px}.delivery-stop{padding:15px 10px;gap:12px}.delivery-stop strong{font-size:11px}.delivery-summary strong{font-size:14px}}
.business-tier{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:16px;padding:20px;background:linear-gradient(110deg,#213c40,#132633);border:1px solid #527176;margin-top:20px}.business-tier>div>span{font:8px monospace;letter-spacing:1px;color:#a4bdbc;display:block;margin-bottom:9px}.business-tier strong{font:34px monospace;color:var(--gold)}.business-tier strong small{font-size:15px}.business-tier>b{grid-column:1/-1;font-size:13px;letter-spacing:.4px;color:#d3dbc7}.tier-track{display:flex;gap:7px;align-items:center}.tier-track i{height:7px;flex:1;background:#384e5a}.tier-track i.done{background:#dec17b;box-shadow:0 0 10px #dec17b22}.tier-note{font-size:11px!important;color:#9dbbb5!important;line-height:1.7}.upgrade-business{width:100%;font-size:9px!important;margin:5px 0 17px}.good.locked{background:#172632;opacity:.6}.good.locked .icon{color:#8296a8}.upgrade-cost{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#102e35;border:1px solid #496c6b;margin:22px 0}.upgrade-cost span{font:9px monospace;color:#9cbcb4}.upgrade-cost strong{font:27px monospace;color:var(--gold)}@media(max-width:700px){.business-tier{padding:17px}.business-tier strong{font-size:29px}.business-tier>b{font-size:12px}}
.music-widget{position:relative;padding:12px;background:#10252ded;border:1px solid #456760;display:grid;grid-template-columns:1fr auto;gap:8px}.music-widget>button{padding:0;border:0;background:none;text-align:left;font:9px monospace;color:#9ac4b6;min-height:24px}.music-widget>button[aria-pressed="true"]{color:var(--gold)}.music-widget small{grid-column:1/-1;font:6px/1.6 monospace;letter-spacing:.5px;color:#87a59f}.music-widget label{font:7px monospace;color:#819994;align-self:center}.music-widget input{width:80px;height:20px;margin:0;accent-color:#d9bb78;cursor:pointer}#music-meter{display:flex;align-items:center;gap:2px;height:23px}#music-meter i{display:block;width:3px;height:4px;background:#5d8478}#music-meter.playing i{background:#c5bc79;animation:musicPulse 1.1s ease-in-out infinite}#music-meter.playing i:nth-child(2){animation-delay:-.7s}#music-meter.playing i:nth-child(3){animation-delay:-.35s}#music-meter.playing i:nth-child(4){animation-delay:-.5s}@keyframes musicPulse{0%,100%{height:4px}50%{height:17px}}@media(max-width:700px){.music-widget{padding:9px;gap:5px}.music-widget>button{font-size:8px}.music-widget small{font-size:5px;letter-spacing:0}.music-widget label{font-size:6px}.music-widget input{width:60px;height:22px}#music-meter{gap:1px}#music-meter i{width:2px}}@media(prefers-reduced-motion:reduce){#music-meter.playing i{animation:none;height:10px}}
.avatar-layout{display:grid;grid-template-columns:180px 1fr;gap:22px;margin:24px 0}.avatar-stage{background:radial-gradient(ellipse at 50% 40%,#365454,#122631 70%);border:1px solid #496a70;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}.avatar-stage canvas,.resident-id canvas{width:180px;height:155px;image-rendering:pixelated}.avatar-stage small{font-size:7px;letter-spacing:2px}.avatar-stage button{font-size:9px;margin-bottom:16px}#avatar-options fieldset{border:0;padding:0;margin:0 0 13px;display:flex;flex-wrap:wrap;gap:5px}#avatar-options legend{font:9px monospace;color:#a7c1c2;margin-bottom:8px}#avatar-options button{font:8px monospace;padding:7px;border:1px solid #4a6470;min-width:29px;min-height:29px}#avatar-options .avatar-swatch{background:var(--swatch);border:3px solid #1b303c}#avatar-options button[aria-pressed=true]{outline:2px solid #f0cb7d;outline-offset:1px}.emote-strip{border-top:1px solid #425c65;margin-top:24px;padding-top:20px}.emote-strip>span{font:8px monospace;letter-spacing:1px;color:#c4b891}.emote-strip .row{margin:13px 0}.emote-strip button{font-size:10px}.resident-id{display:flex;gap:20px;align-items:center;border:1px solid #4a646b;background:linear-gradient(130deg,#23413f,#122733);margin:20px 0}.resident-badge{font:8px monospace;letter-spacing:1px;color:#e5c67e}#resident-businesses{font-size:12px;color:#aac3c8}.city-tools{max-height:calc(100dvh - 415px);overflow-y:auto;scrollbar-width:thin}@media(max-width:700px){.avatar-layout{grid-template-columns:1fr;gap:16px}.avatar-stage{flex-direction:row;flex-wrap:wrap;gap:8px}.avatar-stage canvas{width:130px;height:112px}.avatar-stage small{display:none}.avatar-stage button{margin:0}.resident-id{gap:8px;padding-right:12px}.resident-id canvas{width:120px;height:104px}.city-tools{max-height:calc(100dvh - 380px)}}
.motor-summary{display:grid;grid-template-columns:1fr auto;gap:12px;border:1px solid #6a705d;background:linear-gradient(120deg,#303c35,#142c36);padding:20px;margin:20px 0}.motor-summary>span{font:9px monospace;letter-spacing:1px;color:#b4c3b9}.motor-summary strong{font:28px monospace;color:#edc87f}.motor-summary small{grid-column:1/-1}.motor-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.motor-card,.taxi-card{padding:18px;border:1px solid #3e5965;background:#122a35}.motor-card.active{border-color:#ba9d62;background:linear-gradient(145deg,#293c3b,#152c37)}.motor-tag{font:8px monospace;letter-spacing:2px;color:#c1ad79}.motor-card h3,.taxi-card h3{font-size:18px;margin:14px 0}.motor-spec{display:flex;justify-content:space-between;font:9px monospace;color:#aac2c7;margin:17px 0}.motor-card button{width:100%;font-size:9px;min-height:38px}.motor-illustration{height:70px;position:relative;margin:24px 0 8px;background:radial-gradient(ellipse at 50% 70%,#72959130,transparent 65%)}.motor-illustration i{position:absolute;width:120px;height:31px;left:50%;top:25px;transform:translateX(-50%);background:var(--paint);border:3px solid #152633;box-shadow:0 8px 0 -4px #030b16}.motor-illustration i:before,.motor-illustration i:after{content:'';position:absolute;bottom:-9px;width:17px;height:17px;border-radius:50%;background:#101d29;border:4px solid #8fa2a7}.motor-illustration i:before{left:12px}.motor-illustration i:after{right:10px}.motor-illustration b{position:absolute;width:64px;height:26px;left:50%;top:5px;transform:translateX(-50%) skew(15deg);background:#244956;border:5px solid var(--paint);border-bottom:0}.model-compact i{width:100px}.model-compact b{width:53px}.model-sport i{height:24px;top:32px;width:130px}.model-sport b{height:21px;top:16px}.model-lux i{width:145px}.model-lux b{width:82px}.paint-option{width:35px;height:35px;border:3px solid #142733}.paint-option[aria-pressed=true]{outline:2px solid #f0cb7d;outline-offset:2px}.taxi-card{margin-top:14px}.taxi-card p{font-size:11px}.taxi-card button{font-size:10px}@media(max-width:700px){.motor-grid{grid-template-columns:1fr}.motor-card{padding:16px}.motor-illustration{margin-top:12px}.motor-summary{padding:16px}.motor-summary>span{font-size:8px}}
#taxi-status{font:9px/1.6 monospace;padding:12px;background:#38321fed;border:1px solid #b29a59;color:#ffdf91}@media(max-width:700px){#taxi-status{font-size:7px;padding:9px}}
.race-reward{display:grid;grid-template-columns:1fr auto;gap:12px;padding:20px;background:linear-gradient(120deg,#273b38,#172c39);border:1px solid #66785d;margin:22px 0}.race-reward span{font:8px monospace;letter-spacing:1px;color:#aabeb3}.race-reward strong{font:13px monospace;color:#f0d08d}.race-reward small{grid-column:1/-1}.race-card{border:1px solid #416471;background:linear-gradient(125deg,#193640,#122632);padding:20px;margin:18px 0}.race-card h3{font-size:24px;margin:12px 0}.race-card canvas{width:100%;height:115px;border:1px solid #294754;margin:6px 0;image-rendering:auto}.race-card button{font-size:10px}.race-medals{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.race-medals span{font:8px monospace;padding:7px;background:#10232c;border:1px solid #6b694f;color:#dcc289}.race-medals span:nth-child(2){border-color:#69787b;color:#bdcecf}.race-medals span:nth-child(3){border-color:#795e4e;color:#cc9d7c}.race-paint{display:inline-block;width:12px;height:12px;vertical-align:middle;margin-right:6px;border:1px solid #b9d3c6}.race-result{display:grid;gap:14px;text-align:center;padding:35px 15px;margin:25px 0;background:radial-gradient(ellipse,#46766344,#163440);border:1px solid #608875}.race-result>span{font:12px monospace;letter-spacing:5px;color:#afc4c5}.race-result>strong{font:52px monospace;color:#dce6db}.race-result.gold{border-color:#d7bb75;background:radial-gradient(ellipse,#a08d433f,#21383c)}.race-result.gold>span,.race-result.gold>strong{color:#efd28c}.race-result.silver>span{color:#d6e4e4}.race-result.bronze>span{color:#d6a285}.race-ranking{margin:20px 0;font:12px monospace;color:#c6d7d4}#race-hud{position:fixed;top:105px;left:50%;transform:translateX(-50%);display:grid;justify-items:center;gap:8px;padding:15px 25px;background:#102b36ed;border:1px solid #7da99d;pointer-events:none;z-index:6}#race-hud>span{font:9px monospace;color:#a9dcc8;letter-spacing:1px}#race-hud strong{font:36px monospace;color:#f0d28e}#race-hud button{pointer-events:auto;padding:5px 10px;font:8px monospace}#race-countdown{position:fixed;left:50%;top:43%;transform:translate(-50%,-50%);font:bold 110px monospace;color:#f2d38a;text-shadow:0 5px 35px #071722;pointer-events:none;z-index:8}@media(max-width:700px){#race-hud{top:82px;padding:9px 12px;max-width:150px;left:48%}#race-hud>span{font-size:7px;text-align:center}#race-hud strong{font-size:25px}.race-reward{padding:15px;grid-template-columns:1fr}.race-card{padding:15px}.race-card h3{font-size:21px}.race-medals{gap:5px}.race-medals span{font-size:7px;padding:6px}}
body.racing #quest{display:none}@media(max-width:700px){#race-hud{left:50%;max-width:170px}}