:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#173451;background:#f0f5fb;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--blue: #2379d3;--muted: #627b93;--line: #dce7f2}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(ellipse at 15% 0%,#fff,transparent 65%)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button:focus-visible,a:focus-visible{outline:3px solid #164f99;outline-offset:4px}[hidden]{display:none!important}.shell{max-width:1336px;margin:auto;padding:0 36px}.masthead{min-height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:16px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#1e4974;letter-spacing:2.3px;font-weight:800;font-size:16px}.brand-mark{font-size:35px;color:var(--blue);line-height:1}.brand-divider{color:#b9cddd;font-weight:400;margin:0 4px}.brand-sub{font-size:10px;font-weight:600;letter-spacing:1.7px;color:#6e88a1}.version{color:#6a839a;font:10px ui-monospace,monospace;letter-spacing:1px}.intro{padding:38px 0 30px;display:flex;align-items:end;justify-content:space-between;gap:24px}.eyebrow{margin:0 0 10px;font-size:10px;font-weight:700;letter-spacing:1.8px;color:var(--blue)}h1{margin:0;font-size:clamp(27px,3vw,38px);letter-spacing:-1.4px;font-weight:650;line-height:1.2}h1 span{color:#318ee5}.intro-copy{margin:0 0 2px;font-size:12px;line-height:1.8;color:var(--muted)}.dashboard{display:grid;grid-template-columns:minmax(0,1fr) 314px;border:1px solid #d2e0ed;border-radius:12px;overflow:hidden;box-shadow:0 16px 48px #254d7d08;background:#fff}.arena-panel{min-width:0;background:#f7fbff}.arena-top{height:46px;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:0 22px;border-bottom:1px solid var(--line);font:9px ui-monospace,monospace;letter-spacing:1px;color:#65829e}.arena-top>span:first-child{color:#316fa8}.status-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#418ed0;margin:0 7px 1px 0}.canvas-wrap{position:relative;max-width:720px;margin:auto}canvas{display:block;width:100%;aspect-ratio:1}.map-coordinate,.map-scale{position:absolute;color:#6a8ba8;pointer-events:none;font:9px/1.8 ui-monospace,monospace;letter-spacing:1px}.map-coordinate{top:22px;left:22px}.map-scale{bottom:18px;right:22px}.arena-bottom{min-height:43px;border-top:1px solid var(--line);display:flex;align-items:center;padding:10px 22px;gap:20px;font-size:10px;color:#66819a}.arena-bottom>span{white-space:nowrap}.legend{display:inline-block;margin-right:5px;width:7px;height:7px}.core{background:#358ada}.hostile{border:1px solid #d2765b;transform:rotate(45deg)}.range{border:1px dashed #6196c4;border-radius:50%;width:9px;height:9px}.live-label{margin-left:auto;font:8px ui-monospace,monospace;letter-spacing:1px}.control-panel{padding:25px;border-left:1px solid var(--line)}.panel-title{display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:1.7px;font-weight:700;color:#68839b;padding-bottom:23px}.tiny-cross{font-size:20px;font-weight:300;color:#779bbd}.status-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.badge{border:1px solid #cce2f8;background:#eef7ff;color:#337cb9;font-size:8px;font-weight:800;letter-spacing:1px;border-radius:4px;padding:6px 8px}.badge[data-phase=victory]{color:#167e69;background:#edf9f5;border-color:#bee3d9}.badge[data-phase=defeat]{color:#ae4c32;background:#fff2ec;border-color:#f0cfc2}#elapsed{font:11px ui-monospace,monospace;color:#7d94a9}h2{margin:0 0 10px;font-size:20px;letter-spacing:-.6px;font-weight:650}.phase-description{min-height:59px;margin:0 0 24px;font-size:12px;line-height:1.7;color:var(--muted)}.health-heading,.wave-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:11px;color:#55718b}.health-heading strong,.wave-heading strong{color:#2f6493;font:11px ui-monospace,monospace}progress{display:block;width:100%;height:6px;border:0;border-radius:5px;overflow:hidden;appearance:none;background:#e8eff6;accent-color:var(--blue)}progress::-webkit-progress-bar{background:#e8eff6}progress::-webkit-progress-value{background:#378fe1;border-radius:5px}progress::-moz-progress-bar{background:#378fe1;border-radius:5px}progress.danger::-webkit-progress-value{background:#db7657}progress.danger::-moz-progress-bar{background:#db7657}.stats{display:grid;grid-template-columns:1fr 1fr;margin:24px 0;padding:20px 0;border-block:1px solid var(--line)}.stats>div:last-child{border-left:1px solid var(--line);padding-left:23px}.stats span{display:block;font-size:9px;font-weight:600;letter-spacing:1.3px;color:#6c849b;margin-bottom:10px}.stats strong{font-weight:500;font-size:30px;letter-spacing:-1px;line-height:1}.stats small{font-size:15px;color:#9aafc1}#wave-progress{height:4px}.wave-detail{font-size:10px;color:#7690a6;margin:10px 0 25px}.controls{display:grid;gap:10px}.button{min-height:48px;border-radius:6px;border:1px solid transparent;cursor:pointer;font-size:12px;font-weight:650;touch-action:manipulation}.button span{margin-right:8px;font-size:17px;vertical-align:-1px}.primary{background:#267fd6;color:#fff;box-shadow:0 4px 10px #227ac321}.primary:hover{background:#1769bb}.secondary{color:#527795;background:#fff;border-color:#d8e4ef}.secondary:hover:enabled{background:#eef6ff}.button:disabled{cursor:default;opacity:.45}.weapon-card{display:flex;align-items:center;gap:10px;padding:15px 11px;margin-top:24px;background:#f5f9fd;border:1px solid #e4edf5;border-radius:6px}.weapon-icon{color:#3c8dd4;font-size:26px}.weapon-card strong{font-size:11px;font-weight:650}.weapon-card p{font-size:8px;margin:4px 0 0;color:#7790a6}.online-dot{margin-left:auto;width:5px;height:5px;background:#358ed2;border-radius:50%}.hint{color:#7d92a6;font-size:10px;line-height:1.8;margin:17px 0 0}footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:23px 0 30px;font-size:9px;color:#728ba1}footer>span:first-child,footer>span:last-child{font:8px ui-monospace,monospace;letter-spacing:1px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:1300px){.canvas-wrap{max-width:660px}}@media(max-width:960px){.shell{padding:0 20px}.intro-copy{max-width:235px}.dashboard{grid-template-columns:minmax(0,1fr) 280px}.control-panel{padding:20px}.live-label{display:none}}@media(max-width:720px){.shell{padding:0 14px}.masthead{min-height:66px}.brand{font-size:13px;gap:7px;letter-spacing:1.5px}.brand-mark{font-size:29px}.brand-sub{font-size:8px;letter-spacing:1px}.version{display:none}.intro{padding:25px 0 22px;display:block}.eyebrow{font-size:8px}h1{font-size:28px;letter-spacing:-1px}.intro-copy{max-width:none;font-size:11px;line-height:1.6;margin-top:12px}.intro-copy br{display:none}.dashboard{grid-template-columns:1fr}.arena-top{padding-inline:13px;font-size:8px;letter-spacing:.3px;height:39px}.arena-bottom{padding:10px 13px;gap:16px;font-size:9px;min-height:37px}.map-coordinate{top:12px;left:13px;font-size:7px}.map-scale{bottom:10px;right:13px;font-size:7px}.control-panel{border-left:0;border-top:1px solid var(--line);padding:20px;display:grid;grid-template-columns:1fr 1fr;column-gap:18px}.panel-title,.status-heading,h2,.phase-description,.health-heading,#base-progress,.stats,.wave-heading,#wave-progress,.wave-detail,.controls,.weapon-card,.hint{grid-column:1 / -1}.panel-title{padding-bottom:12px}.status-heading{margin-bottom:12px}.phase-description{min-height:0;margin-bottom:18px}.controls{grid-template-columns:1fr 1fr;grid-row:4;margin:3px 0 20px}.button{min-height:52px;font-size:12px}.stats{margin:18px 0;padding:15px 0}.stats strong{font-size:25px}.wave-detail{margin-bottom:0}.weapon-card{margin-top:20px}footer{font-size:8px;align-items:start;line-height:1.7}footer>span:nth-child(2){text-align:right;max-width:150px}footer>span:last-child{display:none}}