:root{color-scheme:dark;font:13px Arial,sans-serif;background:#0a151f;color:#e9f2f6}*{box-sizing:border-box}body{margin:0}header{display:flex;align-items:center;gap:20px;min-height:50px;padding:10px 16px;background:#142735;border-bottom:1px solid #2d4859}header strong{font-size:15px}header strong span{font-size:10px;color:#add0df;margin-left:8px}#status{margin-left:auto;color:#bad8e7;font-size:12px}button,input,select{font:inherit}button{cursor:pointer;border:1px solid #2d4859;background:#142735;color:#e9f2f6;padding:8px 13px}button:hover{background:#234254}button:disabled{opacity:.5;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #3bd1e8;outline-offset:2px}[hidden]{display:none!important}#ready,#create{background:#3bd1e8;color:#081c27;font-weight:bold}#notice{margin:10px 16px;border:1px solid #42647a;background:#142735;padding:10px}#notice.error{border-color:#bc795d;color:#ffd3b9}#lobby{max-width:460px;margin:36px auto;border:1px solid #2d4859;background:#142735;padding:25px}h1{font-size:24px;margin-top:0}#lobby p{color:#bad8e7;line-height:1.7}label{display:block;margin:17px 0 7px;font-weight:bold;font-size:12px}input,select{width:100%;padding:9px;border:1px solid #2d4859;background:#0a151f;color:#e9f2f6}select{margin:8px 0 14px;height:180px}select option{padding:4px}#create{width:100%}.join{display:flex;gap:10px;margin-top:12px}.join input{width:70%;text-transform:uppercase;letter-spacing:2px}#waiting{max-width:600px;margin:60px auto;text-align:center}#waiting p{font-size:15px;line-height:1.7;color:#bad8e7}#game{padding:0;margin:0}#viewport{position:relative;max-width:1600px;aspect-ratio:1600/795;margin:auto}#screen{display:block;width:100%;height:100%;user-select:none;-webkit-user-drag:none}#controls{position:absolute;inset:0}.hit{position:absolute;border:0;background:transparent;padding:0;touch-action:none}.hit:hover{background:#3bd1e80b;outline:1px dashed #3bd1e860}.hit.selected{outline:2px solid #3bd1e8;background:#3bd1e820}.hit:focus-visible{outline:2px solid #3bd1e8}.tactic-hit:hover{background:#3bd1e81c}.instructions{max-width:1600px;margin:6px auto;padding:0 16px;color:#bad8e7;font-size:11px}footer{text-align:center;color:#819ba8;font-size:10px;line-height:1.6;padding:15px}body.in-match #notice{position:fixed;bottom:16px;left:16px;z-index:10;max-width:500px;box-shadow:0 3px 12px #0007}body.in-match header strong span{display:none}@media(max-width:700px){header{flex-wrap:wrap;gap:8px;padding:8px}header strong{font-size:12px}header strong span{display:none}#status{font-size:10px}header button{font-size:10px;padding:6px}#lobby{margin:20px 12px}#game{overflow-x:auto}#viewport{min-width:1000px}.instructions{min-width:600px}#waiting{padding:15px}}