:root{color:#1c211b;background:#e8ece2;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}body{margin:0;min-width:320px;min-height:100vh}.appShell{align-items:start;display:grid;gap:28px;grid-template-columns:minmax(280px,420px) minmax(520px,1fr);min-height:100vh;padding:32px}.statusPanel{max-width:760px}.eyebrow{color:#58633e;font-size:.82rem;font-weight:700;letter-spacing:0;margin:0 0 12px;text-transform:uppercase}h1{font-size:clamp(3rem,5rem,6.5rem);line-height:.92;margin:0}.summary{font-size:1.15rem;line-height:1.55;max-width:680px}.facts{display:grid;gap:1px;grid-template-columns:repeat(3,minmax(0,1fr));margin:28px 0;max-width:620px}.facts div{background:#f8faf5;border:1px solid #cbd4bd;padding:16px}.facts dt{color:#56614d;font-size:.78rem;font-weight:700;margin-bottom:8px;text-transform:uppercase}.facts dd{font-size:1.25rem;font-weight:800;margin:0}.identity{border-left:4px solid #65744a;font-weight:700;margin:0;padding:10px 14px}.identity.denied{border-color:#a33c2f}.identity.ready{border-color:#28705a}.lobbyPanel{border-top:1px solid #cbd4bd;margin-top:28px;max-width:760px;padding-top:24px}.forms{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}form{display:grid;gap:8px}label{color:#56614d;font-size:.78rem;font-weight:700;text-transform:uppercase}input,select{background:#f8faf5;border:1px solid #b8c5a8;color:#1c211b;font:inherit;min-height:42px;padding:0 12px}button{background:#25351e;border:0;color:#f8faf5;cursor:pointer;font:inherit;font-weight:800;min-height:42px;padding:0 14px}.notice{font-weight:700}.rooms{display:grid;gap:10px;margin-top:18px}.room{align-items:center;background:#f8faf5;border:1px solid #cbd4bd;display:flex;gap:16px;justify-content:space-between;padding:14px}.room.selected{border-color:#28705a;box-shadow:inset 4px 0 #28705a}.room h2{font-size:1rem;margin:0 0 4px}.room p{margin:0}.gamePanel{align-self:stretch;display:grid;gap:16px}.gameHeader{align-items:center;border-bottom:1px solid #cbd4bd;display:flex;justify-content:space-between;padding-bottom:12px}.gameHeader h2{font-size:1.4rem;margin:0;text-transform:capitalize}.board{aspect-ratio:1;background:#f8faf5;border:1px solid #aeba9b;box-sizing:border-box;max-height:min(68vh,760px);width:100%}.boardGround{fill:#d9dfcf}.terrain{stroke:#49513b;stroke-width:.12}.terrain.normal{fill:#b9c8a5}.terrain.difficult{fill:#8f9a68}.terrain.dangerous{fill:#b05a3d}.tank{fill:#315b4d;rx:.2;stroke:#16231e;stroke-width:.12}.tank.active{fill:#d6a63f}.turret{stroke:#16231e;stroke-linecap:round;stroke-width:.28}.commandGrid{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.commandForm{background:#f8faf5;border:1px solid #cbd4bd;gap:10px;padding:12px}.commandForm h3{font-size:.95rem;margin:0}.commandForm p{line-height:1.35;margin:0}.commandForm label{display:grid;gap:6px}@media(max-width:640px){.appShell{align-items:flex-start;grid-template-columns:1fr;padding:24px 18px}.facts,.forms{grid-template-columns:1fr}.room{align-items:stretch;flex-direction:column}.commandGrid{grid-template-columns:1fr}}@media(min-width:641px)and (max-width:1100px){.appShell{grid-template-columns:1fr}.commandGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}