:root{--bg: #0b0713;--panel: rgba(20, 14, 32, .86);--ink: #f4f7ff;--muted: #a9a2bd;--accent: #ffd48a;--accent-2: #7be0c0}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}#stage{position:fixed;inset:0;display:block;width:100%;height:100%;touch-action:none}.hud{position:fixed;inset:0;pointer-events:none;z-index:10}.hud-top{position:absolute;top:max(10px,env(safe-area-inset-top));left:50%;transform:translate(-50%);display:flex;gap:8px;align-items:center;padding:8px 14px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:var(--panel);backdrop-filter:blur(8px)}.hud-btn{pointer-events:auto;min-width:40px;min-height:40px;padding:0 10px;border:1px solid rgba(255,255,255,.2);border-radius:10px;background:#ffffff0f;color:var(--ink);font:700 14px system-ui;cursor:pointer}.hud-btn:hover{background:#ffffff24}.hud-help{position:absolute;bottom:max(8px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);max-width:92vw;text-align:center;font-size:12px;color:var(--muted);line-height:1.5}.overlay{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:18px;background:radial-gradient(120% 90% at 50% 20%,#281a42d1,#06040cf0);transition:opacity .18s ease}.overlay[hidden]{display:none}.overlay-card{width:min(560px,100%);padding:26px 24px 22px;border:1px solid rgba(255,255,255,.16);border-radius:20px;background:var(--panel);text-align:center;backdrop-filter:blur(10px)}.overlay-eyebrow{margin:0 0 6px;font:700 11px system-ui;letter-spacing:.22em;color:var(--accent);text-transform:uppercase}.overlay-title{margin:0 0 10px;font:800 clamp(28px,7vw,44px) / 1.05 system-ui;letter-spacing:.02em}.overlay-body{margin:0 auto 18px;max-width:40ch;font-size:14px;line-height:1.65;color:#d8d3e6}.overlay-body p{margin:0 0 8px}.overlay-body b{color:var(--accent)}.overlay-btn{pointer-events:auto;min-height:48px;padding:0 30px;border:0;border-radius:12px;background:linear-gradient(180deg,#ffe0a4,#f7b95f);color:#2a1a06;font:800 16px system-ui;cursor:pointer;box-shadow:0 8px 24px #f7b95f47}.overlay-btn:hover{filter:brightness(1.06)}.overlay-note{margin:12px 0 0;font-size:11px;color:var(--muted)}.touch{position:fixed;inset:auto 0 0;z-index:15;display:none;justify-content:space-between;align-items:flex-end;padding:0 10px max(10px,env(safe-area-inset-bottom));pointer-events:none}.touch[data-active=true]{display:flex}.touch-pad{display:flex;gap:6px;pointer-events:auto;max-width:calc(50vw - 12px);flex-wrap:wrap;justify-content:flex-end}.touch-btn{width:46px;height:46px;border:1px solid rgba(255,255,255,.26);border-radius:50%;background:#1c142cb8;color:var(--ink);font:700 18px system-ui;touch-action:none}.touch-btn:active{background:#ffd48a66}@media(max-width:820px),(pointer:coarse){.hud-help{bottom:calc(116px + max(10px,env(safe-area-inset-bottom)));font-size:11px;line-height:1.45;padding:0 10px;max-width:96vw}.hud-top{padding:6px 10px;gap:6px;max-width:calc(100vw - 20px)}.hud-top .hud-room{font-size:12px;white-space:nowrap}}#joyarc-locale{z-index:30}