*{box-sizing:border-box}body{margin:0;background:#e9f7fb;color:#23334d;font-family:system-ui,-apple-system,sans-serif}main{max-width:1280px;margin:auto;padding:18px}header{display:flex;align-items:center;gap:10px}header a{margin-right:auto;color:#25334d;text-decoration:none;font-weight:900;letter-spacing:1px}header b{color:#f07157}button,input,select{font:inherit;border:2px solid #24334b;border-radius:13px;padding:12px 20px;background:white;color:#23334d}button{cursor:pointer;font-weight:800;box-shadow:0 4px 0 #23334d}button:active{transform:translateY(3px);box-shadow:0 1px 0 #23334d}button:disabled{opacity:.45;cursor:default}button.primary{background:#ffd25c}section{margin-top:24px}#menu,#lobby,#results{background:white;border:2px solid #23334d;border-radius:28px;padding:38px;text-align:center;box-shadow:8px 8px 0 #bfdde7}h1{font-size:clamp(48px,8vw,96px);line-height:.92;margin:24px 0;font-weight:1000;letter-spacing:-4px}h1 span{color:#ef755b}h2{font-size:30px}.eyebrow{letter-spacing:3px;font-size:12px;font-weight:800;color:#547484}.tag{font-size:20px;font-weight:800}#mainButtons,#onlineMenu{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}[hidden]{display:none!important}#helpPanel{max-width:650px;margin:auto;text-align:left;line-height:1.9}#slots{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:24px 0}.slot{padding:22px 8px;background:#f0f7fb;border-radius:18px;border-bottom:6px solid var(--color);font-weight:800}.slot small{display:block;margin-top:10px}#roomCode{display:block;font-size:52px;letter-spacing:8px}.settings{display:flex;gap:22px;justify-content:center;margin:20px}.hud{display:flex;gap:20px;align-items:center;background:white;padding:10px 15px;border-radius:15px;margin-bottom:8px}#clock{font-size:28px;font-weight:900}#heights{flex:1;font-weight:800}canvas{display:block;width:100%;aspect-ratio:1200/680;background:#aadcf4;border-radius:20px;border:2px solid #23334d}#controls{display:flex;justify-content:center;gap:14px;padding:14px;touch-action:none;user-select:none}#controls button{min-width:90px;font-size:24px;touch-action:none}#swapButton{background:#ffbd68!important;min-width:160px!important}.rotate{display:none;text-align:center;font-size:12px}.tableWrap{overflow:auto}table{width:100%;border-collapse:collapse;margin:20px 0;font-size:14px}td,th{padding:14px;border-bottom:1px solid #dae6ef;white-space:nowrap}#notice{min-height:25px;text-align:center;color:#b73c31;font-weight:700}footer{text-align:center;font-size:11px;color:#627e8b;padding:15px}#results button,#lobby button{margin:8px}@media(max-width:650px){main{padding:8px}#menu,#lobby,#results{padding:20px 12px}#slots{grid-template-columns:repeat(2,1fr)}.settings{flex-wrap:wrap}header button{padding:7px;font-size:12px}.hud{gap:8px;font-size:11px}#heights{font-size:10px}#controls button{padding:15px 20px}.rotate{display:block}}@media(orientation:landscape) and (max-height:550px){main{padding:5px}header,footer{display:none}section{margin-top:0}canvas{height:calc(100dvh - 132px);width:100%;aspect-ratio:auto}.hud{padding:4px;margin-bottom:3px}#controls{padding:7px}.rotate{display:none}#controls button{padding:8px 30px}}