:root{--bg:#000;--surface:#0e0e0fd1;--surface-solid:#0e0e0f;--border:#f4efe71a;--border-strong:#f4efe738;--text:#f4efe7;--muted:#9a9a9e;--accent:#ff4d1c;--font-display:"Anton", Impact, "Arial Narrow", sans-serif;--font-body:"Inter", "Segoe UI", system-ui, sans-serif;--font-serif:"Libre Caslon Text", Georgia, serif;--gutter:clamp(16px, 2.4vw, 28px);--safe-bottom:env(safe-area-inset-bottom,0px)}*,:before,:after{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%;color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;overscroll-behavior:none;margin:0;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.accent{color:var(--accent)}.stage{touch-action:none;inset:0;position:fixed!important}kbd{border:1px solid var(--border-strong);min-width:22px;height:22px;font:600 11px var(--font-body);color:var(--text);background:#ffffff0a;border-bottom-width:2px;border-radius:5px;place-items:center;margin:0 2px;padding:0 5px;display:inline-grid}.btn{border:1px solid var(--accent);background:var(--accent);color:#000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:11px 18px;font-size:14px;font-weight:700;transition:transform .18s,background .18s,opacity .2s;display:inline-flex}.btn:hover:not(:disabled){background:#ff6a40;transform:translateY(-1px)}.btn:disabled{opacity:.55;cursor:progress}.btn-ghost{color:var(--text);border-color:var(--border-strong);background:0 0}.btn-ghost:hover:not(:disabled){border-color:var(--text);background:#ffffff0d}.btn-lg{padding:15px 24px;font-size:15px}.chip{border:1px solid var(--border-strong);background:var(--surface);-webkit-backdrop-filter:blur(12px);border-radius:999px;align-items:center;gap:7px;height:38px;padding:0 14px;font-size:13px;font-weight:600;transition:border-color .2s,background .2s,color .2s;display:inline-flex}.chip:hover{border-color:var(--text)}.chip.on{background:var(--accent);border-color:var(--accent);color:#000}.chip.icon-only{justify-content:center;width:38px;padding:0}.icon{flex-shrink:0}.kicker{text-transform:uppercase;letter-spacing:.2em;color:var(--muted);align-items:center;gap:10px;margin:0 0 12px;font-size:11px;font-weight:700;display:flex}.kicker:before{content:"";background:var(--accent);width:22px;height:2px}.fine{color:var(--muted);font-size:12px;line-height:1.5}.hud{pointer-events:none;z-index:10;animation:.8s both fade-in;position:fixed;inset:0}.hud>*{pointer-events:auto}@keyframes fade-in{0%{opacity:0}}.topbar{padding:var(--gutter);pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;top:0;left:0;right:0}.topbar>*{pointer-events:auto}.topbar-actions{gap:8px;display:flex}.brand{align-items:center;gap:11px;display:flex}.brand img{box-shadow:0 0 0 1px var(--border);border-radius:50%}.brand span{flex-direction:column;line-height:1.2;display:flex}.brand strong{font-size:15px}.brand em{color:var(--muted);font-size:12px;font-style:normal}.hud-globe:before{content:"";pointer-events:none;background:linear-gradient(90deg,#000000b8 0%,#00000040 38%,#0000 60%);position:absolute;inset:0}.globe-hero{left:var(--gutter);bottom:calc(var(--gutter) + var(--safe-bottom));pointer-events:auto;max-width:520px;position:absolute}.globe-hero h1{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.005em;margin:0 0 16px;font-size:clamp(44px,7vw,92px);font-weight:400;line-height:.95}.lede{color:var(--muted);max-width:44ch;margin:0 0 22px;font-size:15.5px;line-height:1.6}.hero-cta{flex-wrap:wrap;gap:10px;display:flex}.hint{color:var(--muted);letter-spacing:.04em;margin:14px 0 0;font-size:12px}.machine-list{top:92px;right:var(--gutter);border:1px solid var(--border);background:var(--surface);-webkit-backdrop-filter:blur(14px);border-radius:16px;flex-direction:column;width:260px;max-height:calc(100% - 120px);display:flex;position:absolute;overflow:hidden}.search input{border:0;border-bottom:1px solid var(--border);width:100%;color:var(--text);font:14px var(--font-body);background:0 0;outline:none;padding:14px 16px}.search input::placeholder{color:var(--muted)}.machine-list ul{margin:0;padding:6px;list-style:none;overflow-y:auto}.machine-list button{text-align:left;background:0 0;border:0;border-radius:10px;flex-direction:column;gap:2px;width:100%;padding:9px 11px;transition:background .15s;display:flex}.machine-list button:hover,.machine-list button.active{background:#ffffff0f}.machine-list button.active strong{color:var(--accent)}.machine-list strong{font-size:14px}.machine-list span{color:var(--muted);font-size:12px}.machine-list .empty{color:var(--muted);padding:12px;font-size:13px}.pin-label,.world-label{white-space:nowrap;border:1px solid var(--border-strong);background:#080809e0;border-radius:9px;padding:7px 11px;font-size:12.5px;font-weight:600;animation:.2s both fade-in;transform:translateY(-50%)}.pin-label{flex-direction:column;gap:1px;display:flex}.pin-label span{color:var(--muted);font-size:11px;font-weight:500}.world-label{white-space:normal;text-align:center;border-color:#ff4d1c99;max-width:280px}.zonebar{left:50%;bottom:calc(var(--gutter) + var(--safe-bottom));max-width:calc(100% - 2 * var(--gutter) - 200px);border:1px solid var(--border);background:var(--surface);-webkit-backdrop-filter:blur(14px);scrollbar-width:none;border-radius:999px;gap:4px;padding:5px;display:flex;position:absolute;overflow-x:auto;transform:translate(-50%)}.zonebar::-webkit-scrollbar{display:none}.zonebar button{color:var(--muted);background:0 0;border:0;border-radius:999px;flex-shrink:0;padding:8px 13px;font-size:12.5px;font-weight:600;transition:background .15s,color .15s}.zonebar button:hover{color:var(--text);background:#ffffff12}.minimap{right:var(--gutter);bottom:calc(var(--gutter) + var(--safe-bottom));flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute}.minimap canvas{border:1px solid var(--border-strong);cursor:crosshair;border-radius:14px;width:168px;height:168px}.minimap span{color:var(--muted);letter-spacing:.04em;font-size:11px}.prompt{left:50%;bottom:calc(96px + var(--safe-bottom));border:1px solid var(--accent);background:#080809e6;border-radius:999px;align-items:center;gap:10px;max-width:calc(100% - 32px);padding:11px 18px 11px 12px;font-size:14px;font-weight:600;animation:.25s both pop;display:flex;position:absolute;transform:translate(-50%)}.prompt kbd{background:var(--accent);border-color:var(--accent);color:#000}@keyframes pop{0%{opacity:0;transform:translate(-50%,8px)}}.drive-hint{left:50%;bottom:calc(96px + var(--safe-bottom));color:var(--muted);white-space:nowrap;margin:0;font-size:12.5px;position:absolute;transform:translate(-50%)}.joystick{left:var(--gutter);bottom:calc(90px + var(--safe-bottom));border:1px solid var(--border-strong);touch-action:none;background:#0e0e0f99;border-radius:50%;place-items:center;width:120px;height:120px;display:grid;position:absolute}.joystick-knob{background:var(--accent);pointer-events:none;border-radius:50%;width:48px;height:48px}.jump-btn{right:var(--gutter);bottom:calc(230px + var(--safe-bottom));border:1px solid var(--border-strong);background:#0e0e0fb3;border-radius:50%;width:72px;height:72px;font-size:13px;font-weight:700;position:absolute}.panel{top:84px;right:var(--gutter);bottom:calc(var(--gutter) + var(--safe-bottom));width:min(400px, calc(100% - 2 * var(--gutter)));z-index:30;border:1px solid var(--border-strong);-webkit-backdrop-filter:blur(18px);background:#0a0a0beb;border-radius:18px;flex-direction:column;animation:.35s cubic-bezier(.2,.8,.2,1) both slide-in;display:flex;position:fixed;box-shadow:0 30px 80px -20px #000c}@keyframes slide-in{0%{opacity:0;transform:translate(24px)}}.panel-close{border:1px solid var(--border);z-index:1;background:0 0;border-radius:50%;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:12px;right:12px}.panel-close:hover{border-color:var(--text)}.panel-scroll{padding:26px 24px 24px;overflow-y:auto}.panel-title{font-family:var(--font-display);text-transform:uppercase;margin:0 0 16px;padding-right:36px;font-size:40px;font-weight:400;line-height:1}.panel-title.small{font-size:26px;line-height:1.1}.panel-body{color:#cfcac2;margin:0 0 14px;font-size:14.5px;line-height:1.65}.panel-body.question{color:var(--text);font-weight:600}.panel-video{background:#111;border-radius:12px;width:100%;margin:0 0 16px;display:block}.panel-actions{flex-wrap:wrap;gap:8px;margin:20px 0 12px;display:flex}.panel-actions .fine{flex-basis:100%;margin:6px 0 0}.facts{grid-template-columns:1fr 1fr;gap:10px;margin:0 0 16px;display:grid}.facts div{border:1px solid var(--border);border-radius:10px;padding:10px 12px}.facts dt{text-transform:uppercase;letter-spacing:.14em;color:var(--muted);font-size:10.5px}.facts dd{margin:4px 0 0;font-size:13.5px;font-weight:600}.rules{counter-reset:rule;margin:10px 0 0;padding:0;list-style:none}.rules li{counter-increment:rule;border-top:1px solid var(--border);flex-direction:column;gap:3px;padding:12px 0 12px 44px;display:flex;position:relative}.rules li:before{content:counter(rule, decimal-leading-zero);font:22px var(--font-display);color:var(--accent);position:absolute;top:10px;left:0}.rules strong{font-size:14.5px}.rules span{color:var(--muted);font-size:13.5px;line-height:1.5}.platform-list{gap:8px;margin:12px 0 0;padding:0;list-style:none;display:grid}.platform-list a,.platform-list div{border:1px solid var(--border);border-radius:12px;align-items:center;gap:12px;padding:12px 14px;transition:border-color .2s;display:flex}.platform-list a:hover{border-color:var(--accent)}.platform-list span{flex-direction:column;flex:1;gap:2px;display:flex}.platform-list strong{font-size:14px}.platform-list em{color:var(--muted);font-size:12px;font-style:normal;line-height:1.45}.platform-list b{color:var(--muted);white-space:nowrap;font-size:11.5px;font-weight:600}.platform-list .off{opacity:.45}.help{z-index:40;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;place-items:center;padding:16px;animation:.2s both fade-in;display:grid;position:fixed;inset:0}.help-card{border:1px solid var(--border-strong);background:var(--surface-solid);border-radius:20px;width:min(560px,100%);padding:28px}.help-card h2{font:400 36px var(--font-display);text-transform:uppercase;margin:0 0 20px}.help-cols{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:16px;display:grid}.help-cols h3{margin:0 0 8px;font-size:14px}.help-cols ul{color:#cfcac2;gap:8px;margin:0;padding:0;font-size:13.5px;list-style:none;display:grid}.boot{z-index:50;text-align:center;background:radial-gradient(600px 400px at 50% 45%,#ff4d1c14,#0000 70%),#000;flex-direction:column;justify-content:center;align-items:center;gap:22px;padding:24px;transition:opacity .7s,transform .7s;display:flex;position:fixed;inset:0}.boot.leaving{opacity:0;pointer-events:none;transform:scale(1.06)}.boot-logo{width:min(260px,60vw);height:auto;overflow:visible}.ring{fill:none;stroke:var(--text);stroke-dasharray:620;stroke-dashoffset:620px;animation:1.6s cubic-bezier(.65,0,.35,1) forwards draw}.ring-outer{stroke-width:1.4px}.ring-inner{stroke-width:.8px;opacity:.6;animation-delay:.25s}@keyframes draw{to{stroke-dashoffset:0}}.boot-future{font:33px var(--font-serif);letter-spacing:.12em;fill:var(--text);opacity:0;animation:.9s .8s forwards rise}.boot-of{font:700 10.5px var(--font-body);letter-spacing:.32em;fill:var(--muted);opacity:0;animation:.9s 1.1s forwards rise}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.boot-line{max-width:40ch;color:var(--muted);opacity:0;margin:0;font-size:15px;line-height:1.6;animation:.9s 1.4s forwards rise}.boot-bar{background:#ffffff14;width:min(240px,60vw);height:2px;overflow:hidden}.boot-bar span{background:var(--accent);transform-origin:0;height:100%;transition:transform .4s;display:block}.boot-classic{color:var(--muted);text-underline-offset:3px;font-size:12.5px;text-decoration:underline}.transition{z-index:45;opacity:0;pointer-events:none;background:#000;place-items:center;transition:opacity .6s;display:grid;position:fixed;inset:0}.transition.on{opacity:1;transition-delay:.55s}.transition-inner{text-align:center;flex-direction:column;align-items:center;gap:18px;padding:0 24px;display:flex}.transition small{color:var(--muted);font-size:13px}.orbit{will-change:transform;border:1px solid #f4efe740;border-radius:50%;width:64px;height:64px;animation:1.4s linear infinite spin;position:relative}.orbit span{background:var(--accent);width:8px;height:8px;box-shadow:0 0 12px var(--accent);border-radius:50%;margin-left:-4px;position:absolute;top:-4px;left:50%}@keyframes spin{to{transform:rotate(360deg)}}.transition p{font:400 clamp(22px, 3vw, 34px) var(--font-display);text-transform:uppercase;letter-spacing:.06em;margin:0}.scanline{background:var(--accent);height:2px;position:absolute;top:0;left:0;right:0;box-shadow:0 0 24px 4px #ff4d1c99}.transition.on .scanline{animation:1.3s ease-in-out .5s scan}@keyframes scan{0%{top:0}to{top:100%}}@media (width<=820px){.topbar-actions .chip span{display:none}.topbar-actions .chip{justify-content:center;width:38px;padding:0}.machine-list{width:auto;max-height:none;padding-bottom:var(--safe-bottom);border-width:1px 0 0;border-radius:0;flex-direction:row;inset:auto 0 0}.machine-list .search{display:none}.machine-list ul{gap:4px;display:flex;overflow:auto hidden}.machine-list li{flex-shrink:0}.machine-list button{width:auto}.globe-hero{bottom:calc(86px + var(--safe-bottom));right:var(--gutter)}.globe-hero .lede{font-size:14px}.panel{width:100%;max-height:72vh;padding-bottom:var(--safe-bottom);border-width:1px 0 0;border-radius:18px 18px 0 0;animation-name:slide-up;inset:auto 0 0}@keyframes slide-up{0%{opacity:0;transform:translateY(40px)}}.zonebar{max-width:calc(100% - 2 * var(--gutter));bottom:calc(var(--gutter) + var(--safe-bottom))}.minimap{top:76px;bottom:auto}.minimap canvas{width:110px;height:110px}.minimap span{display:none}.help-cols{grid-template-columns:1fr}.drive-hint{display:none}}@media (width<=600px){.hud-world .brand span{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}