@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#f7f5ef;--ink:#242824;--green:#d8f36a;--purple:#ddd8f6;--line:#dedfd4}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif}header{max-width:1260px;margin:auto;padding:26px 40px;display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--line)}.logo{font:700 32px 'Space Grotesk',sans-serif;letter-spacing:-2px;text-decoration:none;color:var(--ink)}.logo span{color:#789132}.tag,.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px}.tag{color:#73796c}header button{margin-left:auto}main{max-width:1180px;margin:60px auto;padding:0 28px}h1,h2,h3{font-family:'Space Grotesk',sans-serif}h1{font-size:clamp(46px,6vw,78px);line-height:1.02;letter-spacing:-4px;margin:20px 0 24px}h1 em{font-style:normal;background:var(--green);padding:0 8px;border-radius:12px}p{line-height:1.6;color:#686e62}.intro p{max-width:430px;font-size:17px}.layout{display:grid;grid-template-columns:1fr 1fr;gap:70px}.eyebrow{display:inline-flex;align-items:center;gap:8px}.dot{width:8px;height:8px;background:#93ab44;border-radius:50%}.card{border:1px solid var(--line);background:#fffef9;border-radius:24px;padding:30px;box-shadow:0 8px 0 #eaeae0}.card h2{margin:0;font-size:24px}.sub{font-size:13px;margin-top:6px}.row{display:flex;align-items:center;gap:12px}.between{justify-content:space-between}.pill{background:#eeeee5;border-radius:20px;padding:7px 12px;font-size:12px}.players{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0 12px}.player{display:flex;align-items:center;border:1px solid var(--line);border-radius:12px;background:white;padding:8px;gap:8px}.avatar{flex-shrink:0;border-radius:50%;width:29px;height:29px;display:grid;place-items:center;background:var(--purple);font-size:12px;font-weight:bold}.player:nth-child(even) .avatar{background:var(--green)}input{width:100%;min-width:0;border:0;font:inherit;font-size:14px;background:transparent;padding:4px;color:var(--ink)}input:focus{outline:2px solid #95aa57;border-radius:3px}button,select{font:600 14px 'DM Sans',sans-serif;border-radius:12px;border:1px solid var(--line);padding:13px 18px;cursor:pointer;background:white;color:var(--ink)}button:hover{filter:brightness(.96)}button:focus-visible,select:focus-visible{outline:3px solid #8475c2;outline-offset:3px}button:disabled{opacity:.4;cursor:not-allowed}.primary{background:var(--ink);color:white;border-color:var(--ink)}.wide{width:100%;margin-top:24px}.quiet{border:0;background:transparent;padding:8px}.remove{padding:2px 5px;border:0;background:transparent;color:#85877e}.add{width:100%;background:transparent;border-style:dashed;padding:10px}.settings{display:grid;grid-template-columns:1fr 1fr;gap:16px;border-top:1px solid var(--line);padding-top:20px;margin-top:24px}label{font-size:12px;display:block;font-weight:600}select{width:100%;margin-top:8px;background:#f7f7f1}.doodle{position:relative;margin:45px 0 24px;width:280px;height:120px}.bubble{font:600 28px 'Space Grotesk';background:var(--purple);border:2px solid var(--ink);border-radius:50%;padding:24px 36px;transform:rotate(-12deg);position:absolute}.bubble:after{content:'';position:absolute;width:20px;height:20px;background:var(--purple);border-right:2px solid;border-bottom:2px solid;bottom:-9px;left:40px;transform:skewY(25deg)}.bubble.two{left:135px;top:32px;background:var(--green);font-size:21px;transform:rotate(10deg)}.bubble.two:after{background:var(--green)}.mini{font-size:12px;color:#777e6d}.steps{display:flex;gap:20px;margin-top:35px}.steps span{font-size:12px;line-height:1.7}.steps b{display:block;font-size:20px;font-family:'Space Grotesk';color:#9a9e8d}.game{max-width:760px;margin:auto;text-align:center}.game h1{font-size:48px;letter-spacing:-2px}.topic{padding:36px 24px;background:var(--purple);border-radius:22px;margin:24px 0}.topic small{letter-spacing:2px;font-size:11px}.topic h2{font-size:30px;line-height:1.3;margin:15px 0 0}.timer{font:600 90px 'Space Grotesk';letter-spacing:-5px;margin:20px}.timer.danger{color:#bc4937}.progress{height:7px;background:#e5e5da;border-radius:10px;overflow:hidden}.progress div{height:100%;background:#859a45;transition:width .1s linear}.buzzer{font-size:32px;background:var(--green);border:2px solid var(--ink);box-shadow:0 5px 0 var(--ink);padding:20px 50px;min-width:220px;margin:12px}.controls{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:20px 0}.scorelist{text-align:left;margin:25px 0}.scoreline{display:flex;gap:15px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.scoreline strong:last-child{margin-left:auto}.notice{background:#eef1df;padding:14px;border-radius:12px;font-size:14px}.topline{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.error{color:#aa3f30;font-size:13px}footer{max-width:1180px;margin:50px auto 0;padding:24px 28px;border-top:1px solid var(--line);font-size:12px;color:#7b8074;display:flex;justify-content:space-between}dialog{border:1px solid var(--line);border-radius:24px;max-width:540px;padding:32px;color:var(--ink);background:var(--bg)}dialog::backdrop{background:#20271c88}li{padding:6px;line-height:1.5}dialog button{background:var(--ink);color:white}.celebrate{font-size:65px}@media(max-width:780px){header{padding:20px}.tag{display:none}main{margin:35px auto}.layout{grid-template-columns:1fr;gap:25px}h1{letter-spacing:-2px}.doodle,.steps{display:none}.intro p{max-width:none}.card{padding:22px}.game h1{font-size:36px}.topic h2{font-size:25px}footer span{display:none}.players{gap:7px}.player{padding:5px}.avatar{width:24px;height:24px}}
.teamsetup{margin:20px 0}.teamedit{background:#f5f4ed;border:1px solid var(--line);border-radius:14px;padding:12px;margin-bottom:12px}.teamedit .players{margin:10px 0 0}.teamedit>.row>input{font-weight:700}.wordactions{display:grid;grid-template-columns:2fr 1fr;gap:12px}.wordactions button{font-size:20px;padding:20px}.secret h2{font-size:clamp(34px,7vw,56px);margin:15px 0}.timer.compact{font-size:58px;margin:12px;letter-spacing:-3px}.topic p{color:#4b485b}.secret{margin:24px 0}.controls button{min-height:46px}
.field{display:block;width:100%;border:1px solid var(--line);border-radius:10px;background:white;padding:12px;margin-top:8px;font-size:15px}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:25px 0 15px}.tabs .selected{background:var(--ink);color:white}.roomcode{font:700 clamp(38px,8vw,65px) 'Space Grotesk';letter-spacing:7px;background:var(--green);border-radius:20px;padding:24px 10px;margin:25px 0}.codeinput{text-transform:uppercase;letter-spacing:4px;font:600 26px 'Space Grotesk'}.settings{margin-top:10px}.game .buzzer{max-width:100%;min-width:0}.intro .mini{font-size:12px}.game h1{overflow-wrap:anywhere}.wordactions button{min-width:0}.card input{font-weight:400}[hidden]{display:none!important}
:root{--bg:#fff4d9;--ink:#2d204f;--green:#bbf451;--purple:#d9baff;--line:#e5d8f0}body{background:radial-gradient(circle at 5% 20%,#ffe48680 0,transparent 28%),radial-gradient(circle at 95% 50%,#c4b5ff60 0,transparent 30%),var(--bg)}header{border-bottom:2px dashed #dac9e9}.logo{color:#6132c5}.logo span{color:#ef5978}button{border:2px solid #d8cbe9;transition:transform .12s,filter .12s;min-height:46px}button:not(:disabled):active{transform:translateY(2px)}.primary,.tabs .selected{background:#6633c9;border-color:#492499;box-shadow:0 4px 0 #492499;color:white}.primary:hover{background:#7442d8}.card{border:2px solid #e1cef2;background:#fffefa;box-shadow:7px 8px 0 #e2d5fc}.field,select{border:2px solid #e0d3f1;background:white;min-height:47px}h1 em{background:#bbf451;color:#34204f;box-decoration-break:clone;-webkit-box-decoration-break:clone}.eyebrow{color:#6d37b5}.dot{background:#ef5978}.pill{background:#ebddff;color:#552a91;font-weight:700}.bubble{background:#ffb5d0;border-color:#573082;box-shadow:3px 5px 0 #c6a5e0}.bubble:after{background:#ffb5d0}.bubble.two{background:#baf34d}.steps b{color:#b34489}.topic{background:#ddc5ff;border:2px solid #a97ed8;box-shadow:0 5px 0 #c4a5e6}.topic.secret{background:#fff08a;border-color:#dab943;box-shadow:0 5px 0 #e9ce62}.topic.secret h2{text-transform:capitalize}.wordactions button:first-child{background:#197951;border-color:#105e3d;box-shadow:0 4px 0 #105e3d}.wordactions button:last-child{background:#ffb657;border-color:#bf7925;box-shadow:0 4px 0 #bf7925}.buzzer{background:#ff7094;border-color:#a92f57;box-shadow:0 6px 0 #a92f57;color:#44203c}.progress{background:#e6d7f5;height:10px}.progress div{background:linear-gradient(90deg,#8c50e8,#ef67ab,#f7b64a)}.roomcode{background:#bbf451;border:2px solid #659c2a;box-shadow:0 6px 0 #99cf3c}.notice{background:#d5f5ec;border:1px solid #9bd2c1;color:#254c42}.scoreline{border:1px solid transparent;border-radius:14px;padding:14px;margin:10px 0}.team-0{background:#eadcff;border-color:#d2b5f7}.team-1{background:#ffe1eb;border-color:#efb9cc}.team-2{background:#d6f2ff;border-color:#acd3ed}.team-3{background:#e5f5c9;border-color:#bed58d}.team-0 .avatar{background:#6e39bc;color:white}.team-1 .avatar{background:#c33e73;color:white}.team-2 .avatar{background:#1f75a5;color:white}.team-3 .avatar{background:#4f7424;color:white}.timer{color:#6430b7}.timer.danger{color:#b43356}.celebrate{color:#ef5978}.mini,p{color:#655672}.quiet{box-shadow:none}.tag{color:#725b86}.error{color:#a52b4d;background:#fff0f3;border-radius:10px;padding:10px}.error:empty{display:none}dialog{background:#fff9e9;border:2px solid #b394d5}footer{border-top:2px dashed #ddc7ea;color:#725b86}@media(max-width:480px){.settings{grid-template-columns:1fr}.topline{gap:10px;align-items:flex-start}.roomcode{letter-spacing:4px}.game .buzzer{font-size:26px}.card{padding:20px}.scoreline{padding:10px}.wordactions{gap:10px}.wordactions button{font-size:17px;padding:18px 10px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.roundrules{text-align:left;background:#fff4b8;border:2px solid #deb94c;border-radius:20px;padding:22px;margin:24px 0;box-shadow:0 5px 0 #edd174}.roundrules h2{font-size:22px;margin:0}.roundrules ol{list-style:none;padding:0;margin:14px 0}.roundrules li{background:#fffdf0;border:1px solid #e3cb81;border-radius:13px;margin:12px 0;padding:15px}.roundrules li.newrule{border:2px solid #ab74cf;background:#f7edff}.roundrules li p{margin:9px 0;font-size:15px}.roundrules small{font-weight:700;color:#71562f}.rulebadge{display:inline-block;background:#6533a4;color:white;border-radius:20px;padding:6px 9px;font-size:10px;letter-spacing:.5px;font-weight:700;white-space:nowrap}.roundrules .rulefoot{font-size:13px;margin:12px 0 0}.roundrules.classic{background:#e3f4ff;border-color:#86b8d7;box-shadow:0 5px 0 #bedceb}.roundrules.classic h2{margin:12px 0}.roundrules.classic p{font-size:14px;margin-bottom:0}@media(max-width:480px){.roundrules{padding:16px}.roundrules .row{align-items:flex-start;flex-wrap:wrap}.roundrules h2{font-size:20px}.roundrules li{padding:12px}}
.masterview{max-width:1000px}.masterstats{text-align:left;border:2px solid #b3a0d9;background:#fffdf9;border-radius:22px;padding:25px;margin:30px 0}.masterstats h2{font-size:24px}.metricgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:22px 0}.metricgrid>div{border-radius:15px;padding:18px;background:#eadcff}.metricgrid>div:nth-child(2){background:#dcf5bb}.metricgrid>div:nth-child(3){background:#ffe4b9}.metricgrid>div:nth-child(4){background:#ffdce7}.metricgrid strong{display:block;font:700 28px 'Space Grotesk'}.metricgrid span{display:block;font-size:12px;margin-top:5px}.tablewrap{overflow-x:auto}.masterstats table{width:100%;border-collapse:collapse;font-size:14px;min-width:600px}.masterstats th,.masterstats td{padding:13px 10px;border-bottom:1px solid var(--line);text-align:left}.masterstats thead{background:#f3eafd}.masterstats caption{text-align:left;font-weight:700;padding:10px 0}.masterstats td small{display:block;color:#347444;white-space:nowrap}.turnhistory{border:1px solid var(--line);border-radius:12px;padding:15px;margin:10px 0}.turnhistory summary{cursor:pointer;font-weight:600;line-height:1.5}.turnhistory ul{columns:2;padding-left:20px}.masterstats .row{flex-wrap:wrap}@media(max-width:620px){.metricgrid{grid-template-columns:1fr 1fr}.masterstats{padding:17px}.metricgrid>div{padding:14px}.turnhistory ul{columns:1}.masterstats h2{font-size:22px}}
.refereebanner{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;background:#d9f4ec;border:2px solid #8ccab5;border-radius:15px;padding:15px;margin:15px 0 25px}.refereebanner .mini{width:100%}
.logo{font-size:clamp(20px,3vw,28px);letter-spacing:-1px;white-space:nowrap}@media(max-width:480px){header{gap:12px}.logo{font-size:20px}header .quiet{font-size:12px;padding:8px}}

.correct-feedback{position:fixed;inset:0;z-index:100;pointer-events:none;display:grid;place-items:center;background:transparent}.correct-toast{background:#d7ffb3;color:#244315;border:3px solid #42772a;box-shadow:0 6px 0 #42772a;border-radius:24px;padding:18px 28px;font:700 clamp(24px,5vw,36px) 'Space Grotesk',sans-serif;animation:correct-pop 1.1s ease-out both}.correct-toast strong{display:inline-block;background:#42772a;color:white;border-radius:14px;padding:4px 10px;margin-left:10px}.correct-feedback i{position:absolute;left:50%;top:50%;width:9px;height:15px;background:var(--color);border-radius:2px;animation:correct-confetti 1s ease-out both}@keyframes correct-pop{0%{transform:scale(.75);opacity:0}15%,65%{transform:scale(1);opacity:1}100%{transform:translateY(-25px);opacity:0}}@keyframes correct-confetti{0%{transform:translate(0,0) rotate(0);opacity:1}100%{transform:translate(var(--x),var(--y)) rotate(var(--spin));opacity:0}}@media(prefers-reduced-motion:reduce){.correct-feedback,.correct-toast,.correct-feedback i{animation:none}.correct-feedback i{display:none}}

.scorecorrection{display:flex;align-items:end;flex-wrap:wrap;gap:12px;background:#eaf7dd;border-radius:12px;padding:15px;margin:15px 0}.scorecorrection label{margin:0}.scorecorrection input{display:block;width:110px;margin-top:6px;padding:10px;border:2px solid #8ba675;border-radius:9px;font:inherit}

.tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.tabs button{padding:12px 6px;font-size:14px}.correct-feedback{place-items:start center;padding-top:90px}.correct-feedback i{top:110px}.correct-toast{font-size:clamp(20px,4vw,28px);padding:12px 20px}