:root,*{box-sizing:border-box;margin:0;padding:0}body{color:#f4f6f8;background:#020513;font-family:Inter,system-ui,sans-serif}:root{color:#f7f8fc;background:#03030d;font-family:Space Grotesk,Inter,system-ui,sans-serif}#root{min-height:100vh}.defense-shell{background:radial-gradient(circle at 20% 20%,#7c3aed59,#0000 40%),radial-gradient(circle at 80% 0,#22c55e59,#0000 35%),linear-gradient(135deg,#03030d,#050717 60%,#0b1836);position:fixed;inset:0;overflow:hidden}.defense-canvas{cursor:crosshair;width:100%;height:100%;display:block}.hud{pointer-events:none;flex-direction:column;gap:16px;max-width:360px;display:flex;position:absolute;top:20px;left:20px}.panel{pointer-events:all;background:#080c1eeb;border:1px solid #ffffff14;border-radius:20px;padding:20px;box-shadow:0 30px 60px #03050ba6}.panel h1{margin:0 0 12px;font-size:1.6rem}.panel h2{letter-spacing:.1em;text-transform:uppercase;margin:0 0 12px;font-size:1rem}.status{margin:4px 0;font-size:.9rem}.status-muted{color:#ffffff73;letter-spacing:.05em;text-transform:uppercase;font-size:.75rem}.muted{color:#ffffff8c;font-size:.85rem}.tower-grid{flex-wrap:wrap;gap:10px;display:flex}.tower-card{min-width:120px;color:inherit;text-align:left;cursor:pointer;background:#ffffff05;border:1px solid #ffffff1a;border-radius:14px;flex:1;padding:12px;transition:border .2s,transform .2s}.tower-card.selected{background:#7df9c126;border-color:currentColor;transform:translateY(-1px);box-shadow:0 10px 20px #7df9c133}.tower-desc{color:#fff9;margin-top:6px;font-size:.75rem;line-height:1.4;display:block}.panel label{letter-spacing:.04em;text-transform:uppercase;color:#ffffffb3;flex-direction:column;gap:6px;font-size:.85rem;display:flex}.panel input{color:inherit;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:10px;padding:10px 12px}.panel-actions{gap:10px;margin-top:12px;display:flex}.panel-actions button{cursor:pointer;color:#06111f;background:linear-gradient(135deg,#7df9c1,#ffb347);border:none;border-radius:10px;flex:1;padding:10px;font-weight:600;transition:transform .2s}.panel-actions button:hover{transform:translateY(-1px)}.leaderboard{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.leaderboard li{color:#ffffffd9;justify-content:space-between;font-size:.85rem;display:flex}.leaderboard strong{color:#7df9c1}.legend{background:#060814e6;border:1px solid #ffffff14;border-radius:16px;max-width:320px;padding:14px 18px;font-size:.8rem;position:absolute;bottom:24px;right:24px;box-shadow:0 30px 50px #02030999}.legend-list{flex-direction:column;gap:4px;margin:8px 0;padding:0;list-style:none;display:flex}.legend-list li{justify-content:space-between;font-size:.8rem;display:flex}@media (width<=720px){.hud{left:12px;right:12px}.panel{padding:16px}.legend{bottom:12px;right:12px}}