:root{--ink:#0a0b0e;--glass:#101218a8;--glass-strong:#14161ddb;--line:#e9cdb024;--line-strong:#e9cdb04d;--fg:#ece6dc;--muted:#9b968d;--gold:#eab896;--gold-deep:#b98263;--blued:#4f78e0;--lume:#7dffc6;--shadow:#00000073;--display:"Cormorant Garamond", "Iowan Old Style", Georgia, serif;--ui:"Jost", "Futura", "Avenir Next", "Segoe UI", sans-serif;--mono:"IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--gutter:16px;--r:12px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body{height:100%}body{background:var(--ink);color:var(--fg);font:400 14px/1.45 var(--ui);-webkit-font-smoothing:antialiased;touch-action:none;margin:0;overflow:hidden}#gl{outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}button{font:inherit;color:inherit}button:focus-visible,input:focus-visible{outline:1.5px solid var(--gold);outline-offset:2px}.panel,.readouts,.drawer,.card,.dock{background:var(--glass);border:1px solid var(--line);border-radius:var(--r);-webkit-backdrop-filter:blur(18px)saturate(140%);box-shadow:0 12px 40px var(--shadow)}.brand{top:calc(env(safe-area-inset-top,0px) + 20px);left:calc(var(--gutter) + 8px);pointer-events:none;position:fixed}.wordmark{font:600 26px/1 var(--display);letter-spacing:.28em;text-transform:uppercase;color:var(--fg);margin:0}.calibre{font:500 11px/1 var(--ui);letter-spacing:.24em;text-transform:uppercase;color:var(--gold);margin:8px 0 0}.readouts{top:calc(env(safe-area-inset-top,0px) + var(--gutter));right:var(--gutter);grid-template-columns:repeat(5,auto);gap:0;padding:10px 6px;display:grid;position:fixed}.ro{border-left:1px solid var(--line);flex-direction:column;gap:3px;min-width:0;padding:2px 14px;display:flex}.ro:first-child{border-left:0}.ro .k{font:500 9.5px/1 var(--ui);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);white-space:nowrap}.ro .v{font:400 13px/1.2 var(--mono);font-variant-numeric:tabular-nums;color:var(--fg);white-space:nowrap}.ro-time .v{color:var(--gold)}.gauge{background:var(--line);border-radius:2px;height:2px;margin-top:2px;overflow:hidden}.gauge i{background:linear-gradient(90deg, var(--gold-deep), var(--gold));width:60%;height:100%;transition:width .3s;display:block}.ro-power.low .gauge i{background:#e07a5f}.readouts .sync{grid-column:1/-1;justify-self:end;margin:8px 8px 0}.chip{border:1px solid var(--line-strong);font:500 11px/1 var(--ui);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:999px;padding:6px 12px;transition:background .2s,border-color .2s,color .2s}.chip:hover{border-color:var(--gold);color:var(--gold)}.chip[aria-pressed=true]{background:var(--gold);color:var(--ink);border-color:var(--gold)}.chip-gold{border-color:var(--gold);color:var(--gold)}.chip-gold.active,.wind.active{background:var(--gold);color:var(--ink)}.seg{border:1px solid var(--line);background:#ffffff05;border-radius:999px;gap:2px;padding:3px;display:flex}.seg button{font:500 11px/1 var(--ui);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:999px;padding:7px 12px;transition:background .2s,color .2s}.seg button:hover{color:var(--fg)}.seg button.on,.seg button[aria-pressed=true]{color:var(--gold);background:#eab89629}#t-night[aria-pressed=true]{color:var(--lume);background:#7dffc624}#t-xray[aria-pressed=true]{color:#a9c1ff;background:#4f78e033}.speed button{font-family:var(--mono);letter-spacing:0;text-transform:none}.dock{left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + var(--gutter));max-width:calc(100vw - 2 * var(--gutter));box-sizing:border-box;flex-direction:column;align-items:center;gap:8px;padding:10px 12px;display:flex;position:fixed;transform:translate(-50%)}.dock-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.explode{font:500 10px/1 var(--ui);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);align-items:center;gap:10px;display:flex}.explode input{width:150px;accent-color:var(--gold)}input[type=range]{appearance:none;cursor:pointer;background:0 0;height:18px}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--gold) var(--fill,0%), var(--line-strong) var(--fill,0%));border-radius:2px;height:2px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--gold);border:2px solid var(--ink);width:14px;height:14px;box-shadow:0 0 0 1px var(--gold);border-radius:50%;margin-top:-6px}input[type=range]::-moz-range-track{background:var(--line-strong);height:2px}input[type=range]::-moz-range-progress{background:var(--gold);height:2px}input[type=range]::-moz-range-thumb{background:var(--gold);border:2px solid var(--ink);border-radius:50%;width:12px;height:12px}.finish{gap:6px;padding:0 2px;display:flex}.sw{border:1px solid var(--line-strong);cursor:pointer;border-radius:50%;width:20px;height:20px;padding:0}.sw.on{box-shadow:0 0 0 2px var(--ink), 0 0 0 3.5px var(--gold)}.sw-rose{background:radial-gradient(circle at 35% 30%,#ffe1cf,#e8a986 45%,#9e6149)}.sw-plat{background:radial-gradient(circle at 35% 30%,#fff,#d4d6db 45%,#8b8f97)}.sw-dlc{background:radial-gradient(circle at 35% 30%,#6a6c72,#2b2c30 45%,#0c0c0e)}.wind{border:1px solid var(--gold);color:var(--gold);font:500 11px/1 var(--ui);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;background:0 0;border-radius:999px;padding:7px 14px}.wind.pulse{animation:1.4s ease-in-out infinite pulse}@keyframes pulse{50%{box-shadow:0 0 0 6px #eab8962e}}.drawer{top:calc(env(safe-area-inset-top,0px) + 92px);left:var(--gutter);flex-direction:column;width:244px;max-height:calc(100vh - 282px);display:flex;position:fixed;overflow:hidden}.drawer-head{cursor:pointer;text-align:left;font:500 10.5px/1 var(--ui);letter-spacing:.2em;text-transform:uppercase;color:var(--muted);background:0 0;border:0;align-items:center;gap:8px;padding:12px 14px;display:flex}.drawer-head .count{font-family:var(--mono);letter-spacing:0;color:var(--gold);margin-left:auto}.chev{border-right:1.5px solid var(--muted);border-bottom:1.5px solid var(--muted);width:7px;height:7px;margin-top:-3px;transition:transform .25s;transform:rotate(45deg)}.drawer.collapsed .chev{margin-top:0;transform:rotate(-45deg)}.drawer.collapsed .tree{display:none}.tree{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;padding:0 6px 10px;overflow-y:auto}.tree h3{font:500 9.5px/1 var(--ui);letter-spacing:.2em;text-transform:uppercase;color:var(--gold-deep);margin:12px 8px 4px}.tree button{text-align:left;cursor:pointer;width:100%;color:var(--fg);font:400 13px/1.25 var(--ui);background:0 0;border:0;border-radius:7px;align-items:baseline;gap:8px;padding:6px 8px;display:flex}.tree button:hover,.tree button.hover{background:#eab89614}.tree button.on{color:var(--gold);background:#eab89629}.tree .n{font:400 11px/1 var(--mono);color:var(--muted);margin-left:auto}.card{top:calc(env(safe-area-inset-top,0px) + 96px);right:var(--gutter);box-sizing:border-box;width:320px;max-height:calc(100vh - 286px);padding:18px 20px 16px;animation:.35s cubic-bezier(.2,.8,.2,1) cardIn;position:fixed;overflow-y:auto}@keyframes cardIn{0%{opacity:.4;transform:translate(12px)}}.card-close{color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:20px;line-height:1;position:absolute;top:10px;right:12px}.card-close:hover{color:var(--fg)}.card-cat{font:500 9.5px/1 var(--ui);letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin:0}.card-name{font:600 26px/1.08 var(--display);letter-spacing:.01em;text-wrap:balance;margin:8px 0 10px}.card-desc{color:#cfc9be;margin:0 0 14px;font-size:13.5px;line-height:1.55}.card-specs{border-top:1px solid var(--line);grid-template-columns:auto 1fr;gap:7px 14px;margin:0 0 16px;padding-top:12px;display:grid}.card-specs dt{font:500 9.5px/1.6 var(--ui);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.card-specs dd{font:400 12.5px/1.45 var(--mono);font-variant-numeric:tabular-nums;min-width:0;margin:0}.card-actions{flex-wrap:wrap;gap:8px;display:flex}.tooltip{z-index:5;pointer-events:none;background:var(--glass-strong);border:1px solid var(--line);font:500 12px/1.2 var(--ui);white-space:nowrap;border-radius:8px;padding:7px 10px;position:fixed;transform:translate(14px,14px)}.tooltip small{font:500 9px/1 var(--ui);letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-top:3px;display:block}.toast{left:50%;top:calc(env(safe-area-inset-top,0px) + 22px);background:var(--glass-strong);border:1px solid var(--line-strong);font:500 12px/1.2 var(--ui);letter-spacing:.04em;z-index:6;border-radius:999px;padding:9px 16px;animation:.3s toastIn;position:fixed;transform:translate(-50%)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,-6px)}}.hint{left:var(--gutter);bottom:calc(env(safe-area-inset-bottom,0px) + var(--gutter));max-width:260px;font:400 11px/1.5 var(--ui);color:var(--muted);pointer-events:none;margin:0;position:fixed}.skip{left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 150px);font:500 10.5px/1 var(--ui);letter-spacing:.2em;text-transform:uppercase;color:var(--muted);pointer-events:none;margin:0;position:fixed;transform:translate(-50%)}#loader{z-index:10;background:radial-gradient(ellipse at 50% 42%, #1b1d23, var(--ink) 70%);flex-direction:column;justify-content:center;align-items:center;gap:14px;transition:opacity .9s;display:flex;position:fixed;inset:0}#loader.done{opacity:0;pointer-events:none}.loader-mark{font:600 30px/1 var(--display);letter-spacing:.32em;text-transform:uppercase;margin:0;padding-left:.32em}.loader-cal{font:500 11px/1 var(--ui);letter-spacing:.24em;text-transform:uppercase;color:var(--gold);margin:0}.loader-bar{background:var(--line);width:min(260px,60vw);height:1px;margin-top:18px}.loader-bar i{background:var(--gold);width:0;height:100%;transition:width .25s;display:block}.loader-msg{font:400 12px/1 var(--mono);color:var(--muted);min-height:1em;margin:0}body.intro .dock,body.intro .readouts,body.intro .drawer,body.intro .hint{opacity:0;pointer-events:none}.dock,.readouts,.drawer,.hint{transition:opacity .8s}@media (max-width:1180px){.hint .keys{display:none}.readouts{grid-template-columns:repeat(3,auto);row-gap:10px}.ro:nth-child(4){border-left:0}}@media (max-width:820px){:root{--r:14px}.brand{left:var(--gutter);top:calc(env(safe-area-inset-top,0px) + 14px)}.wordmark{letter-spacing:.22em;font-size:18px}.calibre{margin-top:6px;font-size:9px}.readouts{top:auto;bottom:calc(env(safe-area-inset-bottom,0px) + var(--dock-h,150px) + 26px);left:var(--gutter);right:var(--gutter);grid-template-columns:repeat(3,1fr);padding:8px 4px}.ro{padding:2px 10px}.ro:nth-child(2),.ro:nth-child(5){display:none}.ro:nth-child(3){border-left:1px solid var(--line)}.ro:nth-child(4){border-left:1px solid var(--line)!important}.drawer{top:calc(env(safe-area-inset-top,0px) + 64px);width:auto;right:var(--gutter);max-height:50vh}.drawer.collapsed{right:auto}.card{top:auto;bottom:calc(env(safe-area-inset-bottom,0px) + var(--dock-h,150px) + 26px);left:var(--gutter);right:var(--gutter);z-index:4;width:auto;max-height:42vh;padding:16px 18px 14px}.card-name{font-size:22px}.dock{left:var(--gutter);right:var(--gutter);gap:8px;max-width:none;padding:8px;transform:none}.dock-row{gap:8px;width:100%}.dock-row:first-child{scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto}.dock-row:first-child::-webkit-scrollbar{display:none}.seg button{padding:7px 10px}.explode{flex:100%;justify-content:center}.explode input{flex:1;width:auto;max-width:220px}.hint{display:none}.skip{bottom:calc(env(safe-area-inset-bottom,0px) + var(--dock-h,150px) + 40px)}}@media (prefers-reduced-motion:reduce){.card,.toast,.wind.pulse{animation:none}}