:root{--f-display: "Instrument Serif", "Times New Roman", serif;--f-serif: "Instrument Serif", "Times New Roman", serif;--f-ui: "Inter", -apple-system, system-ui, sans-serif;--f-mono: "Inter", -apple-system, system-ui, sans-serif;--bg: #0a0a0b;--bg-1: #101012;--bg-2: #17171a;--bg-3: #1f1f23;--card: #121215;--card-hi: #1a1a1f;--line: rgba(255,255,255,.08);--line-2: rgba(255,255,255,.16);--ink: #ffffff;--ink-2: #f2f2f2;--ink-3: #e8e8e8;--ink-4: #b8b8b0;--heat: #c8ff3a;--heat-soft: rgba(200,255,58,.14);--heat-ink: #0a0a0b;--gold: #ff2e88;--gold-soft: rgba(255,46,136,.16);--mint: #00e5a8;--mint-soft: rgba(0,229,168,.14);--ice: #7a5bff;--ice-soft: rgba(122,91,255,.18);--ruby: #ff3b5c;--bg-glow-1: #1a1a22;--bg-glow-2: #1a0f20;--r-common: #8a8880;--r-uncommon: #00e5a8;--r-rare: #7a5bff;--r-holo: #c07cff;--r-ultra: #c8ff3a;--r-secret: #ff2e88}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:radial-gradient(1400px 900px at 20% -10%,var(--bg-glow-1) 0%,transparent 55%),radial-gradient(1000px 700px at 100% 0%,var(--bg-glow-2) 0%,transparent 50%),var(--bg);color:var(--ink);font-family:var(--f-ui);-webkit-font-smoothing:antialiased;min-height:100vh;letter-spacing:-.005em}.stage-header{position:sticky;top:0;z-index:100;padding:18px 28px;display:flex;align-items:baseline;justify-content:space-between;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:baseline;gap:14px}.brand-mark{font-family:var(--f-display);font-size:22px;line-height:1;letter-spacing:-.04em;font-weight:600;text-transform:lowercase}.brand-mark .amp{color:var(--heat)}.brand-tag{font-family:var(--f-mono);font-size:11px;color:var(--ink-3);text-transform:uppercase;letter-spacing:.12em}.stage-meta{font-family:var(--f-mono);font-size:11px;color:var(--ink-3);text-transform:uppercase;letter-spacing:.14em}.scene-rail{display:flex;gap:10px;padding:14px 28px 10px;overflow-x:auto;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 60%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:sticky;top:64px;z-index:90}.scene-rail::-webkit-scrollbar{display:none}.scene-chip{flex-shrink:0;font-family:var(--f-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);padding:8px 14px;border:1px solid var(--line);border-radius:999px;cursor:pointer;background:transparent;transition:all .18s ease;white-space:nowrap}.scene-chip:hover{color:var(--ink-2);border-color:var(--line-2)}.scene-chip.active{color:var(--bg);background:var(--ink);border-color:var(--ink)}.scene-chip .num{color:var(--ink-4);margin-right:8px}.scene-chip.active .num{color:var(--ink-4)}.stage{display:flex;flex-direction:column;align-items:center;padding:56px 20px 120px;gap:28px}.scene-title{text-align:center;font-family:var(--f-display);font-size:52px;line-height:1.02;font-weight:600;letter-spacing:-.055em;text-transform:lowercase;color:var(--ink);margin:0;max-width:820px;white-space:nowrap}@media (max-width: 820px){.scene-title{white-space:normal;font-size:40px}}.scene-title em{color:var(--heat);font-style:italic}.scene-sub{text-align:center;font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);max-width:520px}.phone{width:390px;height:844px;border-radius:54px;background:#000;position:relative;box-shadow:0 0 0 2px #1a1a1a,0 0 0 12px #0a0a0a,0 60px 140px #0009,0 20px 50px #00000080;overflow:hidden;flex-shrink:0}.phone-screen{position:absolute;top:10px;right:10px;bottom:10px;left:10px;border-radius:44px;overflow:hidden;background:var(--bg)}.island{position:absolute;top:11px;left:50%;transform:translate(-50%);width:118px;height:34px;border-radius:22px;background:#000;z-index:50}.home-bar{position:absolute;bottom:8px;left:50%;transform:translate(-50%);width:134px;height:5px;border-radius:4px;background:#ffffff4d;z-index:60;pointer-events:none}.statusbar{position:absolute;top:0;left:0;right:0;height:54px;display:flex;align-items:center;justify-content:space-between;padding:16px 32px 0;font-family:var(--f-ui);font-size:15px;font-weight:600;color:var(--ink);z-index:40;pointer-events:none}.statusbar .right{display:flex;gap:6px;align-items:center}.phone-body{position:absolute;top:0;right:0;bottom:0;left:0;padding-top:54px;padding-bottom:34px;display:flex;flex-direction:column;overflow:hidden}.phone-scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.phone-scroll::-webkit-scrollbar{display:none}.tabbar{height:76px;border-top:1px solid var(--line);background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);display:flex;align-items:flex-start;justify-content:space-around;padding:10px 0 0;flex-shrink:0}.tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;font-family:var(--f-mono);font-size:9.5px;letter-spacing:.1em;color:var(--ink-4);text-transform:uppercase;cursor:pointer}.tab.active{color:var(--ink)}.tab.primary{position:relative}.tab.primary .plus{width:46px;height:46px;border-radius:50%;background:var(--heat);display:flex;align-items:center;justify-content:center;margin-top:-14px;box-shadow:0 8px 24px #c8ff3a59,0 0 0 5px var(--bg);color:#0a0a0b}.row{display:flex}.col{display:flex;flex-direction:column}.hair{height:1px;background:var(--line);width:100%}.mono{font-family:var(--f-mono)}.serif{font-family:var(--f-serif);font-style:italic}.surface{background:var(--card);border:1px solid var(--line);border-radius:18px}.surface-hi{background:var(--card-hi);border:1px solid var(--line);border-radius:18px}.cardart{position:relative;border-radius:10px;overflow:hidden;background:linear-gradient(135deg,#ffffff0f,#0003),var(--card-hi);border:1px solid var(--line)}.cardart.holo{background:linear-gradient(135deg,#fff3,#fff0 40%),conic-gradient(from 140deg,#6aa6ff,#c07cff,#ff5a1f,#d9a441,#37c29a,#6aa6ff)}.cardart.gold{background:linear-gradient(135deg,#ffffff38,#fff0 40%),linear-gradient(160deg,#f2c15a,#a06f1f 60%,#f7e29a)}.cardart .sheen{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent 40%,rgba(255,255,255,.3) 50%,transparent 60%);mix-blend-mode:overlay}.rarity{font-family:var(--f-mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;padding:3px 7px;border-radius:4px;display:inline-block}.btn{font-family:var(--f-ui);font-weight:600;font-size:16px;padding:16px 20px;border-radius:16px;border:1px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer;text-align:center;display:flex;align-items:center;justify-content:center;gap:8px;letter-spacing:-.01em;transition:transform .1s ease}.btn:active{transform:scale(.98)}.btn.primary{background:var(--heat);border-color:var(--heat);color:var(--heat-ink, #0a0a0b);box-shadow:0 0 0 1px #ffffff1f inset,0 10px 24px color-mix(in srgb,var(--heat) 35%,transparent)}.btn.ghost{background:transparent;border-color:var(--line-2);color:var(--ink-2)}.meter{height:4px;border-radius:2px;background:var(--line);overflow:hidden}.meter>div{height:100%;background:var(--heat)}@keyframes fadeup{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fadeup{animation:fadeup .5s ease both}@keyframes pulse-dot{0%,to{opacity:.35}50%{opacity:1}}