:root{--bg:#0b0f1a;--panel:#0c101cd1;--line:#ffffff1f;--ink:#f3efe6;--mute:#aab3c5;--cyan:#4de3d0;--amber:#ffb347;--pink:#ff7ab6;--violet:#9d8cff;--font:Inter, system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;overflow:hidden}#scene{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}kbd{text-align:center;min-width:1.7em;font:700 .78rem var(--font);color:var(--ink);border:1px solid var(--line);background:#ffffff14;border-bottom-width:2px;border-radius:6px;margin-right:.2em;padding:.15em .45em;display:inline-block}button{cursor:pointer;font-family:inherit}.overlay{z-index:20;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:radial-gradient(at 50% 60%,#3d1f528c,#080a14f0);place-items:center;padding:16px;transition:opacity .6s,visibility .6s;display:grid;position:fixed;inset:0}.overlay.hide{opacity:0;visibility:hidden;pointer-events:none}.intro-card{text-align:left;width:min(640px,100%)}.eyebrow{letter-spacing:.24em;text-transform:uppercase;color:var(--cyan);font-size:.78rem;font-weight:700}h1{letter-spacing:-.03em;margin:.35rem 0 .2rem;font-size:clamp(2.8rem,9vw,5.6rem);font-weight:800;line-height:.95}h1 span{color:var(--amber)}.role{color:var(--mute);margin:0 0 1.1rem;font-weight:600}.lead{color:#d8d3c8;max-width:52ch;margin:0 0 1.3rem;line-height:1.6}.keys{color:var(--mute);flex-wrap:wrap;gap:.5rem 1.1rem;margin-bottom:1.6rem;font-size:.85rem;display:flex}.btn{border:0;border-radius:12px;padding:.95rem 1.6rem;font-size:1rem;font-weight:800}.btn.primary{background:var(--amber);color:#1a1205;transition:transform .15s,box-shadow .15s;box-shadow:0 10px 30px #ffb3474d}.btn.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 16px 36px #ffb3476b}.btn.primary:disabled{opacity:.55;cursor:wait}.bar{background:#ffffff1a;border-radius:3px;height:3px;margin-top:1.2rem;overflow:hidden}.bar i{background:var(--cyan);width:0;height:100%;transition:width .3s;display:block}#hud[hidden],.overlay[hidden]{display:none}#hud{z-index:10;pointer-events:none;position:fixed;inset:0}#hud>*{pointer-events:none}#hud button,#card .links a,#card button{pointer-events:auto}.topleft{position:absolute;top:16px;left:18px}.brand b{letter-spacing:.16em;text-shadow:0 2px 10px #0009;font-size:.95rem;font-weight:800;display:block}.brand small{color:var(--mute);letter-spacing:.08em;text-shadow:0 2px 10px #0009;font-size:.75rem;font-weight:600}.topright{align-items:center;gap:8px;display:flex;position:absolute;top:12px;right:14px}.chip,.icon{background:var(--panel);border:1px solid var(--line);color:var(--ink);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;padding:.5rem .9rem;font-size:.8rem;font-weight:600}.chip b{color:var(--amber)}.icon{pointer-events:auto;transition:background .15s}.icon:hover{background:#ffffff24}#prompt{background:var(--panel);border:1px solid var(--line);color:var(--mute);opacity:0;white-space:nowrap;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-overflow:ellipsis;border-radius:999px;max-width:92vw;padding:.55rem 1rem;font-size:.85rem;font-weight:600;transition:opacity .4s;position:absolute;bottom:28px;left:50%;overflow:hidden;transform:translate(-50%)}#prompt.on{opacity:1}.card{background:var(--panel);border:1px solid var(--line);border-top:3px solid var(--accent,var(--cyan));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);opacity:0;visibility:hidden;scrollbar-width:thin;border-radius:18px;width:min(400px,100vw - 32px);max-height:calc(100vh - 150px);padding:18px 18px 16px;transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .35s,visibility .35s;position:absolute;top:64px;right:16px;overflow:auto;transform:translate(24px);box-shadow:0 24px 60px #00000073}.card.on{opacity:1;visibility:visible;transform:none}.card .meta{letter-spacing:.12em;text-transform:uppercase;color:var(--accent,var(--cyan));font-size:.72rem;font-weight:700}.card h2{letter-spacing:-.01em;margin:.3rem 0 .15rem;font-size:1.28rem;font-weight:800;line-height:1.2}.card .sub{color:var(--mute);margin-bottom:.75rem;font-size:.86rem}.card ul{color:#e2ddd2;margin:.4rem 0 .8rem;padding-left:1.1rem;font-size:.88rem;line-height:1.5}.card li{margin-bottom:.3rem}.chips{flex-wrap:wrap;gap:6px;margin:.5rem 0 .8rem;display:flex}.chips span{border:1px solid var(--line);background:#ffffff14;border-radius:999px;padding:.22rem .6rem;font-size:.72rem;font-weight:700}.outcome{border-left:3px solid var(--accent,var(--cyan));background:#ffffff0f;border-radius:10px;padding:.6rem .75rem;font-size:.85rem;line-height:1.45}.outcome b{letter-spacing:.12em;text-transform:uppercase;color:var(--mute);margin-bottom:.15rem;font-size:.68rem;display:block}.hint{color:var(--mute);margin-top:.7rem;font-size:.78rem;font-style:italic}.skillrow{grid-template-columns:1fr auto;align-items:center;gap:2px 10px;margin:.5rem 0;font-size:.82rem;display:grid}.skillrow small{color:var(--mute);grid-column:1/-1;font-size:.72rem}.skillrow .stars{color:var(--amber);letter-spacing:2px}.skillrow .stars i{color:#fff3;font-style:normal}.links{gap:8px;margin-top:.8rem;display:grid}.links a{border:1px solid var(--line);color:var(--ink);background:#ffffff12;border-radius:12px;justify-content:space-between;padding:.7rem .9rem;font-size:.9rem;font-weight:700;text-decoration:none;transition:background .15s,transform .15s;display:flex}.links a:hover{background:var(--accent);color:#1a1205;transform:translate(3px)}.links a small{opacity:.75;font-weight:500}.stat3{grid-template-columns:repeat(3,1fr);gap:8px;margin:.5rem 0 .8rem;display:grid}.stat3 div{text-align:center;background:#ffffff0f;border-radius:12px;padding:.6rem}.stat3 b{color:var(--amber);font-size:1.5rem;font-weight:800;display:block}.stat3 small{color:var(--mute);font-size:.68rem}.bottomleft{gap:8px;display:grid;position:absolute;bottom:22px;left:18px}.speedo{text-shadow:0 2px 12px #0009;font-size:2.1rem;font-weight:800;line-height:1}.speedo small{letter-spacing:.14em;color:var(--mute);margin-left:6px;font-size:.7rem;font-weight:700}.boost{background:#ffffff1f;border-radius:6px;width:150px;height:10px;position:relative;overflow:hidden}.boost i{background:linear-gradient(90deg, var(--cyan), var(--amber));border-radius:6px;width:100%;position:absolute;inset:0 auto 0 0}.boost span{display:none}#minimap{border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#080a1499;border-radius:50%;width:150px;height:150px;position:absolute;bottom:16px;right:14px}#toast{background:linear-gradient(90deg, #4de3d038, #ffb34738), var(--panel);border:1px solid var(--line);opacity:0;text-align:center;border-radius:14px;max-width:92vw;padding:.7rem 1.1rem;font-size:.9rem;font-weight:700;transition:opacity .35s,transform .35s;position:absolute;top:70px;left:50%;transform:translate(-50%,-14px)}#toast.on{opacity:1;transform:translate(-50%)}.panel{background:#080a14e0;place-items:start center;overflow:auto}.panel .box{border:1px solid var(--line);pointer-events:auto;background:#101422f5;border-radius:20px;width:min(760px,100%);margin:4vh 0;padding:26px;box-shadow:0 30px 80px #00000080}.panel h2{margin:0 0 .2rem;font-size:1.6rem}.panel h3{letter-spacing:.16em;text-transform:uppercase;color:var(--cyan);margin:1.4rem 0 .5rem;font-size:.75rem}.panel .close{float:right;border:1px solid var(--line);color:var(--ink);background:#ffffff0f;border-radius:10px;padding:.4rem .8rem;font-weight:700}.panel p,.panel li{color:#ddd8cd;font-size:.92rem;line-height:1.55}.panel .row{border-top:1px solid var(--line);padding:.75rem 0}.panel .row b{display:block}.panel .row small{color:var(--mute)}.travel{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;margin-top:1rem;display:grid}.travel button{text-align:left;border:1px solid var(--line);border-left:3px solid var(--c,var(--cyan));color:var(--ink);background:#ffffff0f;border-radius:12px;padding:.75rem .9rem;font-size:.85rem;font-weight:700;transition:background .15s}.travel button:hover{background:#ffffff21}.travel button small{color:var(--mute);margin-top:2px;font-weight:500;display:block}.travel button.seen:after{content:" ✓";color:var(--cyan)}#touch{display:none}@media (hover:none) and (pointer:coarse){#touch{display:block}#joy{border:1px solid var(--line);pointer-events:auto;touch-action:none;background:#ffffff14;border-radius:50%;width:120px;height:120px;position:absolute;bottom:26px;left:22px}#joy-knob{background:#ffb347cc;border-radius:50%;width:52px;height:52px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tbtns{gap:10px;display:grid;position:absolute;bottom:190px;right:18px}.tbtns button{pointer-events:auto;border:1px solid var(--line);width:64px;height:64px;color:var(--ink);background:#ffffff1f;border-radius:50%;font-size:.7rem;font-weight:800}.bottomleft{bottom:160px}.card{width:auto;max-height:42vh;inset:auto 8px 8px}#prompt{display:none}}@media (width<=640px){.brand small{display:none}.topright .icon{padding:.45rem .7rem}#minimap{width:100px;height:100px;top:118px;bottom:auto}.card{width:auto;max-height:40vh;inset:auto 8px 8px}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important}}@media (width<=640px) and (hover:hover){.bottomleft{display:none}}.cars{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-top:1rem;display:grid}.car{text-align:left;border:1px solid var(--line);border-top:4px solid var(--c);color:var(--ink);background:#ffffff0d;border-radius:14px;padding:14px;font-family:inherit;transition:background .15s,transform .15s}.car:hover{background:#ffffff1a;transform:translateY(-2px)}.car.sel{outline:2px solid var(--c);background:#ffffff21}.car b{font-size:1.05rem;display:block}.car small{color:var(--mute);margin:2px 0 10px;display:block}.stat{color:var(--mute);justify-content:space-between;margin-top:4px;font-size:.75rem;display:flex}.pips{color:var(--c);letter-spacing:2px}.pips i{color:#ffffff2e;font-style:normal}.topright{flex-wrap:wrap;justify-content:flex-end;max-width:calc(100vw - 190px)}#term{z-index:15;border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080b12eb;border-radius:12px;flex-direction:column;width:min(560px,100vw - 32px);height:min(320px,50vh);font:13px/1.5 ui-monospace,Cascadia Mono,Consolas,monospace;display:flex;position:fixed;bottom:16px;left:16px;box-shadow:0 20px 60px #00000080}#term[hidden]{display:none}.term-bar{color:var(--cyan);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:6px 12px;font-weight:700;display:flex}.term-bar button{border:1px solid var(--line);color:var(--mute);font:inherit;cursor:pointer;background:0 0;border-radius:6px;padding:1px 8px}.term-out{color:#d8d3c8;scrollbar-width:thin;flex:1;padding:8px 12px;overflow:auto}.term-out b{color:var(--amber);font-weight:600}.term-out a{color:var(--cyan)}.term-out .err{color:#ff8a80}.term-out .p{color:var(--cyan)}.term-in{border-top:1px solid var(--line);color:var(--cyan);gap:8px;padding:8px 12px;display:flex}.term-in input{color:var(--ink);font:inherit;background:0 0;border:0;outline:0;flex:1}@media (width<=640px){#packets,#lap{display:none}}.trophies{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin-top:1rem;display:grid}.trophy{border:1px solid var(--line);opacity:.55;background:#ffffff0a;border-radius:12px;padding:12px 14px}.trophy.got{opacity:1;border-color:var(--amber);background:#ffb34714}.trophy b{font-size:.92rem;display:block}.trophy small{color:var(--mute)}#photobar{z-index:12;background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;align-items:center;gap:10px;padding:8px 12px;display:none;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}body.photo #photobar{display:flex}body.photo #hud,body.photo #term{display:none!important}#photobar .btn{padding:.55rem 1.1rem;font-size:.85rem}.btn.ghost{color:var(--ink);border:1px solid var(--line);background:#ffffff14}#photobar small{color:var(--mute)}@media (width<=640px){#photobar small{display:none}}.startrow{flex-wrap:wrap;gap:10px;display:flex}.btn.ghost:disabled{opacity:.5;cursor:wait}#compass{background:var(--panel);border:1px solid var(--line);color:var(--mute);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:.78rem;font-weight:600;display:flex;position:absolute;top:62px;left:18px}#compass[hidden]{display:none}#compass i{color:var(--amber);font-size:1.05rem;font-style:normal;transition:transform .1s linear;display:inline-block}.copylink{border:1px solid var(--line);width:100%;color:var(--mute);background:#ffffff0f;border-radius:10px;margin-top:.8rem;padding:.55rem;font-size:.78rem;font-weight:600}.copylink:hover{color:var(--ink);background:#ffffff21}