:root{--bg-deep: #0b1220;--bg-mid: #152238;--accent: #e8a54b;--text: #f2efe8;--muted: #9aa7b8;--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{position:fixed;inset:0;width:100%;height:100%;width:100dvw;height:100dvh;overflow:hidden;background:radial-gradient(120% 80% at 50% 0%,#243552 0%,transparent 55%),linear-gradient(180deg,var(--bg-mid),var(--bg-deep));color:var(--text);font-family:Avenir Next,Segoe UI,sans-serif;touch-action:none;user-select:none;-webkit-user-select:none}#renderCanvas{position:absolute;inset:0;width:100%;height:100%;display:block;outline:none;touch-action:none}#hud{position:absolute;inset:0 auto auto 0;padding:calc(12px + env(safe-area-inset-top,0px)) 16px 0 calc(14px + var(--safe-left));pointer-events:none;z-index:2;text-shadow:0 1px 8px rgba(0,0,0,.55)}#brand{font-size:clamp(1.35rem,4.5vw,2rem);font-weight:800;letter-spacing:.08em;color:var(--accent)}#level-label{margin-top:4px;font-size:.95rem;color:var(--text)}#character-label{margin-top:4px;font-size:.85rem;font-weight:600;letter-spacing:.04em}#hint{margin-top:6px;font-size:.78rem;color:var(--muted);max-width:28rem}#ascent-hud{margin-top:10px;pointer-events:auto;max-width:15.5rem}#ascent-meta{display:flex;justify-content:space-between;font-size:.68rem;letter-spacing:.12em;color:var(--muted);margin-bottom:4px}#ascent-bar{height:7px;border-radius:99px;background:#0a0e168c;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff1f}#ascent-fill{height:100%;width:0%;border-radius:inherit;background:linear-gradient(90deg,#e8a54b,#ffd27a);transition:width .35s ease}#ascent-actions{display:flex;gap:6px;margin-top:7px}#ascent-actions button{flex:1;border:0;border-radius:8px;padding:6px 4px;font-size:.62rem;letter-spacing:.03em;font-weight:700;color:#1a1208;background:#e8a54b;pointer-events:auto}#ascent-actions button:disabled{opacity:.38;background:#6d6456;color:#d8d2c6}#ascent-toast{margin-top:5px;min-height:1em;font-size:.72rem;color:#ffe7b3;opacity:0;transition:opacity .2s ease}#ascent-toast.visible{opacity:1}#thin-air-vignette{position:absolute;inset:0;pointer-events:none;z-index:1;opacity:0;transition:opacity .2s ease-out;background:radial-gradient(ellipse 75% 65% at 50% 45%,transparent 40%,rgba(18,28,42,.55) 100%)}#world-gate-overlay{position:absolute;inset:0;z-index:7;pointer-events:none;display:grid;place-items:center;opacity:0;transition:opacity .35s ease}#world-gate-overlay.visible{opacity:1}#world-gate-overlay .wg-flash{position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,#b4ffe6f2,#2878648c 45%,#08141ceb);opacity:0;transition:opacity .12s linear}#world-gate-overlay.arrive .wg-flash{background:radial-gradient(circle at 50% 40%,#dcf0fff2,#5a8cb480,#0c1624e6)}#world-gate-overlay.theme-clockwork .wg-flash{background:radial-gradient(circle at 50% 42%,#ffbe5af5,#a046129e 48%,#120804f0)}#world-gate-overlay.theme-clockwork.arrive .wg-flash{background:radial-gradient(circle at 48% 38%,#ffd278f2,#be5a1c8c,#100804eb)}#world-gate-overlay.theme-clockwork .wg-kicker{color:#ffdca0e6}#world-gate-overlay.theme-clockwork .wg-title{color:#fff4d8;text-shadow:0 0 32px rgba(255,150,40,.6),0 4px 24px rgba(0,0,0,.6)}#world-gate-overlay.theme-clockwork .wg-sub{color:#ffe4bae6}#world-gate-overlay.theme-flooded .wg-flash{background:radial-gradient(circle at 50% 42%,#5affe6eb,#0c505a9e 48%,#041016f0)}#world-gate-overlay.theme-flooded.arrive .wg-flash{background:radial-gradient(circle at 48% 38%,#8cfff0e6,#145a648c,#040e14eb)}#world-gate-overlay.theme-flooded .wg-kicker{color:#b4fff5e6}#world-gate-overlay.theme-flooded .wg-title{color:#e8fffb;text-shadow:0 0 32px rgba(40,220,210,.55),0 4px 24px rgba(0,0,0,.6)}#world-gate-overlay.theme-flooded .wg-sub{color:#bef5f0e6}#world-gate-overlay.finale .wg-flash{background:radial-gradient(circle at 50% 40%,#78fff0e0,#084652ad 48%,#020a10f5)}.wg-story,.wg-coming{max-width:22rem;margin:.85rem auto 0;opacity:0;transform:translateY(10px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.9,.2,1);text-shadow:0 2px 14px rgba(0,0,0,.55)}.wg-story{font-size:clamp(.82rem,2.8vw,1.02rem);line-height:1.45;color:#d2f5f0eb;letter-spacing:.02em}.wg-coming{margin-top:1.15rem;font-size:clamp(.72rem,2.5vw,.92rem);letter-spacing:.18em;text-transform:uppercase;color:#ffecb4f2}#world-gate-overlay.story-on .wg-story,#world-gate-overlay.coming-on .wg-coming{opacity:1;transform:translateY(0)}#world-gate-overlay.coming-on .wg-coming{text-shadow:0 0 22px rgba(255,200,80,.45),0 2px 14px rgba(0,0,0,.55)}#world-gate-overlay .wg-copy{position:relative;z-index:1;text-align:center;padding:1.5rem;transform:translateY(12px) scale(.94);opacity:0;transition:transform .55s cubic-bezier(.2,.9,.2,1),opacity .45s ease}#world-gate-overlay.visible .wg-copy,#world-gate-overlay.flash-peak .wg-copy{transform:translateY(0) scale(1);opacity:1}.wg-kicker{font-size:clamp(.7rem,2.4vw,.85rem);letter-spacing:.22em;text-transform:uppercase;color:#e8fff5d9;margin-bottom:.55rem;text-shadow:0 2px 16px rgba(0,0,0,.55)}.wg-title{font-size:clamp(2.1rem,9vw,3.6rem);font-weight:900;letter-spacing:.06em;line-height:1.05;color:#f4fff8;text-shadow:0 0 28px rgba(80,255,200,.45),0 4px 24px rgba(0,0,0,.55)}#world-gate-overlay.arrive .wg-title{color:#eef6ff;text-shadow:0 0 28px rgba(140,200,255,.5),0 4px 24px rgba(0,0,0,.55)}.wg-sub{margin-top:.7rem;font-size:clamp(.85rem,3vw,1.05rem);color:#dcf0ebe0;letter-spacing:.04em;text-shadow:0 2px 12px rgba(0,0,0,.5);max-width:18rem;margin-left:auto;margin-right:auto}#character-select{position:absolute;inset:0;z-index:8;display:none;padding:0;background:radial-gradient(80% 50% at 50% 20%,rgba(40,60,90,.45),transparent 60%),#070b12;overflow:auto;pointer-events:auto;-webkit-overflow-scrolling:touch}#character-select.visible{display:block}.char-select-panel{width:100%;max-width:560px;margin:0 auto;min-height:100%;display:flex;flex-direction:column;padding:calc(12px + env(safe-area-inset-top,0px)) 14px calc(18px + env(safe-area-inset-bottom,0px));box-sizing:border-box}.char-select-head h2{font-size:clamp(1.25rem,5.5vw,1.75rem);letter-spacing:.1em;margin:0 0 .25rem}.char-select-sub{color:var(--muted);font-size:.82rem;line-height:1.35;margin:0 0 10px}.char-preview-wrap{position:relative;width:100%;height:min(42vh,320px);min-height:200px;border-radius:16px;overflow:hidden;background:linear-gradient(180deg,#152238,#0b1220);border:1px solid rgba(255,255,255,.08);touch-action:none}#char-preview-canvas{width:100%;height:100%;display:block;outline:none;touch-action:none}.char-preview-fade{pointer-events:none;position:absolute;inset:auto 0 0;height:28%;background:linear-gradient(transparent,#070b12d9)}.char-chip-row{display:flex;gap:8px;overflow-x:auto;padding:12px 2px 4px;margin:0 -2px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.char-chip{flex:0 0 auto;scroll-snap-align:start;display:flex;align-items:center;gap:8px;min-height:48px;padding:10px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#ffffff0d;color:var(--text);font:inherit;cursor:pointer}.char-chip.active{border-color:var(--char-accent, var(--accent));background:#ffffff1a;box-shadow:0 0 0 1px var(--char-accent, var(--accent))}.char-chip.locked{opacity:.55}.char-chip-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.char-chip-name{font-weight:700;letter-spacing:.04em}.char-chip-lv,.char-chip-lock{font-size:.72rem;color:var(--muted)}.char-info{margin-top:10px;padding:12px 4px 4px}.char-info-name{font-size:1.35rem;font-weight:800;letter-spacing:.06em}.char-info-build{color:var(--char-accent, var(--accent));font-size:.9rem;margin-top:2px}.char-info-blurb{margin-top:8px;color:var(--muted);font-size:.9rem;line-height:1.4}.char-info-meta{margin-top:8px;font-size:.78rem;color:var(--muted)}.char-select-actions{margin-top:auto;padding-top:14px}.char-confirm{width:100%;min-height:52px;border:0;border-radius:14px;background:var(--accent);color:#1a140c;font:inherit;font-weight:800;letter-spacing:.14em;font-size:1rem;cursor:pointer}.char-confirm:disabled,.char-confirm[disabled]{opacity:.4;cursor:not-allowed}.char-select-hint{text-align:center;color:var(--muted);font-size:.75rem;margin:10px 0 0}@media(min-width:720px){.char-select-panel{max-width:640px;padding-top:calc(24px + env(safe-area-inset-top,0px))}.char-preview-wrap{height:min(48vh,380px)}}#boot-overlay{position:absolute;inset:0;z-index:5;display:grid;place-content:center;gap:.35rem;text-align:center;background:radial-gradient(circle at 50% 35%,rgba(232,165,75,.18),transparent 45%),#080c14e0;transition:opacity .45s ease}#boot-overlay.hidden{opacity:0;pointer-events:none}#boot-title{font-size:clamp(2rem,8vw,3.4rem);font-weight:800;letter-spacing:.12em}#boot-sub{font-size:clamp(1rem,3.5vw,1.4rem);color:var(--accent);letter-spacing:.2em}#boot-status{margin-top:1.2rem;color:var(--muted);font-size:.9rem}#compat-banner{position:absolute;left:50%;bottom:calc(18px + var(--safe-bottom));transform:translate(-50%);z-index:6;max-width:min(92vw,28rem);padding:.75rem 1rem;border-radius:10px;background:#781818eb;color:#fff;font-size:.85rem;text-align:center}#touch-controls{display:none;position:absolute;inset:0;z-index:3;pointer-events:none}#touch-controls.visible{display:block}#stick-zone{position:absolute;left:calc(18px + var(--safe-left));bottom:calc(24px + var(--safe-bottom));width:140px;height:140px;pointer-events:auto}#stick-base{position:absolute;inset:18px;border-radius:50%;background:#ffffff1f;border:2px solid rgba(255,255,255,.28)}#stick-knob{position:absolute;left:50%;top:50%;width:54px;height:54px;margin:-27px 0 0 -27px;border-radius:50%;background:#e8a54bd9;box-shadow:0 4px 16px #00000059;transform:translate(0)}#jump-btn{position:absolute;right:calc(22px + var(--safe-right));bottom:calc(36px + var(--safe-bottom));width:88px;height:88px;border:0;border-radius:50%;pointer-events:auto;background:#e8a54beb;color:#1a140c;font-weight:800;letter-spacing:.06em;font-size:.85rem;box-shadow:0 8px 24px #00000059}#jump-btn:active{transform:scale(.96)}#level-map-chip{position:absolute;top:calc(10px + env(safe-area-inset-top,0px));right:calc(10px + var(--safe-right));z-index:5;min-height:36px;padding:.4rem .7rem;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:#080e168c;color:var(--text);font:650 .78rem/1 Avenir Next,Segoe UI,sans-serif;letter-spacing:.06em;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);pointer-events:auto;box-shadow:0 4px 14px #00000047}#level-map-chip.active{border-color:#e8a54bb3;color:var(--accent)}#level-map-sheet{position:absolute;inset:0;z-index:9;display:none;pointer-events:auto}#level-map-sheet.visible{display:block}.level-map-backdrop{position:absolute;inset:0;background:#04080e73}.level-map-panel{position:absolute;left:0;right:0;bottom:0;max-height:min(72vh,560px);padding:.5rem 1rem calc(1rem + var(--safe-bottom));border-radius:18px 18px 0 0;background:linear-gradient(180deg,#152238,#0b1220);box-shadow:0 -12px 40px #00000073;overflow:auto;-webkit-overflow-scrolling:touch}.level-map-handle{width:42px;height:4px;margin:.35rem auto .75rem;border-radius:999px;background:#ffffff38}.level-map-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.35rem}.level-map-kicker{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.level-map-head h2{font-size:1.25rem;font-weight:800;letter-spacing:.04em}.level-map-close{width:36px;height:36px;border:0;border-radius:50%;background:#ffffff14;color:var(--text);font-size:1rem}.level-map-note{font-size:.78rem;color:var(--muted);margin-bottom:.75rem}.level-map-worlds{display:flex;gap:.4rem;margin:.5rem 0 .65rem}.level-map-world{flex:1;min-height:40px;padding:.45rem .5rem;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:#ffffff0a;color:var(--text);font-size:.72rem;font-weight:700;letter-spacing:.02em}.level-map-world.active{border-color:#e8a54b8c;background:#e8a54b24}.level-map-world.locked{opacity:.35}.level-map-list{display:grid;gap:.45rem}.level-map-row{display:flex;align-items:center;gap:.75rem;width:100%;padding:.7rem .8rem;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#ffffff0a;color:var(--text);text-align:left}.level-map-row.current{border-color:#e8a54b8c;background:#e8a54b1f}.level-map-row.cleared{border-color:#50c8a047}.level-map-row.locked{opacity:.4}.level-map-num{width:1.75rem;height:1.75rem;display:grid;place-items:center;border-radius:8px;background:#ffffff1a;font-weight:800;font-size:.85rem}.level-map-row.current .level-map-num{background:var(--accent);color:#1a140c}.level-map-meta{display:flex;flex-direction:column;gap:.1rem;min-width:0}.level-map-title{font-weight:700;font-size:.92rem}.level-map-status{font-size:.72rem;color:var(--muted);letter-spacing:.04em;text-transform:uppercase}.level-map-actions{margin-top:.85rem}.level-map-restart{width:100%;min-height:44px;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:transparent;color:var(--text);font-weight:700;letter-spacing:.04em}@media(orientation:portrait)and (max-width:900px){#hint{display:none}#level-map-chip{max-width:42vw}#stick-zone{width:160px;height:160px}#jump-btn{width:96px;height:96px}}