@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--accent:#ffcc66;--accent-alt:#b794ff}:root{font-family:Space Grotesk,sans-serif;color:#e8f1ff;background:#070b18;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(ellipse at 50% -10%,#152849 0,#070b18 54%)}button,input{font:inherit}button{cursor:pointer}.app-shell{position:relative;min-height:100vh;max-width:1480px;margin:auto;padding:0 42px 16px;overflow:hidden}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff12}.brand{display:grid;grid-template-columns:24px auto;align-items:center;font-size:18px;font-weight:700;letter-spacing:.13em}.brand-mark{color:#73fbd3;font-size:29px;line-height:0;transform:rotate(-20deg)}.brand .accent{color:#73fbd3}.brand small{grid-column:2;color:#71829f;font:9px DM Mono;letter-spacing:.24em;margin-top:3px}.mode-switcher{display:flex;gap:3px;padding:4px;border:1px solid #ffffff12;border-radius:7px;background:#0b1325}.mode-switcher button,.hide-ui,.icon-button{display:flex;align-items:center;gap:7px;border:0;border-radius:4px;padding:8px 11px;background:transparent;color:#7788a5;font:9px DM Mono;letter-spacing:.08em}.mode-switcher button.active{background:#1d344f;color:#fff}.top-actions{display:flex;gap:7px}.hide-ui{border:1px solid #ffffff1c}.icon-button{padding:9px;border:1px solid #ffffff18;color:#93a2bf;background:#10192c}.arena{position:relative;height:calc(100vh - 98px);min-height:620px;margin:0 -42px;overflow:hidden}.board-wrap{position:absolute;top:0;right:0;bottom:0;left:0;width:auto;transform:none;overflow:hidden;border:0;border-radius:0;background:#111a32;box-shadow:none}.board{display:block;width:100%;height:100%;aspect-ratio:auto}.coordinate-grid line{stroke:#b8dcff;stroke-opacity:.13}.axis-line{stroke:#d5e9ff;stroke-opacity:.4}.graph-obstacle{fill:#05070e;stroke:#a4b9d1;stroke-opacity:.42;stroke-width:2}.board-label{position:absolute;z-index:1;top:18px;color:#b4c1dd;font:8px DM Mono;letter-spacing:.1em}.top-left{left:24px;display:flex;gap:6px;align-items:center}.top-right{right:24px;color:#71809f}.live-dot{width:5px;height:5px;border-radius:50%;background:#73fbd3;box-shadow:0 0 10px #73fbd3}.turn-badge{position:absolute;left:24px;bottom:24px;display:flex;gap:6px;align-items:center;padding:6px 8px;border-radius:4px;font:8px DM Mono;letter-spacing:.08em}.your-turn{color:#73fbd3;background:#73fbd31a;border:1px solid #73fbd344}.rival-turn{color:#ff7aa8;background:#ff7aa81a;border:1px solid #ff7aa844}.squad-panel{position:absolute;top:86px;width:150px;padding:15px 13px 11px;border:1px solid #ffffff19;border-radius:9px;background:#0d1425d9}.squad-panel.left{left:24px}.squad-panel.right{right:24px}.panel-kicker{margin:0 0 10px;color:#6c7fa1;font:8px DM Mono;letter-spacing:.13em}.left .panel-kicker{color:#73fbd3}.right .panel-kicker{color:#ff7aa8}.unit-card{display:flex;align-items:center;gap:8px;padding:9px 7px;margin-top:7px;border:1px solid #ffffff0c;border-radius:5px;background:#111a2d}.unit-card.selected{border-color:#73fbd34d}.pink .unit-card.selected{border-color:#ff7aa84d}.unit-orb{display:grid;place-items:center;width:27px;height:27px;border:1px solid #73fbd344;border-radius:50%;color:#b7c6dc;font:9px DM Mono}.pink .unit-orb{border-color:#ff7aa844}.unit-card strong,.unit-card small{display:block}.unit-card strong{font-size:11px}.unit-card small{color:#6d7e9c;font:7px DM Mono;letter-spacing:.1em;margin-top:2px}.unit-card i{display:block;width:61px;height:3px;margin-top:6px;border-radius:2px;background:#243650}.unit-card i b{display:block;height:100%;border-radius:2px;background:#73fbd3}.pink .unit-card i b{background:#ff7aa8}.unit-card em{margin-left:auto;color:#94a1b6;font:8px DM Mono;font-style:normal}.pitch-control,.console,.camera-panel{position:absolute;bottom:24px;border:1px solid #ffffff1c;border-radius:9px;background:#0d1425e8;box-shadow:0 10px 30px #0004}.pitch-control{left:24px;width:198px;padding:16px}.pitch-control p{display:inline-block;margin:0 0 12px;color:#70809c;font:9px DM Mono;letter-spacing:.14em}.pitch-control strong{float:right;font-size:20px}.pitch-control input{display:block;width:100%;accent-color:#677286}.pitch-control small{display:block;color:#566784;font:8px DM Mono;text-align:center}.console{left:50%;width:484px;transform:translate(-50%);padding:17px 18px}.console .panel-kicker{display:flex;align-items:center;gap:6px;color:#8190aa}.equation-editor,.z-editor{display:flex;align-items:center;gap:9px;margin-top:10px;padding:11px 12px;border:1px solid #287f8b66;border-radius:5px;background:#081321;color:#73fbd3;font:13px DM Mono}.equation-editor input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#f0f6ff;font:14px DM Mono}.equation-editor span{color:#58718d}.z-editor{margin-top:7px;color:#8190aa;border-color:#ffffff1c}.equation-modes{display:flex;gap:5px;margin-top:8px}.equation-modes button,.camera-panel button{border:1px solid #ffffff14;border-radius:4px;padding:7px 10px;color:#70819f;background:#101a2d;font:8px DM Mono}.equation-modes button.selected{border-color:#73fbd355;color:#73fbd3;background:#73fbd30d}.fire-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:11px;padding:13px;border:0;border-radius:5px;color:#071621;background:#67edcf;font:600 10px DM Mono;letter-spacing:.1em}.fire-button span{margin-left:auto;font-size:15px}.fire-button:disabled{opacity:.4;cursor:not-allowed}.camera-panel{right:24px;width:235px;padding:14px}.camera-panel button{display:block;width:100%;margin-top:7px;text-align:left}.camera-panel .camera-selected{color:#eaf4ff;border-color:#ffffff36}.camera-panel small{display:block;margin-top:13px;color:#647492;font:7px DM Mono}.camera-panel p{margin:8px 0 0;font-size:14px}.status-line{position:absolute;left:50%;bottom:8px;transform:translate(-50%);color:#70809b;font:9px DM Mono}.status-pip{display:inline-block;width:5px;height:5px;margin-right:7px;border-radius:50%;background:#73fbd3}footer{display:none}@media(max-width:800px){.app-shell{padding:0 18px}.topbar{height:auto;min-height:70px}.mode-switcher button:not(.active){font-size:0;padding:9px}.arena{height:calc(100vh - 70px);min-height:560px;margin:0 -18px}.board-wrap{top:0;right:0;bottom:0;left:0}.board{width:100%;height:100%}.squad-panel{top:82px}.squad-panel.left{left:10px}.squad-panel.right{right:10px}.pitch-control{bottom:172px;left:10px}.camera-panel{bottom:172px;right:10px}.console{bottom:0;width:min(484px,calc(100% - 20px))}.status-line{display:none}}@media(max-width:520px){.brand small,.hide-ui{display:none}.squad-panel{width:137px;padding:11px 8px}.unit-card{padding:7px 4px}.unit-card i{width:48px}.pitch-control,.camera-panel{width:calc(50% - 15px)}.camera-panel{padding:10px}.camera-panel p{font-size:11px}}.brand .accent,.brand-mark,.left .panel-kicker,.your-turn,.status-pip{color:var(--accent)}.live-dot,.status-pip,.unit-card i b{background:var(--accent)}.live-dot{box-shadow:0 0 10px var(--accent)}.fire-button{background:var(--accent)}.right .panel-kicker,.rival-turn,.pink .unit-card i b{color:var(--accent-alt)}.pink .unit-card i b{background:var(--accent-alt)}.pink .unit-orb{border-color:#b794ff66}.board-wrap{box-shadow:0 0 70px #8d6cff33}