body{background:linear-gradient(145deg,#e4faff,#f7eeff);color:#15324b}main{max-width:950px;margin:auto;padding:24px}h1{font-size:clamp(26px,5vw,44px);margin:4px 0}.arena{position:relative;max-width:600px;margin:16px auto;border:8px solid #fff;border-radius:28px;overflow:hidden;box-shadow:0 15px 45px #24436a33;background:#12385e}canvas{display:block;width:100%;height:auto;touch-action:none;outline-offset:-4px}button,select{min-height:44px;font-size:16px;border-radius:12px;padding:10px;border:1px solid #98b8cf}button{background:#216bc1;color:white;font-weight:bold;cursor:pointer}.controls{display:flex;flex-wrap:wrap;gap:12px}.controls label{display:flex;gap:7px;align-items:center}.scoreboard{display:flex;justify-content:space-between;margin-top:15px}#overlay{position:absolute;inset:0;background:#102b50e8;color:white;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:20px}#overlay[hidden]{display:none}.flags{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;padding:12px}.flags a{font-size:25px}#help,footer{line-height:1.7}footer{text-align:center;font-size:13px;margin-top:25px}