*{box-sizing:border-box}body{margin:0;background:#f4f1e9;color:#172647;font:16px/1.5 'Trebuchet MS',system-ui,sans-serif}header,main{width:min(1070px,94%);margin:auto}header{display:flex;align-items:center;gap:12px;padding:22px 0;border-bottom:2px solid #172647}header strong{font-size:23px;letter-spacing:-1px}.sub{margin-left:auto;color:#4a5770}.logo{background:#152851;color:#c6fa82;font-size:13px;line-height:.85;padding:9px;border-radius:8px;letter-spacing:1px}main{padding:24px 0 50px}.poster{display:grid;grid-template-columns:1.1fr 1fr;background:#172950;color:#fff;border-radius:24px;padding:clamp(24px,5vw,62px);gap:36px;align-items:center;overflow:hidden}.poster small{color:#c6fa82}small{letter-spacing:2px;font-weight:800;font-size:11px}h1,h2,p{margin:0}h1{font:900 clamp(62px,8vw,104px)/.85 system-ui;letter-spacing:-.075em;margin:20px 0 25px}h1 span{color:#ff9a79}.poster p{max-width:450px;color:#eef2fc}.lobby,.arena{display:grid;grid-template-columns:1.35fr 1fr;gap:18px;margin-top:18px}.lobby section,.panel{background:#fffcf7;padding:clamp(18px,3vw,34px);border:1px solid #d3d5cf;border-radius:20px}h2{font-size:clamp(22px,3vw,32px);line-height:1.15;letter-spacing:-1px;margin:0 0 16px}fieldset{border:0;padding:0;margin:0 0 14px}fieldset label{display:inline-block;border-radius:8px;background:#eceee7;padding:7px;margin:4px 3px 3px 0;font-size:14px}legend,form label{font-size:14px;font-weight:bold;margin-bottom:6px}input[type=checkbox]{accent-color:#21385d}button,input{font:inherit}button{cursor:pointer;background:#203863;color:white;border:0;border-radius:10px;padding:11px 15px;font-weight:bold;margin:3px 0}.light{background:#e8eceb;color:#203052}button:hover:enabled{filter:brightness(1.1)}button:focus-visible,input:focus-visible{outline:3px solid #1286ab;outline-offset:2px}form{display:grid}#code{border:1px solid #98a0ac;width:100%;border-radius:8px;padding:10px;text-transform:uppercase}nav,#score{display:flex;align-items:center;justify-content:space-between;gap:8px}#grid,#art{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;padding:8px;background:#29477a;border-radius:14px}#art{transform:rotate(-7deg);gap:8px;padding:14px;box-shadow:9px 11px 0 #0d1d40}#art i,.hole{display:grid;place-items:center;aspect-ratio:1;background:#152747;border-radius:100%;box-shadow:inset 0 3px 3px #0003}.disc1,.disc2{width:100%;height:100%;display:grid;place-items:center;border-radius:100%;font-style:normal;box-shadow:inset 0 -4px 0 #0002}.disc1{background:#48bd74;color:#335019}.disc2{background:#ed5055;color:#78341f}.column{min-width:0;display:grid;gap:4px;margin:0;padding:3px;background:transparent;border-radius:6px}.column:enabled{background:#5578ad}.column:enabled:hover{background:#abc7ea}.win{outline:3px solid white;outline-offset:-4px}#score{margin-top:14px;font-size:14px;font-weight:bold}.controls h2{margin:16px 0;font-size:clamp(25px,3.5vw,43px)}#options{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:16px 0}.option{background:#e6ecf1;color:#1b3154;overflow-wrap:anywhere}.option:disabled{opacity:.65}.picked:disabled{opacity:1;background:#c1ed88}#last{border-top:1px solid #cfd3d4;padding-top:14px;color:#43506a;font-size:14px}#last:empty{display:none}#error{color:#912c1c;font-weight:bold;margin-top:10px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}[hidden]{display:none!important}@media(max-width:700px){.arena,.lobby{grid-template-columns:1fr}.poster{grid-template-columns:1.4fr .8fr;gap:8px}.poster p{grid-column:1/-1}.poster>div:first-child{display:contents}.poster small,.poster p{grid-column:1/-1}.poster h1{grid-row:2}.poster #art{grid-row:2;gap:2px;padding:5px}.arena{gap:10px}.panel{padding:16px}header{padding:11px 0}main{padding-top:12px}#grid{max-width:480px;margin:auto}.column{padding:1px}.controls h2{margin:6px 0}#options{margin:8px 0}}

#clock{display:block;color:#284773;font:700 19px/1.5 system-ui;font-variant-numeric:tabular-nums;margin:8px 0}#clock[data-low="true"]{color:#aa232c}