:root{color-scheme:dark;font-family:Georgia,Times New Roman,serif;background:radial-gradient(circle at top,rgba(216,165,93,.16),transparent 42%),linear-gradient(180deg,#1d1110,#100808);color:#f3ead5}*{box-sizing:border-box}html,body,#app{height:100%;margin:0;overscroll-behavior:none}body{overflow:hidden;width:100%;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background:#100808}body.gameplay-lock,body.gameplay-lock #app,body.gameplay-lock .app-shell{overscroll-behavior:none}button,input,select{font:inherit}input,textarea,select{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}img,canvas{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.boot-shell{display:grid;place-items:center;width:100vw;height:100dvh;padding:20px;background:radial-gradient(circle at top,rgba(216,165,93,.16),transparent 42%),linear-gradient(180deg,#1d1110,#100808)}.boot-card{width:min(560px,100%);padding:22px;border:1px solid #080808;background:#4c4c4c;box-shadow:0 18px 42px #0000005c;display:grid;gap:12px;justify-items:start}.boot-logo{width:72px;height:72px;image-rendering:pixelated;filter:drop-shadow(0 4px 0 rgba(0,0,0,.45))}.boot-card h1{margin:0;font-size:clamp(2rem,4vw,3.2rem);line-height:.95;color:#f1efe7}.boot-copy,.boot-version,.boot-progress-row,.boot-progress-message{font-family:Trebuchet MS,Gill Sans,sans-serif}.boot-copy{margin:0;font-size:.95rem;line-height:1.45;color:#e1d7c0}.boot-version{font-size:.78rem;color:#d8d1be}.boot-progress-shell{height:18px;border:2px solid #080808;background:#00000047;overflow:hidden}.boot-progress-fill{width:0;height:100%;background:linear-gradient(90deg,#6e9f42,#d9c97b);transition:width .12s linear}.boot-progress-row{display:flex;justify-content:space-between;gap:12px;font-size:.82rem;color:#f1efe7}.boot-progress-message{font-size:.82rem;color:#d8d1be}.app-shell{position:relative;width:100vw;height:100vh;overflow:hidden;padding:0;background:linear-gradient(180deg,rgba(0,0,0,.18),transparent 18%),radial-gradient(circle at 80% 20%,rgba(152,70,21,.18),transparent 30%)}.hud-column{display:flex;flex-direction:column;gap:14px;min-height:0;position:absolute;top:12px;bottom:12px;width:280px;z-index:4;overflow:auto;padding-bottom:8px}.hud-left{left:12px}.hud-right{right:12px}.panel{padding:14px;border:1px solid rgba(226,191,129,.28);border-radius:16px;background:linear-gradient(180deg,#44271eeb,#1c1010f0),linear-gradient(135deg,#ffdfaa0f,#fff0);box-shadow:inset 0 1px #ffe8c314,0 10px 30px #00000052;overflow:hidden}.panel-title,.eyebrow{font-family:Trebuchet MS,Gill Sans,sans-serif;text-transform:uppercase;letter-spacing:.14em}.panel-title{margin-bottom:10px;color:#f6cf88;font-size:.72rem}.eyebrow{color:#d0a869;font-size:.7rem}.hero-panel{display:grid;gap:6px}.hero-header{display:flex;gap:12px;align-items:center}.hero-header strong{display:block;margin-top:2px}.hero-avatar{width:42px;height:42px;border-radius:10px;background:#00000059;padding:6px;border:1px solid rgba(255,236,202,.12)}.metric-line,.metric-subline,.slot-item,.slot-empty,.log-line,.choice-card p,.menu-copy,.class-traits,.footer-note,.bar-label,.skill-head,.skill-copy,.ability-copy span{font-family:Trebuchet MS,Gill Sans,sans-serif}.metric-line,.metric-subline,.footer-note,.slot-item,.slot-empty,.log-line{font-size:.86rem;color:#fcf2e0db}.metric-subline{color:#e8cca3b8}.bar-block{display:grid;gap:6px;margin-bottom:10px}.bar-label{display:flex;justify-content:space-between;font-size:.8rem}.bar-shell{position:relative;height:10px;border-radius:999px;background:#0000005c;overflow:hidden}.bar-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#ffffff1f,#ffffff0f)}.bar-shell.health .bar-fill{background:linear-gradient(90deg,#8f2a1a,#e05c46)}.bar-shell.mana .bar-fill{background:linear-gradient(90deg,#14557b,#3ba9ff)}.bar-shell.shield .bar-fill{background:linear-gradient(90deg,#3b4d89,#a3d7ff)}.skill-row{display:flex;gap:10px;align-items:center;margin-bottom:10px}.skill-icon{width:18px;height:18px;image-rendering:pixelated;object-fit:contain;object-position:center;display:block;flex:0 0 auto}.skill-copy{flex:1;display:grid;gap:4px}.skill-head{display:flex;justify-content:space-between;font-size:.8rem}.skill-subline{font-family:Trebuchet MS,Gill Sans,sans-serif;font-size:.72rem;color:#e8cca3c7}.skill-icon-weapon{width:22px;height:22px}.mini-bar{height:5px;background:#00000059;border-radius:999px;overflow:hidden}.mini-bar-fill{height:100%;background:linear-gradient(90deg,#f2b96b,#fff0c4)}.slot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.slot-card{min-height:76px;border-radius:12px;padding:10px;background:#0000002e;border:1px solid rgba(255,238,204,.08);display:grid;gap:6px}.slot-name{font-family:Trebuchet MS,Gill Sans,sans-serif;font-size:.68rem;text-transform:uppercase;letter-spacing:.09em;color:#d9b88d}.slot-icon{width:24px;height:24px;image-rendering:pixelated;object-fit:contain;object-position:center;display:block;flex:0 0 auto}.stage-column{position:absolute;inset:0;min-height:0}.stage-topbar{position:absolute;top:12px;left:304px;right:304px;z-index:5;display:flex;gap:12px;align-items:stretch}.topbar-chip{min-width:180px;padding:10px 12px;border-radius:14px;background:#391e15e0;border:1px solid rgba(255,233,203,.12);font-family:Trebuchet MS,Gill Sans,sans-serif;font-size:.85rem}.offline-chip{min-width:152px;padding:8px 10px;display:grid;gap:2px;align-content:center;background:#303030eb}.offline-chip strong,.offline-chip span{display:block;line-height:1.15}.offline-chip strong{font-size:.74rem;color:#f5ebd5}.offline-chip span{font-family:Trebuchet MS,Gill Sans,sans-serif;font-size:.66rem;color:#f1ebe0cc}.offline-chip[data-state=ready]{background:#26472ff0}.offline-chip[data-state=ready] strong,.offline-chip[data-state=ready] span{color:#dbf2d8}.offline-chip[data-state=error]{background:#582626f0}.offline-chip[data-state=error] strong,.offline-chip[data-state=error] span{color:#ffd5d5}.offline-chip[data-state=update]{background:#6e5118f5}.offline-chip[data-state=update] strong,.offline-chip[data-state=update] span{color:#fff0bf}.offline-chip-action{cursor:pointer}.offline-chip-fading{opacity:0;transition:opacity .22s ease}.offline-chip-hidden{display:none}.spell-bar{flex:1;display:flex;gap:8px;min-width:0}.ability-empty{flex:1;min-width:0;padding:12px 14px;border-radius:14px;background:#331d15db;border:1px solid rgba(255,232,205,.12);font-family:Trebuchet MS,Gill Sans,sans-serif;font-size:.82rem;color:#f6e8cdc7}.ability-chip{position:relative;flex:1;min-width:0;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:#331d15e6;border:1px solid rgba(255,232,205,.12);overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none}.ability-icon,.choice-icon{width:28px;height:28px;image-rendering:pixelated;flex:0 0 auto;object-fit:contain;object-position:center;display:block}.ability-copy{display:grid;min-width:0;gap:2px}.ability-copy strong{font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ability-copy span{font-size:.74rem;color:#f6e8cdbf}.cooldown-ring{margin-left:auto;width:9px;align-self:stretch;border-radius:999px;background:#0000006b;overflow:hidden}.cooldown-fill{margin-top:auto;width:100%;background:linear-gradient(180deg,#f6c26b,#7b391b)}.stage-shell{position:absolute;inset:0;min-height:0;border-radius:0;overflow:hidden;touch-action:none;border:none;background:radial-gradient(circle at center,#ffffff08,#0000002e),linear-gradient(180deg,#4c281a66,#0a0808eb);box-shadow:none}#game-canvas{width:100%;height:100%;display:block;touch-action:none}.overlay{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(180deg,#070405ad,#070405d6);z-index:8}.overlay.hidden{display:none}.menu-card{width:min(1080px,calc(100% - 48px));padding:30px;border-radius:28px;border:1px solid rgba(255,234,200,.18);background:radial-gradient(circle at top,rgba(255,212,145,.08),transparent 28%),linear-gradient(180deg,#402219f5,#170d0dfa);box-shadow:0 26px 80px #00000080}.menu-card h1,.menu-card h2{margin:10px 0 12px;font-size:clamp(1.8rem,3vw,3rem);line-height:1.05}.menu-copy{max-width:70ch;font-size:1rem;line-height:1.55;color:#faecced6}.class-grid,.choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-auto-rows:1fr;align-items:stretch;gap:16px;margin-top:20px}.class-card,.choice-card,.restart-button{cursor:pointer;border:1px solid rgba(255,234,200,.15);background:linear-gradient(180deg,#5f3121f5,#291612fa),radial-gradient(circle at top,rgba(255,235,204,.08),transparent 32%);color:inherit;border-radius:18px;padding:14px;text-align:left;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.class-card:hover,.choice-card:hover,.restart-button:hover{transform:translateY(-2px);border-color:#ffe2aa57;box-shadow:0 16px 40px #00000052}.class-banner{width:100%;aspect-ratio:168 / 51;height:auto;max-height:78px;object-fit:contain;object-position:center;image-rendering:pixelated;display:block;border-radius:12px;margin-bottom:12px;background:#0000003d}.class-header{display:flex;gap:10px;align-items:center;margin-bottom:10px}.class-icon{width:36px;height:36px;padding:6px;border-radius:10px;background:#00000038}.class-subtitle{font-family:Trebuchet MS,Gill Sans,sans-serif;font-size:.8rem;color:#f7ebd4b8}.class-traits{display:grid;gap:6px;font-size:.84rem}.footer-note{margin-top:18px}.level-card{max-width:980px}.choice-card{display:grid;align-content:start;align-items:start;gap:10px;min-height:200px;height:100%;position:relative}.choice-key{position:absolute;top:12px;right:12px;width:24px;height:24px;display:grid;place-items:center;border-radius:999px;background:#00000059;font-family:Trebuchet MS,Gill Sans,sans-serif;font-size:.72rem}.choice-pill,.choice-kind-label{align-self:start;display:inline-flex;padding:0;border:0;background:none;color:#ddd0ae;text-transform:uppercase;letter-spacing:.12em;font-family:Trebuchet MS,Gill Sans,sans-serif;font-size:.68rem}.choice-pill{padding:.35rem .55rem;background:#ffedcb14}.atlas-icon-crop{position:relative;display:inline-block;overflow:hidden;image-rendering:pixelated}.atlas-icon-image{position:absolute;display:block;image-rendering:pixelated}.atlas-icon-crop-large{transform:scale(1.5);transform-origin:left top;margin-bottom:6px}.message-strip{position:absolute;left:304px;right:304px;bottom:12px;z-index:5;padding:10px 14px;border-radius:14px;border:1px solid rgba(255,234,200,.12);background:#2b1612d6;font-family:Trebuchet MS,Gill Sans,sans-serif;font-size:.84rem}.ability-tooltip{position:fixed;width:280px;padding:12px 14px;border-radius:14px;border:1px solid rgba(255,230,185,.22);background:#1b0e0df5;box-shadow:0 16px 40px #0000006b;z-index:9;pointer-events:none}.ability-tooltip.hidden{display:none}.ability-tooltip-title,.ability-tooltip-copy{font-family:Trebuchet MS,Gill Sans,sans-serif}.ability-tooltip-title{display:flex;justify-content:space-between;gap:10px;font-weight:700;font-size:.86rem;color:#fff0d1}.ability-tooltip-title span{color:#f6e8cdb8;font-weight:400}.ability-tooltip-copy{margin-top:6px;font-size:.78rem;line-height:1.35;color:#f6e8cdd1}.boot-error{margin:0;padding:24px;color:#fff2dc}@media(max-width:1200px){.app-shell{display:grid;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr) auto;gap:14px;padding:14px;width:auto;height:100%;overflow:visible}.hud-column{position:static;width:auto;top:auto;bottom:auto;overflow:visible;padding-bottom:0}.hud-left,.hud-right{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-content:start}.stage-column{position:static;display:grid;grid-template-rows:auto minmax(360px,1fr) auto;gap:12px;height:100%}.stage-topbar{position:static;left:auto;right:auto;top:auto;z-index:auto}.stage-shell{position:relative;inset:auto;min-height:360px;border-radius:26px;border:1px solid rgba(250,227,193,.14);box-shadow:inset 0 1px #ffffff0d,0 18px 40px #0000006b}.message-strip{position:static;left:auto;right:auto;bottom:auto}}@media(max-width:760px){.app-shell{padding:8px;gap:8px}.stage-column{grid-template-rows:auto minmax(280px,1fr) auto}.stage-shell{min-height:280px}.stage-topbar{flex-direction:column}.spell-bar{flex-wrap:wrap}.menu-card{width:calc(100% - 16px);padding:20px}}:root{color-scheme:dark;font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,Baskerville,Georgia,serif;background:#1b1b1b;color:#f1efe7}body{background:#151515}.app-shell{background:#202020}.hud-column{gap:8px;top:8px;bottom:8px;width:244px}.hud-left{left:8px}.hud-right{right:8px}.panel,.topbar-chip,.ability-empty,.ability-chip,.menu-card,.choice-card,.restart-button,.slot-card,.message-strip,.ability-tooltip,.hero-avatar,.class-icon,.choice-key,.choice-pill,.bar-shell,.mini-bar,.class-sprite-frame,.spell-preview{border-radius:0;background-image:none;box-shadow:none}.panel{padding:10px;border:2px solid #080808;background:#5c5c5cf0}.panel-title,.eyebrow,.metric-line,.metric-subline,.slot-item,.slot-empty,.log-line,.choice-card p,.menu-copy,.class-traits,.footer-note,.bar-label,.skill-head,.skill-copy,.ability-copy span,.class-subtitle,.ability-tooltip-title,.ability-tooltip-copy,.topbar-chip,.ability-empty,.restart-button,.choice-pill{font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,Baskerville,Georgia,serif}.panel-title,.eyebrow{color:#ddd0ae}.metric-line,.metric-subline,.footer-note,.slot-item,.slot-empty,.log-line,.class-subtitle,.class-traits{color:#f1efe7}.hero-avatar,.class-icon{background:#3a3a3a;border:1px solid #080808;padding:4px}.hero-panel{gap:6px}.metric-subline{color:#d4d0c8}.bar-block{margin-bottom:8px}.bar-shell{height:12px;border:2px solid #080808;background:#232323}.bar-fill{background:#00a020}.bar-shell.health .bar-fill{background:#b83818}.bar-shell.mana .bar-fill{background:#2f7fd8}.bar-shell.shield .bar-fill{background:#7ebdf1}.mini-bar{height:6px;border:1px solid #080808;background:#232323}.mini-bar-fill{background:#c9b66e}.slot-grid{grid-template-columns:1fr;gap:6px}.slot-card{min-height:0;padding:8px;border:1px solid #080808;background:#3f3f3f}.slot-icon{width:20px;height:20px}.slot-stats{display:grid;gap:2px;font-size:.74rem;color:#e2d8b7}.slot-stat{line-height:1.2}.passive-row{display:flex;align-items:flex-start;gap:8px;padding:7px 8px;border:1px solid #080808;background:#3f3f3f;margin-bottom:6px}.passive-copy{flex:1;display:grid;gap:2px}.passive-copy strong,.passive-copy span{display:block}.passive-copy strong{font-size:.8rem;color:#efe1ae}.passive-copy span{font-size:.72rem;color:#e2d8b7;line-height:1.2}.passive-rank{min-width:22px;height:22px;border:1px solid #080808;background:#2b2b2b;display:grid;place-items:center;color:#efe1ae;font-size:.78rem}.build-section{display:grid;gap:6px}.build-section+.build-section{margin-top:8px;padding-top:8px;border-top:1px solid #1f1f1f}.build-section-label{font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;color:#c9be93}.mastery-row .passive-copy strong{color:#f0d48b}.stage-topbar{top:8px;left:260px;right:260px;gap:6px}.topbar-chip{min-width:0;padding:8px 10px;border:2px solid #080808;background:#4e4e4ef2;font-size:.82rem}.spell-bar{gap:4px;align-items:stretch}.ability-empty{display:none}.ability-chip{flex:0 0 auto;min-width:44px;padding:4px 6px;border:2px solid #080808;background:#545454f5;gap:6px}.ability-icon,.choice-icon{width:24px;height:24px}.ability-rank{min-width:14px;font-size:.74rem;color:#efe1ae;text-align:center}.cooldown-ring{width:6px;background:#1b1b1b;border:1px solid #000}.cooldown-fill{background:#b89c45}.stage-shell{background:#0f0f0f}.overlay{background:#000000c7;overflow:auto}.menu-card{width:min(1040px,calc(100% - 24px));max-height:calc(100% - 24px);padding:18px;border:2px solid #080808;background:#5e5e5efa;overflow:auto}.menu-card h1,.menu-card h2{margin:6px 0 10px}.class-grid,.choice-grid{gap:10px;margin-top:12px}.class-grid{align-items:stretch;grid-auto-rows:1fr}.choice-grid{align-items:start}.class-card,.choice-card,.restart-button{border:2px solid #080808;background:#5a5a5a;border-radius:0;padding:10px;transition:none;transform:none;color:inherit}.class-card{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;text-align:left;height:100%}.class-card:hover,.choice-card:hover,.restart-button:hover{transform:none;border-color:#080808;box-shadow:none}.class-card.locked,.class-card:disabled{opacity:.62;cursor:default}.class-keyline{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;text-transform:uppercase;font-size:.72rem;letter-spacing:.08em}.class-hotkey{display:inline-grid;place-items:center;width:20px;height:20px;border:1px solid #080808;background:#2f2f2f}.class-top{display:flex;gap:12px;align-items:center;margin-bottom:8px}.class-sprite-frame{width:84px;min-width:84px;height:88px;border:1px solid #080808;background:#343434;display:grid;place-items:center;overflow:visible}.class-sprite-preview-shell{display:grid;place-items:center}.class-sprite-preview-crop{display:block;overflow:hidden;transform-origin:center center}.class-sprite-preview-image{display:block;image-rendering:pixelated}.class-card:hover .class-sprite-preview-image{animation:class-preview-walk .72s steps(8) infinite}.class-sprite-fallback{width:42px;height:42px;image-rendering:pixelated}.class-header{margin-bottom:0}.class-name{display:block;font-size:1.12rem}@keyframes class-preview-walk{0%{transform:translate(0)}to{transform:translate(var(--preview-end-x))}}.class-ascension-row{display:flex;align-items:center;gap:6px;margin:8px 0 2px}.class-ascension-step,.class-ascension-badge{border:1px solid #080808;background:#2f2f2f;color:#f4ead5;font:inherit}.class-ascension-step{width:24px;height:24px;display:inline-grid;place-items:center;padding:0;cursor:pointer}.class-ascension-step:disabled{cursor:default;opacity:.38}.class-ascension-badge{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;font-size:.76rem;text-transform:uppercase;letter-spacing:.08em;cursor:help}.class-spell-pool{display:flex;flex-wrap:wrap;gap:4px;margin-top:10px}.class-preview-stack{display:grid;gap:8px;margin-top:10px;align-content:start}.class-preview-section{display:grid;gap:4px}.class-preview-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:#ddd0ae}.spell-preview{width:30px;height:30px;border:1px solid #080808;background:#3a3a3a;display:grid;place-items:center;cursor:help}.spell-preview .atlas-icon-crop,.spell-preview .ability-icon{display:block;transform:scale(1.1);transform-origin:center}.lock-note{margin-top:8px;font-size:.78rem;color:#efe1ae}.class-lock-screen{flex:1;display:grid;justify-items:center;align-content:start;gap:10px;padding-top:12px;text-align:center}.class-lock-glyph{min-height:88px;display:grid;place-items:center;font-size:4rem;line-height:1;color:#f0e0ae}.choice-key,.choice-pill{border:1px solid #080808;background:#2f2f2f}.atlas-icon-crop-large{transform:scale(1.35)}.message-strip{left:260px;right:260px;bottom:8px;padding:6px 10px;border:2px solid #080808;background:#4e4e4ef5;display:grid;gap:6px}.message-strip:empty{display:none}.status-row{display:flex;align-items:center;gap:6px;min-height:28px;flex-wrap:wrap}.status-card{min-height:28px;border:2px solid #080808;background:#2f2f2f;display:inline-flex;align-items:center;gap:6px;padding:3px 6px}.status-card.recent{background:#444}.status-card.buff{background:#2a2a2a}.status-icon{width:18px;height:18px;image-rendering:pixelated;flex:0 0 auto;object-fit:contain;object-position:center;display:block}.status-card .atlas-icon-crop{flex:0 0 auto}.status-copy{display:grid;gap:1px;font-family:Trebuchet MS,Gill Sans,sans-serif;line-height:1.1}.status-copy strong{font-size:.72rem;color:#efe1ae}.status-copy span{font-size:.68rem;color:#fcf2e0d1}.status-pill{min-width:18px;min-height:18px;padding:0 3px;border:1px solid #080808;background:#565656;display:grid;place-items:center;font-size:.62rem}.xp-row{display:flex;align-items:center;gap:10px}.xp-level{min-width:70px;font-size:.82rem;color:#efe1ae}.xp-track{flex:1;height:18px;border:2px solid #080808;background:#242424}.xp-fill{height:100%;background:#34a830}.ability-tooltip{border:2px solid #080808;background:#404040fa}.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:14px 0 12px}.summary-stat{border:1px solid #080808;background:#4e4e4e;padding:8px;display:grid;gap:4px}.summary-stat span{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:#ddd0ae}.summary-actions{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.restart-button{padding:8px 10px}.choice-details{display:grid;gap:3px;margin-top:6px;font-size:.72rem;color:#ddd0ae}.choice-detail{line-height:1.3}.debug-tuning-panel{margin-top:14px;border:1px solid #080808;background:#4d4d4d}.debug-tuning-panel summary{cursor:pointer;padding:8px 10px;font-size:.82rem;color:#efe1ae;-webkit-user-select:none;user-select:none}.debug-tuning-panel[open] summary{border-bottom:1px solid #080808;background:#424242}.debug-tuning-copy{padding:8px 10px 0;font-size:.74rem;color:#e2d8b7}.debug-toggle-list{padding:8px 10px 0}.debug-toggle-field{display:flex;align-items:center;gap:8px;font-size:.74rem;color:#f1efe7}.debug-toggle-field input{margin:0}.debug-tuning-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:10px}.debug-tuning-group{border:1px solid #080808;background:#595959}.debug-tuning-group-title{padding:6px 8px;border-bottom:1px solid #080808;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:#ddd0ae}.debug-tuning-fields{display:grid;gap:1px;background:#080808}.debug-tuning-field{display:grid;grid-template-columns:minmax(0,1fr) 84px;gap:10px;align-items:center;padding:7px 8px;background:#4d4d4d}.debug-tuning-field-copy{display:grid;gap:2px;min-width:0}.debug-tuning-field-copy strong{font-size:.78rem;color:#f1efe7}.debug-tuning-field-copy span{font-size:.68rem;line-height:1.2;color:#d8d1be}.debug-tuning-input{width:100%;min-width:0;padding:5px 6px;border:1px solid #080808;background:#2a2a2a;color:#f1efe7;text-align:right}.debug-tuning-actions{padding:0 10px 10px;margin-top:0}.spawn-pool-debug{margin-top:10px;border-top:1px solid #080808;padding-top:8px}.spawn-pool-title{margin-bottom:6px;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:#ddd0ae}.spawn-pool-grid{display:grid;gap:4px;max-height:240px;overflow-y:auto}.spawn-pool-card{display:grid;grid-template-columns:24px minmax(0,1fr);gap:6px;align-items:center;padding:4px 5px;border:1px solid #080808;background:#4c4c4c}.spawn-pool-card.target{background:#57534a}.spawn-pool-icon{width:24px;height:24px;image-rendering:pixelated}.spawn-pool-copy{min-width:0;display:grid;gap:1px}.spawn-pool-copy strong,.spawn-pool-copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spawn-pool-copy strong{font-size:.72rem;color:#f1efe7}.spawn-pool-copy span{font-size:.64rem;color:#d8d1be}.touch-controls{position:absolute;inset:0;z-index:6;pointer-events:auto;touch-action:none;transition:opacity .12s ease}.touch-controls.hidden{opacity:0;visibility:hidden;pointer-events:none}.hud-toggle{position:absolute;top:6px;z-index:8;width:34px;height:34px;border:2px solid #080808;background:#4e4e4ef5;color:#f1efe7;font-size:1rem;line-height:1;display:grid;place-items:center}.hud-toggle-left{left:6px}.hud-toggle-right{right:6px}.hud-toggle.hidden,.touch-stick{display:none}.touch-stick .back,.touch-controls .back,.touch-stick .front,.touch-controls .front{border:2px solid #080808!important;box-shadow:none!important}.touch-controls .back,.touch-stick .back{background:#36363638!important}.touch-controls .front,.touch-stick .front{background:#d5cfbe8c!important}@media(max-width:1200px){.app-shell{display:block;width:100vw;height:100dvh;padding:0;overflow:hidden}.stage-column{position:absolute;inset:0;display:block;height:100dvh}.stage-shell{position:absolute;inset:0;min-height:0;border:0}.hud-column{position:absolute;display:flex;flex-direction:column;top:76px;bottom:66px;width:min(178px,40vw);gap:6px;z-index:6}.hud-left{left:8px}.hud-right{right:8px}.panel{padding:8px}.panel-title{margin-bottom:6px;font-size:.62rem}.hero-avatar,.class-icon{width:34px;height:34px;padding:3px}.metric-line,.metric-subline,.slot-item,.slot-empty,.class-traits,.bar-label,.skill-head,.skill-copy,.footer-note{font-size:.76rem}.skill-row{gap:8px;margin-bottom:8px}.slot-card,.passive-row{padding:6px}.stage-topbar{position:absolute;top:8px;left:8px;right:8px;gap:6px;z-index:7}.topbar-chip{min-width:0;padding:6px 8px;font-size:.76rem}.spell-bar{gap:3px}.ability-chip{min-width:38px;padding:3px 5px;gap:5px}.ability-copy strong,.ability-copy span{font-size:.68rem}.ability-icon,.choice-icon{width:22px;height:22px}.message-strip{position:absolute;left:148px;right:8px;bottom:8px;padding:5px 8px;z-index:7}.touch-controls{inset:0}.menu-card{width:min(960px,calc(100% - 16px));max-height:calc(100% - 16px);padding:14px}.class-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.debug-tuning-grid{grid-template-columns:1fr}}@media(max-width:900px),(orientation:portrait){.compact-mobile .stage-topbar{left:48px;right:48px}.compact-mobile .hud-column{top:78px;bottom:66px;max-height:none;width:min(186px,46vw);opacity:0;pointer-events:none;transition:transform .15s ease,opacity .15s ease}.compact-mobile .hud-left{transform:translate(calc(-100% - 12px))}.compact-mobile .hud-right{transform:translate(calc(100% + 12px))}.app-shell.left-hud-open .hud-left,.app-shell.right-hud-open .hud-right{transform:translate(0);opacity:1;pointer-events:auto}.hud-column{top:76px;bottom:auto;max-height:calc(100dvh - 128px);width:min(140px,37vw)}.hud-left{left:6px}.hud-right{right:6px}.panel{padding:7px}.stage-topbar{top:6px;left:6px;right:6px;flex-direction:column;align-items:stretch}.spell-bar{flex-wrap:wrap}.debug-tuning-field{grid-template-columns:1fr 76px;gap:8px}.message-strip{left:136px;right:6px;bottom:6px}.compact-mobile .message-strip{left:136px;right:6px}.class-grid,.choice-grid{grid-template-columns:1fr}.class-card{padding:8px}.class-top{gap:10px;align-items:flex-start}.class-sprite-frame{width:68px;height:68px}.touch-controls{inset:0}}@media(max-width:640px){.hud-column{width:min(132px,35vw);max-height:calc(100dvh - 122px)}.panel{padding:6px}.hero-avatar{width:30px;height:30px}.metric-line,.metric-subline,.slot-item,.slot-empty,.class-traits,.bar-label,.skill-head,.skill-copy,.footer-note{font-size:.72rem}.ability-copy{display:none}.ability-chip{min-width:32px}.class-sprite-frame{width:62px;height:62px}.spell-preview{width:28px;height:28px}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.summary-actions{flex-direction:column}}