:root{font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;color:#eef2f6;background:#0b111a}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 55% -20%,#27394a,#0b111a 48%);min-height:100vh}button{font:inherit;cursor:pointer}.page{max-width:1240px;padding:0 24px 30px;margin:auto}header{height:70px;border-bottom:1px solid #2e3b49;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:12px}.brand-icon{width:36px;height:36px;border:1px solid #d5b778;color:#e6c582;display:grid;place-items:center;font-size:25px}.brand strong,.brand small{display:block}.brand strong{font-size:17px;letter-spacing:3px}.brand small{font-size:9px;letter-spacing:2px;color:#8491a1;margin-top:3px}.header-tag{font-size:11px;color:#8998a8;letter-spacing:1px}.header-tag i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#80d2aa;box-shadow:0 0 10px #80d2aa;margin-right:8px}.intro{display:flex;justify-content:space-between;align-items:end;padding:22px 0 20px;gap:15px}.intro p{color:#d6b573;font-size:10px;letter-spacing:2px;margin:0 0 5px}.intro h1{font-size:28px;letter-spacing:2px;margin:0 0 6px}.intro span{font-size:12px;color:#a0acb8}.goal{border:1px solid #3b4958;background:#17212c;padding:10px 15px;color:#dec184;display:flex;align-items:center;gap:10px;min-width:155px}.goal span{font-size:10px;color:#8f9cab;line-height:1.55}.goal b{color:#e8edf1;font-size:12px}.layout{display:grid;grid-template-columns:minmax(0,850px) minmax(230px,1fr);gap:17px;align-items:start}.arena-panel,.card,.tools{background:#151f2b;border:1px solid #2e3d4d}.panel-heading{height:55px;padding:0 16px;border-bottom:1px solid #2b3947;display:flex;align-items:center;justify-content:space-between}.panel-heading b,.panel-heading small{display:block}.panel-heading b{font-size:13px;letter-spacing:1px}.panel-heading small{font-size:10px;color:#8190a1;margin-top:3px}.heading-actions{display:flex;align-items:center;gap:6px}.heading-actions span{font-size:10px;color:#e7c484;border:1px solid #5b543d;background:#2e2d23;padding:6px 8px;white-space:nowrap;margin-right:3px}.heading-actions span.running{color:#86dcba;border-color:#315c50;background:#1e342e}.heading-actions button{width:28px;height:28px;background:#1f2c39;border:1px solid #465566;color:#a9b8c7}.heading-actions button:hover:not(:disabled){color:#fff;border-color:#c1a66f}.heading-actions button:disabled{opacity:.4;cursor:default}.arena{position:relative;background:#152532}.arena canvas{display:block;width:100%;height:auto;aspect-ratio:17/11;cursor:crosshair;touch-action:manipulation}.overlay{position:absolute;inset:0;background:#09131d77;display:grid;place-items:center;pointer-events:none}.overlay.hidden{display:none}.overlay-card{pointer-events:auto;text-align:center;background:#182634f2;border:1px solid #79868b;box-shadow:0 20px 45px #0008;padding:22px 25px;max-width:270px}.overlay-icon{width:42px;height:42px;border-radius:50%;border:1px solid #c4a96f;color:#e8c77e;display:grid;place-items:center;margin:0 auto 10px;font-size:24px}.overlay-card h2{font-size:19px;letter-spacing:2px;margin:0 0 6px}.overlay-card p{font-size:11px;color:#aab6c1;line-height:1.6;margin:0 0 15px}.overlay-card button{background:#dfb974;border:1px solid #f0d192;color:#1b242b;font-weight:700;padding:9px 22px}.overlay-card button:hover{background:#f1cc86}.legend{display:flex;gap:18px;padding:12px 16px;color:#8998a8;font-size:10px;flex-wrap:wrap}.legend span{white-space:nowrap}.legend i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px}.legend .enemy{background:#ed8774}.legend .base{background:#75d7db}.legend .turret{background:#e5be70}.legend .wall{background:#8197a7;border-radius:1px}.sidebar{display:grid;gap:11px}.card{padding:14px 16px;min-height:97px}.card.hp{border-left:2px solid #ea7772}.label{font-size:11px;color:#a0adba;letter-spacing:.5px}.number{display:flex;align-items:baseline;gap:5px;margin-top:10px}.number b{font-size:30px;line-height:1;font-variant-numeric:tabular-nums}.number small{font-size:11px;color:#8998a8}.card p{font-size:10px;color:#8190a0;margin:10px 0 0}.bar{height:4px;background:#384554;margin-top:12px}.bar i{height:100%;width:100%;display:block;background:#ed7872}.twostats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.twostats .card{padding:12px;min-height:94px}.twostats .number b{font-size:25px}.scores{display:flex;align-items:baseline;gap:4px;margin-top:13px}.scores b{font-size:18px}.scores small{font-size:9px;color:#8e9ca9;margin-right:3px}.tools{padding:15px}.section-label{font-size:10px;letter-spacing:2px;color:#dfbd7c;margin-bottom:10px}.tool{width:100%;display:flex;align-items:center;gap:9px;text-align:left;background:#1b2a36;border:1px solid #455463;color:#dce5ed;padding:10px;margin-bottom:8px}.tool:hover{border-color:#c6aa74}.tool.active{border-color:#d2b273;background:#2e3332}.tool>span:first-child{font-size:22px;color:#dfbd7c;width:25px}.tool b,.tool small{display:block}.tool b{font-size:12px}.tool small{font-size:10px;color:#8d9ca9;margin-top:3px}.tool kbd{margin-left:auto;border:1px solid #53606d;padding:2px 5px;color:#8996a2;font-size:10px}.hint{margin-top:12px;border-left:2px solid #ab9667;background:#202c31;padding:11px 12px}.hint b{font-size:11px;color:#ddc184}.hint p{font-size:10px;line-height:1.6;color:#a1afb9;margin:5px 0 0}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,12px);opacity:0;pointer-events:none;transition:.2s;background:#334454;color:#fff;font-size:12px;padding:9px 16px}#toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:960px){.layout{grid-template-columns:1fr}.sidebar{grid-template-columns:repeat(2,1fr)}.tools{grid-column:1/-1}.twostats{gap:10px}}@media(max-width:580px){.page{padding:0 10px 25px}header{height:60px}.header-tag{display:none}.intro{padding:20px 0}.intro h1{font-size:23px}.goal{display:none}.sidebar{grid-template-columns:1fr 1fr}.twostats{grid-column:1/-1}.tools{grid-column:1/-1}.legend{gap:7px;padding:9px}.panel-heading{padding:0 9px}.panel-heading small{display:none}}
.level-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 14px}.level-card{display:flex;align-items:baseline;gap:10px;text-align:left;background:#15212d;border:1px solid #334657;color:#dce5ed;padding:11px 15px;min-height:55px}.level-card:hover{border-color:#bea16d}.level-card.active{background:#292d2e;border-color:#d8b775;box-shadow:inset 0 0 0 1px #876f4e}.level-card small{font-size:10px;color:#d9b778;white-space:nowrap}.level-card b{font-size:13px;white-space:nowrap}.level-card span{font-size:10px;color:#8293a1;margin-left:auto;white-space:nowrap}@media(max-width:960px){.level-card{display:block}.level-card small,.level-card b,.level-card span{display:block;margin:2px 0}}@media(max-width:580px){.level-picker{gap:6px}.level-card{padding:8px}.level-card b{font-size:11px}.level-card small{font-size:9px}.level-card span{display:none}}