.app-shell{background:radial-gradient(circle at top,#294250,#101820 56%);min-height:100vh}.screen-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.screen-card{background:#0d1b23eb;border:1px solid #5e7e8e;border-radius:16px;width:min(100%,720px);padding:40px;box-shadow:0 20px 70px #0000004d}.screen-card--wide{width:min(100%,920px)}.eyebrow{color:#7ec8d8;letter-spacing:.16em;margin:0;font-size:.8rem;font-weight:700}h1,h2,p{margin-top:0}h1{margin-bottom:12px;font-size:clamp(2.25rem,8vw,4rem)}h2{margin-bottom:8px}p{color:#cedbe2;line-height:1.65}.screen-lede{margin-bottom:28px;font-size:1.05rem}.muted-text{color:#91a7b2;margin-bottom:0;font-size:.9rem}.card-kicker{color:#7ec8d8;letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;font-size:.75rem;font-weight:700}.level-card{background:#132833c7;border:1px solid #365260;border-radius:12px;justify-content:space-between;align-items:center;gap:24px;padding:24px;display:flex}.screen-actions,.battle-toolbar{flex-wrap:wrap;gap:12px;display:flex}.screen-actions{margin-top:24px}.action-button,.secondary-button,.danger-button{border-radius:8px;min-height:44px;padding:10px 18px;font-weight:700;transition:border-color .16s,background-color .16s,transform .16s}.action-button{color:#0d1b23;background:#7ec8d8;border:1px solid #9ce8f5}.secondary-button{color:#e5f3f6;background:#1f3e4de0;border:1px solid #5e7e8e}.danger-button{color:#2a1110;background:#ffb4a8;border:1px solid #ff9f8f}.action-button:hover,.secondary-button:hover,.danger-button:hover{border-color:#c2f2fa;transform:translateY(-1px)}.action-button:focus-visible,.secondary-button:focus-visible,.danger-button:focus-visible{outline-offset:2px;outline:3px solid #7ec8d873}.screen-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;display:flex}.status-chip{color:#b7d1d9;border:1px solid #4f7280;border-radius:999px;align-items:center;min-height:30px;padding:4px 10px;font-size:.8rem;display:inline-flex}@media (width<=720px){.screen-card{padding:28px}.level-card,.screen-header{flex-direction:column;align-items:flex-start}}@media (width<=460px){.screen-shell{padding:12px}.screen-card{padding:22px}}.battle-screen{cursor:crosshair;background:#0b1117;min-height:100vh;position:relative;overflow:hidden}.battle-stage{position:absolute;inset:0}.battle-stage canvas{cursor:crosshair;width:100%;height:100%;display:block}.battle-overlay{pointer-events:none;background:linear-gradient(#070f14d1,#0000 34% 72%,#070f14d1);flex-direction:column;justify-content:space-between;gap:24px;padding:24px;display:flex;position:absolute;inset:0}.battle-overlay h1{margin-bottom:6px;font-size:clamp(1.8rem,5vw,3.2rem)}.enemy-counter{background:#a02626c7;border-radius:999px;margin:.5rem 0;padding:.35rem .65rem;font-weight:700;display:inline-block}.battle-toolbar{pointer-events:auto;align-items:center}.runtime-error{color:#ffb4a8;overflow-wrap:anywhere;max-width:min(720px,100%)}.battle-story-text{z-index:5;color:#f8fafc;text-align:center;pointer-events:none;background:#0c151de0;border:1px solid #ffffff59;border-radius:12px;width:min(620px,100% - 48px);padding:18px 24px;line-height:1.65;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 14px 38px #00000059}.battle-story-text--wave{border-radius:999px;width:min(520px,100% - 48px);padding:10px 18px;top:16px;transform:translate(-50%)}.battle-story-dialog{z-index:10;background:#04090db8;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.battle-story-dialog__card{color:#f8fafc;text-align:center;background:#14222c;border:1px solid #ffffff4d;border-radius:16px;width:min(680px,100%);padding:32px;line-height:1.7;box-shadow:0 20px 60px #0000008c}.research-summary{grid-template-columns:minmax(150px,.35fr) minmax(0,1fr);gap:12px;margin-bottom:24px;display:grid}.research-summary>div,.research-summary>p,.research-card{background:#132833c7;border:1px solid #365260;border-radius:12px}.research-summary>div{color:#91a7b2;flex-direction:column;justify-content:center;padding:18px;display:flex}.research-summary strong{color:#e5f3f6;margin-top:4px;font-size:1.7rem}.research-summary>p{align-items:center;margin:0;padding:18px;display:flex}.research-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.research-card{flex-direction:column;align-items:flex-start;min-height:270px;padding:18px;display:flex}.research-effect{flex:1;margin-bottom:16px}.research-cost{width:100%;margin:0 0 14px}.research-cost dt{color:#91a7b2;font-size:.78rem}.research-cost dd{margin:4px 0 0;font-weight:700}.research-purchase{width:100%;margin-top:12px}.research-purchase:disabled{cursor:not-allowed;opacity:.48;transform:none}.research-persistence-note{margin-top:18px}@media (width<=720px){.research-summary,.research-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.research-summary>p{align-items:flex-start}}@media (width<=460px){.research-summary,.research-grid{grid-template-columns:1fr}}.product-card{border:1px solid #ffffff1f;border-radius:12px;align-items:center;gap:1rem;margin:1rem 0;padding:1rem;display:flex}.product-card img{object-fit:contain;background:#111;border-radius:8px;width:120px;height:90px}.product-card>div{flex:1}.modal-backdrop{z-index:50;background:#000000ad;place-items:center;display:grid;position:fixed;inset:0}.modal-card{background:#18232d;border-radius:16px;width:min(560px,100vw - 2rem);padding:2rem;box-shadow:0 20px 80px #00000080}.tutorial-backdrop{z-index:60;pointer-events:none;background:#000000b3;place-items:center;display:grid;position:fixed;inset:0}.modal-card{pointer-events:auto;background:#18232d;border:1px solid #ffffff26;border-radius:16px;width:min(560px,100vw - 2rem);padding:2rem;box-shadow:0 20px 80px #00000080}.result-placeholder{background:#132833c7;border:1px solid #365260;border-radius:12px;padding:28px}.result-placeholder h2{font-size:1.7rem}.result-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:24px 0;display:grid}.result-stats div{background:#0d1b2394;border:1px solid #365260;border-radius:10px;padding:16px}.result-stats dt{color:#91a7b2;font-size:.82rem}.result-stats dd{color:#e5f3f6;margin:6px 0 0;font-size:1.25rem;font-weight:700}.result-actions{flex-wrap:wrap;gap:12px;margin-bottom:20px;display:flex}.progression-prompt{background:#ffbe5014;border:1px solid #ffbe5059;border-radius:12px;margin-top:1.25rem;padding:1rem}.progression-prompt[role=dialog]{background:#174a4e38;border-color:#5eead48c;position:relative;box-shadow:0 16px 42px #00000047}.settings-list{background:#132833c7;border:1px solid #365260;border-radius:12px;margin:0;padding:0 20px}.settings-list div{border-bottom:1px solid #294653;justify-content:space-between;gap:24px;padding:18px 0;display:flex}.settings-list div:last-child{border-bottom:0}.settings-list dt{font-weight:700}.settings-list dd{color:#b7cbd2;text-align:right;margin:0}.settings-section{background:#132833c7;border:1px solid #365260;border-radius:12px;margin-bottom:24px;padding:20px}.settings-section h2{margin-bottom:4px;font-size:1.25rem}.settings-section-header{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:16px;display:flex}.settings-section-header output{color:#e5f3f6;font-variant-numeric:tabular-nums;font-size:1.25rem;font-weight:700}.settings-section input[type=range]{accent-color:#7ec8d8;width:100%;display:block}.settings-key-button{min-width:88px}.settings-key-button[aria-pressed=true]{color:#0d1b23;background:#7ec8d8;border-color:#9ce8f5}.settings-error{color:#ffb4a8;margin:-4px 0 20px}.settings-reset-section{border-top:1px solid #365260;margin-top:28px;padding-top:24px}.settings-reset-section h2{margin-bottom:4px;font-size:1.25rem}@media (width<=720px){.settings-list div{flex-direction:column;align-items:flex-start}.settings-list dd{text-align:left}}.garage-balance{color:var(--muted-text);margin:0 0 1rem}.garage-tank-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.garage-tank-card{background:#111b26cc;border:1px solid #9ddfdb40;border-radius:16px;padding:1rem}.garage-tank-card.is-selected{border-color:#9de0dc;box-shadow:0 0 0 2px #9de0dc26}.garage-tank-card.is-locked{opacity:.62}.garage-tank-card h2,.garage-tank-card h3{margin:.25rem 0 .7rem}.garage-research-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;display:grid}.garage-research-card{background:#050c138c;border-radius:10px;gap:.35rem;padding:.7rem;display:grid}.garage-research-card span{color:var(--muted-text);font-size:.8rem}@media (width<=900px){.garage-tank-grid,.garage-research-grid{grid-template-columns:1fr}}.certificate-panel{z-index:40;background:#04090dc7;place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow:auto}.certificate-panel__card{color:#f8fafc;background:#14222c;border:1px solid #ffffff4d;border-radius:16px;width:min(980px,100%);max-height:calc(100vh - 48px);padding:24px;overflow:auto;box-shadow:0 20px 60px #0000008c}.certificate-panel__header,.certificate-panel__actions{justify-content:space-between;align-items:center;gap:16px;display:flex}.certificate-panel__field{gap:8px;margin:16px 0 8px;font-weight:700;display:grid}.certificate-panel__field input{color:#f8fafc;width:min(420px,100%);font:inherit;background:#0b1117;border:1px solid #ffffff4d;border-radius:8px;padding:10px 12px}.certificate-panel__preview{background:#f5f0e8;border:1px solid #ffffff40;border-radius:10px;margin:18px 0;overflow:hidden}.certificate-panel__preview img{width:100%;height:auto;display:block}@media (width<=680px){.certificate-panel__card{padding:16px}.certificate-panel__header{align-items:flex-start}}:root{color:#f2f5f7;font-synthesis:none;text-rendering:optimizelegibility;background:#101820;font-family:Inter,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}#root{min-height:100vh}