:root{color-scheme:dark;--bg:#0c0817;--ink:#fff8ed;--muted:#bcb4c9;--line:rgba(255,255,255,.15);--lime:#c9ff65;--pink:#ff6fae;--violet:#8f7cff;--panel:#171026;--danger:#ff8c9f}
*{box-sizing:border-box}html{min-height:100%;background:var(--bg);overflow-x:hidden}body{margin:0;min-height:100dvh;color:var(--ink);background:radial-gradient(circle at 10% 10%,#ff6fae24,transparent 30%),radial-gradient(circle at 90% 15%,#8f7cff35,transparent 32%),var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;overflow-x:hidden}button,input,a{font:inherit}button,a{min-height:48px}.shell{width:min(920px,calc(100% - 24px));margin:auto;padding:calc(12px + env(safe-area-inset-top)) 0 calc(20px + env(safe-area-inset-bottom))}.top,.status{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:50px}.top a,.status a{display:flex;align-items:center;color:var(--ink);font-size:12px;font-weight:950;letter-spacing:.1em;text-decoration:none}.top a:first-letter,.status a:first-letter{color:var(--pink)}.hero{margin:8px 0;padding:clamp(24px,6vw,60px);border:1px solid var(--line);border-radius:30px;text-align:center;background:#ffffff09}.kicker{margin:0;color:var(--lime);font-size:11px;font-weight:950;letter-spacing:.17em;text-transform:uppercase}.hero h1,.final h1{margin:18px 0 10px;font-size:clamp(55px,11vw,100px);line-height:.82;letter-spacing:-.065em}.hero h1 em{color:var(--pink);font-style:normal}.tagline{font-size:clamp(19px,3vw,26px);color:var(--muted)}.rules{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:20px 0}.rules span{padding:8px 12px;border:1px solid var(--line);border-radius:99px;font-size:13px}.entry{display:grid;grid-template-columns:1fr 1fr;gap:12px;text-align:left}.entry form,.panel{padding:18px;border:1px solid var(--line);border-radius:20px;background:#0805106b}.entry h2{margin:0 0 14px}.entry label{display:grid;gap:6px;margin:10px 0;color:var(--muted);font-size:13px;font-weight:800}.entry input{width:100%;min-height:54px;padding:10px 14px;border:2px solid transparent;border-radius:14px;font-size:18px}.entry input:focus{outline:0;border-color:var(--lime)}.primary,.secondary{width:100%;min-height:54px;padding:12px 16px;border:0;border-radius:15px;font-weight:950;cursor:pointer}.primary{color:#12101b;background:var(--lime)}.secondary{display:flex;align-items:center;justify-content:center;border:1px solid var(--line);color:var(--ink);background:var(--panel);text-decoration:none}.error{min-height:20px;color:var(--danger)}.lobby{padding:28px 0}.room-code{margin:4px 0 22px;font-size:clamp(60px,17vw,110px);letter-spacing:.08em}.players,.board{list-style:none;margin:18px 0;padding:0}.players li,.board li{display:flex;align-items:center;gap:10px;min-height:54px;border-bottom:1px solid var(--line)}.players li span,.board li strong{margin-left:auto}.players small{padding:3px 7px;border-radius:99px;color:#171026;background:var(--pink)}.actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.round-head{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:10px 0}.round-head p{margin:0;color:var(--muted)}.round-head strong{color:var(--lime)}.timer{font-variant-numeric:tabular-nums;font-size:28px}.timer.urgent{color:var(--danger)}.finale{grid-column:1/-1;padding:10px;border-radius:12px;text-align:center;color:#171026;background:linear-gradient(90deg,var(--pink),var(--lime));font-weight:1000;letter-spacing:.08em}.prompt{margin:10px auto 15px;max-width:780px;text-align:center;font-size:clamp(25px,6vw,45px);line-height:1.05;letter-spacing:-.03em}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.card{min-height:72px;display:grid;grid-template-columns:42px 1fr;align-items:center;gap:6px;padding:8px 10px;border:2px solid var(--line);border-radius:16px;color:var(--ink);background:#ffffff09;text-align:left;cursor:pointer;touch-action:manipulation}.card .emoji{font-size:29px;text-align:center}.card .label{overflow-wrap:anywhere;font-size:clamp(15px,4vw,19px);font-weight:900}.card.selected{border-color:var(--lime);background:#c9ff6517;box-shadow:0 0 0 3px #c9ff6520}.card:disabled{opacity:.55;cursor:default}.card.selected:disabled{opacity:1}.lock{position:sticky;bottom:calc(8px + env(safe-area-inset-bottom));margin-top:10px;box-shadow:0 12px 35px #0008}.lock:disabled{opacity:.5}.waiting{text-align:center;padding:14px}.waiting strong{display:block;color:var(--lime);font-size:22px}.groups{display:grid;gap:10px}.group{padding:14px;border:1px solid var(--line);border-radius:18px;background:#ffffff08;animation:pop .35s both}.group.mine{border-color:var(--lime)}.group h2{display:flex;align-items:center;gap:10px;margin:0;font-size:24px}.group h2 b{margin-left:auto;color:var(--pink)}.group p{margin:8px 0 0;color:var(--muted)}.obvious{padding:16px;border-radius:18px;text-align:center;color:#171026;background:var(--pink)}.obvious h2{margin:0}.award{text-align:center;font-size:22px}.award strong{color:var(--lime)}.board{max-width:620px;margin:20px auto}.board li{font-size:18px}.board li b{width:35px;color:var(--pink)}.host-wait{text-align:center;color:var(--muted)}.final{text-align:center;padding:30px 0}.final h1{color:var(--lime)}.stat{margin:18px auto;max-width:620px;padding:18px;border:1px solid var(--line);border-radius:20px}.stat h2{margin:0 0 8px;color:var(--pink)}
@keyframes pop{from{opacity:0;transform:translateY(10px) scale(.98)}}@media(max-width:620px){.entry{grid-template-columns:1fr}.hero{padding:22px 15px}.shell{width:calc(100% - 16px)}.round-head{padding-top:4px}.prompt{margin-top:5px}.cards{gap:6px}.card{min-height:68px;padding:6px}.actions{grid-template-columns:1fr}.rules{display:grid}.rules span{border-radius:12px}}@media(min-width:760px){.cards{grid-template-columns:repeat(5,1fr)}.card{min-height:112px;grid-template-columns:1fr;text-align:center}.card .emoji{font-size:38px}.lock{width:min(480px,100%);margin:14px auto 0;display:block}}@media(prefers-reduced-motion:reduce){.group{animation:none}}