@font-face{font-family:Fredoka;src:url('./assets/fonts/fredoka.woff2') format('woff2');font-weight:400 700;font-display:swap}
@font-face{font-family:Nunito;src:url('./assets/fonts/nunito.woff2') format('woff2');font-weight:400 900;font-display:swap}
:root{--ink:#32143f;--cream:#fffaf0;--yellow:#ffe58a;--coral:#ffafb9;--lilac:#d9c6fa;--mint:#b6ebcc;--muted:#705c79;--line:2.5px solid var(--ink);--shadow:0 5px 0 #32143f15,0 8px 18px #32143f05;font-family:Nunito,sans-serif;color:var(--ink);background:var(--cream);font-synthesis:none;color-scheme:light}
*{box-sizing:border-box}body{margin:0;min-width:300px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:wait;opacity:.65}button:focus-visible,a:focus-visible{outline:3px solid #7d45bb;outline-offset:5px}button{touch-action:manipulation}::selection{background:var(--lilac);color:var(--ink)}:focus{scroll-margin:20px}h1,h2,h3,p{margin:0}h1,h2,h3,.button,.brand,.timer,.package-badge,.result-score{font-family:Fredoka,Nunito,sans-serif}h1,h2,h3{text-wrap:balance;line-height:1.08}p{text-wrap:pretty}svg{display:inline-block;flex-shrink:0}.icon{width:24px;height:24px;vertical-align:middle}button .icon{pointer-events:none}button>*{pointer-events:none}button[data-action="spin"] #wheel{pointer-events:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-100px;left:16px;z-index:10;background:var(--ink);color:white;padding:14px;border-radius:12px}.skip-link:focus{top:12px}.page-decoration{position:fixed;inset:0;pointer-events:none;z-index:-1;overflow:hidden}.page-decoration:before,.page-decoration:after{content:"";position:absolute;border-radius:50%;width:330px;height:330px;opacity:.45}.page-decoration:before{background:var(--yellow);top:270px;left:-270px}.page-decoration:after{background:var(--lilac);right:-285px;bottom:20px}.site-header{max-width:1240px;padding:27px 40px 20px;margin:auto;display:flex;align-items:center;gap:25px}.brand{border:0;background:none;padding:0;display:flex;gap:10px;align-items:center;font-size:29px;font-weight:600;white-space:nowrap;letter-spacing:-.6px}.brand img{width:47px;height:47px;transform:rotate(-7deg)}.brand-spark{color:#c44c49;display:inline-block;font-size:25px;margin-left:10px}.header-note{font-size:14px;font-weight:800;margin-left:auto;color:var(--muted)}.sample-badge{font-size:12px;font-weight:900;border:1.5px solid #bfaac9;padding:6px 10px;border-radius:7px;white-space:nowrap}.sample-badge[hidden]{display:none}main{max-width:1160px;margin:0 auto;padding:0 28px;outline:none}.site-footer{max-width:1160px;margin:48px auto 0;padding:22px 28px 26px;border-top:1px solid #32143f20;display:flex;justify-content:space-between;font-size:12px;color:var(--muted);font-weight:800}.site-footer span:last-child{display:flex;gap:8px}.site-footer span:last-child span{color:#b14b3b}.home-intro{position:relative;text-align:center;padding:38px 0 39px}.intro-chip{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:900;padding:6px 12px;border:1.5px solid var(--ink);border-radius:30px;background:#fffdf7;transform:rotate(-2deg)}.intro-chip .icon{width:17px;height:17px}.home-intro h1{position:relative;font-size:clamp(48px,6.6vw,78px);font-weight:600;letter-spacing:-2px;margin:15px auto 18px;width:fit-content;line-height:1.02}.highlight{position:relative;z-index:0}.highlight:after{content:"";background:var(--yellow);height:18px;position:absolute;bottom:4px;left:-8px;right:-8px;z-index:-1;border-radius:30px;transform:rotate(-2deg)}.hero-star{position:absolute;right:-70px;top:30px;width:44px;height:44px;fill:var(--yellow);transform:rotate(15deg);stroke-width:1.7px}.home-intro p{font-size:17px;line-height:1.65;color:var(--muted);font-weight:700}.intro-doodle{position:absolute;left:15%;bottom:65px;transform:rotate(-18deg)}.intro-doodle svg{width:30px;height:30px;fill:var(--lilac)}.round-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:21px}.round-card{position:relative;border:var(--line);border-radius:23px;padding:23px;text-align:left;box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s;background:var(--yellow);display:flex;flex-direction:column;min-width:0;overflow:hidden}.round-card:hover{transform:translateY(-5px) rotate(-.5deg);box-shadow:0 9px 0 #32143f15,0 15px 24px #32143f08}.round-card:active{transform:translateY(1px)}.round-quick{background:var(--yellow)}.round-sing{background:var(--lilac)}.round-picture{background:var(--mint)}.round-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.round-number{font-size:12px;letter-spacing:1.6px;font-weight:900}.round-card-icon{border:2px solid var(--ink);width:47px;height:47px;display:grid;place-items:center;border-radius:13px;background:#ffffff55;transform:rotate(7deg)}.round-card-icon .icon{width:26px;height:26px}.round-card h2{font-size:31px;letter-spacing:-.3px;max-width:250px;font-weight:600;min-height:67px;display:flex;align-items:center}.round-card p{font-size:14px;font-weight:800;line-height:1.5;margin:10px 0 20px;max-width:27ch;min-height:42px}.round-tags{font-size:12px;font-weight:800;margin-bottom:20px}.round-cta{display:flex;justify-content:space-between;align-items:center;background:var(--ink);color:var(--cream);font-family:Fredoka,sans-serif;font-size:17px;font-weight:500;border-radius:12px;padding:13px 15px;margin-top:auto}.round-cta .icon{width:20px;height:20px}.round-completion{margin:12px 0 -5px;font-size:12px;font-weight:900}.scoreboard{margin-top:36px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;gap:10px}.section-heading h2{font-size:21px;font-weight:500;display:flex;gap:9px;align-items:center}.section-heading .icon{width:22px;height:22px}.section-heading>span{font-size:12px;color:var(--muted);font-weight:800}.score-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.group-score{background:#fffdf8;border:1.5px solid #d7cdd8;border-radius:14px;padding:15px 12px;display:flex;align-items:center;gap:10px;min-width:0}.group-avatar{width:32px;height:32px;display:grid;place-items:center;font-family:Fredoka,sans-serif;font-size:18px;border:1.5px solid var(--ink);border-radius:10px;flex-shrink:0;background:var(--yellow)}.group-color-1 .group-avatar{background:var(--coral)}.group-color-2 .group-avatar{background:var(--lilac)}.group-color-3 .group-avatar{background:var(--mint)}.group-score>div{min-width:0}.group-score strong{display:block;font-size:13px;overflow-wrap:anywhere}.group-score>div>span{font-size:11px;display:block;color:var(--muted);font-weight:800;margin-top:2px}.group-score>b{font-family:Fredoka,sans-serif;font-size:27px;margin-left:auto;text-align:center;line-height:1}.group-score small{font-family:Nunito,sans-serif;display:block;font-size:11px;font-weight:800;margin-top:4px}.home-bottom{margin-top:24px;display:flex;gap:16px;justify-content:space-between;align-items:center}.home-bottom p{display:flex;gap:7px;align-items:center;font-size:12px;font-weight:800;color:var(--muted)}.home-bottom .icon{width:16px;height:16px}.text-button,.back-button{background:none;border:0;padding:8px 0;font-size:13px;font-weight:900;display:inline-flex;gap:7px;align-items:center;min-height:40px;text-decoration:underline;text-underline-offset:4px}.text-button:hover,.back-button:hover{color:#79439a}.text-button .icon,.back-button .icon{width:17px;height:17px}.back-button{text-decoration:none;margin-bottom:20px}.setup-screen,.result-screen{max-width:580px;margin:15px auto 0}.screen-heading{text-align:center}.screen-heading h1{font-size:43px;font-weight:600;letter-spacing:-1px;margin:16px 0 10px}.screen-heading p{font-size:15px;font-weight:700;color:var(--muted);line-height:1.6}.round-pill{display:inline-flex;align-items:center;gap:7px;border:1.5px solid var(--ink);padding:7px 12px;border-radius:20px;font-size:12px;font-weight:900}.round-pill .icon{width:16px;height:16px}.group-steps{list-style:none;padding:0;display:flex;justify-content:space-between;margin:28px 0 23px;position:relative}.group-steps:before{content:"";position:absolute;top:20px;height:2px;background:#c6b7ca;left:12%;right:12%;z-index:-1}.group-steps li{width:25%;display:flex;flex-direction:column;align-items:center;gap:7px}.group-steps li>span{background:var(--cream);border:2px solid #ad9db5;width:41px;height:41px;display:grid;place-items:center;border-radius:50%;font-family:Fredoka,sans-serif;font-size:20px;color:var(--muted)}.group-steps li.current>span{background:var(--yellow);border-color:var(--ink);color:var(--ink);box-shadow:0 3px 0 #32143f15}.group-steps li.done>span{background:var(--mint);border-color:var(--ink);color:var(--ink)}.group-steps small{font-size:11px;font-weight:900;color:var(--muted);text-align:center;max-width:100%;overflow-wrap:anywhere}.group-steps .current small{color:var(--ink)}.allocation-panel{background:#fffdf8;border:var(--line);border-radius:23px;text-align:center;padding:22px;box-shadow:var(--shadow)}.allocation-panel h2{font-size:26px;font-weight:500}.wheel-wrap{position:relative;width:222px;height:222px;margin:20px auto 7px;filter:drop-shadow(0 5px 0 #32143f18)}.wheel{width:100%;height:100%;overflow:visible}.wheel-pointer{position:absolute;width:28px;height:34px;top:-4px;left:calc(50% - 14px);z-index:2}.wheel-label-small{font-family:Nunito,sans-serif;font-weight:1000;font-size:13px;fill:var(--ink)}.wheel-label{font-family:Fredoka,sans-serif;font-size:37px;font-weight:600;fill:var(--ink)}.remaining-packages{display:block;font-size:13px;font-weight:900;margin:3px 0 16px}.button{border:var(--line);border-radius:14px;min-height:55px;padding:13px 20px;display:inline-flex;justify-content:center;align-items:center;gap:10px;font-size:21px;line-height:1.1;font-weight:500;box-shadow:0 3px 0 #32143f14;transition:transform .15s,filter .15s;touch-action:manipulation}.button:hover:not(:disabled){filter:brightness(.97);transform:translateY(-2px)}.button:active:not(:disabled){transform:translateY(2px);box-shadow:none}.button-plum{background:var(--ink);color:var(--cream)}.button-mint{background:var(--mint)}.button-coral{background:var(--coral)}.button-lilac{background:var(--lilac)}.spin-button{width:100%;max-width:330px}.helper{font-size:12px;line-height:1.5;color:var(--muted);font-weight:800;margin-top:13px;text-align:center}.assigned-list{margin-top:18px;display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.assigned-list>span{display:flex;gap:7px;align-items:center;padding:7px 10px;border:1px solid #cbbbcc;border-radius:8px;font-size:12px}.assigned-list .icon{width:15px;height:15px}.step-hint{text-align:center;margin-top:24px;font-size:12px;font-weight:900;color:var(--muted)}.step-hint span{margin:0 10px}.ready-panel{background:#fffdf8;border:var(--line);border-radius:23px;text-align:center;padding:30px 25px 23px;box-shadow:var(--shadow)}.ready-icon{display:block;width:45px;height:45px;margin:0 auto 18px;fill:var(--yellow);transform:rotate(-8deg)}.package-badge{font-size:32px;font-weight:600;border:var(--line);border-radius:14px;padding:9px 25px;display:inline-block;transform:rotate(-2deg)}.ready-panel h2{font-size:29px;font-weight:600;margin:22px 0 12px}.ready-panel>p{max-width:36ch;margin:auto;font-size:14px;line-height:1.6;font-weight:700;color:var(--muted)}.ready-facts{display:flex;gap:12px;margin-top:25px}.ready-facts>span{display:flex;justify-content:center;align-items:center;gap:8px;flex:1;padding:12px 8px;background:#f1e9f9;border:1.5px solid var(--ink);border-radius:10px;font-size:14px;font-weight:900}.ready-facts .icon{width:20px;height:20px}.rules{display:flex;justify-content:space-around;gap:9px;margin:22px 0;flex-wrap:wrap}.rules>span{font-size:12px;display:grid;grid-template-columns:auto 1fr;column-gap:7px;align-items:center}.rules .icon{grid-row:span 2;width:28px;height:28px;background:var(--mint);border-radius:50%;padding:5px}.rules>span:nth-child(2) .icon{background:var(--coral)}.rules>span:nth-child(3) .icon{background:var(--lilac)}.rules strong{font-size:11px}.full-width{width:100%}.play-screen{max-width:900px;margin:22px auto 0;display:flex;flex-direction:column;min-height:calc(100svh - 160px);padding-bottom:16px}.play-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:23px}.play-title h1{font-size:37px;font-weight:600;letter-spacing:-.7px}.play-status{display:flex;align-items:center;justify-content:space-between;gap:12px}.group-pill,.points-pill,.no-timer,.timer{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:2px solid var(--ink);border-radius:12px;padding:11px 15px;font-size:15px;font-weight:900;background:var(--lilac)}.dot{padding:0 3px}.status-right{display:flex;align-items:center;gap:10px}.points-pill{background:var(--coral)}.points-pill .icon{fill:var(--yellow)}.timer{background:var(--yellow);font-size:31px;padding:6px 17px;min-width:140px}.timer b{font-weight:500;font-variant-numeric:tabular-nums}.timer .icon{width:22px;height:22px}.timer-urgent{background:#ffb1a1}.no-timer{background:#f0e7fa;font-size:13px}.progress-row{display:flex;align-items:center;gap:13px;margin:19px 2px 14px;font-size:12px;font-weight:800}.progress-row>span:last-child{color:var(--muted)}progress{flex:1;min-width:0;max-width:none;height:10px;border:1px solid #c6b7ca;background:#eee8ed;border-radius:20px;overflow:hidden;appearance:none}progress::-webkit-progress-bar{background:#eee8ed;border-radius:20px}progress::-webkit-progress-value{background:var(--mint);border-radius:20px}progress::-moz-progress-bar{background:var(--mint);border-radius:20px}.question-card{position:relative;background:#fffdf8;border:var(--line);border-radius:24px;box-shadow:var(--shadow);padding:24px;min-height:290px;flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px}.question-label{position:absolute;left:21px;top:18px;background:#eee5f5;color:#644575;font-size:11px;font-weight:1000;border-radius:7px;padding:5px 9px;letter-spacing:.5px}.question-content{max-width:700px;text-align:center;padding:35px 10px 20px}.question-content h2{font-size:clamp(31px,4.4vw,52px);line-height:1.13;font-weight:600;letter-spacing:-.6px;overflow-wrap:anywhere}.question-instruction{font-size:16px;line-height:1.5;font-weight:800;color:var(--muted);max-width:40ch;margin:20px auto 0}.question-underline{display:block;width:110px;height:8px;border-radius:40%;background:var(--coral);margin:25px auto 0;transform:rotate(-2deg)}.question-mic{width:30px;height:30px;color:#9674ad;margin-top:20px;transform:rotate(12deg)}.waiting-pill{display:flex;gap:5px;align-items:center;background:#eee3ff;border-radius:30px;font-size:11px;font-weight:900;padding:6px 12px;position:absolute;bottom:14px}.waiting-pill .icon{width:15px;height:15px}.game-controls{margin-top:22px}.judgement-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.judgement-buttons.three-buttons{grid-template-columns:repeat(3,1fr)}.judgement-buttons .button{min-height:67px;font-size:24px;min-width:0}.game-controls .helper{margin-top:12px}.question-image{width:200px;height:200px;object-fit:contain;margin-top:20px}.clue-boxes{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;max-width:100%;--cell:clamp(17px,calc((100vw - 100px)/var(--letters) - 5px),50px)}.clue-word{display:inline-flex;gap:5px}.letter-box{display:grid;place-items:center;width:var(--cell);height:calc(var(--cell)*1.15);border:2px solid var(--ink);border-radius:9px;font-family:Fredoka,sans-serif;font-weight:600;font-size:calc(var(--cell)*.66);background:#fffdf8}.letter-box.revealed{background:#f0e7fa}.picture-card{padding-top:40px;gap:12px}.picture-card .question-instruction{margin-top:0;font-size:13px}.result-screen{text-align:center}.result-screen>.back-button{display:flex}.result-emblem{width:80px;height:80px;display:grid;place-items:center;background:var(--yellow);border:var(--line);border-radius:23px;transform:rotate(-6deg);margin:30px auto 25px}.result-emblem .icon{width:43px;height:43px}.result-screen h1{font-size:45px;font-weight:600;margin:0 0 12px;letter-spacing:-1px}.result-screen>p{font-size:15px;font-weight:800;color:var(--muted);line-height:1.6}.result-score{font-size:100px;font-weight:500;line-height:1;display:block;margin:28px 0}.result-score>span{display:block;font-family:Nunito,sans-serif;font-size:14px;font-weight:900;margin-top:6px}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0}.result-stats>div{border:1.5px solid var(--ink);border-radius:14px;padding:16px 8px;background:var(--mint)}.result-stats>div:nth-child(2){background:var(--coral)}.result-stats>div:nth-child(3){background:var(--lilac)}.result-stats b{display:block;font-family:Fredoka,sans-serif;font-size:32px;font-weight:500}.result-stats span{font-size:11px;font-weight:900}.result-screen>.button{margin-top:20px}.recap-screen{margin:15px auto 0}.recap-screen .back-button{display:flex}.recap-screen .screen-heading h1{font-size:48px}.winner-note{display:flex;justify-content:center;align-items:center;gap:7px;flex-wrap:wrap;padding:25px 0;font-size:15px;font-weight:700;text-align:center}.winner-note .icon{fill:var(--yellow)}.recap-screen>.button{display:flex;max-width:420px;margin:10px auto}.loading,.error-screen{padding:70px 20px;text-align:center}.error-screen h1{font-size:40px;margin-bottom:20px}.error-screen p{margin-bottom:16px}.storage-warning{margin:15px 0;padding:12px;border:1px solid #b89b3d;background:var(--yellow);font-size:13px;border-radius:10px}body[data-view="play"] .site-footer{display:none}body[data-view="play"] .header-note{display:none}
@media(min-width:1500px){.home-intro{padding-top:65px;padding-bottom:50px}.round-card{padding:27px}.site-footer{margin-top:65px}}
@media(max-width:900px){.site-header{padding:22px 27px}.header-note{display:none}.sample-badge{margin-left:auto}.round-picker{gap:13px}.round-card{padding:18px}.round-card h2{font-size:27px}.round-card p{font-size:13px;min-height:58px}.round-tags{font-size:11px}.score-grid{grid-template-columns:repeat(2,1fr)}.group-score{padding:14px}.group-score strong{font-size:14px}.hero-star{right:-47px;width:34px}.intro-doodle{left:8%}.play-status{flex-wrap:wrap}.play-title h1{font-size:32px}.group-pill{font-size:14px}.status-right{gap:7px}.timer{font-size:27px;min-width:120px}.points-pill{font-size:13px}}
@media(max-width:600px){.site-header{padding:17px 18px 13px;gap:10px}.brand{font-size:23px;gap:7px;letter-spacing:-.5px}.brand img{width:37px;height:37px}.brand-spark{font-size:18px;margin-left:6px}.sample-badge{font-size:11px;padding:5px 6px}.site-footer{margin:30px 18px 0;padding:18px 0 24px;font-size:11px;gap:10px}.site-footer>span:last-child{display:none}main{padding:0 18px}.home-intro{padding:29px 0 31px}.intro-chip{font-size:11px;padding:6px 10px}.home-intro h1{font-size:54px;margin:20px auto 16px;letter-spacing:-1.4px}.highlight:after{height:13px;bottom:3px}.home-intro p{font-size:14px;line-height:1.65}.hero-star{right:-22px;top:8px;width:27px;height:27px}.intro-doodle{left:0;bottom:40px}.intro-doodle svg{width:22px;height:22px}.round-picker{grid-template-columns:1fr;gap:15px}.round-card{padding:19px 20px 17px;display:grid;grid-template-columns:1fr 100px;column-gap:10px;border-radius:21px}.round-card-top{grid-column:1/-1;margin:0 0 7px}.round-number{font-size:11px;letter-spacing:1.4px}.round-card-icon{position:absolute;right:21px;top:18px;width:40px;height:40px;border-radius:11px}.round-card h2{grid-column:1/-1;font-size:30px;min-height:0;margin:1px 42px 5px 0;max-width:none;display:block}.round-card p{grid-column:1/-1;margin:3px 0 13px;min-height:0;font-size:13px;max-width:100%}.round-tags{grid-column:1;align-self:center;font-size:11px;line-height:1.6;margin:0}.round-cta{grid-column:2;padding:10px 9px;font-size:13px;gap:4px;border-radius:9px;min-height:39px}.round-cta .icon{width:16px;height:16px}.round-completion{grid-column:1/-1;font-size:11px;margin-top:9px}.scoreboard{margin-top:27px}.section-heading h2{font-size:19px;gap:7px}.section-heading>span{font-size:11px}.score-grid{gap:9px}.group-score{padding:12px 9px;gap:7px}.group-avatar{width:27px;height:29px;font-size:16px;border-radius:8px}.group-score strong{font-size:11px}.group-score>div>span{font-size:11px}.group-score>b{font-size:24px}.group-score small{font-size:11px}.home-bottom{margin-top:19px;display:block}.home-bottom p{font-size:11px;line-height:1.6;align-items:flex-start}.home-bottom .icon{margin-top:2px}.home-bottom>.text-button{margin-top:10px;font-size:11px}.setup-screen,.result-screen{margin-top:6px}.back-button{font-size:12px;margin-bottom:13px}.round-pill{font-size:11px;padding:6px 10px}.screen-heading h1{font-size:34px;letter-spacing:-.7px;margin:16px 0 10px}.screen-heading p{font-size:13px}.group-steps{margin:22px 0 19px}.group-steps:before{top:18px}.group-steps li>span{width:37px;height:37px;font-size:19px}.group-steps small{font-size:11px}.allocation-panel{padding:19px;border-radius:20px}.allocation-panel h2{font-size:23px}.wheel-wrap{width:193px;height:193px;margin-top:18px}.remaining-packages{font-size:12px;margin-bottom:13px}.button{font-size:20px;min-height:53px;padding:12px 15px;border-radius:13px}.button .icon{width:22px;height:22px}.helper{font-size:11px;margin-top:11px}.assigned-list{margin-top:15px;gap:7px}.assigned-list>span{font-size:11px;padding:6px 8px}.step-hint{margin-top:19px;font-size:11px}.ready-panel{padding:24px 18px 19px;border-radius:20px}.ready-icon{width:38px;height:38px;margin-bottom:15px}.package-badge{font-size:29px}.ready-panel h2{font-size:28px;margin:19px 0 12px}.ready-panel>p{font-size:13px}.ready-facts{margin-top:20px;gap:8px}.ready-facts>span{padding:11px 5px;font-size:12px;gap:6px}.ready-facts .icon{width:18px;height:18px}.rules{gap:8px;margin:20px 0}.rules>span{font-size:11px;column-gap:4px}.rules strong{font-size:11px}.rules .icon{width:26px;height:26px}.play-screen{margin:8px auto 0;min-height:480px;height:calc(100svh - 89px);padding-bottom:max(12px,env(safe-area-inset-bottom));gap:0}.play-title{margin-bottom:14px;gap:8px}.play-title h1{font-size:26px;letter-spacing:-.3px;max-width:240px}.play-title .text-button{padding:5px;font-size:11px;min-height:35px}.play-title .text-button span{display:none}.play-title .text-button .icon{width:21px;height:21px}.play-status{gap:10px}.group-pill{width:100%;padding:8px;font-size:13px;border-radius:10px}.group-pill .icon{width:18px;height:18px}.status-right{width:100%;justify-content:space-between;gap:10px}.timer{font-size:31px;padding:6px 16px;border-radius:11px;min-width:138px}.timer .icon{width:22px;height:22px}.points-pill{padding:10px 13px;font-size:13px;border-radius:10px;gap:6px}.points-pill .icon{width:19px;height:19px}.no-timer{font-size:12px;padding:10px;border-radius:10px}.progress-row{gap:10px;margin:14px 0 12px;font-size:11px}.progress-row>span:last-child{font-size:11px}.question-card{padding:36px 16px 24px;border-radius:19px;min-height:170px;gap:12px}.question-label{top:13px;left:13px;font-size:11px;padding:4px 7px;letter-spacing:.3px}.question-content{padding:12px 0;max-width:100%}.question-content h2{font-size:clamp(28px,7.8vw,36px);letter-spacing:-.5px;line-height:1.15}.question-underline{width:88px;height:6px;margin:19px auto 0}.question-instruction{font-size:13px;line-height:1.5;margin-top:18px}.question-mic{width:25px;height:25px;margin-top:15px}.waiting-pill{font-size:11px;bottom:11px;padding:5px 9px}.waiting-pill .icon{width:13px;height:13px}.game-controls{margin-top:16px}.judgement-buttons{gap:9px}.judgement-buttons .button{font-size:23px;min-height:61px;padding:12px 10px;gap:7px;border-radius:13px}.judgement-buttons.three-buttons .button{font-size:20px;padding:12px 6px;gap:5px}.judgement-buttons.three-buttons .button .icon{width:21px;height:21px}.game-controls .helper{font-size:11px;margin-top:9px;line-height:1.45}.question-image{width:clamp(125px,22svh,190px);height:clamp(125px,22svh,190px);margin-top:0}.picture-card{padding-top:40px;min-height:270px;gap:14px}.picture-card .question-instruction{font-size:11px}.letter-box{border-radius:7px}.result-screen h1{font-size:37px}.result-screen>p{font-size:13px}.result-emblem{width:68px;height:68px;margin:28px auto 23px;border-radius:19px}.result-emblem .icon{width:37px;height:37px}.result-score{font-size:90px;margin:25px 0}.result-score>span{font-size:13px}.result-stats{margin:22px 0;gap:8px}.result-stats>div{padding:16px 5px;border-radius:12px}.result-stats span{font-size:11px}.result-screen>.button{font-size:19px}.recap-screen{margin-top:5px}.recap-screen .screen-heading h1{font-size:35px}.recap-screen .screen-heading p{font-size:13px}.winner-note{font-size:13px;padding:23px 0}.recap-screen>.button{font-size:19px}.error-screen{padding:50px 10px}.error-screen h1{font-size:32px}}
@media(max-width:360px){.brand{font-size:20px}.brand img{width:32px;height:32px}.brand-spark{display:none}.site-header{padding-left:14px;padding-right:14px}main{padding:0 14px}.home-intro h1{font-size:47px}.hero-star{right:-12px;width:23px}.round-card{padding:18px 15px}.round-card h2{font-size:26px}.round-card-icon{right:16px}.group-score{gap:5px;padding:11px 7px}.group-avatar{width:23px;height:27px}.group-score strong{font-size:11px}.group-score>b{font-size:21px}.section-heading h2{font-size:17px}.section-heading>span{font-size:11px}.screen-heading h1{font-size:31px}.play-title h1{font-size:24px}.judgement-buttons.three-buttons .button{font-size:18px;gap:3px}.judgement-buttons.three-buttons .button .icon{width:19px;height:19px}.rules>span{font-size:11px}.rules strong{font-size:11px}.rules .icon{width:23px;height:23px}.clue-boxes{gap:8px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}.round-card:hover,.button:hover:not(:disabled){transform:none}}

@media(max-width:360px){.sample-badge{display:none}}

@media(max-width:360px){.hero-star{right:2px;top:-17px;width:21px;height:21px}}

/* Jawaban host dan ronde gambar bersama. */
.answer-toggle{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;min-height:44px;margin-bottom:9px;padding:8px 10px;border:1.5px solid var(--ink);border-radius:9px;background:#f0e7fa;font-size:12px;font-weight:900;flex-shrink:0}
.answer-toggle:hover{background:var(--lilac)}
.answer-toggle[aria-expanded="true"]{background:var(--mint)}
.answer-toggle .icon{width:17px;height:17px}
.question-card{padding-top:42px}
.question-card .question-content{padding-top:10px}
.answer-key{display:grid;gap:3px;max-width:100%;margin:16px auto 0;padding:10px 16px;border:1.5px solid var(--ink);border-radius:12px;background:#e1f4e7;overflow-wrap:anywhere}
.answer-key[hidden]{display:none}
.answer-key>span{font-size:12px;font-weight:900}
.answer-key strong{font-family:Fredoka,sans-serif;font-size:28px;font-weight:500;line-height:1.15}
.has-answer .question-content h2{font-size:clamp(25px,3.5vw,42px)}
.has-answer .question-content .question-instruction{display:none}
.shared-ready{margin:25px 0}
.shared-picture .group-pill{background:var(--mint);width:auto;flex:1}
.question-image{border-radius:16px}
.picture-answer{display:flex;align-items:center;flex-direction:column;gap:12px;max-width:100%}
.picture-answer .question-instruction{margin:0}
.picture-card.has-answer .revealed{background:var(--mint)}
@media(max-width:600px){
  .answer-toggle{font-size:11px;padding:8px;gap:5px}
  .question-card{padding-top:40px}
  .has-answer .question-content h2{font-size:24px;line-height:1.12}
  .has-answer .question-content{padding-top:0;padding-bottom:8px}
  .answer-key{margin-top:10px;padding:7px 10px;gap:2px}
  .answer-key>span{font-size:11px}
  .answer-key strong{font-size:21px}
  .shared-picture .play-status{flex-wrap:nowrap;gap:8px}
  .shared-picture .group-pill{font-size:12px;padding:8px 6px;gap:6px;min-width:0}
  .shared-picture .no-timer{font-size:11px;padding:8px;flex-shrink:0}
  .picture-card{padding-top:40px}
}

.review-tools{display:grid;grid-template-columns:1fr auto;gap:9px;margin-bottom:9px}
.review-tools .answer-toggle{margin-bottom:0}
.review-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:8px 14px;border:1.5px solid var(--ink);border-radius:9px;background:var(--cream);font-size:12px;font-weight:900}
.review-button .icon{width:17px;height:17px}
.review-button:hover:not(:disabled){background:var(--yellow)}
.review-button:disabled,.review-verdicts button:disabled{cursor:default;opacity:.45}
.review-entry{display:flex;justify-content:center;margin:18px 0 8px}
.review-dialog{width:min(660px,calc(100% - 32px));max-height:calc(100svh - 40px);padding:0;border:var(--line);border-radius:22px;background:var(--cream);color:var(--ink);overscroll-behavior:contain}
.review-dialog::backdrop{background:#32143f70}
.review-heading{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:20px;background:var(--cream);border-bottom:1px solid #d7cdd8}
.review-heading h2{font-size:29px;font-weight:500}
.review-heading p{font-size:12px;font-weight:800;color:var(--muted);margin-top:6px}
.review-close{width:44px;height:44px;border:1.5px solid var(--ink);border-radius:11px;background:var(--lilac);flex-shrink:0}
.review-instruction{margin:19px 20px 10px;font-size:14px;font-weight:800;line-height:1.5}
.review-timer-note{margin:0 20px 20px;font-size:12px;font-weight:800;color:var(--muted)}
.review-group{margin:23px 20px}
.review-group h3{display:flex;align-items:center;gap:8px;font-size:21px;font-weight:500;margin-bottom:12px}
.review-group h3 .icon{width:21px;height:21px}
.review-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.review-list li{background:#fffdf8;border:1.5px solid #cdbed3;border-radius:13px;padding:15px}
.review-meta{display:block;font-size:11px;font-weight:900;color:var(--muted);margin-bottom:7px}
.review-list p{font-size:15px;font-weight:900;line-height:1.45;overflow-wrap:anywhere}
.review-verdicts{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:13px}
.review-verdicts button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:9px 8px;font-size:13px;font-weight:900;border:1.5px solid #b8a6c1;border-radius:10px;background:var(--cream)}
.review-verdicts .icon{width:19px;height:19px}
.review-verdicts button[aria-pressed="true"]{border:2px solid var(--ink)}
.review-verdicts .review-correct[aria-pressed="true"]{background:var(--mint)}
.review-verdicts .review-wrong[aria-pressed="true"]{background:var(--coral)}
.legacy-review small{display:block;font-size:12px;font-weight:700;color:var(--muted);line-height:1.5;margin-top:7px}
@media(max-width:600px){
  .review-button{font-size:11px;padding:8px 10px;gap:5px}
  .review-tools{gap:8px}
  .review-dialog{width:calc(100% - 24px);max-height:calc(100svh - 24px);border-radius:18px}
  .review-heading{padding:16px;gap:9px}
  .review-heading h2{font-size:25px}
  .review-instruction{margin:16px 16px 10px;font-size:13px}
  .review-timer-note{margin:0 16px 16px;font-size:11px}
  .review-group{margin:20px 16px}
  .review-list li{padding:12px}
  .review-list p{font-size:14px}
  .review-verdicts button{font-size:12px}
}

.play-screen.shared-picture{height:auto}
.shared-picture .question-image{width:auto;height:auto;max-width:min(100%,680px);max-height:min(48svh,500px);margin-top:0;flex-shrink:0}
.picture-scoring{padding:0;margin:0;border:0;min-width:0}
.picture-scoring legend{font-size:12px;font-weight:900;padding:0;margin-bottom:8px}
.picture-group-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.picture-group-buttons button{display:grid;grid-template-columns:21px minmax(0,1fr);column-gap:8px;row-gap:1px;align-items:center;text-align:left;min-height:46px;padding:6px 10px;border:1.5px solid var(--ink);border-radius:10px;background:#fffdf8;font-size:12px;font-weight:900}
.picture-group-buttons button[aria-pressed="true"]{background:var(--mint)}
.picture-group-buttons button>span:nth-child(2){overflow-wrap:anywhere}
.picture-group-mark{grid-row:span 2;display:grid;place-items:center;width:21px;height:21px;border:1.5px solid var(--ink);border-radius:7px;background:var(--cream);font-family:Fredoka,sans-serif;font-size:14px}
.picture-group-mark .icon{width:16px;height:16px}
.picture-group-buttons small{grid-column:2;font-size:11px;font-weight:700;line-height:1.1}
.picture-navigation{display:grid;grid-template-columns:44px 1fr 1fr;gap:8px;margin-top:12px}
.picture-navigation .answer-toggle{margin:0}
.picture-navigation .button{min-height:44px;font-size:18px;padding:8px 12px}
.picture-previous{display:grid;place-items:center;min-height:44px;border:1.5px solid var(--ink);border-radius:9px;background:var(--cream)}
.picture-previous:disabled{cursor:default}
.picture-review-list{margin:20px}
.picture-review-list .picture-group-buttons{margin-top:12px}
@media(max-width:600px){
  .shared-picture .question-image{width:100%;max-width:100%;max-height:none;height:auto}
  .picture-scoring legend{font-size:11px;margin-bottom:7px}
  .picture-group-buttons button{min-height:44px;padding:6px 8px;font-size:11px;column-gap:6px}
  .picture-navigation{grid-template-columns:40px minmax(0,1fr) 90px;gap:8px;margin-top:10px}
  .picture-navigation .button{font-size:14px;padding:8px 6px;gap:5px;border-radius:10px}
  .picture-navigation .button .icon{width:17px;height:17px}
  .picture-review-list{margin:16px}
}
@media(max-width:600px) and (max-height:700px){
  .shared-picture .question-card{min-height:0;padding:34px 12px 12px;gap:8px}
  .shared-picture .clue-boxes{--cell:clamp(16px,calc((100vw - 100px)/var(--letters) - 5px),38px)}
  .shared-picture .picture-answer .question-instruction{display:none}
  .shared-picture .game-controls{margin-top:12px}
}

/* Pakai ruang layar tanpa mengecilkan konten secara paksa. */
body[data-view="play"] .site-header{padding:16px 28px 12px}
.question-card:not(:has(.question-label)){padding-top:18px}
.play-screen.shared-picture{display:grid;grid-template-columns:minmax(0,1fr) 270px;grid-template-areas:"title title" "status status" "progress progress" "picture controls";gap:10px 20px;min-height:0;margin-top:12px}
.shared-picture .play-title{grid-area:title;margin-bottom:0}
.shared-picture .play-status{grid-area:status}
.shared-picture .progress-row{grid-area:progress;margin:0}
.shared-picture .question-card{grid-area:picture;min-height:0;padding:16px;gap:10px}
.shared-picture .game-controls{grid-area:controls;margin:0;align-self:start}
.shared-picture .question-image{max-height:min(52svh,520px)}
.shared-picture .picture-answer{gap:6px}
.shared-picture .picture-card:not(.has-answer) .question-instruction{display:none}
.shared-picture .picture-navigation{grid-template-columns:40px minmax(0,1fr) 84px;gap:6px}
.shared-picture .picture-navigation .button{font-size:14px;padding:8px 5px;gap:4px;border-radius:10px}
.shared-picture .picture-navigation .button .icon{width:17px;height:17px}
.shared-picture .picture-navigation .answer-toggle{font-size:11px;padding:8px 5px;gap:4px}
@media(max-width:1000px) and (min-width:701px){
  .play-screen.shared-picture{grid-template-columns:minmax(0,1fr) 250px;column-gap:16px}
}
@media(max-width:700px){
  body[data-view="play"] .site-header{padding:12px 18px 8px}
  .play-screen.shared-picture{display:flex;min-height:0;margin-top:5px;gap:0}
  .shared-picture .play-title{margin-bottom:8px}
  .shared-picture .play-title h1{font-size:24px}
  .shared-picture .play-status .group-pill,.shared-picture .play-status .no-timer{padding-top:5px;padding-bottom:5px}
  .shared-picture .progress-row{margin:8px 0}
  .shared-picture .question-card{padding:14px;gap:8px}
  .shared-picture .question-image{width:auto;height:auto;max-width:100%;max-height:clamp(260px,calc(100svh - 520px),460px)}
  .shared-picture .game-controls{width:100%;margin-top:10px}
  .shared-picture .picture-answer .question-instruction{display:block}
  .shared-picture .picture-card:not(.has-answer) .question-instruction{display:none}
  .shared-picture .picture-navigation{grid-template-columns:40px minmax(0,1fr) 90px;gap:8px}
}