:root{--bg:#f7f6f2;--ink:#263b31;--muted:#6b736b;--line:#e0e3d9;--green:#dcea9d;--answer-green:#247545;--lavender:#d9cff0;--cream:#eeebdf;--white:#fff;--danger:#a43e33;--shadow:0 16px 44px #263b310a;--radius:26px;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.6}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #8066c0;outline-offset:4px}button{color:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.045em;line-height:1.08}p{line-height:1.65}button svg{flex-shrink:0}.shell{max-width:1200px;margin:auto;padding:0 42px}.topbar{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:16px}.brand{display:flex;align-items:center;gap:11px;font-size:19px;font-weight:800;letter-spacing:-.6px;text-decoration:none;border:0;background:none;padding:0}.brand img{width:39px;height:39px}.topnav{display:flex;align-items:center;gap:23px}.nav-link{border:0;background:none;padding:12px 0;font-size:13px;font-weight:600}.icon-btn{width:43px;height:43px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;background:transparent}.icon-btn:hover{background:#eceee5}.version{color:var(--muted);font-size:11px;letter-spacing:.1em;border:1px solid var(--line);border-radius:6px;padding:4px 6px}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:50px;align-items:center;padding:68px 0 55px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:10px;font-weight:800;display:flex;align-items:center;gap:8px;margin-bottom:22px}.eyebrow:before{content:'';width:6px;height:6px;flex-shrink:0;background:#547d55;border-radius:50%}.hero h1{font-size:clamp(50px,6.6vw,80px);font-weight:750;line-height:1.03;letter-spacing:-.065em;margin:0 0 24px}.hero h1 span{font-family:Georgia,serif;font-weight:500;font-style:italic}.hero-copy>p{font-size:16px;max-width:365px;color:var(--muted);margin-bottom:30px}.btn{min-height:53px;border-radius:13px;border:1px solid transparent;padding:15px 23px;display:inline-flex;align-items:center;justify-content:center;gap:12px;text-decoration:none;font-weight:700;font-size:14px;line-height:1.4;transition:background .15s,transform .15s}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn.primary{background:var(--ink);color:white;box-shadow:0 5px 0 #192d2220}.btn.primary:hover{background:#385440}.btn.lime{background:var(--green);color:var(--ink)}.btn.secondary{background:var(--white);border-color:var(--line)}.btn.ghost{background:transparent;border-color:var(--line)}.btn.danger{background:#f9e6e1;color:var(--danger);border-color:#edc9c0}.btn.wide{width:100%}.btn.small{min-height:40px;padding:10px 15px;font-size:12px}.button-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.hero .btn.primary{padding:18px 34px;min-width:185px}.small-note{font-size:11px;color:var(--muted);margin:17px 0 0}.hero-art{position:relative;min-height:360px;display:flex;align-items:center;justify-content:center}.art-halo{position:absolute;inset:4px 24px;border:1px solid #e1e3d8;border-radius:50%;transform:rotate(-18deg)}.art-halo:after{content:'';position:absolute;inset:25px;border:1px dashed #dedfd5;border-radius:50%}.sample-card{width:44%;max-width:205px;position:relative;background:#fff;padding:10px 10px 20px;border-radius:20px;box-shadow:0 20px 40px #253c3120;border:1px solid #e9ece4;z-index:1}.sample-card.first{transform:translate(9px,-22px) rotate(-11deg);background:#e4edba}.sample-card.second{transform:translate(-4px,23px) rotate(10deg);background:#ded5ef}.sample-card .photo{width:100%;aspect-ratio:1;object-fit:cover;border-radius:12px;background:#f8f8f5}.sample-card small{display:block;font-size:9px;letter-spacing:.12em;font-weight:800;margin:11px 4px 7px}.sample-card strong{display:block;font-size:21px;margin:0 4px;letter-spacing:.04em}.join-dot{position:absolute;width:49px;height:49px;border-radius:50%;background:var(--ink);color:white;display:grid;place-items:center;font-size:31px;z-index:2;top:42%;left:45%;box-shadow:0 0 0 6px var(--bg)}.art-caption{position:absolute;bottom:-3px;left:20%;font-size:11px;color:var(--muted);transform:rotate(-4deg)}.spark{position:absolute;font-size:38px;color:#829363;right:1px;top:20px}.intro-strip{display:flex;justify-content:space-between;gap:20px;padding:26px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.intro-item{display:flex;align-items:center;gap:13px}.intro-item .round-icon{width:41px;height:41px;border-radius:50%;background:#e9eddf;display:grid;place-items:center}.intro-item strong{font-size:13px;display:block}.intro-item span{font-size:11px;color:var(--muted)}.level-section{padding:35px 0 40px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.section-head h2{font-size:20px;margin:0}.section-head span{color:var(--muted);font-size:12px}.level-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.level-tile{text-align:left;border:1px solid var(--line);background:#fff;border-radius:16px;padding:18px;position:relative;min-height:113px;transition:border-color .15s}.level-tile:hover{border-color:#819779}.level-tile small{display:block;font-size:9px;letter-spacing:.12em;color:var(--muted);text-transform:uppercase;margin-bottom:9px}.level-tile strong{font-size:17px;display:block;letter-spacing:-.03em;margin-bottom:7px}.level-tile span{font-size:11px;color:var(--muted)}.level-tile .lock{position:absolute;top:18px;right:15px}.level-tile:nth-child(1){background:#eef3df}.level-tile:nth-child(2){background:#f0ecf7}.level-tile:nth-child(3){background:#f8f0df}.level-tile:nth-child(4){background:#eceeed}.bottom-note{padding:18px 0 25px;display:flex;justify-content:space-between;gap:14px;color:#858b82;font-size:10px}.text-button{padding:0;border:0;background:none;text-decoration:underline;text-underline-offset:3px;font-size:inherit;color:inherit}.page{max-width:730px;margin:38px auto 65px}.page.wide{max-width:960px}.page-heading{margin-bottom:26px}.back{border:0;background:none;display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:12px;margin:0 0 22px;padding:4px 0}.page-heading h1{font-size:39px;margin-bottom:10px}.page-heading>p{font-size:14px;color:var(--muted);margin-bottom:0}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:29px;box-shadow:var(--shadow)}.panel+.panel{margin-top:16px}.panel-title{font-size:17px;margin-bottom:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:block}.field-label{display:block;font-size:12px;font-weight:700;margin-bottom:9px}.field input,.field select{width:100%;border:1px solid #dce1d7;background:#fcfcfa;border-radius:11px;padding:14px;color:var(--ink);min-height:50px}.team-field{background:#eef2e7;padding:16px;border-radius:15px}.team-field.two{background:#f0ebf7}.fieldset{border:0;padding:0;margin:26px 0 0}.fieldset legend{padding:0;font-size:12px;font-weight:700;margin-bottom:11px}.segmented{display:flex;gap:8px}.choice{position:relative;display:flex;flex:1}.choice input{position:absolute;opacity:0;width:1px;height:1px}.choice span{width:100%;padding:13px 10px;text-align:center;font-size:13px;border:1px solid var(--line);border-radius:11px;font-weight:600;background:#fff}.choice input:checked+span{background:var(--ink);color:#fff;border-color:var(--ink)}.choice input:focus-visible+span{outline:3px solid #8066c0;outline-offset:3px}.form-levels{margin-top:12px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.form-level{position:relative;cursor:pointer}.form-level input{position:absolute;opacity:0}.form-level>span{display:flex;min-height:85px;flex-direction:column;justify-content:center;padding:10px;border:1px solid var(--line);border-radius:12px;text-align:center;font-size:12px;gap:7px}.form-level strong{font-size:20px}.form-level input:checked+span{background:#e8efcf;border:2px solid #62744b;padding:9px}.form-level input:focus-visible+span{outline:3px solid #8066c0;outline-offset:3px}.form-level .locked{opacity:.65}.helper{font-size:11px;color:var(--muted);line-height:1.6;margin:10px 0 0}.details{margin-top:23px;border-top:1px solid var(--line);padding-top:18px}.details summary{cursor:pointer;font-size:12px;font-weight:700;padding:4px 0}.details .form-grid{margin-top:19px}.form-actions{margin-top:25px}.notice{display:flex;gap:10px;background:#f1f3e8;padding:13px 16px;border-radius:12px;font-size:12px;line-height:1.6;margin:17px 0}.notice.warning{background:#fff1df;color:#79531f}.error{background:#f9e6e1;color:var(--danger);padding:13px;border-radius:10px;font-size:13px;margin-top:18px}.game{max-width:750px;margin:27px auto 60px}.scorebar{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:17px;overflow:hidden;background:#fff}.score-team{display:flex;align-items:center;gap:10px;padding:15px 20px;font-size:13px}.score-team+div{border-left:1px solid var(--line)}.score-team.active{background:#ecf2da}.score-team.active.two{background:#eee8f7}.team-dot{height:9px;width:9px;background:#90a65f;border-radius:50%;flex-shrink:0}.two .team-dot{background:#a68cc5}.score-team strong{margin-left:auto;font-size:23px;font-variant-numeric:tabular-nums}.score-team .team-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.turn-line{display:flex;align-items:center;justify-content:space-between;margin:16px 2px 23px;color:var(--muted);font-size:11px}.steps{display:flex;justify-content:center;gap:8px;margin:0 0 23px}.step-dot{width:26px;height:4px;border-radius:3px;background:#e2e6dc}.step-dot.done{background:#b1c18b}.step-dot.active{background:#3e5841}.game-panel{text-align:center;padding:33px 34px}.pill{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:#f0eee7;color:#6e7768;font-size:10px;text-transform:uppercase;letter-spacing:.11em;border-radius:30px;padding:8px 12px;font-weight:750}.pill.private{background:#f1eaf7;color:#6b5189}.pill.public{background:#eaf2d8;color:#547236}.pill.review{background:#fff0dc;color:#826128;margin-left:8px;font-size:9px}.game-panel h1{font-size:35px;margin:22px 0 14px}.game-panel>p{font-size:14px;color:var(--muted);max-width:430px;margin:0 auto 24px}.actor-badge{width:76px;height:76px;border-radius:23px;background:#e7efcd;display:grid;place-items:center;margin:25px auto 0;font-size:30px;font-weight:750}.actor-badge.two{background:#e9def4}.privacy-note{font-size:11px;color:var(--muted);display:flex;justify-content:center;align-items:center;gap:6px;margin-top:16px;line-height:1.6}.clue-photo{max-width:370px;width:100%;height:270px;object-fit:contain;background:#f4f4ef;border-radius:19px;margin:24px auto 0;display:block}.clue-word{font-size:clamp(32px,7vw,48px);font-weight:800;text-transform:uppercase;letter-spacing:.025em;margin:19px 0 26px;overflow-wrap:anywhere}.clue-word.only{padding:55px 0;font-size:clamp(36px,9vw,68px)}.game-panel .btn.wide{max-width:480px;margin:0 auto}.photo-error{padding:35px 20px;background:#f6eee0;border-radius:16px;margin:24px 0}.host-clues,.reveal-clues{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:23px 0}.mini-clue{background:#f5f6f0;border-radius:15px;padding:12px}.mini-clue img{width:100%;height:145px;object-fit:contain;border-radius:9px;background:#fff}.mini-clue small{display:block;font-size:10px;color:var(--muted);margin:9px 0 5px}.mini-clue strong{display:block;font-size:16px;text-transform:uppercase;letter-spacing:.04em}.answer{font-size:clamp(28px,6vw,43px);font-weight:800;text-transform:uppercase;letter-spacing:-.025em;margin:15px 0 7px;overflow-wrap:anywhere}.combination{font-size:12px;color:var(--muted);margin:0 0 22px}.timer-area{padding:25px 0 30px}.timer-ring{width:250px;height:250px;border-radius:50%;background:conic-gradient(var(--ring-color,#a2b978) calc(var(--progress,1)*1turn),#edf0e5 0);padding:8px;margin:20px auto;display:grid;place-items:center;transition:background .2s}.timer-inner{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#fff;border-radius:50%}.time{font-size:62px;font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:-.07em;line-height:1.1}.timer-inner small{font-size:10px;color:var(--muted);margin-top:10px;text-transform:uppercase;letter-spacing:.12em}.timer-area.urgent{--ring-color:#bb6653}.timer-area.urgent .time{color:var(--danger)}.timer-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}.pause-btn{border:0;background:none;display:inline-flex;align-items:center;gap:7px;font-size:12px;padding:17px 20px;color:var(--muted)}.ready-number{font-size:112px;font-weight:750;line-height:1.2;letter-spacing:-.07em;margin:30px 0;color:#647e49}.result-icon{width:62px;height:62px;background:#e8f1d5;border-radius:50%;display:grid;place-items:center;margin:22px auto 0}.result-icon.bad{background:#f7e7e2;color:var(--danger)}.result-label{font-size:12px;margin:13px 0;color:var(--muted)}.result-actions{margin-top:22px}.result-actions .text-button{margin-top:18px;font-size:11px;color:var(--muted)}.match-score{display:flex;align-items:center;justify-content:center;gap:22px;margin:30px 0}.match-score .score-block{padding:20px 30px;background:#ecf2df;border-radius:19px;min-width:130px}.match-score .score-block.two{background:#efe8f7}.score-block span{font-size:12px;display:block;max-width:170px;overflow-wrap:anywhere}.score-block strong{display:block;font-size:50px;letter-spacing:-.05em;margin-top:8px}.match-score>span{font-size:10px;color:var(--muted)}.history-list{margin:18px 0 0}.history-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 0;border-bottom:1px solid var(--line);text-align:left}.history-row:last-child{border-bottom:0}.history-row strong{font-size:13px;display:block}.history-row small{font-size:11px;color:var(--muted);display:block;margin-top:4px}.history-row .point{font-weight:700;font-size:14px}.history-row .text-button{font-size:11px;color:var(--muted);padding:8px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 0;border-bottom:1px solid var(--line)}.settings-row:first-child{padding-top:0}.settings-row:last-child{border-bottom:0;padding-bottom:0}.settings-row strong{font-size:13px;display:block}.settings-row p{font-size:11px;line-height:1.6;color:var(--muted);margin:5px 0 0;max-width:460px}.toggle{position:relative;width:45px;height:26px;flex-shrink:0}.toggle input{opacity:0;position:absolute}.toggle span{position:absolute;inset:0;background:#d7dcd1;border-radius:20px;cursor:pointer}.toggle span:after{content:'';position:absolute;left:4px;top:4px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .15s}.toggle input:checked+span{background:#536e44}.toggle input:checked+span:after{transform:translateX(19px)}.toggle input:focus-visible+span{outline:3px solid #8066c0;outline-offset:4px}.settings-links{display:flex;flex-direction:column;gap:0}.settings-links button{border:0;border-bottom:1px solid var(--line);text-align:left;background:none;padding:18px 0;display:flex;align-items:center;justify-content:space-between;font-size:13px}.settings-links button:last-child{border:0}.guide-list{counter-reset:guide}.guide-step{display:grid;grid-template-columns:33px 1fr;gap:14px;margin-bottom:24px}.guide-step:before{counter-increment:guide;content:counter(guide);display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#eaf0d9;font-size:12px;font-weight:750}.guide-step h3{font-size:16px;margin:3px 0 7px}.guide-step p{font-size:13px;color:var(--muted);margin:0}.upgrade{text-align:center;max-width:580px}.upgrade h1{font-size:43px;max-width:370px;margin:20px auto}.upgrade .price{font-size:45px;font-weight:750;letter-spacing:-.07em;margin:23px 0 2px}.upgrade .price small{font-size:14px;font-weight:500;letter-spacing:0}.upgrade .benefits{text-align:left;list-style:none;padding:0;margin:25px 0}.benefits li{display:flex;gap:11px;align-items:center;font-size:13px;padding:11px 0}.benefits svg{color:#6e8b4e}.upgrade .small-note{margin-bottom:20px}.upgrade .btn{margin-top:10px}.modal-backdrop{position:fixed;inset:0;background:#182a22a6;z-index:40;display:flex;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(6px)}.modal{background:var(--bg);border-radius:24px;padding:28px;max-width:440px;width:100%;max-height:90vh;overflow:auto;box-shadow:0 30px 90px #0003}.modal h2{font-size:26px;margin-bottom:14px}.modal p{font-size:13px;color:var(--muted)}.modal .button-row{margin-top:22px;justify-content:flex-end}#toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%,20px);background:var(--ink);color:#fff;padding:13px 20px;border-radius:12px;font-size:12px;z-index:70;max-width:min(500px,90vw);opacity:0;pointer-events:none;transition:.2s}#toast.visible{opacity:1;transform:translate(-50%,0)}.loading{min-height:70vh;display:grid;align-content:center;justify-items:center;gap:20px;color:var(--muted)}.brand-mark{width:70px;height:70px;border-radius:20px;background:var(--ink);color:var(--green);display:flex;justify-content:center;align-items:center;font-size:40px;font-weight:800}.brand-mark span{color:var(--lavender)}.skip{position:absolute;left:15px;top:-60px;background:#fff;padding:10px;z-index:100}.skip:focus{top:15px}.empty{text-align:center;padding:25px;color:var(--muted);font-size:13px}.credits{font-size:12px}.credits a{overflow-wrap:anywhere}.credits details{border-bottom:1px solid var(--line);padding:13px 0}.credits summary{font-weight:700;cursor:pointer;text-transform:capitalize}.credits p{margin:12px 0}.storage-banner{background:#f8e7cf;color:#79531f;padding:10px 15px;font-size:12px;text-align:center}.photo-credit{font-size:9px;color:var(--muted);margin:8px 0 20px}.photo-credit a{color:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1000px){.hero-art{margin-left:10px}.hero{min-height:455px}.game-panel .timer-controls{max-width:490px;margin-left:auto;margin-right:auto}}
@media(max-width:750px){.shell{padding:0 24px}.topbar{height:80px}.topnav{gap:15px}.brand{font-size:17px}.hero{gap:15px;padding:38px 0 25px;grid-template-columns:1fr}.hero-copy{max-width:530px}.hero h1{font-size:60px;max-width:450px}.hero h1 br:nth-of-type(2){display:none}.hero-copy>p{max-width:380px;font-size:15px;margin-bottom:24px}.hero-art{min-height:300px;max-width:410px;width:100%;margin:10px auto 15px}.sample-card{max-width:165px}.art-caption{bottom:5px}.art-halo{inset:8px 25px}.intro-strip{gap:13px;padding:22px 0}.intro-item{align-items:flex-start;gap:8px}.intro-item .round-icon{width:29px;height:29px}.intro-item .round-icon svg{width:15px}.intro-item strong{font-size:11px}.intro-item span{font-size:9px}.level-section{padding-top:26px}.level-grid{grid-template-columns:1fr 1fr}.level-tile{padding:17px;min-height:103px}.page{margin-top:25px}.page-heading h1{font-size:34px}.panel{padding:23px}.game{margin-top:20px}.game-panel{padding:27px 22px}.game-panel h1{font-size:30px}.score-team{padding:12px 14px}.game-panel>p{font-size:13px}.topnav .version{display:none}.page-heading{margin-bottom:22px}.turn-line{margin-bottom:20px}.settings-row p{font-size:11px}.host-clues img,.reveal-clues img{height:125px}}
@media(max-width:430px){.shell{padding:0 18px}.topnav{gap:13px}.nav-link{font-size:11px}.brand{font-size:16px}.brand img{width:33px;height:33px}.hero h1{font-size:54px}.hero-art{min-height:280px}.eyebrow{font-size:9px}.intro-item .round-icon{display:none}.intro-item{gap:5px}.intro-item strong{font-size:11px}.intro-item span{font-size:9px}.panel{padding:21px 18px}.game-panel{padding:24px 18px}.form-grid{gap:10px}.team-field{padding:12px}.field input{padding:12px;font-size:14px}.segmented{gap:6px}.choice span{font-size:12px;padding:12px 8px}.score-team{font-size:11px;padding:12px}.timer-ring{width:225px;height:225px}.time{font-size:56px}.timer-controls{gap:8px}.timer-controls .btn{padding:14px 9px;font-size:12px}.match-score .score-block{min-width:110px;padding:18px 20px}.clue-photo{height:230px}.clue-word{font-size:35px}.game-panel h1{font-size:28px}.upgrade h1{font-size:36px}.button-row .btn{flex-grow:1}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
.choice input:disabled+span{opacity:.38;cursor:not-allowed}.choice input:disabled:checked+span{background:#d9decf;color:var(--ink)}
/* Phone-first browser edition: comfortable controls, safe areas, compact turns. */
html{scroll-padding-top:12px}
button,a,input,select,summary{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.field input,.field select{font-size:16px}
.icon-btn,.back,.text-button,.nav-link,.details summary,.credits summary{min-height:44px}
.text-button{display:inline-flex;align-items:center;justify-content:center}
.notice .text-button{text-align:left;justify-content:flex-start}
.toggle{width:48px;height:44px}
.toggle span{top:9px;bottom:9px}
.toggle input:checked+span:after{transform:translateX(22px)}
.brand{min-height:44px;flex-shrink:0}
.btn.small{min-height:44px}
.choice input:disabled+span{opacity:.45;background:#f0f1ed}
.shell{padding-left:max(42px,env(safe-area-inset-left));padding-right:max(42px,env(safe-area-inset-right));padding-bottom:env(safe-area-inset-bottom)}
.game-panel .pill{max-width:100%;overflow-wrap:anywhere;line-height:1.5}
.mini-clue{min-width:0}.mini-clue strong,.history-row strong{overflow-wrap:anywhere}
.settings-row p,.helper{font-size:13px}
.bottom-note{align-items:center;font-size:11px}
@media(max-width:750px){
 .shell{padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}
 .topbar{height:72px}.hero{padding-top:30px}.hero h1{font-size:58px}
 .hero .button-row{display:grid;grid-template-columns:1fr;max-width:380px}.hero .btn{width:100%}
 .hero-copy>p.small-note{font-size:12px;margin:15px 0 0}.hero-art{min-height:255px;margin:2px auto 15px}
 .sample-card{max-width:145px}.art-caption{bottom:-1px}.intro-item strong{font-size:12px}.intro-item span{font-size:11px}
 .section-head{align-items:flex-start;flex-direction:column;gap:7px}
 .level-tile span{font-size:12px}.page-heading>p{font-size:15px}.field-label,.fieldset legend{font-size:14px}
 .choice span{font-size:14px;min-height:48px}.form-level>span{font-size:13px}
 .settings-row strong{font-size:15px}.settings-row p{font-size:13px}.settings-links button{font-size:14px}
 .in-game .topbar{height:58px}.in-game .brand img{width:29px;height:29px}.in-game .nav-link{display:none}
 .game{margin:14px auto 24px}.game-panel{padding:20px 18px}.game-panel>p{font-size:14px;margin-bottom:18px}
 .game-panel h1{font-size:29px;margin:16px 0 12px}.score-team{padding:10px 12px;gap:7px;font-size:12px}
 .score-team strong{font-size:22px}.turn-line{margin:12px 0;font-size:11px;gap:10px;align-items:flex-start}.turn-line>span:last-child{white-space:nowrap}
 .steps{margin-bottom:12px}.actor-badge{width:56px;height:56px;border-radius:17px;font-size:25px;margin-top:18px}
 .clue-photo{height:clamp(160px,29vh,245px);margin-top:16px}.clue-word{margin:13px 0 17px;font-size:36px}.clue-word.only{padding:40px 0}
 .privacy-note{font-size:12px;margin-top:12px}.host-clues,.reveal-clues{margin:16px 0;gap:10px}.mini-clue{padding:9px}.mini-clue img{height:100px}
 .timer-area{padding:14px 0}.timer-ring{width:200px;height:200px;margin:0 auto}.time{font-size:57px}.timer-controls{margin-top:16px;gap:8px}
 .timer-controls .btn{padding:13px 10px;font-size:14px;gap:6px;min-height:56px}.timer-controls svg{width:17px}
 .ready-number{margin:25px 0;font-size:94px}.result-icon{margin-top:17px}.result-actions{margin-top:14px}
 .in-game .game-panel .btn.wide{min-height:56px;font-size:15px}.result-actions .text-button{margin-top:8px;font-size:12px}
 .modal{padding:22px;max-height:calc(100dvh - 40px - env(safe-area-inset-bottom))}.modal .button-row{display:grid;grid-template-columns:1fr}
 .modal .btn{width:100%}.modal p{font-size:14px}.bottom-note{flex-direction:column;gap:0;padding-bottom:12px}
}
@media(max-width:380px){
 .shell{padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right))}
 .brand{font-size:15px;gap:7px}.topnav{gap:10px}.nav-link{font-size:11px}.hero h1{font-size:49px}.hero-copy>p{font-size:14px}
 .level-tile{padding:15px 12px}.level-tile strong{font-size:16px}.game-panel{padding:18px 14px}.game-panel h1{font-size:26px}
 .timer-controls{grid-template-columns:1fr}.timer-controls .btn{min-height:48px}.timer-ring{width:174px;height:174px}
 .intro-strip{flex-wrap:wrap;gap:16px}.intro-item{width:calc(50% - 8px)}
}
@media(max-height:600px) and (orientation:landscape){
 .in-game .topbar{height:50px}.game{margin-top:10px}.clue-photo{height:150px}.game-panel h1{font-size:26px}
 .timer-ring{width:160px;height:160px}.time{font-size:48px}.timer-area{padding:10px 0}
}
/* A public, edge-to-edge countdown with thumb-sized scoring controls. */
.shell.in-timer{max-width:none;padding:0;background:#21382e;color:#fff}
.in-timer #main{outline:none}
.timer-screen{--team-accent:#dcf29c;position:relative;isolation:isolate;height:100vh;height:100dvh;min-height:540px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding:26px max(24px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));overflow:hidden;background:radial-gradient(ellipse at 50% 45%,#385647 0,transparent 60%),#21382e}
.timer-screen.team-lilac{--team-accent:#e2d3ff;background:radial-gradient(ellipse at 50% 45%,#44415d 0,transparent 60%),#27283c}
.timer-heading{width:min(100%,900px);margin:auto;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px 12px;position:relative;z-index:1}
.timer-team{min-width:0}.timer-team .eyebrow{font-size:10px;margin:0 0 7px;color:var(--team-accent);letter-spacing:.19em}.timer-team .eyebrow:before{background:var(--team-accent)}
.timer-team h1{font-size:clamp(23px,4vw,32px);line-height:1.1;margin:0;overflow-wrap:anywhere}
.timer-tools{display:flex;gap:7px}.timer-tool{border:1px solid #ffffff24;background:#ffffff08;color:#fff;min-width:55px;min-height:51px;border-radius:13px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:8px}.timer-tool span{font-size:9px;color:#ffffffb5}
.timer-tool[aria-pressed=false]{opacity:.65}.timer-scores{grid-column:1/-1}.timer-scores .scorebar{background:#ffffff08;border-color:#ffffff20;border-radius:12px}.timer-scores .score-team{padding:8px 14px;color:#ffffffc9;font-size:12px;min-width:0}.timer-scores .score-team+div{border-color:#ffffff20}.timer-scores .score-team.active{background:#dcf29c18;color:#fff}.timer-scores .score-team.active.two{background:#e2d3ff18}.timer-scores .score-team strong{font-size:22px}.timer-scores .team-dot{background:#dcf29c}.timer-scores .two .team-dot{background:#e2d3ff}
.countdown-stage{position:relative;display:grid;place-items:center;min-height:0;padding:18px 0}
.timer-orbit{width:min(96vw,65vh,620px);aspect-ratio:1;border:1px solid #ffffff08;border-radius:50%;position:absolute;z-index:-1}.timer-orbit:before,.timer-orbit:after{content:'';position:absolute;inset:28px;border:1px solid #ffffff08;border-radius:50%}.timer-orbit:after{inset:-28px}
.timer-screen .timer-area{padding:0}.timer-screen .timer-ring{width:min(82vw,calc(100vh - 340px),500px);width:min(82vw,calc(100dvh - 340px),500px);min-width:176px;min-height:176px;height:auto;aspect-ratio:1;margin:0;padding:10px;background:conic-gradient(var(--ring-color,var(--team-accent)) calc(var(--progress,1)*1turn),#ffffff13 0);box-shadow:0 0 60px #00000015}
.timer-screen .timer-inner{background:#253e32;color:#fff;box-shadow:inset 0 0 70px #ffffff03}.timer-screen.team-lilac .timer-inner{background:#2e2f45}
.timer-screen .time{font-size:clamp(64px,19vw,128px);line-height:1.1;letter-spacing:-.075em;font-weight:750;margin:12px 0 16px;color:var(--team-accent)}
.timer-kicker{color:#ffffffa8;font-size:11px;letter-spacing:.02em}.timer-caption{font-size:9px;color:#ffffff80;letter-spacing:.16em}
.timer-screen .timer-area.urgent{--ring-color:#ffb39d}.timer-screen .timer-area.urgent .time{color:#ffb39d}
.timer-bottom{position:relative;width:min(100%,650px);margin:auto;z-index:1}.final-reminder{text-align:center;font-size:14px;color:#ffffffb5;margin:0 0 17px;line-height:1.5}.final-reminder strong{color:white}
.timer-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.timer-actions .btn{min-height:70px;font-size:20px;gap:12px;border-radius:17px;box-shadow:none}.timer-actions small{display:block;font-size:10px;font-weight:500;margin-top:3px;opacity:.7}.timer-actions .timer-correct{background:var(--team-accent);color:#21382e;border-color:var(--team-accent)}.timer-actions .timer-wrong{background:#ffffff0b;color:#fff;border-color:#ffffff4a}
.host-reminder{color:#ffffff80;text-align:center;font-size:11px;margin:13px 0 0;overflow-wrap:anywhere;line-height:1.4}.countdown-ready{text-align:center}.timer-screen .ready-number{color:var(--team-accent);font-size:clamp(120px,30vw,220px);margin:8px 0;line-height:1.1}.countdown-ready p{color:#ffffffb5;margin:0;font-size:18px}
.volume-control{width:130px;flex-shrink:0}.volume-control input{width:100%;height:44px;accent-color:var(--ink)}
@media(max-width:430px){.timer-screen{padding:20px max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left))}.timer-heading{gap:15px 8px}.timer-tool{min-width:49px}.timer-actions{gap:10px}.timer-actions .btn{font-size:18px;min-height:69px;padding:14px 11px;gap:7px}.timer-actions svg{width:20px}.timer-team h1{font-size:24px}.timer-screen .time{font-size:clamp(62px,20vw,92px)}.volume-control{width:100px}}
@media(max-height:700px) and (orientation:portrait){.timer-screen{padding-top:16px;min-height:520px}.timer-heading{gap:11px}.timer-team h1{font-size:22px}.timer-scores .score-team{padding:6px 12px}.timer-screen .timer-ring{width:min(76vw,calc(100dvh - 300px))}.timer-screen .time{font-size:clamp(60px,18vw,88px)}.countdown-stage{padding:10px 0}.timer-actions .btn{min-height:60px}.final-reminder{margin-bottom:12px;font-size:13px}.timer-kicker{font-size:10px}.timer-caption{font-size:8px}}
@media(max-height:560px) and (orientation:landscape){.timer-screen{min-height:320px;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr;gap:15px 28px;padding:15px 24px}.timer-heading{grid-column:1/-1;grid-template-columns:minmax(120px,1fr) auto minmax(200px,1fr);align-items:center;gap:15px}.timer-scores{grid-column:auto}.timer-tools{order:3}.timer-team h1{font-size:22px}.timer-team .eyebrow{font-size:8px}.countdown-stage{grid-column:1;grid-row:2;padding:0}.timer-screen .timer-ring{width:min(33vw,calc(100dvh - 105px));min-width:150px;min-height:150px;padding:7px}.timer-screen .time{font-size:clamp(50px,9vw,80px);margin:7px 0}.timer-kicker{font-size:10px}.timer-caption{font-size:7px}.timer-bottom{grid-column:2;grid-row:2}.timer-actions{grid-template-columns:1fr}.timer-actions .btn{min-height:51px;padding:9px 16px;font-size:17px;flex-direction:row}.timer-actions small{display:inline;font-size:10px;margin-left:10px}.final-reminder{font-size:13px;margin-bottom:12px}.host-reminder{font-size:10px}.timer-screen .ready-number{font-size:130px}.timer-orbit{width:300px}}
/* Answer reveal layout shared by the private host and public result. */
.shell.in-answer{max-width:none;padding:0;background:#fff;color:#17251d}
.in-answer #main{outline:none}
.answer-screen{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;padding:26px max(22px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(22px,env(safe-area-inset-left));background:#fff;color:#17251d}
.answer-header{display:flex;justify-content:space-between;align-items:center;gap:16px;width:min(100%,1080px);margin:0 auto;font-size:12px}
.answer-access{display:flex;align-items:center;gap:9px;font-weight:650}.answer-private .answer-access{color:#e2d3ff}.answer-public .answer-access{color:#dcf29c}
.answer-turn{color:#999;white-space:nowrap;font-size:11px}
.answer-stage{width:min(100%,1160px);margin:auto;text-align:center;padding:clamp(34px,7vh,80px) 0 30px}
.answer-status{display:flex;align-items:center;justify-content:center;gap:8px;color:#ccc;font-size:16px;margin:0 0 32px}.answer-status.is-correct{color:#dcf29c}
.answer-eyebrow{font-size:11px;letter-spacing:.24em;color:#a0a0a0;font-weight:700;margin:0 0 18px}
.answer-word{font-size:clamp(54px,12vw,150px);line-height:1.02;letter-spacing:-.055em;font-weight:800;overflow-wrap:anywhere;word-break:normal;text-wrap:balance;margin:0 auto 22px;color:#fff}
.answer-word.answer-medium{font-size:clamp(46px,10vw,125px)}.answer-word.answer-long{font-size:clamp(40px,8.5vw,105px)}
.answer-screen .combination{font-size:clamp(15px,2.5vw,22px);line-height:1.5;color:#bdbdbd;margin:0 auto;text-wrap:balance}
.answer-points{display:flex;gap:12px;justify-content:center;align-items:center;flex-wrap:wrap;color:#c5c5c5;font-size:14px;margin:24px 0 0}.answer-points strong{color:white;background:#222;padding:7px 13px;border-radius:100px;font-size:15px}
.answer-bottom{width:min(100%,600px);margin:0 auto;text-align:center}
.answer-clues{margin:0 0 18px;border:1px solid #353535;border-radius:16px;background:#111;text-align:left}
.answer-clues summary{min-height:50px;padding:15px 18px;cursor:pointer;font-size:13px;font-weight:650}.answer-clues summary svg{vertical-align:middle;margin-left:8px}.answer-clues .reveal-clues{margin:0;padding:0 12px 12px;gap:12px}.answer-clues .mini-clue{background:#222;border-color:#333;color:#fff;min-width:0}.answer-clues .mini-clue small{color:#bbb}.answer-clues .mini-clue strong{color:#fff;overflow-wrap:anywhere}.answer-clues .mini-clue img{height:110px}
.answer-scoreboard .scorebar{background:#171717;border-color:#333;margin-bottom:18px;border-radius:13px}.answer-scoreboard .score-team{color:#ddd;padding:10px 14px;min-width:0}.answer-scoreboard .score-team+div{border-color:#333}.answer-scoreboard .score-team.active,.answer-scoreboard .score-team.active.two{background:#171717}.answer-scoreboard .score-team strong{color:#fff}
.answer-screen .btn.answer-next{background:#dcf29c;color:#17251d;font-size:15px;border-radius:14px;min-height:58px;box-shadow:none}.answer-screen .btn.answer-next:hover{background:#e7f7bb}.answer-private .btn.answer-next{background:#e2d3ff;color:#282131}
.answer-screen .answer-correction{color:#aaa;font-size:12px;margin-top:8px}.answer-note{color:#aaa;font-size:13px;margin:18px 0;line-height:1.5}.answer-footnote{color:#999;font-size:11px;margin:14px 0 0;line-height:1.4}
.timer-review{display:flex;justify-content:center;margin-top:12px}.timer-review-button{min-height:44px;border:1px solid #ffffff38;border-radius:11px;color:#fff;background:#ffffff08;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:5px 8px;padding:8px 13px;font-size:12px;font-weight:600}.timer-review-button span{font-weight:400;color:#ffffffad;font-size:10px}
.timer-screen .timer-ring{width:min(82vw,calc(100dvh - 395px),500px)}
.clue-reminder .secondary{margin-top:20px}.clue-reminder .helper{margin-top:18px}.reminder-answer{font-size:18px!important}
@media(max-width:430px){.answer-screen{padding-top:20px}.answer-header{gap:10px;font-size:11px}.answer-turn{font-size:10px}.answer-stage{padding:38px 0 28px}.answer-status{font-size:14px;margin-bottom:26px}.answer-clues .mini-clue img{height:90px}.answer-private .answer-stage{padding:32px 0 22px}.answer-private .answer-status{margin-bottom:22px}.answer-screen .btn.answer-next{font-size:14px}.answer-word{font-size:clamp(50px,12vw,150px)}.answer-word.answer-medium{font-size:clamp(42px,10vw,125px)}.answer-word.answer-long{font-size:clamp(36px,8.5vw,105px)}}
@media(max-height:700px) and (orientation:portrait){.timer-screen .timer-ring{width:min(76vw,calc(100dvh - 365px))}.timer-review{margin-top:7px}.timer-review-button{padding:6px 11px}.timer-screen .host-reminder{margin-top:8px}}
@media(max-height:560px) and (orientation:landscape){.timer-screen{min-height:360px}.timer-screen .timer-ring{width:min(33vw,calc(100dvh - 105px))}.timer-review-button span{display:none}.timer-review{margin-top:7px}.answer-screen{padding-top:18px}.answer-stage{padding:26px 0}.answer-status{margin-bottom:16px}.answer-word{font-size:clamp(50px,10vw,100px)}.answer-word.answer-medium{font-size:clamp(46px,8vw,85px)}.answer-word.answer-long{font-size:clamp(40px,7vw,72px)}}
/* All answer reveals: white page, oversized answer on a green rectangle. */
.shell.in-answer,.answer-screen{background:#fff;color:#17251d}
.answer-screen .answer-access{color:#37552c}.answer-screen .answer-turn{color:#686868}
.answer-screen .answer-stage{padding:clamp(25px,5vh,50px) 0 22px;width:min(100%,1200px)}
.answer-screen .answer-status{color:#525252;margin-bottom:20px}.answer-screen .answer-status.is-correct{color:#355b2d}
.answer-screen .answer-eyebrow{color:#666;margin-bottom:13px}
.answer-screen .answer-word{display:block;width:100%;padding:clamp(24px,4vw,44px) clamp(12px,3vw,32px);background:var(--answer-green);color:#fff;border-radius:12px;font-size:clamp(56px,13vw,164px);line-height:1.03;margin-bottom:18px;letter-spacing:-.055em}
.answer-screen .answer-word.answer-medium{font-size:clamp(46px,10.8vw,140px)}.answer-screen .answer-word.answer-long{font-size:clamp(40px,9.1vw,118px)}
.answer-screen .combination{color:#555}.answer-screen .answer-points{color:#555;margin-top:17px}.answer-screen .answer-points strong{background:#eef2e7;color:#213b2a}
.answer-clues-title{font-size:12px;font-weight:650;margin:0;padding:12px 16px;color:#bbb;letter-spacing:.04em}
.answer-screen .answer-clues{background:#f7f7f5;border-color:#e4e4df}.answer-screen .answer-clues-title{color:#666}.answer-screen .answer-clues .mini-clue{background:#fff;border-color:#e4e4df;color:#17251d}.answer-screen .answer-clues .mini-clue small{color:#666}.answer-screen .answer-clues .mini-clue strong{color:#17251d}.answer-screen .answer-clues .mini-clue img{height:110px;object-fit:contain;background:#f7f7f5}
.answer-screen .answer-scoreboard .scorebar{background:#fff;border-color:#ddd}.answer-screen .answer-scoreboard .score-team{background:#fff;color:#444}.answer-screen .answer-scoreboard .score-team+div{border-color:#ddd}.answer-screen .answer-scoreboard .score-team strong{color:#17251d}.answer-screen .answer-correction{color:#666}
.reminder-choices{display:grid;gap:12px}.clue-reminder .clue-photo{max-height:44vh;object-fit:contain}.clue-reminder .secondary{margin-top:12px}
@media(max-width:430px){.answer-screen{padding:20px 16px max(18px,env(safe-area-inset-bottom))}.answer-screen .answer-word{font-size:clamp(50px,13vw,164px);padding:28px 14px}.answer-screen .answer-word.answer-medium{font-size:clamp(43px,10.8vw,140px)}.answer-screen .answer-word.answer-long{font-size:clamp(36px,9.1vw,118px)}.answer-screen .answer-clues .mini-clue img{height:96px}.answer-screen .answer-stage{padding:28px 0 20px}}

/* Host answer reminder uses the same green as the public answer. */
.btn.answer-green{background:var(--answer-green);border-color:var(--answer-green);color:#fff}.btn.answer-green:hover{background:#1c6038;border-color:#1c6038}.host-answer-control{border-top:1px solid var(--line);margin-top:24px;padding-top:8px}.host-answer-control .helper{margin:12px 0 14px}.host-reminder-answer{background:var(--answer-green);color:#fff;font-size:clamp(36px,8vw,72px);line-height:1.05;font-weight:800;letter-spacing:-.04em;overflow-wrap:anywhere;border-radius:12px;padding:28px 16px;margin:22px 0}

/* Keep private-host instructions legible on the shared white answer page. */
.answer-private .answer-note,.answer-private .answer-footnote{color:#666}.answer-private .btn.answer-next{background:var(--answer-green);border-color:var(--answer-green);color:#fff}.answer-private .btn.answer-next:hover{background:#1c6038;border-color:#1c6038}

/* Two-game collection and Odd One In. */
.hub{padding:50px 0 24px}.hub-heading{text-align:center;margin:0 auto 38px}.hub-heading h1{font-size:clamp(38px,6vw,70px);line-height:1.06;letter-spacing:-.055em;margin:18px 0}.hub-heading h1 span{color:#517441}.hub-heading p{color:var(--muted);font-size:18px;line-height:1.6}.hub-facts{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;font-size:12px;margin-top:22px;color:#506052}.hub-facts span{display:flex;gap:6px;align-items:center}.hub-games{display:grid;grid-template-columns:1fr 1fr;gap:24px}.hub-game{border:1px solid #d9dfcc;border-radius:28px;display:flex;flex-direction:column;text-align:left;padding:30px;color:var(--ink);cursor:pointer;min-width:0;min-height:360px;background:#edf2dd;transition:transform .15s,box-shadow .15s}.hub-game:hover{transform:translateY(-3px);box-shadow:0 12px 30px #263b3110}.hub-odd{background:#eee8f6;border-color:#ddd1ec}.hub-game-number{display:flex;justify-content:space-between;gap:10px;font-size:10px;letter-spacing:.08em;font-weight:700}.hub-game-number>span{font-weight:500;letter-spacing:0;font-size:11px}.hub-game-art{display:flex;align-items:center;gap:10px;height:118px;font-size:22px}.hub-clue{display:grid;place-items:center;width:58px;height:72px;background:#d4e58d;border:1px solid #9eaf66;border-radius:12px;transform:rotate(-9deg);font-size:32px;font-weight:800}.hub-clue.lilac{background:#d9cbed;border-color:#aa99bf;transform:rotate(9deg)}.hub-odd-art>span:first-child{display:grid;place-items:center;background:#fff9;width:80px;height:80px;border-radius:50%}.hub-question{font-size:52px;line-height:1;font-weight:800;color:#76618d;transform:rotate(10deg)}.hub-game>strong{font-size:clamp(27px,3.6vw,39px);letter-spacing:-.045em;margin-bottom:9px}.hub-game-desc{font-size:15px;line-height:1.65;max-width:280px}.hub-game-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:28px;font-size:11px}.hub-play{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;background:#fff9;padding:10px 14px;border-radius:100px}.hub-note{text-align:center;font-size:12px;line-height:1.6;margin-top:28px;color:var(--muted)}
.odd-page{width:min(100%,800px);margin:0 auto}.odd-intro-strip{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:22px}.odd-intro-strip>span{display:flex;gap:7px;align-items:center;background:#eee8f6;border-radius:100px;padding:9px 13px;font-size:12px}.odd-player-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.odd-player-controls{margin-top:16px}.odd-page .field{margin-bottom:14px}.odd-page .notice>div{width:100%}.odd-page .notice .btn{margin-top:12px}.odd-game-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:24px 0 20px;font-size:12px}.odd-game-top>span{color:var(--muted);font-size:11px}.odd-game-panel{margin-bottom:12px}.odd-game-panel h1{font-size:clamp(28px,4.8vw,44px);line-height:1.13;letter-spacing:-.04em;overflow-wrap:anywhere}.odd-game-panel .pill{max-width:100%;line-height:1.5;justify-content:center}.odd-avatar{width:76px;height:76px;display:grid;place-items:center;border-radius:50%;background:#eee8f6;margin:26px auto}.odd-secret{background:var(--answer-green);color:#fff;border-radius:18px;padding:32px 18px;margin:22px 0}.odd-secret h1{color:#fff;margin:0;font-size:clamp(34px,6vw,62px);overflow-wrap:anywhere}.odd-secret.outsider{background:#eee8f6;color:#473454}.odd-secret.outsider h1{color:#473454;font-size:clamp(29px,5vw,42px);margin:12px 0}.odd-secret.outsider p{color:#65536d;margin-bottom:0}.odd-duration{font-weight:800;font-size:76px;line-height:1.2;color:#5a4672;margin:24px 0}.odd-duration small{display:block;font-size:14px;font-weight:500}.odd-clock{font-variant-numeric:tabular-nums;font-size:clamp(80px,18vw,150px);font-weight:800;letter-spacing:-.07em;color:#4a385e;margin:26px 0;line-height:1.1}.odd-discussion .odd-game-panel{min-height:min(720px,calc(100dvh - 170px));display:flex;flex-direction:column;justify-content:center}.odd-timer-controls{display:flex;justify-content:center;gap:12px;margin-bottom:20px}.odd-timer-controls .btn{min-width:110px}.odd-vote-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0}.odd-vote-grid .btn{overflow-wrap:anywhere;min-width:0}.odd-vote-grid .is-selected{border-color:#247545;background:#e7f2e9;color:#1a502e;box-shadow:inset 0 0 0 2px #247545}.odd-score-list{list-style:none;padding:0;margin:24px 0;text-align:left;display:grid;gap:8px}.odd-score-list li{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid var(--line);border-radius:12px;padding:13px 16px;background:#f8f9f5;font-size:15px}.odd-score-list li span{overflow-wrap:anywhere;min-width:0}.odd-score-list small{display:block;font-size:11px;color:#47713c;margin-top:4px}.odd-score-list strong{font-size:23px}.odd-tally{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:20px 0}.odd-tally>div{border-radius:9px;background:#f2f0f5;padding:10px 12px;display:flex;justify-content:space-between;gap:10px;font-size:12px;text-align:left;overflow-wrap:anywhere}.odd-tally strong{white-space:nowrap;font-size:11px;color:#655771}.odd-bottom-controls{text-align:center}.odd-game-panel #odd-guess-form{text-align:left;margin:24px 0}.odd-page .error{text-align:left}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}
@media(max-width:620px){.hub{padding-top:30px}.hub-heading{margin-bottom:26px}.hub-heading p{font-size:15px}.hub-games{grid-template-columns:1fr;gap:16px}.hub-game{padding:24px;min-height:290px;border-radius:23px}.hub-game-art{height:92px}.hub-clue{width:44px;height:57px;font-size:25px}.hub-odd-art>span:first-child{width:62px;height:62px}.hub-game>strong{font-size:32px}.hub-game-footer{padding-top:20px}.hub-facts{gap:12px;font-size:11px}.odd-player-fields{gap:10px}.odd-player-fields .field input{padding:12px;font-size:16px}.odd-game-top{margin-top:14px;gap:8px}.odd-game-top strong{font-size:12px}.odd-game-top .back{font-size:11px}.odd-game-panel{padding:26px 20px}.odd-game-panel h1{font-size:29px}.odd-game-panel p{font-size:15px;line-height:1.7}.odd-vote-grid .btn{padding:15px 10px;font-size:14px}.odd-tally{grid-template-columns:1fr}.odd-clock{font-size:clamp(78px,23vw,130px)}.odd-intro-strip{gap:6px}.odd-intro-strip>span{font-size:10px;padding:8px 10px}}

/* Category Clash: warm cards, large bids, and clear judge controls. */
.hub-clash{background:#f7eadb;border-color:#e8d6be}.hub-bid{display:grid;place-items:center;width:64px;height:64px;border-radius:15px;background:#f1c68d;font-size:32px;font-weight:800;transform:rotate(-8deg)}.hub-bid.higher{background:#fff9;transform:rotate(8deg);margin-left:-4px}.clash-page{width:min(100%,800px);margin:0 auto}.clash-page .field{margin-bottom:18px}.clash-scorebar{margin:14px 0 20px}.clash-panel{margin-bottom:14px}.clash-panel h1{font-size:clamp(27px,4vw,43px);line-height:1.17;letter-spacing:-.04em;overflow-wrap:anywhere}.clash-category{padding:23px 20px;background:#f7eadb;border:1px solid #eadcc9;border-radius:18px;margin:22px 0 14px}.clash-category small{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#79522f}.clash-category h1{margin:12px 0 0;color:#483726}.clash-panel p.clash-scope{font-size:13px;line-height:1.65;color:#6b6257}.clash-current-bid{display:flex;align-items:center;flex-direction:column;gap:5px;margin:24px 0}.clash-current-bid strong{font-size:64px;line-height:1;font-variant-numeric:tabular-nums;color:#925824}.clash-current-bid span{font-size:13px;color:#6b6257}.clash-team-turn{font-size:21px;margin:28px 0 18px;overflow-wrap:anywhere}.clash-bid-controls{display:flex;justify-content:center;gap:12px;margin:-5px 0 20px}.clash-bid-controls .btn{min-width:70px;font-size:22px}.clash-panel #clash-bid-form{max-width:430px;margin:0 auto}.clash-panel #clash-bid-form input{text-align:center;font-size:28px;font-weight:700}.btn.clash-prove{background:#79502f;color:white;border-color:#79502f;min-height:62px;font-size:20px;margin-top:14px}.btn.clash-prove:hover{background:#624025}.clash-target{font-size:80px;font-weight:800;line-height:1.2;color:#925824;margin:24px 0}.clash-target small{display:block;font-size:14px;font-weight:500;color:#6b6257}.clash-clock{font-size:clamp(80px,20vw,150px);line-height:1;letter-spacing:-.06em;font-weight:800;color:#4d693b;font-variant-numeric:tabular-nums;margin:22px 0}.clash-count-controls{display:flex;align-items:center;justify-content:center;gap:24px;margin:24px 0}.clash-count-controls .btn{min-width:76px;min-height:66px;font-size:26px}.clash-count-controls>div strong{display:block;font-size:56px;font-weight:800;line-height:1.1;font-variant-numeric:tabular-nums}.clash-count-controls small{display:block;font-size:12px;color:var(--muted);margin-top:5px}.clash-panel p.clash-judge{font-size:14px}.clash-live-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.clash-point{display:block;font-size:22px;margin-top:12px;letter-spacing:0}.clash-examples{text-align:left;margin-bottom:22px}.clash-examples p{font-size:14px}.clash-playing .clash-panel{min-height:calc(100dvh - 240px)}
@media(min-width:1000px){.hub-games{grid-template-columns:repeat(3,minmax(0,1fr))}.hub-game{padding:25px}.hub-game>strong{font-size:31px}.hub-game-number{flex-wrap:wrap;gap:7px}.hub-game-footer{flex-wrap:wrap}}
@media(max-width:620px){.clash-panel{padding:24px 18px}.clash-panel h1{font-size:28px}.clash-category{padding:19px 14px}.clash-live-top .pill{font-size:10px}.clash-clock{font-size:clamp(80px,24vw,130px)}.clash-count-controls{gap:16px}.clash-count-controls .btn{min-width:67px}.clash-count-controls>div strong{font-size:48px}.clash-panel p{font-size:15px}.clash-playing .clash-category h1{font-size:24px}.clash-playing .clash-category{padding:14px;margin-top:14px}.clash-playing .clash-scope{font-size:11px!important}.clash-playing .clash-clock{margin:14px 0}.clash-playing .clash-count-controls{margin:18px 0}}

.shell.in-timer.clash-live-shell{background:var(--bg);color:var(--ink);padding:0 max(14px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}.clash-live-shell .odd-game-top{margin:12px 0}.clash-live-shell .clash-scorebar{margin:8px 0 12px}.clash-live-shell .clash-scorebar .score-team{padding:9px 13px}.clash-count-controls>div{min-width:95px}.clash-live-shell .clash-panel{min-height:calc(100dvh - 130px)}

/* Backseat Artist: real photographs privately, paper and pen in the room. */
.hub-artist{background:#e1efec;border-color:#c5dfd8}.hub-paper{display:block;width:65px;height:78px;border-radius:9px;background:repeating-linear-gradient(to bottom,#fff 0 13px,#d7e3e0 13px 14px);border:1px solid #b5c9c3;transform:rotate(-8deg)}.hub-pencil{font-size:86px;line-height:1;margin-left:-30px;color:#36705c;transform:rotate(-8deg)}.artist-page{width:min(100%,800px);margin:0 auto}.artist-page .field{margin-bottom:18px}.artist-roles{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.artist-roles>div{background:#eaf2ee;border:1px solid #d4e3dc;border-radius:15px;padding:18px}.artist-roles strong{display:block;font-size:14px;margin-bottom:8px}.artist-roles span{font-size:12px;color:#5d7167;line-height:1.65;display:block}.artist-panel{margin-top:18px}.artist-panel h1{font-size:clamp(29px,5vw,44px);line-height:1.13;overflow-wrap:anywhere}.artist-panel .pill{line-height:1.5;max-width:100%;justify-content:center}.artist-picture{background:#f3f6f3;border:1px solid #dce5df;border-radius:18px;overflow:hidden;margin:24px 0}.artist-photo{display:block;width:100%;height:min(42dvh,370px);object-fit:contain;background:#f7f9f6}.artist-picture>span{display:block;padding:14px 18px;font-size:18px;font-weight:700}.artist-clock{font-size:clamp(85px,22vw,160px);line-height:1.05;letter-spacing:-.07em;font-weight:800;font-variant-numeric:tabular-nums;color:#286749;margin:28px 0}.artist-timer-tools{justify-content:center;margin:14px 0}.artist-panel .secondary.wide{margin-top:12px}.artist-live .artist-panel{min-height:calc(100dvh - 140px);display:flex;flex-direction:column;justify-content:center}.artist-live .artist-panel h1{margin-top:28px}.artist-live .clash-live-top{width:100%}.shell.in-timer.artist-live-shell{background:var(--bg);color:var(--ink);padding:0 max(14px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}.artist-live-shell .odd-game-top{margin:12px 0}.artist-live-shell .scorebar{margin:8px 0 12px}.artist-live-shell .score-team{padding:9px 13px}
@media(min-width:1000px){.hub-games{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-game-number{flex-wrap:nowrap}.hub-game>strong{font-size:36px}.hub-game{padding:30px}}
@media(max-width:620px){.artist-roles{grid-template-columns:1fr;gap:8px}.artist-roles>div{padding:13px 16px}.artist-roles strong{margin-bottom:4px}.artist-panel{padding:26px 20px}.artist-panel h1{font-size:29px}.artist-panel p{font-size:15px}.artist-clock{font-size:clamp(85px,26vw,145px);margin:24px 0}.artist-live .artist-panel h1{font-size:28px;margin-top:24px}.artist-live .clash-live-top .pill{font-size:10px}.artist-photo{height:min(40dvh,310px)}}

/* Compact thumbnails stay in two columns on phones. */
.hub{padding:28px 0 14px}.hub-heading{margin-bottom:24px}.hub-heading h1{font-size:clamp(28px,4vw,46px);margin:12px 0}.hub-heading p{font-size:15px;margin-bottom:0}.hub-games{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:860px;margin:0 auto}.hub-game{min-height:220px;padding:20px;border-radius:22px;gap:0;overflow:hidden}.hub-game-number{font-size:9px;min-height:14px;flex-wrap:nowrap}.hub-saved{background:#fff9;border-radius:100px;padding:2px 7px;font-size:9px!important}.hub-thumb{display:flex;align-items:center;justify-content:center;gap:9px;min-height:78px;margin:8px 0 12px;position:relative}.hub-thumb .hub-clue{width:39px;height:48px;font-size:23px;border-radius:9px}.hub-thumb .hub-bid{width:47px;height:47px;font-size:25px}.hub-thumb .hub-paper{width:43px;height:53px}.hub-thumb .hub-pencil{font-size:62px;margin-left:-28px}.hub-mini-question{font-size:34px;color:#786190;font-weight:800}.hub-game>strong{font-size:26px;line-height:1.13;letter-spacing:-.04em;margin:0 0 8px}.hub-game-desc{font-size:12px;line-height:1.5}.hub-game-footer{font-size:11px;padding-top:14px;justify-content:space-between;flex-wrap:nowrap}.hub-note{font-size:11px;margin-top:20px}.hub-zoom{background:#e5edf8;border-color:#cedcef}.hub-lens{display:grid;place-items:center;width:60px;height:60px;border-radius:50%;border:4px solid #718fb4;background:#fff9;box-shadow:9px 12px 0 -7px #718fb4;color:#476b95}
@media(max-width:620px){.hub{padding-top:20px}.hub-heading{margin-bottom:18px}.hub-heading h1{font-size:28px}.hub-heading p{font-size:12px;line-height:1.6}.hub-heading .eyebrow{font-size:9px}.hub-games{gap:10px}.hub-game{min-height:174px;padding:13px 12px;border-radius:17px}.hub-thumb{min-height:48px;margin:6px 0 10px;gap:6px}.hub-thumb .hub-clue{width:27px;height:35px;font-size:17px;border-radius:6px}.hub-thumb .hub-bid{width:34px;height:34px;border-radius:9px;font-size:20px}.hub-thumb>svg{width:29px;height:29px}.hub-mini-question{font-size:26px}.hub-thumb .hub-paper{width:30px;height:40px}.hub-thumb .hub-pencil{font-size:45px;margin-left:-21px}.hub-lens{width:43px;height:43px;border-width:3px}.hub-lens svg{width:25px;height:25px}.hub-game>strong{font-size:19px;margin-bottom:6px;line-height:1.15}.hub-game-desc{font-size:10px;line-height:1.5}.hub-game-footer{font-size:10px;padding-top:10px}.hub-game-number{font-size:8px}.hub-saved{font-size:8px!important}.hub-note{font-size:10px;margin-top:16px}}
.zoom-page{width:min(100%,800px);margin:0 auto}.zoom-page .field{margin-bottom:18px}.zoom-panel{margin-top:16px}.zoom-panel h1{font-size:clamp(28px,4.8vw,42px);line-height:1.14;overflow-wrap:anywhere}.zoom-scoring-explainer{border:1px solid #cbd9eb;background:#edf2f9;border-radius:18px;padding:22px;margin-bottom:22px}.zoom-scoring-explainer>div{display:flex;justify-content:space-around;gap:8px;margin:18px 0}.zoom-scoring-explainer>div>span{font-size:30px;font-weight:800;text-align:center;color:#42618a}.zoom-scoring-explainer small{display:block;font-size:10px;font-weight:500}.zoom-scoring-explainer p{font-size:13px;margin-bottom:0}.zoom-intro-lens{width:96px;height:96px;display:grid;place-items:center;border-radius:50%;background:#edf2f9;color:#5878a2;margin:26px auto}.zoom-stage-pills{display:flex;justify-content:center;gap:9px;margin:24px 0}.zoom-stage-pills span{display:grid;place-items:center;background:#edf2f9;color:#42618a;width:40px;height:40px;border-radius:50%;font-size:20px;font-weight:750}.zoom-frame{aspect-ratio:4/3;width:100%;max-height:48dvh;overflow:hidden;position:relative;background:#edf0f4;display:flex;align-items:center;justify-content:center;border-radius:16px;margin:18px 0 22px;isolation:isolate;contain:paint}.zoom-photo{display:block;width:100%;height:100%;object-fit:contain;max-width:none;max-height:none;user-select:none;pointer-events:none;will-change:transform}.zoom-full{max-height:400px}.zoom-full .zoom-photo{will-change:auto}.zoom-live-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.zoom-status{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:20px 0 0;font-size:12px;color:#657186}.zoom-status strong{font-size:24px;color:#42618a}.zoom-status [role=timer]{font-size:22px;font-variant-numeric:tabular-nums;font-weight:750}.zoom-answer-heading{font-size:25px!important;margin:22px 0 12px}.zoom-answer-clock{font-size:13px;color:#657186}.zoom-answer-clock strong{font-size:24px;color:#42618a;font-variant-numeric:tabular-nums}.zoom-panel #zoom-guess-form{text-align:left}.zoom-panel #zoom-guess-form input{font-size:18px}.shell.in-timer.zoom-live-shell{background:var(--bg);color:var(--ink);padding:0 max(14px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}.zoom-live-shell .odd-game-top{margin:12px 0}.zoom-live-shell .scorebar{margin:8px 0 12px}.zoom-live-shell .score-team{padding:9px 13px}.zoom-live-shell .zoom-panel{min-height:calc(100dvh - 140px)}
@media(max-width:620px){.zoom-panel{padding:22px 16px}.zoom-panel p{font-size:14px}.zoom-panel h1{font-size:29px}.zoom-live-top .pill{font-size:10px}.zoom-status{margin-top:14px}.zoom-status strong{font-size:20px}.zoom-status span{font-size:11px}.zoom-frame{margin:15px 0 18px;max-height:42dvh}.zoom-panel:has(#zoom-guess-form) .zoom-frame{max-height:28dvh;aspect-ratio:16/9}.zoom-panel:has(#zoom-guess-form) .zoom-answer-heading{margin-top:15px}.zoom-panel:has(#zoom-guess-form) .zoom-answer-clock{margin-bottom:10px}}

/* Keep the same crop geometry when freezing or opening the phone keyboard. */
.zoom-frame{width:min(100%,56dvh);aspect-ratio:4/3;max-height:none;margin-left:auto;margin-right:auto}.zoom-full{width:min(100%,533px);max-height:none}.zoom-panel:has(#zoom-guess-form) .zoom-frame{width:min(100%,37.333dvh);aspect-ratio:4/3;max-height:none}
/* Picture Puzzle: every clue visible to the whole team. */
.hub-picture{background:#f8e8e1;border-color:#ebcfc0}.hub-picture .hub-thumb{color:#934a29}.hub-picture-photo{width:38px;height:38px;border:3px solid currentColor;border-radius:9px;display:grid;place-items:center;transform:rotate(-8deg)}.hub-picture-photo:last-child{transform:rotate(9deg)}
.picture-page{max-width:860px}.picture-how-strip{padding:20px 24px;background:#f8e8e1;border-radius:20px;margin:20px 0}.picture-how-strip p{margin:8px 0 0;line-height:1.55}.picture-panel{text-align:center;background:#fff}.picture-symbol{display:flex;justify-content:center;align-items:center;gap:20px;color:#934a29;margin:28px 0}.picture-live-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.picture-timer{font-size:clamp(42px,12vw,76px);font-weight:800;line-height:1.1;margin:12px 0;color:#257747;font-variant-numeric:tabular-nums;letter-spacing:-2px}.picture-hint{font-weight:650;margin:8px auto 16px!important;color:#5f655f}.picture-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px auto 20px;width:100%;max-width:580px}.picture-clue{min-width:0;margin:0;background:#f5f5f0;border:1px solid #e1e4dc;border-radius:15px;overflow:hidden}.picture-clue img{display:block;width:100%;aspect-ratio:4/3;object-fit:contain;background:white}.picture-clue figcaption{padding:6px 8px;font-size:12px;color:#616b63}.picture-count-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.picture-count-3 .picture-clue:last-child{grid-column:auto;width:100%}.picture-panel form{text-align:left;margin:16px auto 0;max-width:580px}.picture-explanation{font-size:17px;line-height:1.6}.picture-answer{overflow-wrap:anywhere}.picture-live-shell{min-height:100dvh;background:#fff}.picture-live-shell .game{padding-top:12px}.picture-live-shell .picture-panel{padding:20px}.picture-live-shell .picture-grid{max-width:480px}.picture-live-shell .picture-count-3,.picture-live-shell .picture-count-4{max-width:min(100%,48dvh)}.picture-live-shell .picture-count-2{max-width:min(100%,70dvh)}.picture-live-shell .picture-panel h1{font-size:32px}.picture-live-shell .scorebar{margin-bottom:12px}.picture-live-shell .picture-panel .field{margin-bottom:12px}
@media(max-width:420px){.picture-live-shell .picture-panel{padding:14px}.picture-page .odd-game-top{font-size:11px;gap:5px}.picture-live-top .pill{font-size:10px}.picture-grid{gap:8px}.picture-clue figcaption{font-size:11px}.picture-hint{font-size:14px}.picture-panel .btn{padding:14px 12px}.picture-how-strip{padding:18px}}
/* Word Scramble: clear letters and a match-wide clue budget. */
.hub-scramble{background:#e5ecfc;border-color:#c8d4f0}.hub-scramble .hub-thumb{gap:5px;color:#364e86}.hub-letter{width:35px;height:38px;border-radius:8px;background:white;display:grid;place-items:center;font-size:22px;font-weight:800;box-shadow:0 3px 0 #b5c3df}.hub-letter.raised{transform:rotate(12deg) translateY(-5px)}
.scramble-page{max-width:860px}.scramble-how-strip{padding:20px 24px;background:#e5ecfc;border-radius:20px;margin:20px 0}.scramble-how-strip strong{font-size:24px;letter-spacing:2px}.scramble-how-strip p{line-height:1.6;margin:10px 0 0}.scramble-panel{text-align:center;background:white}.scramble-symbol{display:flex;gap:10px;justify-content:center;margin:30px 0}.scramble-symbol span{display:grid;place-items:center;width:56px;height:60px;background:#e5ecfc;border:1px solid #c8d4f0;border-radius:13px;font-size:32px;font-weight:800;color:#364e86}.scramble-symbol span:nth-child(2){transform:rotate(9deg)}.scramble-page .score-team{flex-wrap:wrap}.scramble-page .score-team small{flex-basis:100%;font-size:11px;color:#616b63;padding-left:16px}.scramble-live-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.scramble-timer{font-size:clamp(48px,13vw,84px);font-weight:800;line-height:1.1;margin:18px 0;color:#257747;font-variant-numeric:tabular-nums;letter-spacing:-2px}.scramble-letters{display:flex;flex-wrap:wrap;gap:7px;justify-content:center;max-width:600px;margin:22px auto 28px}.scramble-letters span{display:grid;place-items:center;background:#eef1fa;border:1px solid #ccd6eb;border-bottom-width:4px;border-radius:10px;min-width:42px;height:54px;font-size:29px;font-weight:800;color:#293e6c}.scramble-clue-button{background:#e5ecfc;color:#293e6c;border:1px solid #b9c8e5;font-size:17px;font-weight:750;min-height:52px}.scramble-clue-button:disabled{opacity:.65;cursor:default}.scramble-clue{background:#f3f6fd;border:1px solid #cad6ed;border-radius:16px;padding:16px 20px;text-align:left;margin:14px 0}.scramble-clue span{font-size:11px;letter-spacing:1px;text-transform:uppercase;font-weight:800;color:#4b5e86}.scramble-clue p{font-size:18px!important;margin:8px 0 0!important;color:#273443}.scramble-panel form{max-width:580px;margin:20px auto 0;text-align:left}.scramble-answer{overflow-wrap:anywhere}.scramble-explanation{line-height:1.6}.scramble-live-shell{min-height:100dvh;background:white}.scramble-live-shell .game{padding-top:12px}.scramble-live-shell .scramble-panel{padding:24px}.scramble-live-shell .scorebar{margin-bottom:12px}
@media(max-width:420px){.scramble-live-shell .scramble-panel{padding:16px}.scramble-page .odd-game-top{font-size:11px;gap:5px}.scramble-live-top .pill{font-size:10px}.scramble-letters{gap:5px;margin:18px auto 22px}.scramble-letters span{min-width:34px;height:46px;font-size:25px}.scramble-panel .btn{padding:14px 12px}.scramble-page .score-team{padding:10px;gap:5px}.scramble-page .score-team .team-name{font-size:12px}.scramble-page .score-team small{padding-left:12px}}
/* Pick a Riddle: 50 numbered buttons with text as well as color state. */
.hub-riddle{background:#e5f0e8;border-color:#c8dece}.hub-riddle .hub-thumb{gap:6px}.hub-riddle-tile{display:grid;place-items:center;width:37px;height:40px;border-radius:9px;background:#227548;color:white;font-size:21px;font-weight:800}.hub-riddle-tile.used{background:#b73e3e;transform:rotate(9deg)}
.riddle-page{max-width:900px}.riddle-how-strip{padding:20px 24px;background:#e5f0e8;border-radius:20px;margin:20px 0}.riddle-how-strip p{line-height:1.6;margin:10px 0 0}.riddle-panel{text-align:center;background:white}.riddle-board-head h1{font-size:clamp(27px,6vw,44px)}.riddle-board-head p{font-size:16px}.riddle-legend{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;font-size:12px;margin:20px 0}.riddle-legend span:first-child{color:#21623e}.riddle-legend span:nth-child(2){color:#a33030}.riddle-board{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin:20px 0}.riddle-number{border:0;border-bottom:4px solid #185431;border-radius:11px;background:#227548;color:#fff;min-height:65px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:7px 3px;cursor:pointer;font-family:inherit}.riddle-number strong{font-size:23px;font-weight:800;line-height:1}.riddle-number small{font-size:10px;font-weight:650;line-height:1.2}.riddle-number.available:hover{background:#195f39}.riddle-number.used{background:#b73e3e;border-color:#8d2d2d;opacity:1;color:#fff;cursor:default}.riddle-number:focus-visible{outline:3px solid #253a31;outline-offset:3px}.riddle-live-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.riddle-timer{font-size:clamp(48px,13vw,84px);font-weight:800;line-height:1.1;margin:18px 0;color:#257747;font-variant-numeric:tabular-nums;letter-spacing:-2px}.riddle-question{font-size:clamp(22px,5.8vw,32px)!important;line-height:1.5!important;margin:20px 0 26px!important;letter-spacing:-.5px!important}.riddle-panel form{text-align:left;margin:24px auto 0;max-width:640px}.riddle-panel textarea{width:100%;box-sizing:border-box;font:inherit;font-size:17px;line-height:1.5;resize:vertical;min-height:100px;border:1px solid #ced6ce;border-radius:13px;padding:12px;background:#fff;color:#253a31}.riddle-panel textarea:focus{outline:3px solid #c9dfcf;border-color:#227548}.riddle-answer{font-size:clamp(27px,6vw,46px)!important;line-height:1.3;overflow-wrap:anywhere}.riddle-submission{text-align:left;padding:18px 20px;border:1px solid #d4dbd4;background:#f5f6f1;border-radius:16px;margin:20px 0;overflow-wrap:anywhere}.riddle-submission p{white-space:pre-wrap;margin:8px 0 0!important}.riddle-explanation{text-align:left;background:#f0f6ef;border-radius:16px;padding:20px;margin:20px 0}.riddle-explanation p{font-size:17px!important;line-height:1.6;margin:10px 0 0!important}.riddle-question-reminder{font-size:16px!important;line-height:1.6;border-bottom:1px solid #e1e6df;padding-bottom:18px}.riddle-judging{display:grid;grid-template-columns:1fr 1fr;gap:12px}.riddle-live-shell{min-height:100dvh;background:white}.riddle-live-shell .game{padding-top:12px}.riddle-live-shell .riddle-panel{padding:24px}.riddle-live-shell .scorebar{margin-bottom:12px}
@media(min-width:700px){.riddle-board{grid-template-columns:repeat(10,minmax(0,1fr))}}@media(max-width:420px){.riddle-board{gap:7px}.riddle-board-panel{padding:16px!important}.riddle-number{min-height:61px;border-radius:9px}.riddle-number strong{font-size:22px}.riddle-page .odd-game-top{font-size:11px;gap:5px}.riddle-live-top .pill{font-size:10px}.riddle-live-shell .riddle-panel{padding:16px}.riddle-judging{grid-template-columns:1fr}.riddle-panel .btn{padding:14px 12px}}
/* Headbands: outward-facing cards and controls an opposing judge can reach. */
.hub-headband{background:#faedcd;border-color:#e6d59f}.hub-headband .hub-thumb{gap:12px;color:#80601f}.hub-headband-phone{width:65px;height:36px;border:4px solid #80601f;border-radius:9px;display:grid;place-items:center;background:white;font-size:26px;font-weight:800;transform:rotate(-8deg)}.hub-headband-face{align-self:flex-end}
.headband-page{max-width:860px}.headband-how-strip{padding:20px 24px;background:#faedcd;border-radius:20px;margin:20px 0}.headband-how-strip p{line-height:1.6;margin:10px 0 0}.headband-panel{text-align:center;background:white}.headband-symbol{margin:28px auto;color:#80601f}/* Keep each review row self-contained when the compact reader moves it to another page. */
.headband-recap{padding:0;list-style:none;text-align:left;display:grid;gap:8px}
.headband-recap-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 12px;border:1px solid #e2e6de;border-radius:12px;list-style:none;text-align:left;width:100%;min-width:0}
.headband-recap-copy{display:flex;flex-direction:column;gap:4px;min-width:0;overflow-wrap:anywhere;line-height:1.35}
.headband-recap-copy>span{font-size:15px;font-weight:700}
.headband-recap-copy>strong{font-size:12px;font-weight:600;color:#52634e}
.headband-recap-copy small{font-size:10px;font-weight:400;color:#636f62;margin-left:4px}
.headband-recap-row>.btn{min-height:44px;padding:8px 12px;margin:0;flex:none}
.headband-answer{overflow-wrap:anywhere}.in-timer.headband-live-shell{max-width:none;background:#fff;color:var(--ink);padding:0}.headband-live-board{box-sizing:border-box;height:100dvh;min-height:450px;padding:max(12px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;gap:12px;max-width:1100px;margin:auto}.headband-live-top{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px}.headband-live-top>span:first-child{max-width:47%;line-height:1.5}.headband-live-top #headband-time{font-size:36px;line-height:1.1;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-1px;color:#247545}.headband-current{min-height:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:14px;overflow:hidden}.headband-current img{display:block;max-width:min(100%,650px);width:auto;height:auto;max-height:calc(100dvh - 310px);min-height:0;object-fit:contain;border-radius:18px}.headband-current h1{font-size:clamp(38px,10vw,96px);font-weight:800;line-height:1.07;letter-spacing:-2px;text-align:center;margin:0;color:#21382e;overflow-wrap:anywhere;max-width:100%}.headband-words-only h1{font-size:clamp(54px,15vw,140px)}.headband-judge-controls{display:grid;grid-template-columns:1fr 1fr;gap:14px}.headband-judge-controls .btn{min-height:76px;font-size:clamp(20px,4.5vw,30px);font-weight:800;padding:16px}.headband-pass{background:#eee8f6;color:#473454;border:1px solid #d6c9e7}.headband-live-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px}.headband-live-footer .btn{min-height:44px}.headband-live-shell .game{padding:8px 16px}.headband-live-shell .game-panel{margin-bottom:8px}.headband-live-shell .scorebar{margin-bottom:10px}
.in-timer.picture-live-shell,.in-timer.scramble-live-shell,.in-timer.riddle-live-shell{color:var(--ink);background:white}
@media(orientation:landscape) and (max-height:600px){.headband-live-board{min-height:280px;gap:7px;padding-top:max(7px,env(safe-area-inset-top));padding-bottom:max(7px,env(safe-area-inset-bottom))}.headband-current{flex-direction:row;gap:24px}.headband-current img{max-width:42%;max-height:calc(100dvh - 160px)}.headband-current h1{font-size:clamp(36px,8vw,82px);max-width:53%;letter-spacing:-1px}.headband-words-only h1{max-width:100%;font-size:clamp(50px,10vw,110px)}.headband-judge-controls .btn{min-height:53px;padding:8px 16px}.headband-live-top #headband-time{font-size:29px}.headband-live-footer .btn{min-height:35px;padding:6px 12px}.headband-live-footer{font-size:11px}}
@media(max-width:420px){.headband-live-top{font-size:10px;gap:6px}.headband-live-top #headband-time{font-size:30px}.headband-live-top .btn{font-size:11px;padding:7px;min-height:38px}.headband-judge-controls .btn{min-height:68px;padding:14px 8px}.headband-live-footer{font-size:10px}.headband-live-footer .btn{font-size:11px;padding:9px}.headband-current img{max-height:calc(100dvh - 290px)}.headband-page .odd-game-top{font-size:11px;gap:5px}}

/* Pick a Set: 50 numbered buttons with text as well as color state. */
.hub-sets{background:#e5f0e8;border-color:#c8dece}.hub-sets .hub-thumb{gap:6px}.hub-sets-tile{display:grid;place-items:center;width:37px;height:40px;border-radius:9px;background:#227548;color:white;font-size:21px;font-weight:800}.hub-sets-tile.used{background:#b73e3e;transform:rotate(9deg)}
.sets-page{max-width:900px}.sets-how-strip{padding:20px 24px;background:#e5f0e8;border-radius:20px;margin:20px 0}.sets-how-strip p{line-height:1.6;margin:10px 0 0}.sets-panel{text-align:center;background:white}.sets-board-head h1{font-size:clamp(27px,6vw,44px)}.sets-board-head p{font-size:16px}.sets-legend{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;font-size:12px;margin:20px 0}.sets-legend span:first-child{color:#21623e}.sets-legend span:nth-child(2){color:#a33030}.sets-board{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin:20px 0}.sets-number{border:0;border-bottom:4px solid #185431;border-radius:11px;background:#227548;color:#fff;min-height:65px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:7px 3px;cursor:pointer;font-family:inherit}.sets-number strong{font-size:23px;font-weight:800;line-height:1}.sets-number small{font-size:10px;font-weight:650;line-height:1.2}.sets-number.available:hover{background:#195f39}.sets-number.used{background:#b73e3e;border-color:#8d2d2d;opacity:1;color:#fff;cursor:default}.sets-number:focus-visible{outline:3px solid #253a31;outline-offset:3px}.sets-live-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.sets-timer{font-size:clamp(48px,13vw,84px);font-weight:800;line-height:1.1;margin:18px 0;color:#257747;font-variant-numeric:tabular-nums;letter-spacing:-2px}.sets-question{font-size:clamp(22px,5.8vw,32px)!important;line-height:1.5!important;margin:20px 0 26px!important;letter-spacing:-.5px!important}.sets-panel form{text-align:left;margin:24px auto 0;max-width:640px}.sets-panel textarea{width:100%;box-sizing:border-box;font:inherit;font-size:17px;line-height:1.5;resize:vertical;min-height:100px;border:1px solid #ced6ce;border-radius:13px;padding:12px;background:#fff;color:#253a31}.sets-panel textarea:focus{outline:3px solid #c9dfcf;border-color:#227548}.sets-answer{font-size:clamp(27px,6vw,46px)!important;line-height:1.3;overflow-wrap:anywhere}.sets-submission{text-align:left;padding:18px 20px;border:1px solid #d4dbd4;background:#f5f6f1;border-radius:16px;margin:20px 0;overflow-wrap:anywhere}.sets-submission p{white-space:pre-wrap;margin:8px 0 0!important}.sets-explanation{text-align:left;background:#f0f6ef;border-radius:16px;padding:20px;margin:20px 0}.sets-explanation p{font-size:17px!important;line-height:1.6;margin:10px 0 0!important}.sets-question-reminder{font-size:16px!important;line-height:1.6;border-bottom:1px solid #e1e6df;padding-bottom:18px}.sets-judging{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sets-live-shell{min-height:100dvh;background:white}.sets-live-shell .game{padding-top:12px}.sets-live-shell .sets-panel{padding:24px}.sets-live-shell .scorebar{margin-bottom:12px}
@media(min-width:700px){.sets-board{grid-template-columns:repeat(10,minmax(0,1fr))}}@media(max-width:420px){.sets-board{gap:7px}.sets-board-panel{padding:16px!important}.sets-number{min-height:61px;border-radius:9px}.sets-number strong{font-size:22px}.sets-page .odd-game-top{font-size:11px;gap:5px}.sets-live-top .pill{font-size:10px}.sets-live-shell .sets-panel{padding:16px}.sets-judging{grid-template-columns:1fr}.sets-panel .btn{padding:14px 12px}}

/* Name the Set judging and answer lists. */
.hub-sets{background:#eee7f8;border-color:#d9c9ed}.hub-sets .hub-thumb{gap:7px}.hub-set-item{width:36px;height:41px;display:grid;place-items:center;border-radius:9px;background:#fff;color:#70518f;font-size:24px;font-weight:800;border-bottom:3px solid #c6b2de}.hub-set-item.last{transform:rotate(10deg);background:#70518f;color:#fff}.sets-live-shell{min-height:100dvh}.in-timer.sets-live-shell{color:var(--ink);background:#fff}.sets-live-top{position:sticky;top:0;z-index:2;background:#fff;padding:10px 0;gap:8px}.sets-live-time{font-size:34px;font-weight:800;color:#257747;font-variant-numeric:tabular-nums}.sets-required{font-size:14px!important;color:#5a665b}.sets-answer-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;text-align:left}.sets-answer-fields .field{margin:0}.sets-panel input{box-sizing:border-box;min-width:0;width:100%}.sets-panel .btn.wide{margin-top:14px}.sets-guide{margin:24px 0;padding:20px;background:#f2f5ed;border-radius:16px;text-align:left}.sets-guide h2{font-size:24px;margin:0 0 8px}.sets-guide h3{font-size:17px;margin:20px 0 8px}.sets-guide p{font-size:16px!important;line-height:1.6}.sets-example-list{padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.sets-example-list li{background:#247545;color:white;border-radius:10px;padding:9px 12px;font-size:15px;line-height:1.4}.sets-submitted{list-style:decimal;padding-left:25px;text-align:left;margin:22px 0}.sets-submitted li{padding:12px 0;border-bottom:1px solid #e0e5dd;overflow-wrap:anywhere}.sets-submitted li>span{display:inline-block;width:calc(100% - 150px);vertical-align:middle;padding-right:10px}.sets-item{background:#fff;border:1px solid #c8d1c5;border-radius:11px;min-height:44px;padding:10px 12px;color:#284430;font-size:13px;font-weight:700;cursor:pointer;min-width:135px}.sets-item.accepted{background:#247545;border-color:#247545;color:white}.sets-submitted li>strong{font-size:12px}.sets-answer{font-size:clamp(30px,7vw,52px)!important}.sets-live-shell .game{padding:10px 14px}
@media(max-width:420px){.sets-live-time{font-size:28px}.sets-answer-fields{grid-template-columns:1fr;gap:10px}.sets-submitted li>span{width:100%;padding-bottom:8px}.sets-submitted .sets-item{width:100%}.sets-panel .btn{padding:14px 12px}.sets-live-top .btn{padding:8px;font-size:11px}}
/* Would You Rather: symmetric choices, private handoffs, and prediction-only points. */
.hub-rather{background:#f2e4ef;border-color:#e3c9dc}.hub-rather .hub-thumb{gap:7px}.hub-rather-option{display:grid;place-items:center;width:42px;height:45px;border-radius:11px;background:#fff;border-bottom:3px solid #d6b6cd;color:#7d426a;font-size:26px;font-weight:800}.hub-rather-or{font-size:13px;color:#7d426a}
.rather-page{max-width:900px}.rather-mode-picker{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0}.rather-mode{background:#fff;color:#61435b;border:1px solid #d7c9d3;min-height:60px;font-size:16px}.rather-mode.selected{background:#f2e4ef;border-color:#9f6c92;box-shadow:inset 0 0 0 1px #9f6c92}.rather-how-strip{padding:20px 24px;background:#f2e4ef;border-radius:20px;margin:20px 0}.rather-how-strip p{line-height:1.6;margin:10px 0 0}.rather-panel{text-align:center;background:white}.rather-page textarea{width:100%;box-sizing:border-box;font:inherit;font-size:16px;line-height:1.6;resize:vertical;border:1px solid #ccd5cc;border-radius:13px;padding:12px;color:#253a31;background:white}.rather-player-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:26px 0}.rather-player-grid .btn{min-height:60px;overflow-wrap:anywhere}.rather-player-grid small{display:block;font-size:10px;margin-top:4px}.rather-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:16px;margin:24px 0}.rather-option{box-sizing:border-box;min-width:0;width:100%;min-height:215px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:18px;border:2px solid #d9c9d5;border-radius:22px;padding:24px 18px;background:#fcf9fc;color:#34392f;text-align:center;font:inherit}.rather-option strong{font-size:clamp(18px,3vw,26px);line-height:1.5;font-weight:750;overflow-wrap:anywhere}.rather-option-letter{display:grid;place-items:center;background:#eee1eb;color:#6f3b60;width:45px;height:45px;border-radius:50%;font-size:24px;font-weight:800}.rather-option-status{min-height:18px;font-size:12px;font-weight:750;color:#6b5570}.rather-option.selected{background:#eef7ed;border-color:#247545;box-shadow:inset 0 0 0 1px #247545}.rather-option.selected .rather-option-status{color:#21613e}button.rather-option{cursor:pointer}button.rather-option:focus-visible{outline:3px solid #254833;outline-offset:4px}.rather-panel .btn.wide{margin-top:14px}.rather-panel h1{font-size:clamp(28px,5.5vw,44px);line-height:1.3}.rather-instruction{font-size:20px!important;font-weight:650;color:#354b3c}.rather-live-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.rather-clock{font-size:38px;font-weight:800;color:#247545;font-variant-numeric:tabular-nums;letter-spacing:-1px}.rather-answer{font-size:clamp(30px,6vw,52px)!important;line-height:1.35;overflow-wrap:anywhere}.rather-answer>span{display:block;font-size:13px;font-weight:650;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:14px}.rather-why{padding:22px 16px;background:#f6eef6;border-radius:17px;color:#67415c;font-size:22px!important;font-weight:750}.rather-why small{display:block;font-size:12px;margin-top:9px;font-weight:500}.rather-result-prediction{line-height:1.7;overflow-wrap:anywhere}.rather-tie-note{padding:12px;background:#eee7f8;border-radius:12px;color:#624684;font-weight:700;margin:18px 0}.in-timer.rather-live-shell{min-height:100dvh;background:#fff;color:var(--ink);padding:0 max(14px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}.rather-live-shell .game{padding-top:10px}.rather-live-shell .game-panel{padding:24px}.rather-live-shell .scorebar{margin-bottom:12px}
@media(max-width:420px){.rather-options{gap:10px;margin:20px 0}.rather-option{padding:18px 12px;min-height:210px;gap:14px;border-radius:17px}.rather-option strong{font-size:18px}.rather-option-letter{width:38px;height:38px;font-size:21px}.rather-mode{font-size:13px;padding:14px 9px}.rather-page .odd-game-top{font-size:11px;gap:5px}.rather-live-top .pill{font-size:9px;line-height:1.5;max-width:48%}.rather-clock{font-size:29px}.rather-live-top .btn{font-size:10px;padding:7px}.rather-live-shell .game-panel{padding:16px}.rather-panel .btn{padding:14px 12px}.rather-instruction{font-size:17px!important}}
/* Crack the Case — readable evidence and a persistent timer on small screens. */
.hub-mystery .hub-thumb{background:#e7ece3}.hub-mystery-file{background:#fff;border:2px solid var(--ink);border-radius:6px;padding:5px 22px;transform:rotate(-7deg);font-size:10px;letter-spacing:2px;box-shadow:5px 5px 0 #cad4bf}.hub-mystery-file b{font-size:38px;line-height:1.1}
.mystery-how{background:#eef3e9;border-radius:20px;padding:22px;margin:20px 0}.mystery-how p{margin-bottom:0}.mystery-seal{font-size:60px;font-weight:850;color:#267649;background:#e8f0df;width:110px;height:110px;border-radius:50%;display:grid;place-items:center;margin:24px auto}.in-timer.mystery-live-shell{background:#fff;color:var(--ink);padding-bottom:24px}.mystery-page{width:min(100%,900px);margin:auto}.mystery-panel{background:#fff;color:var(--ink);text-align:left}.mystery-panel h1{font-size:clamp(27px,5vw,42px);line-height:1.12}.mystery-panel h2{font-size:19px;margin:14px 0 10px}.mystery-live-top,.mystery-clock-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.mystery-clock-bar{position:sticky;top:0;z-index:5;background:#fff;box-shadow:0 6px 12px #fff;padding:8px 0;border-bottom:1px solid #dce2d8;margin-bottom:20px}.mystery-time{font-size:clamp(42px,9vw,68px);font-weight:850;font-variant-numeric:tabular-nums;line-height:1}.mystery-clock-bar strong{background:#eaf3e5;border-radius:30px;padding:10px 14px;color:#236a43}.mystery-story{font-size:17px;line-height:1.5}.mystery-evidence{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.mystery-evidence figure{margin:0;border:1px solid #dce2d8;border-radius:16px;overflow:hidden;background:#f7f8f4}.mystery-evidence img{width:100%;height:clamp(120px,24vw,220px);object-fit:contain;background:#fff;display:block}.mystery-evidence figcaption{font-size:13px;line-height:1.5;padding:12px}.mystery-evidence figcaption strong{display:block;font-size:10px;letter-spacing:1.2px;color:#53705b}.mystery-statements{background:#f6f7f3;border-radius:18px;padding:16px 20px;margin-bottom:18px}.mystery-statements p{font-size:16px;line-height:1.5;margin:9px 0}.mystery-hints p{padding:12px 15px;background:#f3eefa;border-radius:12px;font-size:15px;line-height:1.5}.mystery-option{display:block;width:100%;text-align:left;background:#fff;color:var(--ink);border:2px solid #dce2d8;border-radius:14px;padding:17px;font:inherit;font-weight:650;cursor:pointer;margin:10px 0;min-height:54px}.mystery-option.selected{border-color:#267649;background:#e9f4e9}.mystery-option:focus-visible{outline:3px solid #9774c4;outline-offset:3px}.mystery-solutions{margin:22px 0}.mystery-answer{font-size:clamp(28px,7vw,56px);line-height:1.15;overflow-wrap:anywhere;text-align:center}.mystery-explanation{font-size:18px;line-height:1.6}.mystery-panel .btn[disabled]{opacity:.5;cursor:not-allowed}
@media(max-width:560px){.mystery-panel{padding:22px 16px}.mystery-page .odd-game-top{flex-wrap:wrap;gap:10px;font-size:13px}.mystery-clock-bar strong{font-size:13px}.mystery-evidence{gap:8px}.mystery-evidence figcaption{padding:9px}.mystery-statements{padding:12px}.mystery-live-top .pill{font-size:11px;max-width:65%;overflow-wrap:anywhere}.mystery-page .score-team .team-name{overflow-wrap:anywhere}}
/* Rank My World: private preference ordering with tap controls. */
.hub-rank .hub-thumb{background:#eee5f5}.rank-podium{display:flex;justify-content:center;align-items:flex-end;gap:6px;margin:20px auto 26px}.rank-podium>span{width:42px;height:48px;background:#b8a1d3;color:#fff;border-radius:8px 8px 0 0;display:grid;place-items:center;font-size:26px;font-weight:850}.rank-podium>span:nth-child(2){height:68px;background:#267649}.rank-podium>span:nth-child(3){height:36px;background:#d0bddf}.hub-rank .rank-podium{margin:0;transform:rotate(-5deg)}.rank-how{padding:22px;background:#f1edf6;border-radius:22px;margin:20px 0}.rank-how>strong{font-size:22px}.rank-how p{margin-bottom:0}.in-timer.rank-live-shell{background:#fff;color:var(--ink);padding-bottom:24px}.rank-panel{color:var(--ink);background:#fff}.rank-panel h1{font-size:clamp(28px,5vw,43px);line-height:1.15}.rank-panel h2{font-size:18px}.rank-player-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}.rank-player-grid small{display:block}.rank-live-top{position:sticky;top:0;z-index:5;background:#fff;display:flex;gap:12px;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid #e1e5de}.rank-live-top .pill{overflow-wrap:anywhere;max-width:45%}.rank-clock{font-size:clamp(34px,7vw,58px);font-weight:850;font-variant-numeric:tabular-nums}.rank-next{padding:12px;background:#f2eef8;border-radius:12px;font-weight:750;color:#5c4576}.rank-draft,.rank-list{list-style:none;padding:0;margin:18px 0;display:grid;gap:10px;text-align:left}.rank-draft li,.rank-list li{display:flex;align-items:center;gap:12px;padding:15px;border:1px solid #dce2d8;border-radius:14px;min-height:64px;background:#f9faf6;overflow-wrap:anywhere}.rank-number{flex-shrink:0;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#e7edde;color:#344d3d;font-weight:850}.rank-draft strong,.rank-list strong{flex:1}.rank-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.rank-choice{font:inherit;color:var(--ink);background:#fff;border:2px solid #c8d3c3;border-radius:14px;padding:15px 8px;min-height:78px;overflow-wrap:anywhere;cursor:pointer;font-weight:700}.rank-choice small{display:block;font-size:12px;margin-top:5px}.rank-choice:disabled{background:#eef0eb;opacity:.65;cursor:default}.rank-choice:focus-visible{outline:3px solid #9774c4;outline-offset:3px}.rank-ordering>.button-row{justify-content:center;margin:16px 0}.rank-comparison{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:22px 0}.rank-list.rank-revealed li{background:#267649;color:#fff;border-color:#267649;font-size:clamp(19px,3.5vw,29px);min-height:90px}.rank-revealed .rank-number{background:#ffffff26;color:#fff}.rank-prediction li>span:last-child{font-size:12px}.rank-prediction .rank-match{background:#edf6e9;border-color:#267649}.rank-timeout{background:#f6f3ed;border-radius:14px;padding:24px}.rank-why{border-top:1px solid #e1e5de;padding-top:22px;font-weight:700}.rank-why small{display:block;font-size:13px;font-weight:400;margin-top:8px}.rank-panel .btn:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:560px){.rank-panel{padding:22px 16px}.rank-comparison{grid-template-columns:1fr;gap:8px}.rank-choices{grid-template-columns:1fr}.rank-choice{min-height:54px;padding:13px}.rank-draft li{min-height:52px;padding:10px}.rank-player-grid{grid-template-columns:1fr}.rank-page .odd-game-top{flex-wrap:wrap;gap:10px;font-size:13px}.rank-live-top{gap:5px}.rank-live-top .pill{font-size:10px}.rank-live-top .btn.small{font-size:12px;padding:8px}.rank-panel .rank-list.rank-revealed li{font-size:25px}}
/* Memory Mix-Up — stable numbered positions before and after the reveal. */
.hub-memory .hub-thumb{background:#e0eee8}.memory-mini-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;width:100px;margin:10px auto 20px;transform:rotate(-5deg)}.memory-mini-grid>span{display:grid;place-items:center;height:40px;background:#b5c5ab;color:#284a36;border-radius:8px;font-size:23px;font-weight:850}.memory-mini-grid>span:last-child{background:#267649;color:#fff}.hub-memory .memory-mini-grid{margin:0;width:92px;gap:4px}.hub-memory .memory-mini-grid>span{height:34px}.memory-how{padding:22px;border-radius:22px;background:#edf3e7;margin:20px 0}.memory-how>strong{font-size:22px}.memory-how p{margin-bottom:0}.in-timer.memory-live-shell{background:#fff;color:var(--ink);padding-bottom:20px}.memory-page{max-width:900px;margin:auto}.memory-panel{background:#fff;color:var(--ink)}.memory-panel h1{font-size:clamp(28px,5vw,42px);line-height:1.1}.memory-live-top{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 0;background:#fff;border-bottom:1px solid #e0e5da}.memory-live-top .pill{overflow-wrap:anywhere;max-width:50%}.memory-clock{font-size:clamp(32px,7vw,56px);font-variant-numeric:tabular-nums}.memory-stage-clock{font-size:40px;font-variant-numeric:tabular-nums}.memory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0}.memory-count-4{grid-template-columns:repeat(2,minmax(0,1fr))}.memory-tile{margin:0;min-width:0;overflow:hidden;border:2px solid #d5dfce;border-radius:13px;background:#f4f7ef;padding:0;color:var(--ink);font:inherit;display:block;text-align:center}.memory-tile img{display:block;width:100%;height:clamp(95px,20vw,150px);object-fit:contain;background:#fff}.memory-count-4 .memory-tile img{height:clamp(135px,28vw,190px)}.memory-position{display:block;padding:7px 3px;font-size:13px;font-weight:750;min-height:30px}.memory-tile.selected{border-color:#267649;box-shadow:0 0 0 2px #267649;background:#267649;color:#fff}.memory-tile[data-action]{cursor:pointer}.memory-tile:focus-visible{outline:3px solid #9774c4;outline-offset:3px}.memory-answer{font-size:clamp(34px,7vw,56px)}.memory-answer>span{display:block;font-size:clamp(23px,5vw,36px);margin-top:12px;overflow-wrap:anywhere}.memory-reveal-photos{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0}.memory-reveal-photos figure{margin:0;border:1px solid #dce2d8;border-radius:16px;overflow:hidden;background:#f5f7f1}.memory-reveal-photos img{display:block;width:100%;height:clamp(135px,30vw,250px);object-fit:contain;background:#fff}.memory-reveal-photos figcaption{padding:14px}.memory-reveal-photos figcaption>span{display:block;font-size:11px;letter-spacing:1px;margin-bottom:7px}.memory-reveal-photos figcaption>strong{font-size:24px}.memory-panel .btn:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:560px){.memory-panel{padding:18px 12px}.memory-grid{gap:7px;margin:12px 0}.memory-tile img{height:clamp(75px,20vw,105px)}.memory-count-4 .memory-tile img{height:clamp(115px,29vw,150px)}.memory-position{font-size:11px;padding:6px 1px}.memory-page .odd-game-top{flex-wrap:wrap;font-size:12px;gap:9px}.memory-live-top{gap:5px}.memory-live-top .pill{font-size:10px}.memory-live-top .btn.small{font-size:12px;padding:8px}.memory-panel h1{margin:15px 0}.memory-reveal-photos{gap:9px}.memory-reveal-photos figcaption{padding:10px}.memory-reveal-photos figcaption>strong{font-size:20px}}
/* Photo Jigsaw: one square coordinate system for reference, board and pieces. */
.hub-jigsaw .hub-thumb{background:#e7efd9}.jigsaw-mini{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;width:92px;height:78px;margin:12px auto 20px;transform:rotate(-6deg)}.jigsaw-mini>span{background:#82a367;border-radius:7px}.jigsaw-mini>span:nth-child(2){background:#267649;transform:translate(9px,-5px) rotate(12deg)}.jigsaw-mini>span:nth-child(3){background:#c2d391}.hub-jigsaw .jigsaw-mini{margin:0;width:85px;height:70px}.jigsaw-how{padding:22px;background:#f0f4e8;border-radius:22px;margin:20px 0}.jigsaw-how>strong{font-size:22px}.jigsaw-how p{margin-bottom:0}.in-timer.jigsaw-live-shell{background:#fff;color:var(--ink);padding-bottom:24px}.jigsaw-page{max-width:850px;margin:auto}.jigsaw-panel{background:#fff;color:var(--ink)}.jigsaw-panel h1{font-size:clamp(27px,5vw,42px);line-height:1.1}.jigsaw-live-top{position:sticky;top:0;z-index:5;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 0;border-bottom:1px solid #dce2d8}.jigsaw-live-top .pill{max-width:50%;overflow-wrap:anywhere}.jigsaw-clock{font-size:clamp(30px,7vw,54px);font-variant-numeric:tabular-nums}.jigsaw-panel h1.jigsaw-live-heading{font-size:26px;margin:15px 0}.jigsaw-panel h2{font-size:15px;margin:15px 0 10px;text-align:left}.jigsaw-panel h2>span{float:right;color:#5c6e5c;font-size:12px}.jigsaw-reference{width:clamp(105px,23vw,155px);aspect-ratio:1;margin:0 auto;background:#fff;border:1px solid #d6decf;border-radius:12px;overflow:hidden}.jigsaw-reference img{width:100%;height:100%;object-fit:cover;display:block}.jigsaw-reference-area h2{text-align:center}.jigsaw-board,.jigsaw-tray{display:grid;grid-template-columns:repeat(var(--jigsaw-side),minmax(0,1fr));width:min(100%,420px);margin:0 auto;gap:2px}.jigsaw-board{padding:3px;background:#b8c5ae;border:2px solid #7f9c70;border-radius:9px}.jigsaw-slot,.jigsaw-tile{position:relative;aspect-ratio:1;min-width:0;min-height:0;padding:0;border:0;border-radius:2px;overflow:hidden;cursor:grab;touch-action:none;background:#fff;color:#819676;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.jigsaw-slot.empty{background:#eef2e7;cursor:pointer}.jigsaw-empty-mark{font-size:22px;color:#b2bda7}.jigsaw-crop{position:absolute;inset:0;display:block;overflow:hidden;pointer-events:none}.jigsaw-crop img{position:absolute;display:block;max-width:none!important;object-fit:cover;user-select:none;-webkit-user-select:none;pointer-events:none}.jigsaw-slot.selected,.jigsaw-tile.selected{outline:3px solid #8c5bb9;outline-offset:-3px;box-shadow:inset 0 0 0 5px #fff}.jigsaw-slot:focus-visible,.jigsaw-tile:focus-visible{outline:3px solid #8c5bb9;outline-offset:-3px}.jigsaw-tray{min-height:78px;padding:10px;gap:8px;border:2px dashed #b8c7ab;border-radius:14px;background:#f4f7ed}.jigsaw-tray .jigsaw-tile{box-shadow:0 2px 5px #20302422;border:1px solid #d2dcc9}.jigsaw-tray-empty{grid-column:1/-1;line-height:1.5;font-size:14px}.jigsaw-instruction{font-size:13px;line-height:1.5;min-height:20px;margin:7px 0 12px}.jigsaw-tools{justify-content:center;margin:15px 0}.jigsaw-answer{font-size:clamp(28px,6vw,44px)}.jigsaw-reference.jigsaw-result-photo{width:min(100%,400px);margin:24px auto}.jigsaw-drag-ghost{position:fixed;z-index:9999;pointer-events:none;overflow:hidden;border:2px solid #8c5bb9;border-radius:0;background:#fff;opacity:.92;box-shadow:0 10px 35px #20302455;transform:scale(1.1);margin:0;padding:0}.jigsaw-drag-source{opacity:.35}.jigsaw-panel .btn:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:560px){.jigsaw-panel{padding:18px 12px}.jigsaw-reference{width:110px}.jigsaw-board,.jigsaw-tray{max-width:340px}.jigsaw-tray{gap:6px;padding:8px}.jigsaw-live-top .pill{font-size:10px}.jigsaw-live-top .btn.small{font-size:12px;padding:7px}.jigsaw-page .odd-game-top{font-size:12px;flex-wrap:wrap;gap:8px}.jigsaw-panel h1.jigsaw-live-heading{font-size:23px}.jigsaw-tools>.btn{font-size:12px}}
/* Spot the Difference: an identical photographic base under deliberate additions. */
.hub-spot .hub-thumb{background:#fae8d4}.spot-mini{display:grid;gap:8px;margin:12px auto 20px;width:130px}.spot-mini>span{padding:10px;border:2px solid #d0b890;border-radius:8px;background:#fff;color:#267649;letter-spacing:5px;font-weight:800}.spot-mini>span:last-child{background:#f6e8ce;color:#a85735}.hub-spot .spot-mini{width:120px;margin:0;gap:5px;transform:rotate(-5deg)}.hub-spot .spot-mini>span{padding:5px;font-size:14px}.spot-how{padding:22px;background:#fff3e1;border-radius:22px;margin:20px 0}.spot-how>strong{font-size:22px}.spot-how p{margin-bottom:0}.in-timer.spot-live-shell{background:#fff;color:var(--ink);padding-bottom:24px}.spot-page{max-width:1000px;margin:auto}.spot-panel{background:#fff;color:var(--ink)}.spot-panel h1{font-size:clamp(26px,5vw,41px);line-height:1.12}.spot-live-top{position:sticky;top:0;z-index:5;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:9px;flex-wrap:wrap;padding:9px 0;border-bottom:1px solid #e4ddcf}.spot-clock{font-size:clamp(30px,6vw,50px);font-variant-numeric:tabular-nums}.spot-live-top .pill{max-width:45%;overflow-wrap:anywhere}.spot-instruction{font-size:15px;line-height:1.5}.spot-pair-scroll{overflow-x:auto;overscroll-behavior-x:contain;margin:16px 0;border-radius:12px}.spot-pair{width:100%;margin:0 auto}.spot-pair.zoomed{width:max(100%,760px)}.spot-picture-label{font-size:11px;letter-spacing:1px;text-align:left;padding:10px 12px;background:#f4eee4;color:#5e533e;font-weight:800}.spot-picture-label:not(:first-child){margin-top:14px}.spot-frame{position:relative;display:block;width:100%;aspect-ratio:3/2;overflow:hidden;border:0;padding:0;background:#ddd;border-radius:0;margin:0;box-sizing:border-box}.spot-base{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none;user-select:none;-webkit-user-select:none}.spot-extra{position:absolute;display:block;overflow:hidden;pointer-events:none}.spot-extra img{position:absolute;max-width:none!important;display:block;pointer-events:none;user-select:none}.spot-interactive{cursor:crosshair;touch-action:pan-x pan-y pinch-zoom}.spot-interactive:focus-visible{outline:4px solid #8c5bb9;outline-offset:-4px}.spot-ring{position:absolute;border:3px solid #2f954e;border-radius:50%;pointer-events:none;box-shadow:0 0 0 1px #fff8;min-width:12px;min-height:12px}.spot-ring.missed{border-color:#d64a3b}.spot-ring>b{position:absolute;top:-8px;right:-6px;width:17px;height:17px;display:grid;place-items:center;background:#267649;color:#fff;font-size:11px;border-radius:50%}.spot-ring.missed>b{background:#b7352b}.spot-reticle{position:absolute;transform:translate(-50%,-50%);font-size:35px;font-weight:800;line-height:1;color:#fff;text-shadow:0 0 3px #000,0 0 3px #000;pointer-events:none}.spot-feedback{min-height:45px;font-weight:650;line-height:1.5;font-size:15px}.spot-answer{font-size:clamp(30px,6vw,47px)}.spot-answer>span{display:block;font-size:24px;margin-top:9px}.spot-answer-list{text-align:left;line-height:1.8;font-size:15px}
@media(max-width:560px){.spot-panel{padding:18px 10px}.spot-live-top{gap:6px}.spot-live-top .pill{font-size:10px}.spot-live-top>strong:not(.spot-clock){font-size:12px}.spot-live-top .btn.small{font-size:11px;padding:7px}.spot-page .odd-game-top{font-size:12px;flex-wrap:wrap;gap:8px}.spot-picture-label{font-size:9px;padding:8px}.spot-pair-scroll{margin:12px 0}.spot-ring{border-width:2px}.spot-ring>b{width:14px;height:14px;font-size:10px}.spot-panel h1{margin:15px 0}}
/* Word Search — fixed cell coordinates, readable letters and two selection methods. */
.hub-wordsearch .hub-thumb{background:#e5eadb}.wordsearch-mini{width:145px;margin:12px auto 20px;display:grid;gap:5px;transform:rotate(-4deg)}.wordsearch-mini>span{display:block;padding:8px 10px;background:#fff;border:2px solid #afc59b;border-radius:7px;color:#28643c;font-size:20px;font-weight:850;letter-spacing:2px}.wordsearch-mini>span:first-child{background:#267649;color:#fff}.hub-wordsearch .wordsearch-mini{width:130px;margin:0}.hub-wordsearch .wordsearch-mini>span{padding:6px;font-size:17px}.wordsearch-how{padding:22px;background:#edf2e5;border-radius:22px;margin:20px 0}.wordsearch-how>strong{font-size:22px}.wordsearch-how p{margin-bottom:0}.in-timer.wordsearch-live-shell{background:#fff;color:var(--ink);padding-bottom:24px}.wordsearch-page{max-width:900px;margin:auto}.wordsearch-panel{background:#fff;color:var(--ink)}.wordsearch-panel h1{font-size:clamp(26px,5vw,40px);line-height:1.15}.wordsearch-live-top{position:sticky;top:0;z-index:5;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:9px;flex-wrap:wrap;padding:9px 0;border-bottom:1px solid #dce3d4}.wordsearch-clock{font-size:clamp(30px,6vw,50px);font-variant-numeric:tabular-nums}.wordsearch-live-top .pill{max-width:45%;overflow-wrap:anywhere}.wordsearch-directions{font-size:14px;line-height:1.5}.wordsearch-list{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;list-style:none;padding:0;margin:14px 0}.wordsearch-list li{font-size:13px;font-weight:750;letter-spacing:.7px;padding:8px 10px;border:1px solid #d8e2cf;background:#f7f9f2;border-radius:9px;color:#3e533d}.wordsearch-list li.found{color:#226b40;background:#e5f4e5;border-color:#8db788;text-decoration:line-through}.wordsearch-controls{justify-content:center;margin:12px 0}.wordsearch-scroll{overflow-x:auto;padding:5px 0 12px;overscroll-behavior-x:contain}.wordsearch-grid{display:grid;grid-template-columns:repeat(var(--wordsearch-size),minmax(0,1fr));width:min(100%,560px);margin:0 auto;gap:2px;background:#d1ddc6;border:3px solid #a4bb93;border-radius:10px;padding:5px;user-select:none;-webkit-user-select:none;touch-action:none}.wordsearch-grid.large{width:max(100%,calc(var(--wordsearch-size) * 40px));max-width:none}.wordsearch-cell{aspect-ratio:1;min-width:0;display:grid;place-items:center;border:0;border-radius:3px;background:#fff;color:#293d32;padding:0;font:850 clamp(12px,2.6vw,23px)/1 ui-monospace,monospace;cursor:crosshair;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:none}.wordsearch-cell.found{background:#c6e5b5;color:#1c5431}.wordsearch-cell.solution{box-shadow:inset 0 -4px 0 #dfae42;background:#fff2c7}.wordsearch-cell.found.solution{background:#c6e5b5}.wordsearch-cell.start{background:#e2d0f1;outline:2px solid #8c5bb9;outline-offset:-2px}.wordsearch-cell.preview{background:#decbef;color:#44245d}.wordsearch-cell:focus-visible{outline:3px solid #8660ac;outline-offset:-3px;z-index:1}.wordsearch-grid.large .wordsearch-cell{font-size:22px}.wordsearch-feedback{min-height:45px;line-height:1.5;font-size:15px;font-weight:650}.wordsearch-answer{font-size:clamp(29px,6vw,45px)}.wordsearch-answer>span{display:block;font-size:24px;margin-top:10px}.wordsearch-panel .btn:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:560px){.wordsearch-panel{padding:18px 10px}.wordsearch-live-top{gap:6px}.wordsearch-live-top .pill{font-size:10px}.wordsearch-live-top>strong:not(.wordsearch-clock){font-size:12px}.wordsearch-live-top .btn.small{font-size:11px;padding:7px}.wordsearch-page .odd-game-top{font-size:12px;flex-wrap:wrap;gap:8px}.wordsearch-list{gap:5px}.wordsearch-list li{font-size:11px;padding:6px 8px}.wordsearch-grid{gap:1px;padding:3px;border-width:2px}.wordsearch-cell{border-radius:2px;font-size:clamp(12px,3.4vw,18px)}.wordsearch-grid.large .wordsearch-cell{font-size:20px}.wordsearch-panel h1{margin:15px 0}}
/* Hear It Right — nonsense gets the visual focus, answers reveal in green. */
.hub-hear .hub-thumb{background:#efe3f4}.hear-mini{display:grid;gap:7px;width:160px;margin:10px auto 20px;transform:rotate(-5deg);text-align:center}.hear-mini>span{display:block;padding:14px 8px;background:#fff;border-radius:12px;box-shadow:3px 5px 0 #bca8cd;color:#5c3876;font-weight:850;font-size:23px}.hear-mini>small{font-size:11px;letter-spacing:2px;color:#705b82}.hub-hear .hear-mini{width:145px;margin:0}.hub-hear .hear-mini>span{padding:11px 7px;font-size:19px}.hub-hear .hear-mini>small{font-size:9px}.hear-how{padding:22px;background:#f2eaf6;border-radius:22px;margin:20px 0}.hear-how>strong{font-size:22px}.hear-how p:last-child{margin-bottom:0}.in-timer.hear-live-shell{background:#fff;color:var(--ink);padding-bottom:24px}.hear-page{max-width:920px;margin:auto}.hear-panel{background:#fff;color:var(--ink)}.hear-panel h1{font-size:clamp(27px,5vw,43px);line-height:1.12}.hear-symbol{display:grid;place-items:center;width:96px;height:96px;border-radius:50%;background:#eee4f5;color:#70448d;margin:24px auto}.hear-live-top{position:sticky;top:0;z-index:5;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid #e4dce8}.hear-live-top .pill{max-width:50%;overflow-wrap:anywhere}.hear-clock{font-size:clamp(38px,8vw,68px);font-weight:850;font-variant-numeric:tabular-nums;line-height:1.1}.hear-instruction{font-weight:700;font-size:18px;line-height:1.5;margin:24px 0 18px}.hear-clue{background:#f0e6f6;color:#56336c;border:2px solid #e2d2ec;border-radius:24px;padding:clamp(24px,5vw,48px) clamp(15px,4vw,36px);font-size:clamp(34px,7vw,72px);font-weight:850;line-height:1.18;overflow-wrap:break-word;text-wrap:balance;margin:20px 0}.hear-clue.hear-clue-revealed{font-size:clamp(22px,4vw,34px);padding:22px;background:#f5eff8}.hear-answer{font-size:clamp(31px,6vw,60px);line-height:1.15;overflow-wrap:anywhere}.hear-explanation{font-size:18px;line-height:1.6}.hear-panel form{margin-top:25px;text-align:left}.hear-panel .btn:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:560px){.hear-panel{padding:22px 16px}.hear-live-top{gap:6px}.hear-live-top .pill{font-size:10px}.hear-live-top .btn.small{font-size:12px;padding:8px}.hear-page .odd-game-top{font-size:12px;flex-wrap:wrap;gap:8px}.hear-clue{padding:28px 16px;border-radius:20px}.hear-instruction{font-size:16px}}

/* Collection polish: one spacing rhythm, readable fields, contained focus rings. */
:root{--field-gap:22px}
form.panel{display:flex;flex-direction:column;gap:24px}
form.panel .form-grid{gap:var(--field-gap);margin:0;align-items:start}
form.panel .field{min-width:0;margin:0;display:flex;flex-direction:column;gap:10px}
form.panel .field-label{line-height:1.45;margin:0;font-size:13px;font-weight:750}
form.panel .field input,form.panel .field select,form.panel .field textarea{min-width:0;max-width:100%;font-size:16px;min-height:54px;padding:14px 13px;line-height:1.4;border-radius:12px}
form.panel .field textarea{font:inherit;width:100%;resize:vertical;border:1px solid #dce1d7;background:#fcfcfa;color:var(--ink)}
form.panel .form-grid>div{display:flex;flex-direction:column;gap:22px;min-width:0}
form.panel .helper,form.panel .notice,form.panel .error,form.panel .panel-title,form.panel .fieldset{margin:0}
form.panel>.btn{margin:4px 0 0}
form.panel .field input:focus,form.panel .field select:focus,form.panel .field textarea:focus{outline:2px solid #8066c0;outline-offset:1px;box-shadow:0 0 0 4px #8066c015}
form.panel .field select{padding-right:28px;text-overflow:ellipsis}
.panel+.button-row,form+.button-row{margin-top:22px}
.game-panel .btn.wide+.btn.wide{margin-top:14px}
.game-panel h1{overflow-wrap:anywhere;text-wrap:balance}
.host-reminder-answer{overflow-wrap:anywhere;line-height:1.13;padding:28px 18px}
.helper{font-size:13px;line-height:1.65}
.page-heading>p{font-size:15px;line-height:1.6}
.panel-title{line-height:1.4}
.score-team{min-width:0}
.pill{max-width:100%;line-height:1.5;flex-wrap:wrap;text-align:center}
@media(max-width:600px){form.panel .form-grid{grid-template-columns:1fr}form.panel{padding:22px;gap:24px}.field-label{font-size:14px}.game-panel{padding:24px 19px}.page-heading h1{font-size:34px}.panel+.button-row,.button-row{gap:12px}.button-row>.btn{flex:1;min-width:120px}.shell{padding-left:16px;padding-right:16px}}

.jigsaw-board{grid-template-columns:repeat(4,minmax(0,1fr));aspect-ratio:4/3}
.jigsaw-reference{aspect-ratio:4/3;width:160px;max-width:100%;margin:0 auto}
.jigsaw-reference img{width:100%;height:100%;object-fit:cover}
.jigsaw-reference-small{width:88px}
.jigsaw-reference.jigsaw-result-photo{width:min(100%,320px)}
.jigsaw-board .jigsaw-slot,.jigsaw-tray .jigsaw-tile{aspect-ratio:1}
.jigsaw-tray{grid-template-columns:repeat(4,minmax(0,1fr))}
.jigsaw-crop{transform-origin:center}
.hear-gibberish{word-break:break-word;overflow-wrap:anywhere;letter-spacing:.025em;line-height:1.35}

.hear-clue{overflow-wrap:anywhere;word-break:break-word;hyphens:none;text-transform:none;font-size:clamp(26px,6vw,56px);line-height:1.35;letter-spacing:.025em}
.hear-clue>strong{font-size:inherit;line-height:inherit;overflow-wrap:anywhere;word-break:break-word}
.content-summary{width:100%;border-collapse:collapse;font-size:14px;text-align:left}
.content-summary th,.content-summary td{padding:14px 8px;border-bottom:1px solid var(--line);vertical-align:top}
.content-summary th{font-weight:750;color:var(--muted)}
.content-summary td:last-child{font-variant-numeric:tabular-nums}

.spot-frame{isolation:isolate}



.spot-ring{z-index:3;pointer-events:none}
.spot-reticle{z-index:4}
.spot-credit{font-size:11px!important;color:var(--muted);text-align:left;margin:8px 0 18px!important;max-width:none!important}
.spot-answer-list{list-style:none;padding:0;text-align:left;display:grid;gap:10px}
.spot-answer-list li{padding:12px 14px;border:1px solid var(--line);border-radius:12px;line-height:1.5}
.spot-live-top{flex-wrap:wrap}
.spot-panel>h1{font-size:clamp(28px,6vw,42px)}
@media(max-width:600px){form.panel .helper{font-size:14px}.spot-live-top>.pill{max-width:45%}}

/* Consistent action rhythm across setup, play, pause and results. */
.game-panel{display:flex;flex-direction:column;align-items:stretch;gap:20px}
.game-panel>h1,.game-panel>h2,.game-panel>p,.game-panel>.btn,.game-panel>.host-reminder-answer,.game-panel>.hear-clue,.game-panel>.button-row,.game-panel>.privacy-note,.game-panel>.details{margin-top:0;margin-bottom:0}
.game-panel>p{width:100%;max-width:540px;align-self:center;line-height:1.65}
.game-panel>.pill{align-self:center;max-width:100%;line-height:1.5}
.game-panel>.btn.wide{margin:0 auto;max-width:540px}
.game-panel>.btn.small{align-self:center;margin:0;min-height:46px}
.game-panel .btn.wide+.btn.wide{margin-top:0}
.game-panel>.button-row{justify-content:center;gap:14px}
.game-panel>.button-row>.btn{flex:1 1 190px}
.game-panel>form{display:flex;flex-direction:column;gap:18px;width:100%;margin:0}
.game-panel .field{display:flex;flex-direction:column;gap:9px;min-width:0}
.game-panel .field-label{margin:0;line-height:1.5}
.game-panel .field input,.game-panel .field select{font-size:16px;line-height:1.45}
.scorebar+.panel,.scorebar+.game-panel{margin-top:20px}
.odd-game-top{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px 18px;margin-bottom:24px;line-height:1.5}
.odd-game-top>.back{grid-column:1/-1;justify-self:start;margin:0;padding:8px 0;min-height:40px}
.odd-game-top>strong{text-align:left}.odd-game-top>span{text-align:right;color:var(--muted)}
.game-navigation{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;padding:18px 0}
.game-navigation .back{margin:0;min-height:44px;color:inherit}
.game-home-back{padding-top:24px}.game-home-back>.back{margin:0}.game-home-back+.hero{padding-top:28px}
.btn.score-action{border:2px solid #1c5d37;box-shadow:0 4px 0 #143d2624;font-size:16px;min-height:58px}
.btn.score-action.answer-green,.btn.score-action.primary{background:var(--answer-green);color:#fff}
.btn.score-action.secondary,.btn.score-action.ghost{background:#f7e9e5;border-color:#9b594a;color:#713b30}
.btn.score-action:active{transform:translateY(2px);box-shadow:0 1px 0 #143d2624}
.btn.score-action:disabled{box-shadow:none;opacity:.5}
.score-confirmation{display:flex;flex-direction:column;gap:14px;padding:22px;border:1px solid #b9d6c2;border-radius:18px;background:#f1f8f2;text-align:center}
.score-confirmation .helper{margin:0;font-size:14px;color:#3c5143}
.score-confirmation .btn.wide{max-width:none;margin:0}
.guide-list{display:flex;flex-direction:column;gap:22px;counter-reset:guide}
.guide-list>.guide-step{display:flex;gap:16px;margin:0;padding:0 0 20px;border-bottom:1px solid var(--line);text-align:left}
.guide-list>.guide-step:before{counter-increment:guide;content:counter(guide);flex:0 0 32px;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#e7f1e7;color:#247545;font-weight:800}
.guide-list .guide-step h3{margin:0 0 8px;line-height:1.35;letter-spacing:-.02em}
.guide-list .guide-step p{margin:0;font-size:15px;line-height:1.7}
.guide-list>.notice,.guide-list>.btn{margin:0}
.guide-list .guide-step:after{display:none}
.button-row{gap:14px}.page>.button-row{margin-top:22px}
.game-panel>.btn[data-action$="End"]{margin-top:0;min-width:160px;background:#fff5f1;color:#894d3d;border-color:#d6b9ac}
.game-panel>ol,.game-panel>ul{margin-top:0;margin-bottom:0}
.game-panel .btn:focus-visible,.back:focus-visible,.nav-link:focus-visible{outline-offset:2px}
@media(max-width:600px){
 .game-panel{gap:20px;padding:24px 18px}.game-panel>h1{font-size:clamp(27px,7vw,35px);line-height:1.15}
 .game-panel>.btn,.game-panel>.button-row>.btn{font-size:15px;min-height:54px;white-space:normal}
 .game-panel>.btn.small{font-size:14px;min-height:46px}
 .game-panel>.button-row{flex-direction:column;align-items:stretch}.game-panel>.button-row>.btn{flex:auto;width:100%}
 .score-confirmation{padding:18px 14px}.scorebar+.game-panel{margin-top:18px}
 .odd-game-top{font-size:13px!important;gap:10px 14px!important;margin-bottom:20px}
 .guide-list{padding:24px 20px}.guide-list>.guide-step{gap:12px}.guide-list .guide-step p{font-size:14px}
 .topbar{gap:10px}.brand{min-width:0;max-width:58%;font-size:17px;line-height:1.2;overflow-wrap:normal}.brand img{flex:0 0 34px;width:34px;height:34px}.topnav{gap:12px}.nav-link{font-size:12px;white-space:nowrap}
 .bottom-note{gap:20px;padding:28px 0;flex-wrap:wrap}.bottom-note .text-button{min-height:36px}
}

.hear-clue,.hear-clue.hear-clue-revealed,.hear-answer{font-size:clamp(15px,var(--word-size,6vw),var(--word-max,54px));white-space:nowrap;overflow-wrap:normal;word-break:normal;letter-spacing:-.02em;padding-left:12px;padding-right:12px;text-wrap:nowrap}

.sets-acceptance-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid #ccdccc;border-radius:14px;background:#f2f7ef;padding:18px 20px;text-align:left}.sets-acceptance-summary>span{font-size:15px;font-weight:650}.sets-acceptance-summary>strong{font-size:30px;color:#247545;white-space:nowrap}
/* Compact, stable 12-piece puzzle workspace. */
.headband-judge-controls .headband-wrong{background:#fbe8e3;color:#70392f;border:2px solid #94584b;font-size:clamp(14px,3.7vw,20px);line-height:1.3}
.headband-judge-controls .headband-wrong svg{display:none}
.in-timer.jigsaw-live-shell{padding:0;max-width:none;min-height:100dvh}
.jigsaw-live-shell #main{padding:0;margin:0;min-height:0}
.jigsaw-live-board{--puzzle-width:min(calc(100vw - 32px),calc((100dvh - 240px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) * .51),400px);box-sizing:border-box;height:100dvh;width:100%;max-width:700px;margin:auto;padding:max(8px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#fff}
.jigsaw-compact-top{display:flex;align-items:center;gap:12px;width:100%;max-width:460px;min-height:44px;padding:0;margin:0}
.jigsaw-team{min-width:0;flex:1;text-align:left;line-height:1.3}
.jigsaw-team strong{display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.jigsaw-team span{display:block;font-size:11px;color:var(--muted);margin-top:3px}
.jigsaw-compact-top .jigsaw-clock{font-size:30px;line-height:1;letter-spacing:-1px;color:#247545}
.jigsaw-compact-top .btn{font-size:13px;padding:8px 12px;min-height:42px;margin:0}
.jigsaw-live-board h2{font-size:12px;font-weight:750;line-height:18px;margin:0 0 4px;text-align:left;letter-spacing:0}
.jigsaw-live-board h2>span{float:right;font-size:11px;color:#61705f;font-weight:500}
.jigsaw-live-board>.jigsaw-reference-area,.jigsaw-live-board>.jigsaw-board-area,.jigsaw-live-board>.jigsaw-tray-area{width:var(--puzzle-width);flex:none;min-width:0}
.jigsaw-live-board .jigsaw-reference-area h2{text-align:center}
.jigsaw-live-board .jigsaw-reference{box-sizing:border-box;width:50%;max-width:none;aspect-ratio:4/3;margin:0 auto;border-radius:8px}
.jigsaw-live-board .jigsaw-reference-small{width:34%}
.jigsaw-live-board .jigsaw-board,.jigsaw-live-board .jigsaw-tray{box-sizing:border-box;display:grid;width:100%;max-width:none;min-height:0;aspect-ratio:auto;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));padding:2px;gap:2px;border:1px solid #8aa17d;margin:0;border-radius:5px}
.jigsaw-live-board .jigsaw-tray{padding:3px;gap:3px;border:1px dashed #b0bea4;background:#f4f7ed}
.jigsaw-live-board .jigsaw-slot,.jigsaw-live-board .jigsaw-tile,.jigsaw-tray-placeholder{aspect-ratio:1;min-height:0;min-width:0}
.jigsaw-tray-placeholder{border:1px dashed #d4ddcd;border-radius:3px;background:#edf1e8}
.jigsaw-live-board .jigsaw-tile{border:0;box-shadow:none}
.jigsaw-compact-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%;max-width:400px;margin:0}
.jigsaw-compact-tools .btn{font-size:12px;line-height:16px;min-height:40px;padding:6px 4px;margin:0;white-space:nowrap;border-radius:10px}
.jigsaw-compact-tools .btn:disabled{opacity:.42;cursor:not-allowed}
.jigsaw-compact-hint{font-size:12px;line-height:16px;min-height:32px;max-width:400px;text-align:center;margin:0}
@media(orientation:landscape) and (max-height:600px){
 .jigsaw-live-board{--puzzle-width:min(calc((100vw - 64px) / 3),calc((100dvh - 180px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) * 1.25));max-width:1200px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto auto auto auto;justify-items:center;align-content:center;gap:8px}
 .jigsaw-compact-top{grid-column:1/-1;max-width:none}
 .jigsaw-live-board .jigsaw-reference{width:100%}
 .jigsaw-live-board .jigsaw-reference-small{width:66%}
 .jigsaw-compact-tools,.jigsaw-compact-hint{grid-column:1/-1}
 .jigsaw-compact-hint{min-height:16px}
}