:root{--bg: #0a0a0c;--fg: #f2f2f4;--muted: #9a9aa2;--accent: #e8232a;--green: #39d98a;--panel: rgba(18, 18, 22, .82);--border: rgba(255, 255, 255, .08)}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--fg);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}#progress{position:fixed;top:0;left:0;right:0;height:3px;background:#ffffff0f;z-index:12}#progress-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--green),var(--accent));transition:width .7s ease}#stage{position:fixed;top:0;right:0;bottom:0;left:0}#scene{display:block;width:100%;height:100%}#loading{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--muted);letter-spacing:.1em;font-size:.9rem;pointer-events:none;transition:opacity .4s ease}#loading.hidden{opacity:0}#topbar{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:18px 24px;z-index:10}.brand{font-weight:800;letter-spacing:.18em;font-size:.95rem}.counter{font-size:.85rem;color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:6px 14px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.counter #remaining{color:var(--green);font-weight:700}.panel{position:fixed;z-index:10;background:var(--panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:16px;padding:22px 24px}#story{left:24px;bottom:24px;max-width:420px}#story h1{font-size:1.5rem;line-height:1.2;margin:0 0 12px}#story p{color:var(--muted);font-size:.95rem;line-height:1.5;margin:0 0 10px}#story .offer{color:var(--fg)}#story .accent{color:var(--accent)}#story .hint{color:var(--muted);font-size:.8rem;margin-top:14px}#zone-panel{right:24px;top:50%;transform:translateY(-50%);width:320px}#zone-panel.hidden{display:none}#zone-close{position:absolute;top:10px;right:12px;background:none;border:none;color:var(--muted);font-size:1.4rem;cursor:pointer;line-height:1}#zone-panel h2{margin:0 0 6px;font-size:1.15rem}.zone-status{color:var(--muted);font-size:.85rem;margin:0 0 16px}.upload{display:block;border:1px dashed var(--border);border-radius:12px;padding:18px;text-align:center;cursor:pointer;color:var(--muted);transition:border-color .2s,color .2s}.upload:hover{border-color:var(--accent);color:var(--fg)}.upload input{display:none}.fineprint{color:var(--muted);font-size:.72rem;margin:12px 0 16px}.pay{width:100%;padding:12px;border:none;border-radius:12px;background:var(--accent);color:#fff;font-weight:700;font-size:.95rem;cursor:pointer;opacity:1;transition:opacity .2s,transform .1s}.pay:disabled{opacity:.4;cursor:not-allowed}.pay:not(:disabled):active{transform:scale(.98)}#story-toggle{display:none}.toast{position:fixed;top:16px;left:50%;transform:translate(-50%,-20px);background:var(--panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:12px;padding:12px 18px;color:var(--fg);font-size:.9rem;max-width:90vw;text-align:center;z-index:50;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s}.toast.show{opacity:1;transform:translate(-50%)}.toast.ok{border-color:#39d98a80}.toast.err{border-color:#e8232a80}@media (max-width: 720px){#story{left:12px;right:12px;bottom:12px;max-width:none;padding:16px 18px}#story h1{font-size:1.2rem}#zone-panel{right:12px;left:12px;width:auto;top:auto;bottom:12px;transform:none}#story-toggle{display:inline-block;position:absolute;top:12px;right:14px;background:#ffffff14;border:1px solid var(--border);color:var(--fg);font-size:.72rem;padding:5px 10px;border-radius:999px;cursor:pointer}#story.collapsed .story-body{display:none}#story.collapsed h1{margin-bottom:0}#story h1{padding-right:120px}body.panel-open #story{display:none}}