:root{color-scheme:dark;--lime:#c5ff00;--cyan:#37dbe3;--pink:#fc6dc5}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 90% 0,#46215b,#160c28 65%);color:#fff;font:18px/1.5 system-ui,sans-serif;min-height:100vh}header{display:flex;gap:20px;align-items:center;justify-content:space-between;padding:20px 4vw;border-bottom:1px solid #ffffff25}header a{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:900;letter-spacing:.06em}header span,footer{font-size:14px;color:#d1c6e0}main{max-width:1180px;margin:auto;padding:30px 4vw 60px}section{margin-bottom:25px}h1{font-size:clamp(32px,4.7vw,64px);line-height:1.12;margin:14px 0 24px}h2{font-size:28px}.lead{font-size:clamp(19px,2vw,25px);max-width:900px}.eyebrow{color:var(--cyan);font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:15px}a{color:inherit}button,.primary{font:inherit;font-weight:750;border-radius:12px;padding:13px 20px;cursor:pointer;border:1px solid #ffffff50;background:#352345;color:#fff}button:hover{border-color:var(--cyan)}button.primary{background:var(--lime);color:#160c28;border:0}button:disabled{opacity:.55;cursor:default}input,select{display:block;font:inherit;border:1px solid #ffffff50;border-radius:10px;background:#160c28;padding:12px;color:#fff;width:100%;margin:7px 0 18px}label{display:block;font-weight:650}form{max-width:720px}details{border:1px solid #ffffff30;border-radius:14px;padding:20px;margin:24px 0}summary{cursor:pointer;font-weight:700}.options-edit,.options{display:grid;grid-template-columns:1fr 1fr;gap:16px}.options:empty{display:none}.options>div,.options>button{border:2px solid #ffffff40;border-radius:16px;padding:22px;text-align:left;font-size:clamp(19px,2vw,28px);background:#ffffff09}.options b{display:inline-block;margin-right:16px;color:var(--cyan)}.options .winner{border-color:var(--lime);background:#c5ff001a}.options .chosen{border-color:var(--cyan)}.actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:22px}#host-tools{border:1px solid #37dbe360;border-radius:18px;padding:20px;margin-bottom:32px;background:#1e2933}#screen-link{overflow-wrap:anywhere}#host-tools p{margin:8px 0}#lobby{display:flex;gap:32px;align-items:center}#qr{background:#fff;padding:8px;border-radius:16px}#join-link{overflow-wrap:anywhere}#error{color:#ffb2bb}#error:empty,#connection:empty{display:none}.note{font-size:15px;color:#d1c6e0}.game-top{display:flex;align-items:center;justify-content:space-between}#timer{font-size:30px;color:var(--lime)}#standings{display:flex;gap:14px;flex-wrap:wrap;margin:28px 0}#standings span{padding:12px 20px;border-radius:12px;background:#ffffff12}#result{color:var(--lime);font-size:24px}#result p{margin:10px 0}#estimate-form{margin-top:25px;max-width:480px}footer{padding:25px 4vw;border-top:1px solid #ffffff25}footer span{display:block}[hidden]{display:none!important}:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}body.screen main{max-width:1450px}body.screen #game h1{font-size:clamp(36px,5vw,78px)}@media(max-width:640px){header{flex-wrap:wrap;padding:15px}header span{order:3;width:100%}main{padding:22px 20px}#lobby{flex-direction:column;align-items:flex-start;gap:12px}.options,.options-edit{grid-template-columns:1fr}.options>button,.options>div{padding:16px}#fullscreen{font-size:14px;padding:8px}#standings span{padding:10px}#host-tools{padding:16px}}

#heading:focus{outline:none}body.screen header{padding:12px 3vw}body.screen main{padding:14px 3vw;max-width:1600px}body.screen footer{display:none}body.screen #game h1{font-size:clamp(26px,5.5vh,64px);margin:10px 0 16px}body.screen .lead{font-size:clamp(18px,2.8vh,26px);margin:12px 0}body.screen .options>div{padding:clamp(10px,1.8vh,22px);font-size:clamp(18px,3vh,30px)}body.screen #standings{margin:14px 0}body.screen #result{font-size:clamp(18px,2.8vh,26px)}body.screen #lobby #qr{width:clamp(150px,30vh,240px);height:auto}

body.screen-too-small main>:not(#screen-size-gate){display:none!important}body.screen-too-small #fullscreen{display:none}body.screen-too-small #screen-size-gate h1{font-size:clamp(30px,7vw,52px)}
