:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg0:#070c10;--bg1:#0b1218;--ink:#e8f1f0;--muted:#8aa0a4;--line:#94baba29;--mint:#5eead4;--amber:#f0b429;--sky:#7dd3fc;--ok:#16352f;--ok-line:#5eead473;--panel:#0a1218e0;--font-display:"Fraunces", Georgia, serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--safe-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box}html,body{background:radial-gradient(1200px 700px at 50% -10%, #245c5647, transparent 55%), radial-gradient(900px 500px at 100% 80%, #38628c29, transparent 50%), linear-gradient(180deg, var(--bg1), var(--bg0));min-height:100%;color:var(--ink);font-family:var(--font-mono);margin:0}body,#app{min-height:100dvh}.shell{width:min(520px,100%);min-height:100dvh;padding:12px 14px calc(12px + var(--safe-bottom));grid-template-rows:auto minmax(280px,1fr) auto auto;gap:10px;margin:0 auto;display:grid}.top{justify-content:space-between;align-items:center;gap:12px;display:flex}.brand{align-items:center;gap:10px;display:flex}.brand-mark{background:radial-gradient(circle at 50% 50%, var(--amber) 0 18%, transparent 19%), conic-gradient(from 30deg, transparent 0 60%, #5eead4cc 60% 68%, transparent 68%), conic-gradient(from 200deg, transparent 0 55%, #7dd3fcb3 55% 62%, transparent 62%), #102028;border-radius:50%;width:34px;height:34px;animation:18s linear infinite spin-slow;box-shadow:0 0 0 1px #5eead440}@keyframes spin-slow{to{transform:rotate(360deg)}}.brand-name{font-family:var(--font-display);letter-spacing:.01em;margin:0;font-size:1.55rem;font-weight:700;line-height:1}.brand-sub{color:var(--muted);margin:4px 0 0;font-size:.72rem}.ghost{appearance:none;border:1px solid var(--line);color:var(--muted);font:inherit;background:0 0;border-radius:999px;padding:8px 10px;font-size:.75rem}.hero{isolation:isolate;border:1px solid var(--line);background:radial-gradient(circle at 50% 42%,#f0b42914,#0000 28%),linear-gradient(#101c22e6,#080e12f5);border-radius:28px;min-height:320px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0a}#orbit-canvas{touch-action:manipulation;cursor:pointer;width:100%;height:100%;display:block;position:absolute;inset:0}.hud{z-index:2;pointer-events:none;text-align:center;position:absolute;top:16px;left:16px;right:16px}.hud .label{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.72rem}.matter{font-family:var(--font-display);color:var(--ink);text-shadow:0 8px 30px #00000073;margin:4px 0 0;font-size:clamp(2rem,8vw,2.8rem);font-weight:700;line-height:1;animation:.48s both matter-in}.rate{color:var(--mint);margin:8px 0 0;font-size:.92rem}.hint{z-index:2;text-align:center;color:var(--muted);pointer-events:none;margin:0;font-size:.8rem;transition:opacity .28s;position:absolute;bottom:18px;left:0;right:0}.hint.hidden{opacity:0}@keyframes matter-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.tabs{border:1px solid var(--line);background:#080e12a6;border-radius:16px;grid-template-columns:repeat(3,1fr);gap:6px;padding:4px;display:grid}.tab{appearance:none;color:var(--muted);font:inherit;background:0 0;border:0;border-radius:12px;padding:12px 8px;font-size:.86rem}.tab.active{color:var(--ink);background:#5eead41f}.panel{-webkit-overflow-scrolling:touch;gap:8px;max-height:min(42dvh,360px);padding-bottom:4px;display:grid;overflow:auto}.row{appearance:none;text-align:left;border:1px solid var(--line);background:var(--panel);width:100%;color:inherit;font:inherit;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:14px;transition:border-color .16s,background .16s,transform .12s;display:flex}.row:active{transform:scale(.985)}.row.ok{border-color:var(--ok-line);background:linear-gradient(90deg,#16352fd9,#0a1218e0)}.row-title{align-items:baseline;gap:8px;font-size:.98rem;display:flex}.owned{color:var(--sky);font-size:.78rem}.row-blurb{color:var(--muted);margin:4px 0 0;font-size:.72rem;line-height:1.35}.price{color:var(--amber);flex:none;font-size:.92rem}.fold-card{border:1px solid var(--line);background:linear-gradient(160deg,#1c303e8c,#0a1218e6);border-radius:18px;padding:16px}.fold-kicker{color:var(--sky);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.72rem}.fold-card h2{font-family:var(--font-display);margin:6px 0 0;font-size:1.45rem;font-weight:700}.fold-copy{color:var(--muted);margin:10px 0 0;font-size:.78rem;line-height:1.5}.fold-stats{grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0 0;display:grid}.fold-stats div{background:#00000038;border-radius:12px;padding:10px 8px}.fold-stats dt{color:var(--muted);font-size:.65rem}.fold-stats dd{margin:4px 0 0;font-size:.95rem}.fold-btn{appearance:none;border:1px solid var(--line);width:100%;color:var(--muted);font:inherit;background:#ffffff0a;border-radius:14px;margin-top:14px;padding:14px 12px;font-size:.95rem}.fold-btn.ok{color:#102018;background:linear-gradient(135deg, var(--amber), #f5d56e);border-color:#0000;font-weight:600}.fold-btn:disabled{opacity:.75}@media (width>=720px){.shell{padding-top:24px}.hero{min-height:420px}}
