:root{--sa-top:env(safe-area-inset-top,0px);--sa-right:env(safe-area-inset-right,0px);--sa-bottom:env(safe-area-inset-bottom,0px);--sa-left:env(safe-area-inset-left,0px);color:#edf2f7;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#10141f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;overflow:hidden}body:before{content:"";pointer-events:none;z-index:2;background:radial-gradient(circle at 50% 55%,#0000 0 34%,#0403074d 66%,#0000009e 100%),linear-gradient(135deg,#facc150d,#0000 38%,#a855f714);position:fixed;inset:0}.skill-bar{left:50%;bottom:calc(18px + var(--sa-bottom));z-index:6;gap:10px;display:flex;position:fixed;transform:translate(-50%)}.skill-bar button{--cooldown-deg:0deg;color:#fff7ed;cursor:pointer;background:linear-gradient(145deg,#462515f0,#120c10eb);border:1px solid #d6a84fb8;border-radius:8px;width:74px;height:68px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #fff4be24,0 12px 28px #0000005c}.skill-bar button:before{content:"";z-index:2;opacity:0;background:conic-gradient(from 0deg, #020617d1 var(--cooldown-deg), transparent var(--cooldown-deg));pointer-events:none;transition:opacity .12s,background .12s linear;position:absolute;inset:0}.skill-bar button:after{content:"";z-index:3;opacity:0;pointer-events:none;background:#7f1d1d94;transition:opacity .16s;position:absolute;inset:0;box-shadow:inset 0 0 22px #ef4444a6}.skill-bar button.cooling:before,.skill-bar button.mp-low:after{opacity:1}.skill-bar button b{z-index:4;color:#facc15;font-size:11px;position:absolute;top:5px;left:7px}.skill-bar button strong{z-index:1;color:#2a1009;background:radial-gradient(circle,#facc15,#ea580c 58%,#581c87);border-radius:50%;place-items:center;width:28px;height:28px;margin:9px auto 2px;font-family:serif;font-size:18px;display:grid;position:relative;box-shadow:0 0 18px #f9731670}.skill-bar button span{z-index:4;font-size:10px;font-weight:800;display:block;position:relative}.skill-bar button i{display:none}.skill-bar button em{z-index:4;pointer-events:none;border:1px solid #facc1529;border-radius:6px;position:absolute;inset:5px}.boss-bar{top:calc(78px + var(--sa-top));text-align:center;color:#f8d783;z-index:6;text-shadow:0 2px 4px #000;letter-spacing:.08em;width:min(520px,62vw);font-family:serif;position:fixed;left:50%;transform:translate(-50%)}.boss-bar>div{background:linear-gradient(90deg,#1d1113,#2a1710);border:1px solid #d6a84f;height:13px;margin-top:7px;box-shadow:inset 0 0 9px #000c}.boss-bar i{background:linear-gradient(90deg,#7f1d1d,#dc2626,#f59e0b);width:100%;height:100%;transition:width .15s;display:block}.minimap{top:calc(88px + var(--sa-top));right:calc(16px + var(--sa-right));color:#f8d783;z-index:5;background:linear-gradient(145deg,#201713e0,#0c0c12d6);border:1px solid #d6a84f8c;width:178px;height:118px;padding:9px;font-size:11px;position:fixed;box-shadow:0 14px 32px #00000057}.minimap b{margin-bottom:5px;display:block}.room{color:#cbd5e1;border:1px solid #64748b;place-items:center;width:42px;height:28px;font-size:9px;display:grid;position:absolute;top:52px}.room.entrance{left:8px}.room.combat{border-color:#f97316;left:62px}.room.boss{border-color:#dc2626;right:8px}.minimap .room:not(.explored){color:#0000;background:#02061780;border-color:#334155}.minimap i{background:#fef08a;border-radius:50%;width:7px;height:7px;position:absolute;transform:translate(-50%,-50%)}.town-card{text-align:center;border-color:#d6a84fa6}.town-card h1{color:#f8d783;margin:4px 0 14px;font-family:serif}.town-card .eyebrow{color:#d6a84f;letter-spacing:.18em;font-size:12px}.npc-dialog{text-align:left;color:#f8d783;background:#3f25146b;border-left:3px solid #d6a84f;gap:8px;margin:20px 0;padding:14px;display:grid}.npc-dialog span{color:#e2e8f0;line-height:1.6}.town-card button{color:#fff7ed;cursor:pointer;font:inherit;touch-action:manipulation;background:linear-gradient(#8a4b24,#4a2118);border:1px solid #d6a84f;border-radius:6px;padding:11px 16px;font-weight:800}.mobile-controls{display:none}@media (width<=720px){.hud{top:calc(8px + var(--sa-top));left:calc(8px + var(--sa-left));right:calc(8px + var(--sa-right));gap:5px}.hud strong,.hud span,.hud button{padding:6px 7px;font-size:11px}.hud strong{width:100%}.skill-bar{left:auto;right:calc(12px + var(--sa-right));bottom:calc(18px + var(--sa-bottom));grid-template-columns:repeat(3,54px);gap:5px;display:grid;transform:none}.skill-bar button{width:54px;height:46px}.skill-bar button span{margin-top:15px;font-size:9px}}@media (pointer:coarse),(width<=1024px){.mobile-controls{inset:auto calc(12px + var(--sa-right)) calc(18px + var(--sa-bottom)) calc(12px + var(--sa-left));pointer-events:none;z-index:7;justify-content:space-between;align-items:end;display:flex;position:fixed}#joystick{pointer-events:auto;touch-action:none;background:#0f172a80;border:1px solid #f8fafc4d;border-radius:50%;width:112px;height:112px}#joystick i{background:#f97316;border-radius:50%;width:42px;height:42px;margin:34px;transition:transform 50ms;display:block}#mobile-attack{color:#fff7ed;pointer-events:auto;touch-action:manipulation;background:#7c2d12d9;border:1px solid #fb923c;border-radius:50%;width:78px;height:58px;font-weight:800}}.crosshair{pointer-events:none;opacity:.6;border:1px solid #fca5a5;border-radius:50%;width:12px;height:12px;position:fixed}#app,#game{width:100vw;height:100vh}.panel{top:calc(82px + var(--sa-top));right:calc(18px + var(--sa-right));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto;background:linear-gradient(145deg,#2a1b14eb,#0c0d12eb);border:1px solid #d6a84f73;border-radius:8px;width:min(320px,100vw - 36px);max-height:70vh;padding:16px;transition:transform .2s;position:fixed;overflow:auto;transform:translate(calc(100% + 24px));box-shadow:0 20px 52px #00000073,inset 0 0 0 1px #fff4be14}.panel.open{transform:translate(0)}.panel h2{margin:0 0 12px;font-size:18px}#inventory-list{gap:8px;display:grid}#inventory-list button{text-align:left;border:1px solid var(--item-color,#64748b);color:#f8fafc;cursor:pointer;font:inherit;background:linear-gradient(145deg,#2b1d16e6,#101218db);border-radius:6px;gap:4px;padding:9px;display:grid;box-shadow:inset 0 0 14px #d6a84f0f}#inventory-list small{color:#cbd5e1}.item-detail{padding:calc(20px + var(--sa-top)) calc(20px + var(--sa-right)) calc(20px + var(--sa-bottom)) calc(20px + var(--sa-left));-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:18;background:#05030870;place-items:center;display:grid;position:fixed;inset:0}.item-detail.hidden{display:none}.item-detail>div{border:1px solid var(--item-color,#d6a84f);width:min(360px,100%);box-shadow:0 22px 70px #00000075, inset 0 0 26px color-mix(in srgb, var(--item-color,#d6a84f), transparent 84%);background:linear-gradient(145deg,#2a1b14f5,#0c0d12f5);border-radius:8px;padding:18px;position:relative}.item-detail>div>button{color:#cbd5e1;cursor:pointer;background:0 0;border:0;font-size:22px;line-height:1;position:absolute;top:10px;right:10px}.item-detail b{color:var(--item-color,#f8d783);padding-right:30px;font-family:serif;font-size:20px;display:block}.item-detail small{color:#e2e8f0;margin-top:6px;display:block}.item-detail p{color:#f8d783;margin:14px 0 0;line-height:1.55}.item-detail ul{color:#f8fafc;margin:14px 0 0;padding-left:18px;line-height:1.7}.toast{left:50%;bottom:calc(86px + var(--sa-bottom));opacity:0;color:#f8d783;pointer-events:none;z-index:8;background:#1f1411f0;border:1px solid #d6a84f6b;border-radius:7px;padding:10px 14px;transition:all .2s;position:fixed;transform:translate(-50%,12px)}.toast.visible{opacity:1;transform:translate(-50%)}.channel{z-index:9;color:#f8d783;text-align:center;pointer-events:none;background:linear-gradient(145deg,#2a1b14f0,#0e0d13f0);border:1px solid #d6a84f99;border-radius:8px;min-width:210px;padding:12px 18px;font-weight:900;position:fixed;top:58%;left:50%;transform:translate(-50%,-50%);box-shadow:0 18px 44px #0006}.channel.hidden{display:none}#game{display:block}.hud{pointer-events:none;top:calc(16px + var(--sa-top));left:calc(16px + var(--sa-left));right:calc(16px + var(--sa-right));z-index:5;flex-wrap:wrap;align-items:center;gap:10px;display:flex;position:fixed}.hud strong,.hud span,.hud button{color:#f8d783;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#2b1d16d1,#0e0c12d1);border:1px solid #d6a84f61;border-radius:8px;box-shadow:0 10px 24px #0000002e}.hud>strong{letter-spacing:.08em;font-family:serif}.orb{place-items:center;width:58px;height:58px;display:grid;position:relative;overflow:hidden;border-radius:50%!important;padding:0!important;box-shadow:inset 0 0 18px #000000b3,0 0 18px #d6a84f24!important}.orb i{height:100%;transition:height .18s;position:absolute;inset:auto 0 0}.orb em{z-index:1;color:#fff7ed;text-shadow:0 1px 3px #000;font-style:normal;font-weight:900;position:relative}.hp-orb i{background:radial-gradient(circle at 35% 25%,#fecaca,#dc2626 58%,#450a0a)}.mp-orb i{background:radial-gradient(circle at 35% 25%,#d8b4fe,#7c3aed 58%,#1e1b4b)}.hud strong,.hud span{padding:8px 11px}.hud button{pointer-events:auto;cursor:pointer;font:inherit;padding:8px 11px}.panel-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.panel-heading h2{margin:0}.panel-heading button{color:#cbd5e1;cursor:pointer;background:0 0;border:0;font-size:22px;line-height:1}.equipment-slots{grid-template-columns:repeat(4,1fr);gap:6px;margin:14px 0;display:grid}.equipment-slots button{color:#d6a84f;cursor:pointer;min-height:62px;font:inherit;background:radial-gradient(circle at 50% 0,#d6a84f2e,#0000 34%),linear-gradient(145deg,#462515ad,#101218c7);border:1px solid #d6a84f70;border-radius:6px;font-size:11px;position:relative;box-shadow:inset 0 0 0 1px #fff4be14}.equipment-slots button:before{content:"";pointer-events:none;border:1px solid #f8d7831f;border-radius:4px;position:absolute;inset:5px}.equipment-slots button.active-weapon{border-color:var(--slot-glow,#facc15);box-shadow:0 0 18px color-mix(in srgb, var(--slot-glow,#facc15), transparent 55%), inset 0 0 0 1px #fff4be1f}.equipment-slots span{color:#facc15;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:10px;display:block;overflow:hidden}.equipment-slots small{color:#cbd5e1;margin-top:3px;font-size:9px;display:block}.equipment-summary{color:#cbd5e1;border-top:1px solid #d6a84f47;grid-column:1/-1;gap:4px;padding:8px;font-size:11px;line-height:1.45;display:grid}.equipment-summary b{color:#f8d783}.item-actions{gap:8px;margin:10px 0 0 -18px;list-style:none;display:flex}.item-actions button{color:#f8d783;cursor:pointer;font:inherit;background:#462515bf;border:1px solid #d6a84f8c;border-radius:5px;padding:5px 10px}.modal{overscroll-behavior:contain;padding:calc(18px + var(--sa-top)) calc(18px + var(--sa-right)) calc(18px + var(--sa-bottom)) calc(18px + var(--sa-left));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20;background:#050308ad;display:grid;position:fixed;inset:0;overflow-y:auto}.modal.hidden{display:none}.modal-card{background:linear-gradient(145deg,#2a1b14f7,#0e0d13f7);border:1px solid #d6a84f80;border-radius:8px;width:min(420px,100%);margin:auto;padding:20px;box-shadow:0 24px 80px #0000007a,inset 0 0 0 1px #fff4be14}.modal button{touch-action:manipulation}.setting-row,.setting-toggle{color:#e2e8f0;gap:8px;margin-top:18px;font-size:14px;display:grid}.setting-row select,.setting-row input{accent-color:#38bdf8;width:100%}.setting-row select{color:#f8fafc;font:inherit;background:#1e293b;border:1px solid #475569;border-radius:6px;padding:9px}.setting-row strong{color:#7dd3fc;font-size:13px}.setting-toggle{grid-template-columns:auto 1fr;align-items:center;display:flex}.setting-note{color:#94a3b8;font-size:12px}.hud-top{flex-wrap:wrap;align-items:center;gap:14px;display:flex;top:18px;left:18px;right:18px}.hud-top strong,.hud-top span,.hud-help{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172ab8;border:1px solid #94a3b83d;border-radius:8px;box-shadow:0 10px 24px #0000002e}.hud-top strong{padding:9px 12px;font-size:18px;font-weight:700}.hud-top span{color:#f8fafc;padding:8px 11px;font-size:15px}.hud-help{color:#cbd5e1;max-width:calc(100vw - 36px);padding:9px 12px;font-size:14px;bottom:18px;left:18px}.tower-picker{pointer-events:auto;gap:8px;display:flex;position:fixed;top:72px;left:18px}.tower-picker button,.touch-actions button{color:#e2e8f0;cursor:pointer;font:inherit;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172ac2;border:1px solid #94a3b847;border-radius:8px;padding:10px 12px;font-size:14px;font-weight:800}.tower-picker button.selected{color:#ecfeff;background:#0e7490d1;border-color:#38bdf8}.touch-controls{pointer-events:none;justify-content:space-between;align-items:flex-end;display:flex;position:fixed;inset:auto 18px 18px}.joystick{pointer-events:auto;touch-action:none;background:#0f172a80;border:1px solid #94a3b852;border-radius:50%;place-items:center;width:112px;height:112px;display:grid}#joystick-knob{background:#7dd3fceb;border-radius:50%;width:44px;height:44px;box-shadow:0 8px 20px #38bdf852}.touch-actions{pointer-events:auto;gap:10px;display:flex}.touch-actions button{background:#082f49d1;min-width:76px;min-height:54px}.modal-card button{color:#fff7ed;cursor:pointer;font:inherit;background:linear-gradient(#8a4b24,#4a2118);border:1px solid #d6a84f;border-radius:8px;padding:11px 16px;font-weight:800}@media (hover:hover) and (pointer:fine){.touch-controls{display:none}}@media (width<=720px){.hud{top:calc(10px + var(--sa-top));left:calc(10px + var(--sa-left));right:calc(10px + var(--sa-right));gap:5px}.hud strong,.hud span,.hud button{padding:6px 8px;font-size:12px}.hud>span:last-of-type{display:none}.panel{top:calc(66px + var(--sa-top));right:calc(10px + var(--sa-right));width:min(340px, calc(100vw - 20px - var(--sa-right)));max-height:calc(100vh - 82px - var(--sa-top) - var(--sa-bottom))}.help{text-align:center;max-width:none;font-size:12px;bottom:12px;left:10px;right:10px}.toast{text-align:center;width:calc(100vw - 32px);bottom:calc(54px + var(--sa-bottom))}.hud-top{gap:8px}.hud-top strong,.hud-top span{padding:7px 9px;font-size:13px}.tower-picker{top:108px;left:12px;right:12px}.tower-picker button{flex:1;padding:9px 8px}.hud-help{display:none}}@media (width<=1024px) and (orientation:landscape){.hud{top:calc(8px + var(--sa-top));left:calc(8px + var(--sa-left));right:calc(8px + var(--sa-right));gap:4px}.hud strong,.hud span,.hud button{padding:4px 6px;font-size:10px}.hud .orb{width:42px;height:42px}.panel.open~.skill-bar{display:none}}.boss-bar.hidden{display:none}.zone-banner{top:calc(16px + var(--sa-top));color:#f8d783;text-align:center;letter-spacing:.12em;opacity:0;pointer-events:none;z-index:9;background:linear-gradient(145deg,#201713eb,#0c0c12e0);border:1px solid #d6a84f8c;padding:10px 26px;font-family:serif;transition:opacity .6s,transform .6s;position:fixed;left:50%;transform:translate(-50%,-8px);box-shadow:0 12px 30px #0006}.zone-banner.show{opacity:1;transform:translate(-50%)}.zone-banner b{font-size:20px;display:block}.zone-banner small{letter-spacing:.06em;opacity:.85;margin-top:3px;font-size:12px;display:block}.zone-banner small:empty{display:none}.zone-banner.safe{color:#bbf7d0;border-color:#86efacb3}.zone-banner.danger{color:#fed7aa;border-color:#fdba74b3}.zone-banner.deadly{color:#fecaca;border-color:#fca5a5bf}.zone-tag{top:calc(66px + var(--sa-top));left:calc(16px + var(--sa-left));color:#f8d783;z-index:5;background:#120c0ac7;border:1px solid #d6a84f66;border-radius:999px;padding:4px 10px;font-size:12px;position:fixed}.zone-tag.safe{color:#bbf7d0;border-color:#86efac8c}.zone-tag.danger{color:#fed7aa;border-color:#fdba748c}.zone-tag.deadly{color:#fecaca;border-color:#fca5a599}.interact-prompt{left:50%;bottom:calc(168px + var(--sa-bottom));color:#fde68a;font:inherit;cursor:pointer;z-index:8;background:linear-gradient(#4a301af2,#24160ef2);border:1px solid #d6a84fb3;border-radius:8px;padding:9px 18px;font-weight:700;position:fixed;transform:translate(-50%);box-shadow:0 8px 22px #00000073}.interact-prompt.hidden{display:none}@media (width<=1024px) and (orientation:landscape){.zone-tag{top:calc(54px + var(--sa-top));left:calc(8px + var(--sa-left))}.zone-banner{top:calc(78px + var(--sa-top))}.panel.open~.mobile-controls #mobile-attack,.panel.open~.interact-prompt{display:none}}@media (width<=720px) and (orientation:landscape){.zone-tag{top:calc(82px + var(--sa-top))}.zone-banner{top:calc(106px + var(--sa-top))}}.zone-fade{opacity:0;pointer-events:none;z-index:30;background:#000;transition:opacity .22s;position:fixed;inset:0}.zone-fade.on{opacity:1;pointer-events:auto}.portrait-guard{z-index:100;padding:calc(24px + var(--sa-top)) calc(24px + var(--sa-right)) calc(24px + var(--sa-bottom)) calc(24px + var(--sa-left));color:#f0c978;text-align:center;background:#0d0c0c;place-items:center;display:none;position:fixed;inset:0}.portrait-guard>div{justify-items:center;gap:12px;display:grid}.portrait-guard b{letter-spacing:.04em;font-family:serif;font-size:22px}.portrait-guard small{color:#cbd5e1;font-size:13px;line-height:1.5}.portrait-guard-icon{border:3px solid #f0c978;border-radius:6px;width:30px;height:52px;margin-bottom:10px;animation:2.4s ease-in-out infinite portrait-turn}@keyframes portrait-turn{0%,20%{transform:rotate(0)}60%,to{transform:rotate(-90deg)}}@media (prefers-reduced-motion:reduce){.portrait-guard-icon{animation:none;transform:rotate(-90deg)}}@media (pointer:coarse) and (orientation:portrait){.portrait-guard{display:grid}}@media (height<=480px){.modal-card{padding:14px 18px}.town-card h1{margin:2px 0 8px;font-size:24px}.town-card .npc-dialog{gap:4px;margin:10px 0;padding:10px;font-size:13px}.town-card p{margin:6px 0}.town-card button{padding:9px 16px}}#mobile-attack{--cooldown-deg:0deg;position:relative;overflow:hidden}#mobile-attack:before{content:"";opacity:0;pointer-events:none;background:conic-gradient(from 0deg, #020617d1 var(--cooldown-deg), transparent var(--cooldown-deg));transition:opacity .12s;position:absolute;inset:0}#mobile-attack.cooling:before{opacity:1}#mobile-attack.mp-low{border-color:#ef4444;box-shadow:inset 0 0 22px #ef4444a6}@media ((pointer:coarse) or (width<=1024px)) and (orientation:landscape){#mobile-attack{width:80px;height:80px}.skill-bar{top:auto;left:auto;right:calc(52px + var(--sa-right));bottom:calc(58px + var(--sa-bottom));gap:0;width:0;height:0;display:block;position:fixed;transform:none}.skill-bar button{border-radius:50%;width:52px;height:52px;margin:-26px 0 0 -26px;position:absolute}.skill-bar button:first-child{display:none}.skill-bar button:nth-child(2){top:0;left:-132px}.skill-bar button:nth-child(3){top:-38px;left:-91px}.skill-bar button:nth-child(4){top:-93px;left:-93px}.skill-bar button:nth-child(5){top:-91px;left:-38px}.skill-bar button:nth-child(6){top:-132px;left:0}.skill-bar button b{font-size:10px;top:7px;left:50%;transform:translate(-50%)}.skill-bar button strong{width:24px;height:24px;margin:16px auto 0;font-size:15px}.skill-bar button span{display:none}.skill-bar button{opacity:.66;transition:opacity .12s}.skill-bar button:active{opacity:1}#mobile-attack{opacity:.8;transition:opacity .12s}#mobile-attack:active{opacity:1}}