:root{--paper: #efe9dd;--paper-2: #e5dfd3;--ink: #35302a;--ink-2: #6d6559;--ink-3: #9a9184;--line: rgba(53,48,42,.14);--line-2: rgba(53,48,42,.26);--accent: #a8623a;--accent-2: #7d8c70;--shadow: 0 10px 34px -14px rgba(46,38,28,.42);--sans: "Segoe UI Variable Text","Segoe UI",system-ui,-apple-system,"Inter",sans-serif;--mono: "JetBrains Mono","Cascadia Code",ui-monospace,SFMono-Regular,Menlo,monospace;--ease: cubic-bezier(.22,1,.36,1)}*,*:before,*:after{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden;background:var(--paper-2);color:var(--ink);font-family:var(--sans)}body{-webkit-font-smoothing:antialiased;overscroll-behavior:none;touch-action:none;user-select:none;-webkit-user-select:none}#app{position:fixed;inset:0}#stage{position:absolute;inset:0;width:100%;height:100%;display:block}#preboot{transition:opacity .45s var(--ease)}#preboot.gone{opacity:0;pointer-events:none}#ui{position:absolute;inset:0;pointer-events:none;z-index:10;display:flex;flex-direction:column}#stage{cursor:crosshair}body.orbiting #stage{cursor:grabbing}.bar{pointer-events:auto;display:flex;align-items:center;gap:14px;padding:14px clamp(14px,3vw,26px);background:linear-gradient(180deg,rgba(239,233,221,.92),rgba(239,233,221,.62) 70%,transparent);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.brand{display:flex;align-items:center;gap:8px;color:var(--ink);flex:none;font-size:15px;font-weight:640;letter-spacing:.14em;text-transform:uppercase}.brand svg{opacity:.8}.bar-actions{display:flex;gap:6px;flex:none;margin-left:auto}.icon{width:34px;height:34px;display:grid;place-items:center;cursor:pointer;border-radius:9px;border:1px solid var(--line-2);background:#fffdf8b3;color:var(--ink-2);transition:.18s var(--ease)}.icon:hover{color:var(--ink);border-color:var(--ink-3);background:#fffdf8}.shelf{pointer-events:auto;display:flex;flex-wrap:wrap;gap:7px;padding:0 clamp(14px,3vw,26px) 4px;max-width:min(760px,94vw)}.asset{font:inherit;text-align:left;cursor:pointer;display:grid;gap:1px;padding:7px 13px;border-radius:10px;border:1px solid var(--line);background:#fffdf89e;transition:.16s var(--ease)}.asset b{font-size:13px;font-weight:620;color:var(--ink);letter-spacing:.01em}.asset span{font-size:10.5px;color:var(--ink-3);letter-spacing:.02em}.asset:hover{border-color:var(--line-2);background:#fffdf8;transform:translateY(-1px)}.asset[aria-selected=true]{border-color:var(--accent);background:#fffdf8;box-shadow:0 0 0 2px #a8623a24}.asset[aria-selected=true] b{color:var(--accent)}.readout{position:absolute;left:clamp(14px,3vw,26px);bottom:clamp(14px,3vh,24px);display:flex;gap:20px;flex-wrap:wrap;padding:11px 16px;border-radius:11px;border:1px solid var(--line);background:#fffdf8b8;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:var(--shadow);opacity:0;transform:translateY(6px);transition:.35s var(--ease)}.readout.on{opacity:1;transform:none}.rd{display:grid;gap:2px}.rd span{font-family:var(--mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3)}.rd b{font-size:14px;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}.rd b.hi{color:var(--accent)}.hint{position:absolute;right:clamp(14px,3vw,26px);bottom:clamp(14px,3vh,24px);font-size:12px;color:var(--ink-3);text-align:right;line-height:1.7;transition:opacity .5s var(--ease)}.hint b{font-weight:600;color:var(--ink-2)}.hint.dim{opacity:.32}.sheet-wrap{position:absolute;inset:0;pointer-events:auto;display:grid;place-items:center;background:#3c34284d;backdrop-filter:blur(3px);animation:fade .25s var(--ease)}.sheet-wrap[hidden]{display:none}@keyframes fade{0%{opacity:0}to{opacity:1}}.sheet{position:relative;width:min(560px,92vw);max-height:84vh;overflow:auto;padding:28px 30px;border-radius:14px;background:var(--paper);border:1px solid var(--line-2);box-shadow:0 30px 70px -24px #28201680;animation:lift .3s var(--ease)}@keyframes lift{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.sheet h2{margin:0 0 14px;font-size:20px;font-weight:650;letter-spacing:.01em}.sheet p{margin:0 0 13px;font-size:14px;line-height:1.68;color:var(--ink-2)}.sheet em{font-style:normal;color:var(--accent);font-weight:600}.sheet-close{position:absolute;top:14px;right:14px;width:28px;height:28px;cursor:pointer;border:none;background:transparent;color:var(--ink-3);font-size:14px;border-radius:7px}.sheet-close:hover{color:var(--ink);background:#35302a12}.keys{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line);font-size:12.5px;color:var(--ink-2)}.keys div{display:flex;align-items:center;gap:7px}kbd{font-family:var(--mono);font-size:10.5px;padding:3px 7px;border-radius:5px;border:1px solid var(--line-2);background:#fffdf8e6;color:var(--ink)}@media(max-width:720px){.bar{flex-wrap:wrap}.brand span,.asset span{display:none}.asset{padding:7px 11px}.hint{display:none}.readout{right:clamp(14px,3vw,26px);gap:14px;padding:9px 12px}.rd b{font-size:13px}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}