/* v11: battlefield legibility and touch-first aiming. */
:root{background:#211a3b;color:#f8f7ff;touch-action:manipulation}
body{background:radial-gradient(circle at 50% -20%,#7566b833,transparent 42%),#211a3b}
header{background:#2b234c;border-color:#8a7bc4} header a{color:#9ddcff} header span{color:#d9d1f2} header button{border-color:#9a8ecc;background:#3a2e63}
.controls{grid-template-columns:1fr 1fr minmax(130px,.55fr) minmax(110px,.45fr);background:#2a2148}.controls output{color:#b8e7ff}.controls input{accent-color:#8c7ae6}.fire{border-color:#5d4b9b;background:linear-gradient(#8a7ee5,#5d50af);box-shadow:0 5px 0 #3c3274}.fire:active{box-shadow:0 1px 0 #3c3274}.trajectory-toggle{min-height:54px;border:2px solid #7dd3fc;border-radius:12px;background:#32275a;color:#dff6ff;font-size:.7rem;font-weight:1000;letter-spacing:.04em}.trajectory-toggle[aria-pressed="false"]{opacity:.65;border-color:#887ca8;color:#c6bfd7}
.arena canvas{touch-action:none;cursor:crosshair}.desktop-hint{color:#cfc7e8}.hud{background:#30264e;border-color:#7e70a9}.fighter em,.turn span{color:#b8e7ff}.modes{background:#2a2148}.modes button{border-color:#8174a8;background:#393058;color:#eeeaff}.modes button.active{border-color:#9ddcff;background:#9ddcff;color:#272144}
@media(max-width:680px){.controls{grid-template-columns:1fr 1fr}.fire,.trajectory-toggle{grid-column:span 1;height:56px;min-height:56px}.trajectory-toggle{font-size:.64rem}}
.aim-hint{margin:0;padding:.42rem .8rem;background:#34295c;color:#dff6ff;text-align:center;font-size:.67rem;font-weight:900;letter-spacing:.035em}.aim-hint::first-letter{color:#9ddcff}@media(min-width:681px){.aim-hint{display:none}}
.room-chat{position:fixed;z-index:30;right:14px;bottom:88px;width:min(330px,calc(100vw - 28px));border:1px solid #8b6dcc;background:#111027e8;box-shadow:0 12px 38px #000a}.room-chat-log{height:120px;overflow:auto;padding:8px}.room-chat-log p{margin:0 0 5px;color:#e5ddff;font-size:11px;line-height:1.25}.room-chat-log p.mine{color:#baf8ef}.room-chat-log b{color:#f7d27d}.room-chat form{display:grid;grid-template-columns:1fr auto;border-top:1px solid #5e4b88}.room-chat input{min-width:0;border:0;background:#0a0920;color:#fff;padding:9px;font-size:12px}.room-chat button{border:0;background:#7654b5;color:#fff;padding:0 11px;font-size:10px;font-weight:900}@media(max-width:700px){.room-chat{right:8px;bottom:124px;width:min(310px,calc(100vw - 16px))}.room-chat-log{height:94px}}