@font-face{font-family:Cinzel;font-style:normal;font-weight:600;font-display:swap;src:url(./Cinzel-600-Dc04s2rB.ttf)format("truetype")}@font-face{font-family:Cinzel;font-style:normal;font-weight:700;font-display:swap;src:url(./Cinzel-700-BnVU4aZj.ttf)format("truetype")}@font-face{font-family:Cinzel;font-style:normal;font-weight:800;font-display:swap;src:url(./Cinzel-800-Dr6uQdRF.ttf)format("truetype")}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(./Inter-500-DvphOyYU.ttf)format("truetype")}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(./Inter-600-BEUPqj-s.ttf)format("truetype")}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(./Inter-700-DJlYPwri.ttf)format("truetype")}@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;src:url(./Inter-800-Cfj_m2VG.ttf)format("truetype")}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--gold:#ffda83;--pale:#fff6e3;--muted:#d0d8e4;--line:#baa16e55;--serif:"Cinzel", Georgia, serif;font-family:Inter,sans-serif;font-weight:600}*{box-sizing:border-box}body{color:var(--pale);background:radial-gradient(at 50% 40%,#283448,#0d1420 48%,#070a10 85%);justify-content:center;align-items:center;height:100dvh;margin:0;display:flex;overflow:hidden}button,input,label{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:hover{filter:brightness(1.15)}button:active{transform:translateY(1px)}button:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #ffe29d}svg{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;width:100%;height:100%;display:block}[hidden]{display:none!important}#game{aspect-ratio:9/16;isolation:isolate;touch-action:none;-webkit-user-select:none;user-select:none;background:#121c29;width:min(100vw,56.25dvh);height:min(100dvh,177.778vw);position:relative;overflow:hidden;box-shadow:0 0 0 1px #ad8e5255,0 0 100px #000b;container-type:size}#game.home,#game.modal-open{touch-action:pan-y}#world,#world canvas,.vignette,#numbers,#damage-flash{width:100%;height:100%;position:absolute;inset:0}.vignette{pointer-events:none;z-index:1;background:linear-gradient(#060c16e8,#0000 31% 66%,#070d17ed),radial-gradient(#0000 45%,#060c182b)}#damage-flash{z-index:3;pointer-events:none;opacity:0;transition:opacity .1s;box-shadow:inset 0 0 95px #ff4040}#hud{top:max(15px, env(safe-area-inset-top));z-index:3;text-shadow:0 2px 3px #000,0 0 7px #000;position:absolute;left:17px;right:17px}.vitals{align-items:center;gap:10px;display:flex}.crest{width:38px;height:47px;color:var(--gold);filter:drop-shadow(0 2px 3px #000);flex-shrink:0}.bars{flex:1;min-width:0}.bar-label{letter-spacing:.5px;justify-content:space-between;margin-bottom:6px;font-size:12px;font-weight:800;display:flex}.bar-label strong{white-space:nowrap;font-size:14px}.hp-track{background:#271620;border:1px solid #e8ac9366;height:12px;padding:1px}.hp-track>div{background:linear-gradient(90deg,#b93f43,#f58b72);width:100%;height:100%;transition:width .15s}.shield-readout{color:#9ee6ff;align-items:center;gap:4px;margin-top:4px;font-size:11px;display:flex}.shield-readout svg,.shield-readout>span{width:12px;height:13px}.icon-button{width:44px;height:44px;color:var(--gold);background:#101a2be8;border:1px solid #b7ac845e;flex-shrink:0;place-items:center;padding:12px;display:grid}.xp-label{justify-content:space-between;margin-top:10px;margin-bottom:5px;font-size:12px;display:flex}.xp-label strong{color:var(--gold)}.xp-label>span{color:#a1eddf}.xp-track{background:#233549;border:1px solid #88e4d830;height:6px}.xp-track>div{background:#8bf3d3;width:0;height:100%;transition:width .2s;box-shadow:0 0 7px #55e2c45c}.readouts{justify-content:space-between;align-items:center;margin-top:10px;font-size:13px;font-weight:800;display:flex}#wave{color:#ffdf94}#timer{font:800 22px var(--serif);font-variant-numeric:tabular-nums}.kills{align-items:center;gap:7px;font-size:17px;display:flex}.kills>span{width:20px;height:21px}.zone-row{letter-spacing:1px;color:#e7dfce;border-top:1px solid #c2bfa030;justify-content:space-between;align-items:center;margin-top:9px;padding-top:9px;font-size:11px;font-weight:800;display:flex}#zone-dots{gap:7px;display:flex}#zone-dots i{border:1px solid #aa9873;width:8px;height:8px;transform:rotate(45deg)}#zone-dots i.active{background:var(--gold);box-shadow:0 0 8px #edce6e55}#zone-dots i.complete{background:#8bdec4;border-color:#8bdec4}#boss-hud{text-align:center;color:#ffd4ad;background:#121522d9;margin:11px 0 0;padding:8px;font-size:12px}.boss-track{background:#2b1010;border:1px solid #d4af57;border-radius:3px;height:10px;margin-top:6px;overflow:hidden;box-shadow:0 0 0 1px #6e4b22,inset 0 1px 2px #000b,0 1px #ffe9a366}.boss-track>div{background:linear-gradient(90deg,#c0392b,#e74c3c);width:100%;height:100%;box-shadow:inset 0 1px #ffb7a755}#numbers{z-index:4;pointer-events:none;overflow:hidden}.damage-number{color:#fff5bd;text-shadow:2px 0 #15121b,-2px 0 #15121b,0 2px #15121b,0 -2px #15121b,0 3px 6px #000;will-change:transform, opacity;font-size:18px;font-weight:800;position:absolute}.damage-number.critical{color:#ffe196;font-size:24px}.damage-number.hurt{color:#ff8d83}.damage-number.heal{color:#97ffca}.damage-number.shield{color:#93eaff}#banner{z-index:6;pointer-events:none;text-align:center;font:800 21px var(--serif);color:var(--gold);text-shadow:0 2px 5px #000;opacity:0;background:linear-gradient(90deg,#0000,#141824ef 14% 86%,#0000);border-block:1px solid #f2ca7780;padding:14px 10px;transition:opacity .25s;position:absolute;top:30%;left:10px;right:10px}#banner small{color:#f5eedf;margin-top:5px;font:700 12px Inter,sans-serif;display:block}#toast{z-index:5;text-align:center;color:#ffdf94;text-shadow:0 2px 5px #000,0 0 10px #000;opacity:0;pointer-events:none;font-size:14px;font-weight:800;transition:opacity .2s;position:absolute;top:26%;left:10px;right:10px}#loadout{left:14px;right:14px;bottom:max(14px, env(safe-area-inset-bottom));z-index:3;grid-template-columns:repeat(6,1fr);gap:5px;display:grid;position:absolute}.skill-slot{aspect-ratio:1;max-height:65px;color:var(--gold);background:linear-gradient(135deg,#28384bed,#0d1626ed);border:1px solid #dbc185a6;border-radius:3px;place-items:center;display:grid;position:relative;overflow:hidden;box-shadow:0 3px 8px #0008}.skill-slot>svg{filter:drop-shadow(0 2px 2px #000);z-index:1;width:60%;height:60%}.skill-slot.locked{color:#a7b2c4;opacity:.48;border-color:#6d7a8d}.skill-slot .rank{z-index:2;text-shadow:0 1px 4px #000;font-size:12px;font-weight:800;position:absolute;bottom:1px;right:3px}.skill-slot .cooldown{background:#efd08230;position:absolute;bottom:0;left:0;right:0}.skill-slot.locked .rank{font-size:10px}#controls{bottom:max(13px, env(safe-area-inset-bottom));z-index:3;justify-content:space-between;align-items:center;gap:8px;display:flex;position:absolute;left:17px;right:17px}#move-hint{color:#e2e9f4;text-shadow:0 2px 5px #000;font-size:11px;font-weight:700;line-height:1.5}#joystick{z-index:5;pointer-events:none;background:#11203266;border:2px solid #f0dc9775;border-radius:50%;width:102px;height:102px;display:none;position:absolute;bottom:155px;left:35px;box-shadow:inset 0 0 0 14px #bca56d0c}#stick{background:#d5bd8650;border:2px solid #ffdc9688;border-radius:50%;width:42px;height:42px;position:absolute;top:28px;left:28px}.joystick-mode #joystick{display:block}.home #joystick{display:none}#gate-hint{z-index:5;pointer-events:none;text-align:center;color:#b3ffdf;text-shadow:0 2px 5px #000,0 0 12px #000;font-size:14px;font-weight:800;position:absolute;top:27%;left:15px;right:15px}.screen{z-index:8;position:absolute;inset:0}.home #hud,.home #consumables,.home #loadout,.home #controls{display:none}.home-screen{overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:none;background:linear-gradient(#0c1420ec,#101927e8);overflow-y:auto}.home-content{padding:20px 20px max(18px, env(safe-area-inset-bottom));max-width:600px;margin:auto}.home-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;display:flex}.home-heading>span{width:32px;height:42px;color:var(--gold);flex-shrink:0}.eyebrow{letter-spacing:1.7px;color:var(--gold);margin:0 0 7px;font-size:11px;font-weight:800}h1{font:800 23px var(--serif);letter-spacing:-.8px;text-shadow:0 2px 4px #000;margin:0;line-height:1.2}.character-tabs{grid-template-columns:1fr 1fr;gap:9px;display:grid}.character-tabs button{text-align:left;background:#151f2e;border:1px solid #74839470;border-radius:4px;justify-content:center;align-items:center;gap:8px;min-height:67px;padding:10px 8px;display:flex}.character-tabs button[aria-pressed=true]{background:linear-gradient(135deg,#4a3c27,#292924);border:2px solid #e7c47c;box-shadow:0 0 12px #c8a46619}.character-tabs button>span:first-child{width:23px;height:28px;color:var(--gold);flex-shrink:0}.character-tabs strong{font-size:14px;font-weight:800;line-height:1.3;display:block}.character-tabs small{color:#d4ddec;margin-top:5px;font-size:11px;display:block}.demo-frame{background:radial-gradient(at 50% 40%,#31405b55,#111a27);border:1px solid #6d7b904d;border-radius:4px;height:clamp(165px,22dvh,220px);margin-top:12px;position:relative;overflow:hidden}#skill-demo{touch-action:none;width:100%;height:100%}#skill-demo canvas{width:100%;height:100%;display:block}.demo-topline{pointer-events:none;letter-spacing:.5px;text-shadow:0 1px 3px #000;justify-content:space-between;align-items:center;font-size:10px;font-weight:800;display:flex;position:absolute;top:8px;left:10px;right:8px}#demo-event{color:#d9e2ef}#demo-event.heal{color:#9dffc8}#demo-event.shield{color:#a6eaff}#replay-demo{pointer-events:auto;background:#111b2bdc;border:1px solid #7b8a9e6e;border-radius:3px;min-height:30px;padding:6px 8px;font-size:11px;font-weight:800}.demo-hint{color:#c8d3e3;text-shadow:0 1px 3px #000;pointer-events:none;font-size:10px;position:absolute;bottom:10px;left:10px}#character-stats{pointer-events:none;text-shadow:0 2px 4px #000;gap:9px;font-size:11px;display:flex;position:absolute;bottom:9px;right:10px}#character-stats strong{color:#ffda8c}.section-label{justify-content:space-between;align-items:center;gap:8px;margin:15px 0 9px;font-size:10px;display:flex}.section-label strong{color:var(--gold);letter-spacing:1px;font-size:11px}.section-label span{color:#d1dbe9}#skill-previews{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.preview-skill{color:#dce8f7;background:#192535;border:1px solid #8191aa55;border-radius:4px;justify-content:center;align-items:center;gap:6px;min-height:67px;padding:7px 5px;display:flex}.preview-skill>span{width:26px;height:26px;color:var(--gold);flex-shrink:0}.preview-skill strong{text-align:left;font-size:12px;font-weight:800;line-height:1.35}.preview-skill[aria-pressed=true]{border:2px solid var(--gold);background:#3f3928;box-shadow:inset 0 0 18px #daba4620}#skill-description{min-height:108px;margin:13px 0 16px}#preview-name{font:800 17px var(--serif);color:var(--pale);letter-spacing:-.3px;margin:0 0 6px}#preview-copy{color:#e0e8f3;margin:0 0 9px;font-size:13px;font-weight:600;line-height:1.55}.stat-chips{flex-wrap:wrap;gap:5px;display:flex}.stat-chip{color:#d8e2f0;white-space:nowrap;background:#f0c8700e;border:1px solid #bea66a3b;border-radius:3px;padding:5px 7px;font-size:10px;font-weight:800}.stat-chip b{color:#ffe289;text-shadow:0 1px 3px #000;margin-right:3px;font-size:14px;font-weight:800}.movement-picker{border:0;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 13px;padding:0;display:grid}.movement-picker legend{letter-spacing:1px;color:var(--gold);margin-bottom:8px;font-size:11px;font-weight:800}.movement-picker label{cursor:pointer;background:#152132;border:1px solid #8998ab55;border-radius:4px;align-items:center;gap:6px;min-height:58px;padding:9px 8px;display:flex}.movement-picker label:has(input:checked){background:#203247;border:2px solid #a9d2fa}.movement-picker input{accent-color:#e6c882;flex-shrink:0;width:14px;height:14px;margin:0}.movement-picker label>span:first-of-type{color:#d6e8ff;flex-shrink:0;width:21px;height:22px}.movement-picker strong{font-size:12px;font-weight:800;display:block}.movement-picker small{color:#d3dcea;margin-top:4px;font-size:11px;display:block}.primary-button{color:#192130;width:100%;min-height:50px;font:800 14px var(--serif);background:linear-gradient(120deg,#f0d393,#c6a05f);border:1px solid #e3c081;border-radius:3px;justify-content:center;align-items:center;gap:10px;padding:11px 15px;display:flex;box-shadow:inset 0 0 0 3px #35251025,0 4px 22px #0004}.primary-button>span:first-child,.primary-button>svg{flex-shrink:0;width:22px;height:24px}.primary-button>span:nth-child(2){flex:1}.primary-button>span:last-child{font-size:20px}.home-note{text-align:center;color:#c9d3e1;margin:10px 0 0;font-size:11px;font-weight:700;line-height:1.7}.home-note>span{color:#dacaad;font-size:10px}.modal-screen{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);touch-action:pan-y;background:#070d18c7;justify-content:center;align-items:center;padding:20px;display:flex}.modal-panel{overscroll-behavior:contain;outline-offset:4px;text-align:center;scrollbar-width:none;background:linear-gradient(135deg,#243145,#101a29);border:1px solid #d1b4729c;border-radius:4px;outline:1px solid #d9b65e27;width:100%;max-height:calc(100% - 10px);padding:23px 16px 19px;overflow-y:auto;box-shadow:0 15px 60px #000c}h2{font:800 24px var(--serif);color:var(--pale);letter-spacing:-.7px;text-shadow:0 2px 4px #000;margin:0 0 9px;line-height:1.25}.modal-copy{color:#dde6f3;margin:0 0 17px;font-size:13px;font-weight:600;line-height:1.6}.cards{flex-direction:column;gap:12px;display:flex}.skill-card{text-align:left;width:100%;color:var(--pale);background:linear-gradient(110deg,#39495b85,#0c1525bd);border:1px solid #b7a06c80;border-radius:4px;padding:13px 12px}.skill-card:hover{border-color:var(--gold);background:#34465b}.card-header{align-items:center;gap:9px;margin-bottom:8px;display:flex}.card-icon{width:33px;height:35px;color:var(--gold);filter:drop-shadow(0 0 5px #dcb45844);flex-shrink:0}.card-header strong{flex:1;font-size:14px;font-weight:800;line-height:1.35}.level-badge{color:#ffe59b;white-space:nowrap;background:#63502950;border:1px solid #f4cc7680;border-radius:3px;padding:4px 6px;font-size:11px;font-weight:800;display:block;box-shadow:0 0 10px #dcbb5530}.skill-card p{color:#dbe5f3;margin:0 0 8px;font-size:12px;font-weight:600;line-height:1.5}.skill-card .stat-chips{gap:5px}.skill-card .stat-chip{font-size:10px}.skill-card .stat-chip b{font-size:13px}.upgrade-delta{color:#ffe398;margin-top:8px;font-size:12px;font-weight:800}.modal-note{color:#cfdbeb;margin:15px 0 0;font-size:12px;font-weight:700;line-height:1.6}.end-crest{width:43px;height:51px;color:var(--gold);margin:0 auto 17px}.end-stats{border-block:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:8px;margin:21px 0;padding:17px 0;display:grid}.end-stats b{font:800 22px var(--serif);color:var(--gold);display:block}.end-stats span{color:#d2ddea;margin-top:7px;font-size:10px;font-weight:800;display:block}.secondary-button{color:#eff5ff;background:#27364c60;border:1px solid #a7b6ca6b;border-radius:3px;width:100%;min-height:44px;margin-top:10px;padding:10px;font-size:13px;font-weight:800}.bestiary-list{gap:10px;margin:16px 0;display:grid}.enemy-card{text-align:left;background:#111d2caf;border:1px solid #8a9fb45e;border-radius:4px;align-items:center;gap:11px;padding:9px;display:flex}.enemy-card img{object-fit:cover;border:1px solid #859aad33;border-radius:3px;flex-shrink:0;width:68px;height:78px}.enemy-card strong{margin-bottom:4px;font-size:15px;font-weight:800;display:block}.enemy-card small{color:#ffdb8d;letter-spacing:.5px;margin-bottom:5px;font-size:10px;font-weight:800;display:block}.enemy-card p{color:#e0e9f6;margin:0;font-size:12px;font-weight:600;line-height:1.45}.zone-route{justify-content:center;gap:7px;margin:14px 0;font-size:12px;font-weight:800;display:flex}.zone-route span{border:1px solid #8091ac77;padding:5px 9px}.zone-route .current{color:#1c2734;background:var(--gold);border-color:var(--gold)}#loading{z-index:20;color:var(--gold);text-align:center;background:#0e1520;flex-direction:column;justify-content:center;align-items:center;padding:25px;display:flex;position:absolute;inset:0}#loading p{font:700 16px var(--serif)}.loading-sigil{font-size:44px;animation:1.2s infinite alternate pulse}@keyframes pulse{to{opacity:.3;transform:rotate(90deg)}}.gold-readout{color:#ffe19b;align-items:center;gap:5px;font-size:15px;display:flex}.gold-readout>span{width:20px;height:20px}.readouts{gap:8px}#timer{font-size:20px}.damage-number.gold{color:#ffdf72;font-size:15px}#consumables{left:14px;right:14px;bottom:calc(83px + env(safe-area-inset-bottom));z-index:4;grid-template-columns:1fr 1fr;gap:8px;display:grid;position:absolute}#consumables button{color:#fff0c9;background:linear-gradient(140deg,#26364af2,#101a2bf5);border:1px solid #c7aa6666;border-radius:5px;justify-content:center;align-items:center;gap:8px;min-height:51px;padding:7px;display:flex;box-shadow:0 2px 12px #0007}#consumables button>span:first-child{color:#ee9f9f;width:27px;height:31px}#consumables #use-elixir>span:first-child{color:#95d9ff}#consumables strong{font-size:12px;font-weight:800;display:block}#consumables small{color:#ffda80;margin-top:3px;font-size:10px;font-weight:800;display:block}#consumables kbd{color:#e7e3d5;border:1px solid #e6d19160;border-radius:3px;padding:3px 5px;font:800 10px Inter,sans-serif}.joystick-mode #consumables kbd,.dying #joystick,.dying #consumables{display:none}.preparing #banner{animation:.7s infinite alternate ready-glow;box-shadow:0 0 24px #ffe29b26}@keyframes ready-glow{to{text-shadow:0 0 14px #ffe29b,0 2px 5px #000;border-color:#ffe5a0}}.boss-card{text-align:left;background:linear-gradient(145deg,#47332655,#191c31bb);border:1px solid #d3a46c99;border-radius:5px;margin:16px 0 22px;padding:12px}.boss-profile{align-items:center;gap:12px;display:flex}.boss-profile img{object-fit:contain;background:#1b2635;border-radius:4px;flex-shrink:0;width:105px;height:130px}.boss-profile .eyebrow{letter-spacing:1px;font-size:9px}.boss-profile h3{font:800 18px var(--serif);color:#fff0cf;margin:0 0 7px;line-height:1.3}.boss-hp{color:#ffda88;font-size:16px}.boss-profile p:not(.eyebrow){color:#e1e8f1;margin:8px 0 0;font-size:11px;line-height:1.5}.boss-card ul{color:#e7eaf2;margin:13px 0 2px;padding-left:17px;font-size:12px;line-height:1.65}.boss-card li+li{margin-top:7px}.intro-footer{background:linear-gradient(#0000,#172334 12px);margin:0 -2px -10px;padding:20px 0 10px;position:sticky;bottom:-19px}.intro-footer .modal-note{margin:7px 0 0;font-size:10px}.equipment-summary{gap:7px;margin:14px 0;display:grid}.equipment-summary>div{text-align:left;background:#162233aa;border:1px solid #8194ad44;align-items:center;gap:10px;padding:8px 10px;display:flex}.equipment-summary>div>span{color:#efce82;width:24px;height:28px}.equipment-summary strong{flex:1;font-size:12px}.equipment-summary small{color:#b8c9dc;margin-top:3px;font-size:10px;display:block}.equipment-summary b{color:#ffdc8c;font-size:13px}.equipment-card{border-color:#9bb99b80}.equipment-card .level-badge{color:#caf4cc;border-color:#9acd9c80}@container (width<=365px){.boss-profile img{width:87px;height:119px}.boss-profile h3{font-size:16px}.boss-profile{gap:9px}#consumables strong{font-size:11px}.gold-readout{font-size:13px}}@container (height<=800px){.home-content{padding:15px}.home-heading{margin-bottom:12px}h1{font-size:21px}.character-tabs button{min-height:58px}.demo-frame{height:165px;margin-top:10px}.preview-skill{min-height:57px}.section-label{margin:11px 0 7px}#skill-description{min-height:102px;margin:11px 0 13px}.home-note{margin-top:8px}.modal-screen{padding:16px}.modal-panel{padding:20px 13px 16px}#hud{top:12px}.readouts{margin-top:8px}}@container (width<=365px){.character-tabs button{gap:5px;padding:8px 5px}.character-tabs strong{font-size:13px}.character-tabs small{font-size:11px}.movement-picker label{gap:4px;padding:8px 5px}.movement-picker label>span:first-of-type{display:none}.section-label>span{font-size:9px}.card-header strong{font-size:13px}.level-badge{padding:4px;font-size:10px}.preview-skill{gap:4px}.preview-skill strong{font-size:11px}.preview-skill>span{width:23px}.home-heading>span{width:26px}h1{font-size:20px}.eyebrow{font-size:10px}.hp-track{height:11px}}:root{--health:#63ff95;--speed:#fff;--shield:#60bbff;--damage:#ff8056;--cooldown:#ebbd3c;--range:#d094ff}.stat-health{--stat-color:var(--health)}.stat-speed{--stat-color:var(--speed)}.stat-shield{--stat-color:var(--shield)}.stat-damage{--stat-color:var(--damage)}.stat-cooldown{--stat-color:var(--cooldown)}.stat-range{--stat-color:var(--range)}.stat-neutral{--stat-color:#edf1fa}:is(.stat-health,.stat-speed,.stat-shield,.stat-damage,.stat-cooldown,.stat-range,.stat-neutral),.stat-chip b{color:var(--stat-color,inherit)!important}.stat-chip{border-color:color-mix(in srgb, var(--stat-color,#fff) 35%, transparent);background:#0d192bd9}.stat-chip b{font-size:15px}#hp-text,.boss-hp,#demo-event.heal,.damage-number.heal{color:var(--health)}.hp-track{background:#0b2820;border-color:#63ff9560}.hp-track>div{background:linear-gradient(90deg, #20b86b, var(--health))}.shield-readout,#demo-event.shield,.damage-number.shield{color:var(--shield)}.damage-number,.damage-number.critical,.damage-number.hurt{color:var(--damage)}.damage-number.gold{color:var(--cooldown)}#boss-name{color:#ffb4a6}.casual-icon{filter:drop-shadow(0 1px 3px #0008);flex-shrink:0}#toast{color:var(--cooldown);background:#0a1525d9;border-radius:8px;padding:8px 10px;font-size:13px;line-height:1.5;top:auto;bottom:211px}.joystick-mode #toast{left:145px}#consumables .unaffordable{opacity:.65}#consumables small{color:#e1e9fa}*{-ms-overflow-style:none;scrollbar-width:none!important}::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}::-webkit-scrollbar-track{background:0 0!important;width:0!important;height:0!important;display:none!important}::-webkit-scrollbar-thumb{background:0 0!important;width:0!important;height:0!important;display:none!important}::-webkit-scrollbar-button{background:0 0!important;width:0!important;height:0!important;display:none!important}.home-screen,.modal-panel{--fade-top:0px;--fade-bottom:0px;-webkit-mask-image:linear-gradient(to bottom, transparent, black var(--fade-top), black calc(100% - var(--fade-bottom)), transparent);-webkit-mask-image:linear-gradient(to bottom, transparent, black var(--fade-top), black calc(100% - var(--fade-bottom)), transparent);mask-image:linear-gradient(to bottom, transparent, black var(--fade-top), black calc(100% - var(--fade-bottom)), transparent)}.can-scroll-up{--fade-top:23px}.can-scroll-down{--fade-bottom:25px}.scroll-cue{z-index:15;pointer-events:none;color:#ffe39b;text-shadow:0 2px 3px #000,0 0 7px #000;font-size:12px;line-height:16px;animation:1.35s ease-in-out infinite scroll-pulse;position:absolute;transform:translate(-50%)}@keyframes scroll-pulse{0%,to{opacity:.5}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.scroll-cue{animation:none}}.shop-panel{text-align:left;background:linear-gradient(140deg,#293147,#101b2b 50%);border-color:#d7b368}.shop-top{z-index:2;text-align:center;background:linear-gradient(#202d42 85%,#202d4200);margin:-10px -4px 14px;padding:22px 4px 10px;position:sticky;top:-24px}.shop-top h2{margin-bottom:9px;font-size:22px}.shop-wallet{color:#ffdc71;justify-content:center;align-items:center;gap:7px;font-size:12px;display:flex}.shop-wallet strong{font-variant-numeric:tabular-nums;font-size:23px}.shop-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:8px 0;display:grid}.shop-stats>div{border:1px solid color-mix(in srgb, var(--stat-color) 27%, transparent);background:#0e192ac9;border-radius:6px;min-width:0;padding:9px 7px}.shop-stats small{font-size:9px;font-weight:800;line-height:1.5;display:block}.shop-stats strong{white-space:nowrap;font-size:17px;line-height:1.5;display:block}.shop-note{color:#c9d7ee;margin:7px 0 12px;font-size:10px;line-height:1.6}.shop-section-title{font:800 15px var(--serif);color:#ffe3a2;margin:23px 0 10px}.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.shop-item{background:linear-gradient(135deg,#30425c,#18263d);border:1px solid #adc5eb40;border-radius:9px;flex-direction:column;min-width:0;padding:12px 10px;display:flex;box-shadow:0 4px 12px #0003}.shop-item-title{align-items:center;gap:8px;min-height:45px;display:flex}.shop-item h3{margin:0;font-size:13px;font-weight:800;line-height:1.35}.shop-item p{margin:10px 0 8px;font-size:11px;font-weight:800;line-height:1.5}.shop-item .stock{color:#d5e1f3;margin-top:auto;font-size:10px;line-height:1.6}.shop-item .stock b{color:#fff;font-size:13px}.equipment-pips{gap:4px;margin:7px 0;display:flex}.equipment-pips i{background:#111c31;border:1px solid #bc9a5559;border-radius:3px;width:15px;height:5px}.equipment-pips .filled{background:#f4cf75;box-shadow:0 0 5px #eaba5844}.shop-item button{color:#fff0bc;background:linear-gradient(#81643b,#57462f);border:1px solid #e9c56d9c;border-radius:5px;justify-content:center;align-items:center;gap:4px;width:100%;min-height:44px;margin-top:10px;padding:8px 3px;font-size:12px;font-weight:800;display:flex}.shop-item button svg{width:15px;height:15px}.shop-item button:disabled{color:#97a8bf;cursor:not-allowed;filter:none;background:#172235;border-color:#859abc40;transform:none}.shop-footer{z-index:2;background:linear-gradient(#0000,#142034 15px);margin:15px -3px -8px;padding:12px 3px 18px;position:sticky;bottom:-20px}#shop-message{color:#d9e8ff;text-align:center;min-height:32px;margin:7px 2px;font-size:11px;line-height:1.5}@container (width<=365px){.shop-grid{gap:7px}.shop-item{padding:10px 8px}.shop-item-title{gap:5px}.shop-item-title svg{width:30px;height:30px}.shop-item h3{font-size:12px}.shop-stats strong{font-size:15px}.shop-top h2{font-size:20px}.shop-stats{gap:5px}.shop-stats>div{padding:8px 5px}}.home .vignette{background:linear-gradient(#050b16a6,#0000 36%,#04081233 55%,#040913d9)}.castle-menu{padding:clamp(28px, 8dvh, 85px) 28px max(25px, env(safe-area-inset-bottom));touch-action:pan-y;background:linear-gradient(#06102033,#0000 45%,#07102180);flex-direction:column;justify-content:space-between;align-items:center;display:flex;overflow-y:auto}.menu-title{text-align:center;filter:drop-shadow(0 4px 14px #000);flex-shrink:0}.menu-title h1{font:800 clamp(20px, 8cqw, 42px) var(--serif);letter-spacing:1px;color:#fff3d7;-webkit-text-fill-color:currentColor;-webkit-text-stroke:0;text-shadow:0 2px 1px #070b17,0 4px 14px #000;filter:none;white-space:nowrap;background:0 0;margin:13px 0 5px}.creator-tag{color:#e5cc92;font-family:var(--serif);letter-spacing:.4px;justify-content:center;align-items:center;gap:7px;margin:9px 0 12px;font-size:11px;font-style:normal;display:flex}.creator-tag strong{color:#f9dea0;letter-spacing:.7px;font-weight:650}.creator-tag:before,.creator-tag:after{content:"";background:linear-gradient(90deg,#0000,#cda45f);width:20px;height:1px}.creator-tag:after{transform:rotate(180deg)}.illustrated-icon{stroke:none;fill:none;filter:drop-shadow(0 2px 3px #0009)}.character-tabs button>span:first-child{flex:0 0 46px;width:46px;height:46px}.character-tabs .illustrated-icon{width:46px;height:46px}.shop-item-title .illustrated-icon{width:34px;height:34px}.shop-item button{font-size:10px;line-height:1.25}.menu-title p{letter-spacing:6px;color:#e7d9b9;margin:0;font-size:11px;font-weight:800}.menu-sigil{color:#ffe3a2;filter:drop-shadow(0 0 15px #d7a85688);width:66px;height:72px;margin:auto;display:block}.menu-actions{flex-shrink:0;gap:10px;width:min(100%,310px);padding-top:110px;display:grid}#menu-start{letter-spacing:1.2px;background:linear-gradient(120deg,#ffe4a4,#b9975b);height:58px;font-size:17px;box-shadow:0 0 35px #e4b45a30,inset 0 0 0 3px #261b2425}.menu-button{color:#eee4cb;height:49px;font:800 14px var(--serif);letter-spacing:1.5px;background:linear-gradient(120deg,#14233cf0,#121c2ce8);border:1px solid #c5ab725e;border-radius:4px;box-shadow:inset 0 0 0 3px #ffffff04}.menu-control{color:#dbe8fa;background:#06101ccc;border:0;border-radius:4px;min-height:36px;font-size:11px}.back-menu{color:#dce5f4;background:#17263bbd;border:1px solid #8296b34d;border-radius:4px;min-height:36px;margin:0 0 14px;padding:9px 12px;font-size:10px;font-weight:800}#home{background:linear-gradient(#0a1526e3,#111c2aea)}.menu-leaving{pointer-events:none;animation:.5s both menu-out}.selection-entering{pointer-events:none;animation:.65s .2s both selection-in}@keyframes menu-out{to{opacity:0;transform:translateY(-18px)}}@keyframes selection-in{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.menu-leaving,.selection-entering{animation-duration:.12s;animation-delay:0s}}#modal-content #menu-close{margin-top:20px}#modal-content:focus{outline:none}.shop-panel{max-width:530px;padding:14px 12px 12px}.shop-top{text-align:left;background:0 0;justify-content:space-between;align-items:center;gap:8px;margin:0 0 8px;padding:0;display:flex;position:static}.shop-top .eyebrow{letter-spacing:.8px;margin-bottom:5px;font-size:8px}.shop-top h2{margin:0;font-size:18px;line-height:1.25}.shop-wallet{background:#0a1626b3;border:1px solid #d5b6654d;border-radius:5px;flex-shrink:0;gap:5px;padding:7px}.shop-wallet strong{font-size:18px}.shop-wallet svg{width:17px;height:17px}.shop-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin:6px 0}.shop-stats>div{border-radius:4px;padding:5px}.shop-stats small{letter-spacing:0;font-size:8px;line-height:1.5}.shop-stats strong{font-size:13px;line-height:1.4}.shop-stats>div:last-child{grid-column:span 2}.shop-income{color:#e8c46c;justify-content:space-between;gap:5px;margin:7px 0 9px;font-size:9px;display:flex}.shop-grid{gap:7px}.shop-item{box-shadow:none;border-radius:6px;padding:8px}.shop-item button.gear-purchase{flex-direction:column;gap:1px;font-size:10.5px}.gear-price{align-items:center;gap:4px;font-size:11px;display:inline-flex}.shop-item-title{gap:6px;min-height:29px}.shop-item-title svg{width:27px;height:27px}.shop-item h3{font-size:12px;line-height:1.25}.shop-item p{white-space:nowrap;margin:5px 0;font-size:11px;line-height:1.25}.shop-item .stock{font-size:10px;line-height:1.3}.shop-item .stock b{font-size:12px}.equipment-pips{gap:2px;margin:4px 0 0}.equipment-pips i{border-width:0;width:7px;height:3px}.shop-item button{min-height:44px;margin-top:5px;padding:5px;font-size:12px}.shop-section-title{margin:11px 0 7px;font-size:11px}.shop-footer{background:0 0;margin:8px 0 0;padding:0;position:static}#shop-message{min-height:15px;margin:5px 0 8px;font-size:10px;line-height:1.45}#leave-shop{min-height:44px;padding:8px;font-size:12px}.shop-panel.can-scroll-up{--fade-top:13px}.shop-panel.can-scroll-down{--fade-bottom:16px}@container (height>=620px) and (height<=740px){.shop-panel{padding:10px 12px}.shop-top{margin-bottom:6px}.shop-stats>div{padding:3px}.shop-stats small{line-height:1.3}.shop-stats strong{line-height:1.25}.shop-item{padding:6px}.shop-item-title{min-height:25px}.shop-item-title svg{width:25px;height:25px}.shop-item p{margin:2px 0}.shop-section-title{margin:7px 0 5px}.shop-footer{margin-top:6px}#shop-message{margin:3px 0 5px}}.can-scroll-up,.can-scroll-down{cursor:grab}.drag-scrolling,.drag-scrolling *{cursor:grabbing!important;-webkit-user-select:none!important;user-select:none!important}.scroll-cue{text-align:center;color:#ffdf6b;text-shadow:0 0 8px #ffd15b77;background:#12213de6;border:1px solid #f9c45888;border-radius:9px;width:28px;height:28px;font-size:22px;line-height:28px;animation:1.2s ease-in-out infinite cue-breathe;box-shadow:0 0 15px #ffbc4945}.scroll-up{--cue-drift:-3px}.scroll-down{--cue-drift:3px}@keyframes cue-breathe{0%,to{opacity:.7;transform:translate(-50%)translateY(0)}50%{opacity:1;transform:translateX(-50%) translateY(var(--cue-drift))}}@media (prefers-reduced-motion:reduce){.scroll-cue{animation:none}}@container (height<=620px){.castle-menu{padding-top:25px;padding-bottom:16px}.menu-actions{gap:7px;padding-top:60px}.menu-title h1{font-size:clamp(20px,8cqw,28px)}.menu-sigil{width:33px;height:39px}.menu-button{height:42px}#menu-start{height:49px}}@container (width<=350px){.shop-panel{padding:12px 9px}.shop-grid{gap:5px}.shop-item{padding:6px}.shop-item-title{gap:4px}.shop-item-title svg{width:23px;height:23px}.shop-item h3{font-size:10px}.shop-item p{font-size:9px}.shop-top h2{font-size:16px}.shop-stats strong{font-size:11px}}.settings-secret{font:inherit;color:inherit;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;cursor:default;background:0 0;border:0;margin:-4px -8px;padding:4px 8px}.settings-secret,.settings-secret:hover,.settings-secret:active,.settings-secret:focus-visible{-webkit-tap-highlight-color:transparent;filter:none!important;box-shadow:none!important;color:inherit!important;background:0 0!important;outline:none!important;transition:none!important;animation:none!important;transform:scale(1)!important}.audio-settings{gap:10px;margin:18px 0 10px;display:grid}.audio-channel{background:linear-gradient(120deg,#17243f,#101a2c);border:1px solid #788bb14d;border-radius:8px;min-width:0;padding:12px 14px;position:relative}.audio-channel legend{color:#ffe0a2;letter-spacing:1px;padding:0 5px;font-size:12px;font-weight:800}.audio-switch{cursor:pointer;align-items:center;gap:9px;width:max-content;min-height:36px;margin-bottom:6px;display:flex}.audio-switch input{opacity:0;width:44px;height:30px;position:absolute}.switch-track{pointer-events:none;background:#43516b;border:1px solid #93a3bc;border-radius:20px;width:42px;height:24px;position:relative}.switch-track:after{content:"";background:#e4eaf1;border-radius:50%;width:16px;height:16px;transition:transform .18s;position:absolute;top:3px;left:3px}.audio-switch input:checked+.switch-track{background:#b99349;border-color:#ffe29a}.audio-switch input:checked+.switch-track:after{background:#fff5d5;transform:translate(18px)}.audio-switch input:focus-visible+.switch-track{outline-offset:3px;outline:2px solid #a1e8ff}.audio-switch strong{color:#ffe7b5;font-size:11px}.volume-label{color:#e6edff;justify-content:space-between;font-size:12px;display:flex}.volume-label output{color:#ffe0a1;font-variant-numeric:tabular-nums}.audio-channel input[type=range]{accent-color:#f3cf86;touch-action:pan-x;cursor:pointer;width:100%;height:36px}.admin-unlocked{color:#a5f8c9;font-size:12px}.audio-settings .modal-note{margin:0}.menu-sigil svg{width:100%;height:100%}#dev-shortcut{right:12px;bottom:calc(155px + env(safe-area-inset-bottom));z-index:51;color:#ffe2a1;background:#172538ed;border:1px solid #d7b576;border-radius:8px;min-width:44px;min-height:44px;font-size:11px;font-weight:900;position:absolute;box-shadow:0 3px 10px #0008}#admin-overlay{z-index:60;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);touch-action:pan-y;background:#030813c9;justify-content:center;align-items:center;padding:18px;display:flex;position:absolute;inset:0}#admin-overlay[hidden],#dev-shortcut[hidden]{display:none!important}.admin-panel{scrollbar-width:none;background:linear-gradient(145deg,#1c2a42,#0e1729);border:1px solid #d6b97590;border-radius:12px;width:100%;max-width:400px;max-height:calc(100% - 24px);padding:22px;overflow:auto;box-shadow:0 18px 70px #000b,inset 0 0 0 4px #c6ab6a0b}.admin-panel::-webkit-scrollbar{display:none}.admin-panel h2{font:700 21px var(--serif);color:#fff0cf;margin:8px 0 12px}.admin-actions{grid-template-columns:1fr 1fr;gap:10px;margin:18px 0;display:grid}.admin-actions button{color:#fff0c9;background:linear-gradient(140deg,#354664,#202c43);border:1px solid #cdb17680;border-radius:7px;min-height:64px;padding:10px;font-size:12px;font-weight:800}.admin-actions [data-cheat=wave9]{grid-column:1/-1;min-height:48px}.admin-actions button:active{background:#5c5138}#admin-status{color:#bdd8f1;min-height:38px;font-size:12px;line-height:1.6}#admin-close{width:100%}#admin-close .keyboard-cheat-hint{white-space:nowrap;flex-shrink:1;width:auto;height:auto;font:600 11px Inter,sans-serif}@media (pointer:coarse){.keyboard-cheat-hint{display:none}}@container (height<=640px){.audio-settings{gap:5px;margin:10px 0}.audio-channel{padding:5px 12px}.audio-switch{margin:0}.admin-panel{padding:15px}.admin-actions{gap:7px;margin:10px 0}}@media (prefers-reduced-motion:reduce){.switch-track:after{transition:none}}