:root{color-scheme:dark;--bg:#070b20;--cyan:#5ae4ed;--yellow:#ffde68}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:var(--bg);font-family:system-ui,sans-serif;color:#edf3ff}#arena{position:fixed;inset:0}canvas{display:block;touch-action:none}header{position:fixed;top:0;left:0;right:0;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(#070b20e8,transparent);pointer-events:none}header a,button,select,input{pointer-events:auto}header a{color:var(--cyan);font-weight:900;font-size:12px;text-decoration:none;letter-spacing:2px}h1{margin:0;font-size:25px;letter-spacing:1px}h1 span{color:var(--yellow)}#modeLabel{font-size:11px;color:#a0b2d5}#hud{position:fixed;left:22px;top:75px;display:flex;gap:23px;padding:12px 18px;border:1px solid #527cc344;border-radius:16px;background:#101a35ed;pointer-events:none}small{font-size:10px;color:#9faecd}#hud small{display:block;text-transform:uppercase;letter-spacing:1px}#hud strong{font-size:21px;color:var(--yellow)}#board{position:fixed;right:22px;top:75px;min-width:135px;background:#101a35ed;border-radius:14px;padding:12px;font-size:11px;pointer-events:none}#board div{padding:3px}#notice{position:fixed;top:140px;left:20%;right:20%;text-align:center;font-weight:800;color:var(--yellow);text-shadow:0 2px 5px #000;pointer-events:none}footer{position:fixed;bottom:0;left:0;right:0;padding:12px 18px 18px;background:linear-gradient(transparent,#070b20);text-align:center}footer #hint{display:block;font-size:10px;color:#b7c3db;margin:5px}footer small{display:block;margin-top:6px}button,select,input{font:inherit;border:1px solid #617bad66;background:#152540;color:white;border-radius:10px;padding:10px 15px}button{cursor:pointer;font-weight:750}button:hover{border-color:var(--cyan)}button:disabled{opacity:.5;cursor:wait}button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid var(--cyan)}.primary{background:var(--yellow);color:#131936;width:100%;margin-top:18px;font-size:16px}#overlay,#paused{position:fixed;inset:0;z-index:60;background:#050817c9;display:flex;align-items:center;justify-content:center;padding:20px;overflow:auto;backdrop-filter:blur(8px)}#overlay[hidden],#paused[hidden]{display:none!important}section{width:440px;max-width:100%;padding:30px;border:1px solid #668ac665;border-radius:26px;background:linear-gradient(145deg,#1e2e4b,#101429);box-shadow:0 25px 100px #0008}.eyebrow{font-size:10px;color:var(--cyan);letter-spacing:2px}h2{font-size:34px;line-height:1.05;margin:15px 0;color:var(--yellow)}p{color:#bec9e0;font-size:13px;line-height:1.5}.rules{display:flex;justify-content:space-between;padding:12px 0;color:var(--yellow);font-size:13px}label{display:flex;flex-direction:column;gap:6px;font-size:11px;color:#c1cce0;margin-top:14px}.row{display:flex;gap:12px}.row label{width:50%}#best{display:block;text-align:center}#connection:empty{display:none}@media(max-width:650px){header{padding:12px}header a{font-size:9px;letter-spacing:0}h1{font-size:22px}#modeLabel{max-width:90px;font-size:9px}#hud{left:10px;top:52px;gap:15px;padding:9px 12px}#hud strong{font-size:17px}#board{display:none}#notice{top:105px;left:10px;right:10px;font-size:12px}section{padding:22px}h2{font-size:29px}footer{padding-bottom:10px}footer button{padding:8px 12px}footer #hint{display:none}}@media(max-height:550px){#hud{top:45px;padding:6px 10px}#notice{top:100px}header{padding:9px}section{padding:18px;max-height:95vh;overflow:auto}h2{font-size:25px}footer #hint,footer #cache{display:none}}

/* Shared controller already displays the localized instructions. */
footer #hint{display:none}