*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0d0d1a;--surface:#16162a;--border:#2a2a4a;--text:#ccd0e0;--muted:#6670a0;--accent:#4f8;--danger:#f45;--gold:#fc4}body{background:var(--bg);color:var(--text);height:100vh;font-family:Courier New,monospace;font-size:13px;overflow:hidden}#prep-scene,#result-scene{flex-direction:column;gap:16px;height:100vh;padding:16px;display:none;overflow-y:auto}#battle-scene{width:100vw;height:100vh;display:none}#battle-canvas{width:100%;height:100%;display:block}.prep-header{border-bottom:1px solid var(--border);align-items:baseline;gap:24px;padding-bottom:8px;display:flex}.prep-header h1{color:var(--accent);letter-spacing:2px;font-size:18px}.prep-header .stat{color:var(--muted)}.prep-header .stat span{color:var(--gold)}.section{background:var(--surface);border:1px solid var(--border);padding:12px}.section h2{color:var(--muted);letter-spacing:2px;text-transform:uppercase;margin-bottom:10px;font-size:11px}.shop-list{flex-direction:column;gap:6px;display:flex}.shop-btn{background:var(--bg);border:1px solid var(--border);color:var(--text);cursor:pointer;text-align:left;align-items:center;gap:12px;padding:8px 12px;font-family:inherit;font-size:12px;display:flex}.shop-btn:hover:not(:disabled){border-color:var(--accent)}.shop-btn.selected{border-color:var(--accent);background:#0d2a1a}.shop-btn:disabled{opacity:.4;cursor:not-allowed}.item-name{flex:1}.item-cost{color:var(--gold);min-width:60px}.item-desc{color:var(--muted);font-size:11px}.skill-row{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:4px 0;display:flex}.skill-label{flex:1}.skill-btn{background:var(--bg);border:1px solid var(--border);color:var(--text);cursor:pointer;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-family:inherit;font-size:14px;display:flex}.skill-btn:hover:not(:disabled){border-color:var(--accent)}.skill-btn:disabled{opacity:.3;cursor:not-allowed}.skill-val{text-align:center;min-width:20px;color:var(--accent)}.skill-unit{color:var(--muted);min-width:100px;font-size:11px}.sp-info{color:var(--muted);margin-bottom:6px;font-size:11px}.sp-info span{color:var(--accent)}.level-control{align-items:center;gap:10px;display:flex}.level-value{text-align:center;min-width:32px;color:var(--accent);font-size:16px;font-weight:700}.level-desc{color:var(--muted);font-size:11px}#btn-deploy{background:var(--accent);color:#000;letter-spacing:2px;cursor:pointer;border:none;align-self:flex-start;padding:12px 32px;font-family:inherit;font-size:14px;font-weight:700}#btn-deploy:hover{opacity:.85}#result-content{background:var(--surface);border:1px solid var(--border);flex-direction:column;gap:10px;max-width:480px;padding:24px;display:flex}#result-content h2{color:var(--accent);font-size:20px}#result-content strong{color:var(--gold)}.bag-summary{background:var(--bg);border:1px solid var(--border);flex-wrap:wrap;gap:6px;min-height:28px;padding:8px;font-size:11px;display:flex}#btn-back-prep{background:var(--surface);border:1px solid var(--accent);color:var(--accent);cursor:pointer;align-self:flex-start;margin-top:8px;padding:8px 20px;font-family:inherit;font-size:13px}#btn-back-prep:hover{background:#0d2a1a}.prep-body{grid-template-rows:1fr 1fr;gap:16px;display:grid}@media (width<=600px){.prep-body{grid-template-columns:1fr}}