:root{color-scheme:dark;font-family:system-ui,-apple-system,"PingFang SC",sans-serif;color:#e1eee6;background:#0c151a;font-synthesis:none}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:radial-gradient(ellipse at 8% 0%,#1d3530,transparent 50%)}main{max-width:1440px;margin:auto;padding:30px 28px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.eyebrow{color:#8bbba5;font-size:10px;letter-spacing:3px}h1{font-size:36px;margin:5px 0;letter-spacing:2px}h1 span{font-size:17px;font-weight:400;margin-left:18px;color:#9eb7aa;letter-spacing:1px}.intro{font-size:13px;color:#9cb4a8}.badge{border:1px solid #39554b;border-radius:20px;padding:9px 14px;color:#b2cbbb;font-size:11px}.tabs{display:flex;gap:10px;margin-bottom:16px}.tabs button{width:auto;padding:10px 24px}.tabs [aria-pressed=true]{background:#8ed8b6;color:#122d23}.panel{background:#15242a;border:1px solid #2e4443;padding:16px;border-radius:10px;margin-bottom:14px}h2{font-size:13px;font-weight:600;letter-spacing:1px;margin:0 0 12px}h2 small{font-size:10px;font-weight:400;letter-spacing:0;color:#9bb7a8;margin-left:12px}.levels{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.levels button{margin:0;text-align:left;padding:12px 10px;font-size:11px;line-height:1.7}.levels button.active{border-color:#9fe1b9;background:#294b3e}.levels small{display:block;color:#d7cd8a}.metrics{display:grid;grid-template-columns:repeat(4,1fr);background:#142329;border:1px solid #304645;border-radius:10px;margin:16px 0}.metrics>div{padding:16px 22px;border-right:1px solid #304645}.metrics>div:last-child{border:0}.metrics span{display:block;font-size:11px;color:#9eb8aa;margin-bottom:4px}.metrics strong{font-size:30px;font-variant-numeric:tabular-nums}.metrics small{font-size:11px;color:#93b59f;margin-left:12px}#money{color:#f2d58c}#defenders{color:#88ddb1}#enemies{color:#d3a6f3}.layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:20px;align-items:start}.arena-panel{border:1px solid #3c5550;background:#101d24;border-radius:10px;overflow:hidden;position:sticky;top:12px}.arena-top,.arena-bottom{display:flex;justify-content:space-between;gap:12px;padding:13px 16px;font-size:11px;color:#b3d0bc;background:#17292c}.arena-bottom{font-size:10px;color:#94af9f}canvas{display:block;width:100%;height:auto;touch-action:none;aspect-ratio:4/3;cursor:crosshair}button,input,select,textarea{font:inherit;font-size:12px;padding:9px 10px;border:1px solid #3a5551;border-radius:5px;background:#1b3033;color:#e1efe7;width:100%;margin-bottom:8px}button{cursor:pointer}button:hover{background:#2b4946}button:disabled{opacity:.45;cursor:default}button.primary{background:#8cdeb4;color:#113022;font-weight:650}button[aria-pressed=true]{border-color:#abf3c4;background:#31513f}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,canvas:focus-visible{outline:2px solid #b4f2cc;outline-offset:3px}label{font-size:11px;color:#adc8b6;display:block;margin:7px 0}textarea{resize:vertical;font-family:ui-monospace,monospace;line-height:1.5;max-width:100%}.fields{display:flex;gap:16px}.fields label{flex:1}.hint{font-size:11px;line-height:1.7;color:#9ab7a7;margin:8px 0}.shop-row{border-bottom:1px solid #31443e;padding:10px 0}.shop-head{display:flex;align-items:center;gap:8px;margin-bottom:6px}.shop-head button{flex:1;width:auto;margin:0;text-align:left;font-size:12px}.shop-head span{font-size:11px;color:#dac48c}.quantity{display:flex;align-items:center;gap:8px}.quantity button{width:32px;padding:5px;margin:0}.quantity output{flex:1;font-size:11px;color:#acccba}.shop-row p{font-size:10px;line-height:1.5;color:#9ab5a6;margin:6px 0}.tools{display:grid;grid-template-columns:1fr 1fr;gap:6px}.tools button{margin:0}.legend-title{margin-top:18px}.legend-item{font-size:10px;line-height:1.6;color:#b6cfbc;margin:7px 0}.legend-item b{font-size:13px;margin-right:5px}.wave-line{font-size:10px;line-height:1.7;color:#b8cdbc;margin:7px 0}.wave-line strong{color:#e1d49c}#events{list-style:none;padding:0;margin:0}#events li{font-size:10px;color:#a4c1af;line-height:1.8;border-bottom:1px solid #ffffff08;padding:4px 0}.result{padding:22px;background:#203c30;border-top:1px solid #5d8970}.result h2{font-size:24px}.result p{font-size:12px;line-height:1.8}.result button{width:auto;min-width:120px;margin-right:10px}.notice{border-left:3px solid #8dd9b3;padding:10px 14px;font-size:12px;line-height:1.7;color:#bdd5c5;background:#14272a}footer{display:flex;justify-content:space-between;gap:16px;font-size:10px;color:#8da997;line-height:1.7;margin-top:22px}@media(max-width:1100px){.layout{grid-template-columns:minmax(0,1fr) 270px;gap:12px}.levels{grid-template-columns:repeat(3,1fr)}.metrics>div{padding:14px}.metrics small{display:block;margin:3px 0}}@media(max-width:760px){main{padding:18px 10px}h1{font-size:29px}h1 span{font-size:13px;margin-left:9px}.badge{display:none}.tabs button{flex:1;padding:10px 4px}.layout{display:flex;flex-direction:column}.arena-panel{position:static;width:100%}aside{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:10px}aside>.panel{min-width:0;margin:0}#battle-controls,#editor-controls{grid-column:1/-1}#shop{display:grid;grid-template-columns:1fr 1fr;gap:10px}.metrics strong{font-size:24px}.metrics>div{padding:10px 7px}.metrics span,.metrics small{font-size:9px}.arena-bottom{flex-direction:column;gap:4px}footer{flex-direction:column;gap:6px}.fields{gap:8px}.levels button{font-size:10px}.legend-item{font-size:10px}h2 small{display:block;margin:6px 0}#editor-controls .tools{grid-template-columns:repeat(3,1fr)}}
details{margin:8px 0 12px}summary{font-size:11px;color:#b2cab8;cursor:pointer;padding:7px 0}

.battle-viewport{overflow:auto;max-height:78vh;overscroll-behavior:contain}.battle-viewport canvas{max-width:none;flex-shrink:0}#volume{padding:3px;accent-color:#91d6ad}button:active:not(:disabled){transform:scale(.98)}button{transition:transform 120ms cubic-bezier(.23,1,.32,1)}@media(prefers-reduced-motion:reduce){button{transition:none}button:active:not(:disabled){transform:none}}

.custom-wave{padding:14px;border:1px solid #39534a;border-radius:8px;margin:12px 0;background:#102126}.custom-wave h3{font-size:13px;color:#b4d5b8;margin:0 0 10px}.custom-wave .fields{flex-wrap:wrap}.custom-wave .fields button{flex:1 1 20%;width:auto}.custom-group{display:grid;grid-template-columns:1.4fr .7fr 1.4fr .7fr;gap:10px;align-items:end}.custom-group button{margin-bottom:15px}#custom-limits{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}#custom-panel .fields>button{min-width:0}#custom-wave-list{max-height:65vh;overflow:auto;padding-right:5px}@media(max-width:760px){.custom-group{grid-template-columns:1fr 1fr}.custom-group button{margin-bottom:8px}#custom-limits{grid-template-columns:1fr 1fr}#custom-panel>.fields{flex-wrap:wrap}#custom-panel>.fields>label{flex:1 1 40%}#custom-panel>.fields>button,#custom-panel>.fields>select{flex:1 1 45%}}

.custom-group>* ,#custom-panel label{min-width:0}#custom-panel select{min-width:0}#custom-config>summary{padding:10px;background:#1b3033;border-radius:5px}input[type=file]{max-width:100%}

.level-lesson{display:block;font-size:10px;color:#9db7a5;line-height:1.5;margin-top:7px;font-weight:400}.levels{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}

.board-scroll{overflow-x:auto}.leaderboard{width:100%;border-collapse:collapse;text-align:left}.leaderboard th,.leaderboard td{padding:.7rem;border-bottom:1px solid #354540}.leaderboard .own-score{background:#264d40;color:#b9f8d0}#score-upload{margin:1rem 0}#score-name{max-width:16rem}