:root{--void: #0f0f12;--grid-bg: #0c1119;--grid-line: #16202e;--combat-panel: #0e1420;--combat-sep: #18243a;--steel: #3568a0;--deep-flesh: #2c211d;--bone: #c8b8a0;--bone-bright: #d4c8b0;--toxic-gas: #3d6b4a;--dread-purple: #6e3e8a;--crimson: #9c2a3a;--muted-steel: #4a4f55;--enemy-intent: #ff3333;--player-arrow: #ffe033;--debug-amber: #c98a2b}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--void);color:var(--bone);font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:16px}.skip-link{position:absolute;left:-9999px;top:.5rem;z-index:100;padding:.5rem .75rem;background:var(--bone-bright);color:var(--void)}.skip-link:focus{left:.5rem}#app{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:1rem;gap:.85rem;max-width:52rem;margin:0 auto}#app.app--combat{max-width:68rem}#main-content{width:100%}.hud{text-align:center}.title{margin:0;font-size:1.25rem;letter-spacing:.2em;text-transform:uppercase;color:var(--bone-bright);font-weight:700}.subtitle{margin:.35rem 0 0;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-steel)}.debug-mode-switch{display:flex;justify-content:center;gap:.4rem;margin-top:.5rem}.debug-btn{font-family:inherit;font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;padding:.3rem .6rem;border:1px dashed var(--debug-amber);background:transparent;color:var(--debug-amber);cursor:pointer}.debug-btn:hover{background:#c98a2b26}.meters-bar{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;width:100%;padding:.5rem .75rem;border:1px solid var(--muted-steel);background:var(--deep-flesh)}.meter{display:flex;align-items:center;gap:.45rem;min-width:7rem}.meter--compact{min-width:auto}.meter-label{font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-steel)}.meter-track{width:5.5rem;height:.35rem;background:#1a1a20;border:1px solid var(--muted-steel)}.meter-fill{height:100%;transition:width .2s ease}@media(prefers-reduced-motion:reduce){.meter-fill{transition:none}}.meter-fill--gas{background:linear-gradient(90deg,#2a4a35,var(--toxic-gas))}.meter-fill--dread{background:linear-gradient(90deg,#3a1a60,var(--dread-purple))}.meter-value{font-size:.75rem;font-weight:700;color:var(--bone-bright);min-width:1.5rem}.screen{width:100%;display:none;flex-direction:column;gap:.75rem}.screen--active{display:flex}.screen--hidden{display:none}.base-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:.65rem}.panel--wide{width:100%}.panel-line--dim{color:var(--muted-steel)}.archive-chip{display:inline-block;margin:.2rem .35rem .2rem 0;padding:.2rem .5rem;border:1px solid var(--dread-purple);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--bone-bright)}.battle-log{font-size:.8rem;line-height:1.5;color:var(--toxic-gas)}.log-line{padding:.15rem 0;border-bottom:1px solid rgba(74,79,85,.35)}.log-line:last-child{border-bottom:none}.echo-panel{border:1px solid var(--dread-purple);background:#1a1420;padding:.85rem}.echo-title{margin:0 0 .4rem;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--crimson)}.echo-prompt{margin:0 0 .65rem;font-size:.85rem;line-height:1.45;color:var(--bone)}.echo-choices{display:flex;flex-wrap:wrap;gap:.5rem}.echo-choice{border-color:var(--dread-purple)}.map-node--echo .map-node-type{color:var(--dread-purple)}.panel{border:1px solid var(--muted-steel);background:var(--deep-flesh);padding:.85rem}.panel-title{margin:0 0 .5rem;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--crimson);font-weight:700}.panel-line{font-size:.875rem;line-height:1.5}.panel-line strong{color:var(--bone-bright)}.panel-log{margin:0;font-size:.8rem;color:var(--toxic-gas);text-align:center;line-height:1.45}.base-actions{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.expedition-header{display:flex;justify-content:flex-start}.dive-map-wrap{width:100%;border:1px solid var(--muted-steel);background:#111113;min-height:22rem}.dive-map{position:relative;width:100%;min-height:22rem}.map-links{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.map-link{stroke:var(--muted-steel);stroke-width:.6;opacity:.5}.map-link--active{stroke:var(--player-arrow);opacity:.9}.map-nodes{position:absolute;top:0;right:0;bottom:0;left:0}.map-node{position:absolute;transform:translate(-50%,-50%);min-width:5.5rem;padding:.35rem .5rem;border:1px solid var(--muted-steel);background:var(--deep-flesh);color:var(--bone);font-family:inherit;font-size:.65rem;text-align:center;cursor:default;display:flex;flex-direction:column;gap:.15rem}.map-node-type{letter-spacing:.12em;text-transform:uppercase;color:var(--muted-steel)}.map-node-label{color:var(--bone-bright);font-size:.7rem}.map-node--current{border-color:var(--toxic-gas);box-shadow:0 0 0 1px #3d6b4a59}.map-node--travelable{border-color:var(--player-arrow);cursor:pointer}.map-node--travelable:hover{background:#3a3520}.map-node--resolved{opacity:.45}.map-node--battle.map-node--travelable{border-color:var(--crimson)}.map-node--loot .map-node-type{color:var(--toxic-gas)}.map-node--hazard .map-node-type{color:var(--crimson)}.map-node--exit .map-node-type{color:var(--dread-purple)}.stage{display:flex;flex-direction:column;align-items:center;gap:.75rem;width:100%}.combat-shell{width:100%;border:1px solid var(--combat-sep);background:var(--void);font-family:Barlow Condensed,system-ui,sans-serif}.combat-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem .85rem;background:linear-gradient(180deg,#111828 0%,var(--combat-panel) 100%);border-bottom:1px solid var(--combat-sep)}.combat-chips{display:flex;flex-wrap:wrap;gap:.85rem;align-items:center}.chip{font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-steel)}.chip strong{color:var(--bone-bright)}.phase-tag{font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:var(--steel);border:1px solid var(--steel);padding:.15rem .5rem}.combat-area{display:grid;grid-template-columns:minmax(7rem,10rem) 1fr minmax(7rem,10rem);min-height:16rem}.squad-panel,.enemy-panel{background:var(--combat-panel);display:flex;flex-direction:column;overflow-y:auto}.squad-panel{border-right:1px solid var(--combat-sep)}.enemy-panel{border-left:1px solid var(--combat-sep)}.panel-header{padding:.45rem .65rem;font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted-steel);border-bottom:1px solid var(--combat-sep)}.panel-body{flex:1}.battlefield{display:flex;align-items:center;justify-content:center;padding:.5rem;background:var(--grid-bg)}#game-canvas{display:block;border:1px solid var(--grid-line);background:var(--grid-bg);max-width:min(92vw,432px);width:100%;height:auto;touch-action:manipulation}.unit-card{padding:.55rem .65rem;border-bottom:1px solid var(--combat-sep)}.unit-card--selected{background:#131c2a;border-left:2px solid var(--player-arrow)}.unit-card-head{display:flex;justify-content:space-between;align-items:baseline;gap:.35rem;margin-bottom:.35rem}.unit-name{font-size:.8rem;font-weight:700;color:var(--bone-bright)}.unit-meta{font-size:.65rem;color:var(--muted-steel);margin-top:.25rem}.unit-hp-track{height:.25rem;background:#1a2030}.unit-hp-fill{height:100%}.unit-hp-fill--player{background:var(--toxic-gas)}.unit-hp-fill--enemy{background:var(--crimson)}.unit-empty{margin:0;padding:.65rem;font-size:.75rem;color:var(--muted-steel)}.intent-badge{font-size:.55rem;letter-spacing:.1em;text-transform:uppercase;border:1px solid;padding:.05rem .3rem}.intent-badge--move{color:var(--enemy-intent);border-color:var(--enemy-intent)}.intent-badge--attack{color:var(--crimson);border-color:var(--crimson)}.intent-badge--suppress{color:var(--dread-purple);border-color:var(--dread-purple)}.combat-footer{border-top:1px solid var(--combat-sep);background:var(--combat-panel);padding:.55rem .65rem;display:flex;flex-direction:column;gap:.5rem}.ability-bar{display:flex;flex-wrap:wrap;gap:.65rem 1rem;align-items:center;font-size:.7rem}.ability-row{display:flex;flex-direction:column;gap:.1rem}.ability-label{font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--bone-bright)}.ability-hint{color:var(--muted-steel);font-size:.65rem}.ap-pips{display:flex;gap:.2rem;margin-left:auto}.ap-pip{width:.55rem;height:.55rem;background:var(--player-arrow)}.ap-pip--spent{background:#1c2835}.combat-log-strip{font-size:.72rem;line-height:1.4;color:var(--toxic-gas);border-top:1px solid var(--combat-sep);padding-top:.4rem;max-height:4.5rem;overflow-y:auto}.combat-log-line{padding:.1rem 0}.a11y-hint{margin:0;font-size:.65rem;color:var(--muted-steel);text-align:center}@media(max-width:720px){.combat-area{grid-template-columns:1fr;grid-template-rows:auto auto auto}.squad-panel,.enemy-panel{border:none;border-bottom:1px solid var(--combat-sep)}.enemy-panel{border-left:none}}.combat-controls{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.ctrl-btn{font-family:inherit;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;padding:.45rem .85rem;border:1px solid var(--muted-steel);background:var(--deep-flesh);color:var(--bone);cursor:pointer}.ctrl-btn--primary{border-color:var(--crimson);color:var(--crimson)}.ctrl-btn:hover:not(:disabled){border-color:var(--player-arrow);color:var(--bone-bright)}.ctrl-btn--primary:hover:not(:disabled){border-color:var(--crimson);background:#3f2a25}.ctrl-btn:disabled{opacity:.35;cursor:not-allowed}.ctrl-btn:focus-visible,.map-node:focus-visible{outline:2px solid var(--player-arrow);outline-offset:2px}.status{margin:0;font-size:.875rem;color:var(--toxic-gas);text-align:center;max-width:36rem;line-height:1.45}