@import "https://fonts.googleapis.com/css2?family=Kalam:wght@400;700&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@400;500;600;650;700;800&display=swap";:root{color:#f3f5fc;font-synthesis:none;--lime:#c7f45f;--muted:#a3acc4;--line:#303950;--panel:#19223a;background:#10172c;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(at 85% 0,#26345755,#0000 50%),#10172c;margin:0}button,input{font:inherit}button{cursor:pointer;color:inherit;transition:background .18s,transform .18s}button:disabled{cursor:default;opacity:.45}button:not(:disabled):active{transform:translateY(1px)}:is(button:focus-visible,input:focus-visible){outline-offset:4px;outline:3px solid #c7f45f}button{border:0}button svg{flex-shrink:0}a{color:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3,.brand,.clock{font-family:Outfit,system-ui,sans-serif}h1{letter-spacing:-.035em;margin-bottom:20px;font-size:clamp(2.7rem,6vw,4.5rem);font-weight:600;line-height:1.04}h2{letter-spacing:-.025em;margin-bottom:10px;font-size:1.7rem;font-weight:550}p{line-height:1.6}input{color:#f7f8ff;background:#10182b;border:1px solid #3c465f;border-radius:12px;width:100%;min-width:0;padding:14px 16px;font-size:1rem}label{color:#c9cfe0;font-size:.9rem;display:block}label>span{margin-bottom:8px;display:block}label>input{margin-top:8px}.top{border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;max-width:1240px;height:96px;margin:auto;padding:0 40px;display:flex}.brand{letter-spacing:-.02em;background:0 0;align-items:center;gap:12px;padding:0;font-size:1.4rem;font-weight:600;display:flex}.brandmark{background:var(--lime);color:#18202f;letter-spacing:-.15em;border-radius:11px;justify-content:center;align-items:center;width:40px;height:40px;padding-right:3px;font-size:1.35rem;font-weight:800;display:flex}.brandmark span{transform:translateY(3px)}main{max-width:1160px;margin:auto;padding:0 32px 50px}.intro{text-align:center;padding:60px 0 30px}.intro h1{margin:16px 0}.intro h1 span{color:var(--lime)}.intro p{color:#aeb7cc;font-size:1.1rem}.eyebrow{letter-spacing:.14em;color:#b6c0da;font-size:.75rem;font-weight:700;line-height:1.5;display:inline-block}.panel{border:1px solid var(--line);background:var(--panel);border-radius:24px;box-shadow:0 12px 42px #00000012}.setup{max-width:740px;margin:0 auto;padding:32px}.setup-heading{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.setup-heading h2{margin-top:8px}.mode-tabs{background:#111a30;border-radius:14px;gap:4px;margin-bottom:23px;padding:5px;display:flex}.mode-tabs button{color:#b1bad0;background:0 0;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:9px;padding:13px 7px;font-size:.9rem;display:flex}.sub{color:var(--muted);font-size:1rem;line-height:1.5}.names{grid-template-columns:1fr 1fr;gap:18px;display:grid}.name-input{display:flex;position:relative}.name-input input{padding-right:38px}.name-input button{color:#9ba8c0;background:0 0;padding:4px;position:absolute;top:13px;right:8px}.field{max-width:400px}.primary{background:var(--lime);color:#15201a;border-radius:13px;justify-content:center;align-items:center;gap:12px;min-height:54px;padding:16px 23px;font-size:1rem;font-weight:700;display:flex}.setup>.primary{width:100%;margin-top:26px}.quiet{color:#b5bfd6;background:0 0;justify-content:center;align-items:center;gap:7px;min-height:44px;padding:10px 8px;font-size:.875rem;display:inline-flex}.add-player{margin-top:8px}.fine{color:#9ba6bf;margin:14px 0 0;font-size:.8rem;line-height:1.6}.setup>.fine{text-align:center}.room-line{align-items:center;gap:15px;padding:28px 0 24px;display:flex}.room-code{background:#202c46;border-radius:9px;align-items:center;gap:12px;padding:9px 13px;display:flex}.room-code span{letter-spacing:.13em;font-family:monospace;font-size:1.05rem}.connection{color:#b9c7d2;margin-left:auto;font-size:.8rem}.connection:before{content:"";background:var(--lime);border-radius:50%;width:6px;height:6px;margin:0 7px 1px 0;display:inline-block}.lobby{max-width:760px;margin:12px auto;padding:38px}.lobby h1{margin-top:15px;font-size:2.7rem}.lobby-players{grid-template-columns:1fr 1fr;gap:12px;margin:28px 0;display:grid}.lobby-players>div{background:#111b30;border:1px solid #2e3a56;border-radius:13px;align-items:center;gap:10px;padding:13px;display:flex}.lobby-players strong{overflow-wrap:anywhere;font-size:.95rem}.lobby-players>div>span:last-of-type{color:var(--muted);margin-left:auto;font-size:.75rem}.lobby-players button{color:#99a4be;background:0 0;padding:3px}.lobby>.primary{width:100%}.lobby>.quiet{margin:12px auto 0;display:flex}.waiting{text-align:center;color:var(--lime)}.avatar{color:#162222;background:#c7f45f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-weight:700;display:flex}.color-1 .avatar,.avatar.color-1{background:#b4a3ff}.color-2 .avatar,.avatar.color-2{background:#70d7e7}.color-3 .avatar,.avatar.color-3{background:#ffba86}.color-4 .avatar,.avatar.color-4{background:#f097d0}.color-5 .avatar,.avatar.color-5{background:#9ed1ff}.color-6 .avatar,.avatar.color-6{background:#ffdd70}.color-7 .avatar,.avatar.color-7{background:#ade4c7}.scoreboard{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin-bottom:24px;display:grid}.player{background:#172139;border:1px solid #303b55;border-radius:17px;align-items:center;gap:12px;min-width:0;padding:15px 18px;display:flex}.player.active{background:#24372c;border-color:#c7f479;box-shadow:inset 0 0 0 1px #c7f45f22}.player.out{opacity:.5}.player>div{min-width:0}.player-label{overflow-wrap:anywhere;font-size:1rem;font-weight:600;display:block}.turn-label{color:#aab6cc;margin-top:4px;font-size:.75rem;display:block}.player.active .turn-label{color:var(--lime)}.player strong{margin-left:auto;font-family:Outfit,system-ui;font-size:2rem;font-weight:500}.play-layout{grid-template-columns:minmax(0,1.7fr) minmax(270px,1fr);gap:22px;display:grid}.guess-panel{padding:28px 30px 18px}.turn-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.live-pill{color:#d8deed;border:1px solid #ffffff25;border-radius:30px;padding:5px 11px;font-size:.75rem}.guess-panel h2{font-size:2.25rem}.mic{color:#152123;background:#c7f45f;border-radius:19px;justify-content:center;align-items:center;gap:13px;width:100%;min-height:88px;margin-top:27px;padding:24px;font-size:1.05rem;font-weight:650;display:flex;box-shadow:0 5px #95b743}.mic:disabled{box-shadow:none;color:#d9e0ef;background:#465363}.mic.listening{background:#ecffb6;animation:1.3s ease-in-out infinite listen}.mic-help{text-align:center;color:#a2aec6;margin:13px 0 22px;font-size:.8rem}.input-row{background:#10192c;border:1px solid #46516a;border-radius:13px;padding:5px;display:flex}.input-row input{background:0 0;border:0;flex:1;padding:12px}.submit{background:#344360;border-radius:9px;align-items:center;gap:5px;padding:0 14px;font-size:.875rem;display:flex}.submit svg{transform:rotate(45deg)}.feedback{color:#d8e6b9;min-height:20px;margin-top:14px;font-size:.9rem;line-height:1.5}.turn-actions{border-top:1px solid #ffffff12;justify-content:space-between;margin-top:14px;padding-top:8px;display:flex}.choices{flex-direction:column;gap:8px;margin:14px 0;display:flex}.choices>button:not(.quiet){text-align:left;background:#30425a;border:1px solid #536685;border-radius:10px;align-items:center;gap:10px;padding:13px 15px;display:flex}.choices button small,.choices button svg{margin-left:auto}.timer-panel{flex-direction:column;align-items:stretch;padding:28px 25px;display:flex}.timer-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px;display:flex}.timer-head .eyebrow{letter-spacing:.1em;font-size:.68rem}.timer-panel h2{font-size:1.6rem}.clock{letter-spacing:-.05em;text-align:center;font-variant-numeric:tabular-nums;color:#f2f5fc;margin:16px 0 22px;font-size:4.4rem;font-weight:450;line-height:1.25}.time-choice{justify-content:space-between;align-items:center;gap:12px;margin-bottom:17px;font-size:.8rem;display:flex}.time-choice input{text-align:center;width:85px;margin:0;padding:10px}.secondary{color:#f5f6ff;background:#2d3b58;border:1px solid #55617b;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:13px 18px;font-weight:600;display:flex}.timer-panel>.fine{text-align:center;margin-top:16px}.collection{margin-top:42px}.collection-head{justify-content:space-between;align-items:center;gap:20px;margin-bottom:19px;display:flex}.collection h2{margin:7px 0 0;font-size:1.55rem}.collection h2>span{color:var(--muted);letter-spacing:0;white-space:nowrap;margin-left:12px;font-family:DM Sans,sans-serif;font-size:1rem;font-weight:400}.progress{background:#2b3651;border-radius:10px;height:4px;margin-bottom:22px;overflow:hidden}.progress>div{background:var(--lime);height:100%;transition:width .4s}.country-grid{grid-template-columns:repeat(6,1fr);gap:13px;display:grid}.country-card{background:#202f2a;border:1px solid #47553b;border-radius:15px;flex-direction:column;min-width:0;min-height:150px;padding:14px;animation:.3s ease-out appear;display:flex;position:relative}.country-card.color-1{background:#2b2743;border-color:#514675}.country-card.color-2{background:#1c323f;border-color:#366276}.country-card.color-3{background:#382c25;border-color:#78573b}.country-number{color:#a8b7ab;font-size:.7rem;position:absolute;top:11px;right:12px}.flag{margin-bottom:9px;font-size:1.7rem}.country-card strong{overflow-wrap:anywhere;font-size:.875rem;line-height:1.3}.country-card small{color:#abb6c7;overflow-wrap:anywhere;margin-top:8px;font-size:.7rem}.hidden-card{background:#151e33;border:1px dashed #354059;justify-content:center;align-items:center;min-height:150px}.hidden-card>span{color:#43506e;font-family:Outfit;font-size:2rem}.collection>.fine{text-align:center}.result{text-align:center;padding:38px}.result .trophy{color:var(--lime);margin:24px auto;display:block}.result h1{overflow-wrap:anywhere;font-size:3.2rem}.result-total{color:#c7d2e7;font-size:1.1rem}.result>.primary{width:min(100%,380px);margin:24px auto 8px}.result>.quiet{margin:auto 6px}.remaining{text-align:left;grid-template-columns:repeat(3,1fr);gap:12px;padding-top:25px;font-size:.875rem;display:grid}.error{color:#ffd9d9;background:#482d32;border:1px solid #7a474f;border-radius:12px;margin:18px 0;padding:15px 19px;font-size:.9rem}.error button{background:#794a55;border-radius:7px;margin-left:15px;padding:7px}footer{color:#7f8ba6;border-top:1px solid #ffffff12;justify-content:space-between;max-width:1160px;margin:20px auto 0;padding:25px 32px 36px;font-size:.8rem;display:flex}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#060a19b8;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{width:100%;max-width:610px;max-height:90dvh;padding:35px;position:relative;overflow:auto}.modal h2{margin:12px 35px 20px 0;font-size:2rem}.modal p,.modal li{color:#c3cde0;font-size:.95rem;line-height:1.7}.modal ol{padding-left:22px}.modal li{margin-bottom:10px}.modal .fine{font-size:.8rem}.modal .primary,.modal .secondary{width:100%;margin-top:22px}.modal>.quiet{margin:8px auto 0;display:flex}.close{background:#2e3952;border-radius:50%;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:18px;right:18px}.mobile-break{display:none}.code-input{letter-spacing:.12em;font-family:monospace}@keyframes listen{50%{box-shadow:0 0 0 8px #c7f45f22}}@keyframes appear{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (min-width:1250px){.intro{padding-top:66px}}@media (max-width:850px){.country-grid{grid-template-columns:repeat(4,1fr)}.play-layout{grid-template-columns:1.5fr 1fr}.guess-panel{padding:24px 22px 16px}.timer-panel{padding:24px 20px}.clock{font-size:3.5rem}.scoreboard{grid-template-columns:repeat(2,1fr)}}@media (max-width:620px){.top{height:78px;padding:0 20px}.brand{gap:9px;font-size:1.2rem}.brandmark{width:35px;height:35px;font-size:1.15rem}.rules-button{font-size:.8rem}main{padding:0 17px 32px}.intro{padding:36px 0 22px}.intro h1{font-size:3.1rem}.intro .eyebrow{letter-spacing:.1em;font-size:.65rem}.intro p{font-size:1rem}.mobile-break{display:block}.setup{border-radius:20px;padding:23px 19px}.setup-heading h2{font-size:1.55rem}.setup-heading .eyebrow{letter-spacing:.08em;font-size:.62rem}.setup-heading svg{width:33px}.mode-tabs{gap:2px}.mode-tabs button{gap:5px;min-height:48px;padding:12px 5px;font-size:.78rem}.mode-tabs svg{width:16px}.names{gap:12px}.names label{font-size:.8rem}.names input{padding:13px 10px}.name-input input{padding-right:32px}.setup>.primary{margin-top:22px}.room-line{flex-wrap:wrap;gap:9px;padding:24px 0 19px}.room-line .eyebrow{font-size:.65rem}.room-code{gap:8px;padding:8px 10px}.room-code span{font-size:.85rem}.connection{font-size:.7rem}.lobby{padding:27px 21px}.lobby h1{font-size:2.15rem}.lobby-players{grid-template-columns:1fr}.scoreboard{gap:9px;margin-bottom:16px}.player{border-radius:13px;gap:8px;padding:12px 10px}.player .avatar{width:28px;height:28px;font-size:.8rem}.player-label{font-size:.85rem}.turn-label{font-size:.65rem}.player strong{font-size:1.5rem}.play-layout{grid-template-columns:1fr;gap:17px}.guess-panel{border-radius:20px;padding:23px 20px 13px}.guess-panel h2{font-size:2rem}.turn-top{margin-bottom:16px}.turn-top .eyebrow{font-size:.68rem}.mic{min-height:80px;margin-top:21px;padding:20px}.mic-help{font-size:.75rem}.input-row input{padding:12px 7px}.submit{padding:0 10px}.timer-panel{border-radius:20px;padding:23px}.timer-head{margin-bottom:14px}.timer-panel h2{font-size:1.5rem}.timer-panel .sub{margin-bottom:0}.clock{margin:9px 0 15px;font-size:3.7rem}.collection{margin-top:32px}.collection-head{align-items:flex-end;gap:8px}.collection .eyebrow{font-size:.65rem}.collection h2{font-size:1.25rem}.collection h2>span{margin:6px 0 0;font-size:.8rem;display:block}.country-grid{grid-template-columns:repeat(3,1fr);gap:9px}.country-card{border-radius:12px;min-height:133px;padding:12px 10px}.country-card strong{font-size:.78rem}.country-card small{font-size:.65rem}.country-number{font-size:.6rem;right:9px}.flag{font-size:1.5rem}.hidden-card{min-height:133px}.hidden-card small{font-size:.65rem}footer{flex-direction:column;gap:12px;margin-top:0;padding:22px 20px 30px;font-size:.75rem}.modal-backdrop{padding:14px}.modal{border-radius:20px;padding:27px 22px}.modal h2{font-size:1.8rem}.remaining{grid-template-columns:1fr 1fr;gap:13px;font-size:.8rem}.result{padding:27px 20px}.result h1{font-size:2.5rem}.result>.quiet{display:flex}.error{font-size:.85rem}.error button{margin:10px 0 0;display:block}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}:root{color:#242322;--lime:#262522;--muted:#66635e;--line:#d8d4cb;--panel:#fffefb;background:#fffefb}body{background:#fffefb}h1,h2,h3,.brand{font-family:Kalam,Outfit,system-ui,sans-serif}.top{border-color:#dad6ce;height:87px}.brand{letter-spacing:-.035em;gap:11px;font-size:1.65rem}.brand-globe{color:#272623}.eyebrow{color:#69645d;letter-spacing:.12em;font-size:.75rem}.quiet{color:#605c55}.quiet:hover:not(:disabled){color:#111}.panel{background:#fffefb;border:1.5px solid #b9b3a7;border-radius:20px;box-shadow:4px 5px #eeeae1}input{color:#242322;background:#fffefb;border-color:#bbb5ab}input::placeholder{color:#7d766c}:is(button:focus-visible,input:focus-visible){outline-color:#655f50}input:focus{border-color:#222}.welcome{grid-template-columns:1.13fr 1fr;align-items:center;gap:38px;margin:36px 0 24px;display:grid}.family-intro{min-width:0}.family-art{object-fit:contain;width:100%;height:auto;display:block}.art-note{text-align:center;color:#6d665b;margin:12px 0 0;font-size:.88rem;font-style:italic}.welcome .setup{width:100%;padding:28px}.setup-heading{margin-bottom:20px}.setup-heading h2{margin-bottom:0;font-size:1.85rem}.setup-heading>svg{color:#37342e}.mode-tabs{background:#eeece6;border:1px solid #ded9cd}.mode-tabs button{color:#5c564d}.mode-tabs .selected{color:#242322;background:#fffefa;box-shadow:0 1px 4px #332f2422}.sub{color:#666056}.name-input button{color:#767065}label{color:#514a40}.primary{color:#fffefa;background:#292824;border:1px solid #292824;border-radius:11px;box-shadow:2px 3px #a9a292}.primary:not(:disabled):hover{background:#444139}.fine{color:#746e63}.topic-note{color:#746e63;text-align:center;border-top:1px dashed #cec8bb;margin:15px 0 0;padding-top:13px;font-size:.78rem;line-height:1.6}.room-code{color:#38332b;background:#efebe2;border:1px solid #cec6b6}.connection{color:#665f52}.connection:before{background:#58654c}.connection.offline:before{background:#a67437}.lobby-players>div{background:#f6f3ec;border-color:#d7d1c5}.lobby-players button{color:#756c5d}.avatar,.color-1 .avatar,.avatar.color-1,.color-2 .avatar,.avatar.color-2,.color-3 .avatar,.avatar.color-3,.color-4 .avatar,.avatar.color-4,.color-5 .avatar,.avatar.color-5,.color-6 .avatar,.avatar.color-6,.color-7 .avatar,.avatar.color-7{color:#302b24;background:#efebe2;border:1px solid #9a9283}.waiting{color:#4e493d}.player{background:#f9f7f0;border-color:#d1cabd}.player.active{background:#eeeadf;border:2px solid #373229;box-shadow:2px 3px #d7cfc0}.player.active .avatar{color:#fffefa;background:#383329}.turn-label,.player.active .turn-label{color:#706656}.live-pill{color:#5c5142;background:#f2ede2;border-color:#b9b0a0}.mic{color:#fffefa;background:#292824;border-radius:15px;box-shadow:0 5px #a69b87}.mic:disabled{color:#625a4e;background:#d8d1c3}.mic.listening{background:#494638;box-shadow:0 0 0 6px #bfb59b66}.mic-help{color:#776b59}.input-row{background:#fffefa;border-color:#aaa18f}.submit{color:#3f382d;background:#e7e0d2}.feedback{color:#5e5139}.choices>button:not(.quiet){color:#342c1f;background:#f2eddf;border-color:#b7a989}.turn-actions{border-color:#d9d1c2}.danger{color:#815144}.timer-head svg{color:#716550}.clock{color:#3a342a}.clock.urgent{color:#a1462f}.secondary{color:#42382a;background:#eee8dc;border-color:#b8ab94}.secondary:hover:not(:disabled){background:#e0d5c1}.progress{background:#e5ddd0}.progress>div{background:#5a5141}.country-card,.country-card.color-1,.country-card.color-2,.country-card.color-3{background:#f7f2e8;border:1px solid #aaa08c;border-radius:10px;box-shadow:2px 3px #e9dfce}.country-number{color:#8a7c65}.country-card small{color:#71634d}.hidden-card{box-shadow:none;background:#fffefa;border:1px dashed #bcb19d}.hidden-card>span{color:#a99b80;font-family:Kalam,cursive}.hidden-card small{color:#8b7c65}.result .trophy{color:#806b46}.result-total{color:#72634a}.error{color:#793b26;background:#fff0e9;border-color:#d5a18c}.error button{color:#66351f;background:#edccba}footer{color:#7d705c;border-color:#d8d0c2}.modal-backdrop{background:#28251fcc}.modal p,.modal li{color:#5e5548}.close{color:#534737;background:#e6ddcd}.modal .fine{color:#7c6e58}@media (max-width:850px){.welcome{grid-template-columns:1fr 1fr;gap:23px}.welcome .setup{padding:23px 18px}.setup-heading h2{font-size:1.6rem}}@media (max-width:620px){.top{height:75px}.brand{font-size:1.4rem}.brand-globe{width:28px}.welcome{flex-direction:column;gap:18px;margin:17px 0 20px;display:flex}.family-intro{width:100%}.family-art{max-width:390px;max-height:340px;margin:auto}.art-note{display:none}.welcome .setup{padding:23px 19px}.setup-heading h2{font-size:1.65rem}.topic-note{font-size:.76rem}.lobby h1{font-size:2.1rem}.guess-panel h2{font-size:2rem}.player.active{padding:11px 9px}.collection h2{font-size:1.3rem}.country-card{border-radius:10px}.modal h2{font-size:1.8rem}}@media (min-width:1100px){.welcome .family-intro{width:calc(100% + 22px);margin-left:-22px}}