:root{--bg: #10151c;--panel: #161d27;--panel-2: #1b2431;--edge: #263242;--text: #e6edf5;--dim: #8fa0b5;--accent: #ffcc66;--good: #4ade80;--bad: #f87171;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:15px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}h1,h2{margin:0;font-weight:650;letter-spacing:-.01em}.dim{color:var(--dim)}.good{color:var(--good)}.warn{color:var(--bad)}.small{font-size:13px}button{font:inherit;color:inherit;background:var(--panel-2);border:1px solid var(--edge);border-radius:8px;padding:8px 14px;cursor:pointer;transition:background .12s,border-color .12s}button:hover:not(:disabled){background:#22303f;border-color:#35455a}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:#1a1206;font-weight:650}button.primary:hover:not(:disabled){background:#ffd782;border-color:#ffd782}button.ghost{background:transparent}button.on,button.on:hover:not(:disabled){border-color:var(--accent);background:#2c2513}button.on:hover:not(:disabled){background:#3a3018}button.link{background:none;border:none;padding:0;text-decoration:underline;color:inherit}kbd{font:11px/1 ui-monospace,monospace;background:#0d1219;border:1px solid var(--edge);border-radius:4px;padding:2px 4px;color:var(--dim)}.dot{display:inline-block;width:10px;height:10px;border-radius:3px;flex:none}.menu{max-width:900px;margin:0 auto;padding:40px 20px 60px;display:flex;flex-direction:column;gap:22px}.menu-head h1{font-size:34px}.menu-head h1 span{color:var(--accent)}.lead{color:var(--dim);max-width:60ch;margin:8px 0 0}.card{background:var(--panel);border:1px solid var(--edge);border-radius:14px;padding:18px}.card h2{font-size:15px;color:var(--dim);text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}.maps{display:grid;gap:10px}.map{display:flex;gap:14px;align-items:center;text-align:left;padding:12px}.map.on{border-color:var(--accent);background:#1e2634}.thumb{width:132px;height:80px;border-radius:8px;flex:none;border:1px solid var(--edge)}.map-text{display:flex;flex-direction:column;gap:3px;min-width:0}.facts,.best{font-size:12.5px;color:var(--dim)}.best{color:var(--accent)}.name{width:100%;background:#0d1219;border:1px solid var(--edge);border-radius:8px;padding:11px 13px;color:inherit;font:inherit}.name:focus{outline:none;border-color:var(--accent)}.towers{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}.tower-card{display:grid;grid-template-columns:auto 1fr;gap:4px 8px;align-items:center;background:var(--panel-2);border:1px solid var(--edge);border-radius:10px;padding:11px;font-size:13px}.tower-card .dim{grid-column:1 / -1}.menu-actions{display:flex;gap:10px}.big{padding:13px 26px;font-size:16px}.accent{color:var(--accent)}.supply-tag{background:#0d1219;border:1px solid var(--edge);border-radius:5px;padding:0 6px;font-size:12px;color:var(--accent);font-variant-numeric:tabular-nums}.account{max-width:640px;margin:0 auto;padding:30px 20px 60px;display:flex;flex-direction:column;gap:16px}.whoami{display:flex;align-items:center;gap:9px}.whoami button{margin-left:auto}.form{display:flex;flex-direction:column;gap:7px}.form label{font-size:12px;color:var(--dim);text-transform:uppercase;letter-spacing:.06em}.form p{margin:0}.team-pick{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:7px}.team{display:grid;grid-template-columns:auto 1fr;gap:3px 8px;align-items:center;text-align:left;padding:10px 12px}.team.on{border-color:var(--accent);background:#211d12}.team .dim{grid-column:1 / -1;font-size:12px;line-height:1.35}.code-card{text-align:center}.code{font:700 26px/1.4 ui-monospace,SF Mono,Consolas,monospace;letter-spacing:.08em;color:var(--accent);background:#0d1219;border:1px solid var(--edge);border-radius:10px;padding:16px;margin:14px 0;-webkit-user-select:all;user-select:all}.who{display:inline-flex;align-items:center;gap:7px}.dot.hollow{background:transparent;border:1px solid var(--edge)}.loadout{max-width:1000px;margin:0 auto;padding:30px 20px 60px;display:flex;flex-direction:column;gap:16px}.budget-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:9px}.budget-bar{display:flex;gap:5px;margin-bottom:10px}.pip{flex:1;height:10px;border-radius:3px;background:#0d1219;border:1px solid var(--edge)}.pip.on{background:var(--accent);border-color:var(--accent)}.catalogue{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:9px}.tower-pick{display:flex;flex-direction:column;gap:6px;align-items:stretch;text-align:left;padding:12px 13px;background:var(--panel)}.tower-pick.on{border-color:var(--accent);background:#211d12}.tower-pick.blocked{opacity:.42;cursor:not-allowed}.tp-line{display:flex;align-items:center;gap:8px}.tp-line .supply{margin-left:auto;color:var(--accent);font-variant-numeric:tabular-nums}.tp-blurb{font-size:12.5px;line-height:1.4}.tp-facts{display:flex;flex-wrap:wrap;gap:5px}.tp-facts .fact{font-size:11.5px;background:#0d1219;border:1px solid var(--edge);border-radius:999px;padding:1px 8px;color:var(--dim)}.tp-facts .fact.lack{border-color:#5a2f34;color:#ffa8a8}.tp-facts .fact.perk{border-color:#2f5a44;color:#93e6bd}.loadout-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.chosen{display:flex;flex-wrap:wrap;gap:7px}.chip-slot{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;font-size:13px}.chip-slot .x{color:var(--dim);font-size:15px;line-height:1}.chip-slot:hover .x{color:var(--bad)}.forge{display:flex;flex-direction:column;gap:14px}.forge-label{display:block;font-size:12px;color:var(--dim);text-transform:uppercase;letter-spacing:.06em;margin-bottom:7px}.forge-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:7px}.piece{display:flex;flex-direction:column;gap:2px;align-items:flex-start;text-align:left;padding:9px 11px;font-size:13px}.piece .dim{font-size:11.5px;line-height:1.35}.piece.on{border-color:var(--accent);background:#211d12}.piece.blocked{opacity:.4;cursor:not-allowed}.forge-preview{background:#0d1219;border:1px solid var(--edge);border-radius:10px;padding:12px 13px;display:flex;flex-direction:column;gap:10px}.forge-add{display:flex;gap:8px}.forge-add .name{flex:1}.play{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto}.topbar{display:flex;align-items:center;gap:16px;padding:10px 14px;background:var(--panel);border-bottom:1px solid var(--edge)}.stats{display:flex;gap:20px;margin-left:auto}.stat{display:flex;flex-direction:column;align-items:flex-end;line-height:1.15}.stat-label{font-size:11px;color:var(--dim);text-transform:uppercase;letter-spacing:.06em}.stat-value{font-size:19px;font-weight:650;font-variant-numeric:tabular-nums}.stat.gold .stat-value{color:var(--accent)}.stat.bad .stat-value{color:var(--bad)}.speeds{display:flex;gap:4px;margin-left:auto}.speeds button{padding:7px 11px;min-width:44px;font-variant-numeric:tabular-nums}.stage{position:relative;min-height:0;background:#0b0f15}.stage canvas{display:block;touch-action:none}.wavebar{position:absolute;left:50%;transform:translate(-50%);bottom:14px;display:flex;align-items:center;gap:16px;background:#161d27f0;border:1px solid var(--edge);border-radius:12px;padding:10px 14px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.preview{display:inline-flex;gap:5px;margin-left:10px}.chip{font-size:11.5px;border:1px solid;border-radius:999px;padding:1px 8px;color:var(--dim)}.flash{position:absolute;top:14px;left:50%;transform:translate(-50%);background:#3a1f22;border:1px solid #6b3238;color:#ffd7d7;border-radius:8px;padding:8px 14px}.dock{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:12px;padding:12px 14px;background:var(--panel);border-top:1px solid var(--edge)}.shop{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}.buy{display:grid;grid-template-columns:auto 1fr;gap:3px 8px;align-items:center;text-align:left;padding:9px 11px}.buy.poor{opacity:.5}.buy-name{font-weight:600}.buy-cost{grid-column:2;color:var(--accent);font-size:13px}.buy-blurb{grid-column:1 / -1;font-size:11.5px;line-height:1.35}.panel{background:var(--panel-2);border:1px solid var(--edge);border-radius:10px;padding:11px 13px;min-height:118px}.hint{font-size:13px}.tp-head{display:flex;align-items:center;gap:7px;font-size:14px;margin-bottom:8px}.tp-stats{display:grid;grid-template-columns:auto 1fr;gap:2px 12px;margin:0 0 9px;font-size:13px}.tp-stats dt{color:var(--dim)}.tp-stats dd{margin:0;font-variant-numeric:tabular-nums}.next{color:var(--good)}.tp-targeting{display:flex;gap:4px;margin-bottom:9px}.tp-targeting button{padding:5px 9px;font-size:12px}.tp-actions{display:flex;gap:8px}.over{position:absolute;inset:0;display:grid;place-items:center;background:#080b10d1;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.over-card{background:var(--panel);border:1px solid var(--edge);border-radius:16px;padding:28px 34px;text-align:center;min-width:340px}.score{font-size:46px;font-weight:700;color:var(--accent);font-variant-numeric:tabular-nums;margin-top:14px;line-height:1}.over-actions{display:flex;gap:10px;justify-content:center;margin-top:20px}.board{max-width:820px;margin:0 auto;padding:34px 20px 60px;display:flex;flex-direction:column;gap:18px}.board-head{display:flex;align-items:center;gap:16px}.tabs{display:flex;gap:6px}.ranks{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.ranks th,.ranks td{padding:9px 11px;border-bottom:1px solid var(--edge);text-align:left}.ranks th{font-size:11.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--dim);font-weight:500}.ranks .num{text-align:right}.ranks .rank{color:var(--dim);width:44px}.ranks .strong{font-weight:650;color:var(--accent)}.ranks tbody tr:hover{background:var(--panel)}@media(max-width:760px){.dock{grid-template-columns:1fr}.buy-blurb{display:none}.map{flex-direction:column;align-items:stretch}.thumb{width:100%}}.forge-screen{max-width:1200px;margin:0 auto;padding:24px 16px 64px;display:flex;flex-direction:column;gap:16px}.forge-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;align-items:start}.level-bar{height:8px;border-radius:4px;background:#1a2029;overflow:hidden;margin:8px 0}.level-bar .fill{display:block;height:100%;background:linear-gradient(90deg,#3a6ea5,#fc6);transition:width .4s ease}.lock{font-size:.85em;color:#fc6;white-space:nowrap}.look-preview{display:flex;gap:14px;align-items:center;margin-bottom:12px}.tower-mark{flex:none}.color-row{display:flex;gap:8px;align-items:center}.color-row input[type=color]{width:52px;height:38px;padding:2px;border:1px solid #2a3a4d;border-radius:8px;background:#0d1219;cursor:pointer}.emblem-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(46px,1fr));gap:6px}.emblem-pick{display:grid;place-items:center;padding:4px;border:1px solid #2a3a4d;border-radius:8px;background:#0d1219;cursor:pointer}.emblem-pick:hover{border-color:#3a6ea5}.emblem-pick.on{border-color:#fc6;background:#1a2029}textarea.name{resize:vertical;font:inherit;min-height:72px}.team-designs{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}.design-card{display:flex;gap:10px;padding:10px;border:1px solid #2a3a4d;border-radius:10px;background:#0d1219}.design-card.mine{border-color:#fc6}.design-text{display:flex;flex-direction:column;gap:2px;min-width:0}.design-text p{margin:4px 0 0}.tower-pick.forged{border-style:dashed}.play{grid-template-columns:minmax(0,1fr)}.topbar,.dock,.stage{min-width:0}.shop{grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr))}@media(max-width:560px){.topbar{flex-wrap:wrap;gap:8px 12px;padding:8px 10px}.stats{gap:14px}.speeds{margin-left:auto}.shop{grid-template-columns:repeat(auto-fit,minmax(min(132px,100%),1fr))}.panel{min-height:0}}.menu-actions{position:sticky;bottom:0;z-index:2;flex-wrap:wrap;align-items:center;margin:0 -16px -32px;padding:12px 16px 16px;background:linear-gradient(180deg,rgba(16,21,28,0) 0%,var(--bg) 22%)}.note{border-left:3px solid var(--accent);color:var(--dim);font-size:13px}.menu-side{display:flex;gap:10px;flex-wrap:wrap}.forge-part{margin-bottom:14px}.forge-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(240px,100%),1fr));gap:8px;margin-top:6px}.locked-line{margin:8px 0 0;line-height:1.7}.locked-line .lock{font-size:11px;opacity:.75}.forge-grid{grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr))}@media(min-width:761px){.dock{grid-template-columns:minmax(0,2.4fr) minmax(0,1fr)}.panel{min-height:104px}}@media(max-width:560px){.hint{display:none}.panel:has(.hint){display:none}.wavebar{bottom:8px;gap:10px;padding:8px 10px;max-width:calc(100% - 16px)}.wavebar .preview{padding:4px 0 0}.only-wide{display:none}}.werteleiste{position:sticky;bottom:0;z-index:3;display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:0 -16px -64px;padding:10px 16px 14px;background:#161d27f7;border-top:1px solid var(--edge);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.wl-name{font-weight:650;min-width:0}.wl-zahl{white-space:nowrap;font-variant-numeric:tabular-nums}.wl-zahl strong{font-size:17px;color:var(--accent)}.wl-facts{min-width:0}@keyframes blitz{0%{background:#ffcc6659}to{background:#fc60}}.blitz{border-radius:6px;padding:2px 5px;margin:-2px -5px;animation:blitz .6s ease-out}@media(prefers-reduced-motion:reduce){.blitz{animation:none}.level-bar .fill{transition:none}}@media(max-width:560px){.werteleiste{gap:10px;padding:8px 12px 12px;margin:0 -12px -48px}.wl-name{display:none}}.wl-aktionen{display:flex;align-items:center;gap:10px;margin-left:auto;flex-wrap:wrap}.design-text .supply-tag{align-self:start}