@font-face{font-family:DM;src:url(assets/dm-sans.woff2);font-weight:100 1000;font-display:swap}@font-face{font-family:Archivo;src:url(assets/archivo.woff2);font-weight:400;font-display:swap}:root{--ink:#2c103d;--blue:#5268d5;--coral:#f57548;--lime:#d5f36b;--yellow:#ffe584;--lilac:#c8b8f5;--cyan:#a6dcea;--paper:#fffdf8;--bg:var(--blue);--text:#fffdf8;--surface:#fffdf8;--edge:#2c103d;--muted:#624b70}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px DM,sans-serif;overscroll-behavior-y:none}body.dark{--bg:#171e34;--surface:#222b43;--text:#fff8ed;--edge:#aeb8d5;--muted:#d0d5e8}button,input{font:inherit}button{cursor:pointer}button:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}button:disabled{cursor:default}h1,h2,h3,p{margin:0}h1,h2,h3,.display{font-family:Archivo,sans-serif;font-weight:400;letter-spacing:-.04em}svg{display:block}button svg{pointer-events:none}.app{min-height:100dvh;padding-bottom:94px}.topbar{display:flex;justify-content:space-between;align-items:center;padding:17px 20px;max-width:1060px;margin:auto}.brand{display:flex;align-items:center;gap:8px;border:0;background:none;color:var(--text);padding:0;font:19px Archivo;letter-spacing:-.06em}.brand-icon{width:34px;height:34px;background:var(--coral);border-radius:9px;border:2px solid var(--ink);display:grid;place-items:center;color:var(--ink);transform:rotate(-5deg)}.tools{display:flex;gap:7px}.circle{display:grid;place-items:center;width:34px;height:34px;padding:0;border:2px solid var(--ink);border-radius:50%;background:var(--paper);color:var(--ink)}.tools .circle:nth-child(1){background:var(--lilac)}.tools .circle:nth-child(2){background:var(--yellow)}main{max-width:1020px;margin:auto;padding:9px 20px 20px}.eyebrow{font-size:12px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.heading{text-align:center;margin:10px 0 24px}.heading h1{font-size:38px;line-height:1.05;margin:8px 0 12px}.heading p{font-size:17px;line-height:1.5}.lime{color:var(--lime)}.coral-text{color:var(--coral)}.hero{text-align:center}.hero .eyebrow{font-size:11px;margin-bottom:12px}.hero h1{font-size:46px;line-height:1.02;letter-spacing:-.055em}.hero h1 span{display:block;color:var(--lime)}.hero p{margin:13px auto 0;max-width:340px;font-size:17px;line-height:1.4}.art{width:100%;height:145px;margin:6px auto 0;max-width:440px}.panel{border:3px solid var(--edge);box-shadow:5px 5px 0 var(--ink);background:var(--surface);color:var(--ink);padding:22px}.dark .panel{color:var(--text)}.home-setup{margin-top:3px}.home-setup .eyebrow{text-align:center;margin-bottom:12px}.modes{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mode{border:2px solid var(--ink);background:var(--paper);color:var(--ink);padding:13px 8px;position:relative;text-align:center}.mode.selected{background:var(--lime);box-shadow:3px 3px 0 var(--ink)}.mode:nth-child(2).selected{background:var(--lilac)}.mode strong{font-family:Archivo;font-size:20px;display:block;margin-bottom:4px}.mode span{font-size:13px;font-weight:750}.mode .check{position:absolute;right:5px;top:5px}.primary,.secondary{width:100%;min-height:50px;border:2px solid var(--ink);background:var(--coral);color:var(--ink);font-weight:900;padding:12px 16px;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:4px 4px 0 var(--ink);text-decoration:none}.primary{font-size:16px}.primary svg:last-child{margin-left:auto}.primary svg:first-child{margin-right:auto}.primary.center svg{margin:0}.secondary{background:var(--paper);box-shadow:none;font-size:15px}.primary:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}.space{margin-top:17px}.text-button{border:0;background:transparent;color:inherit;display:flex;align-items:center;justify-content:center;gap:7px;margin:16px auto 0;padding:5px;font-size:14px;font-weight:800;text-decoration:underline;text-underline-offset:4px}.identity{display:flex;align-items:center;gap:8px;justify-content:center;margin-top:15px;font-size:14px}.avatar{display:inline-grid;place-items:center;flex:none;width:38px;height:38px;border:2px solid var(--ink);border-radius:50%;background:var(--coral);color:var(--ink);font-family:Archivo;font-size:15px}.avatar.small{width:27px;height:27px;font-size:11px}.avatar.big{width:65px;height:65px;font-size:27px}.dock{position:fixed;z-index:20;bottom:15px;left:50%;transform:translateX(-50%);display:grid;grid-template-columns:repeat(4,1fr);width:min(312px,calc(100% - 40px));padding:5px;gap:2px;border:2px solid var(--edge);border-radius:22px;background:var(--surface);box-shadow:0 5px 0 var(--ink),0 9px 24px #171e3430}.dock button{border:0;border-radius:14px;background:none;color:var(--ink);font-size:11px;font-weight:900;min-height:47px;display:grid;justify-items:center;align-content:center;gap:2px}.dark .dock button{color:var(--text)}.dock button.active{background:var(--coral);color:var(--ink)}.dock button:nth-child(2).active{background:var(--lilac)}.dock button:nth-child(3).active{background:var(--yellow)}.dock button:nth-child(4).active{background:var(--cyan)}.kicker{display:flex;align-items:center;justify-content:center;gap:7px;border:2px solid var(--ink);background:var(--yellow);color:var(--ink);padding:7px 12px;font-size:12px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;width:fit-content;margin:0 auto 12px;transform:rotate(-2deg)}.roster{margin-top:22px;border-top:2px solid var(--edge)}.row{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #aeb8d566}.row .who{flex:1;font-weight:850}.row .who small{display:block;font-size:12px;font-weight:600;margin-top:3px;color:var(--muted)}.row .tag{font-size:12px;font-weight:850}.ready{display:flex;gap:4px;align-items:center;color:#365621}.dark .ready{color:var(--lime)}.subcopy{text-align:center;font-size:14px;line-height:1.5;margin-top:15px;color:var(--muted)}.turn-order{display:flex;align-items:center;justify-content:center;gap:9px;margin:17px 0}.turn-order .avatar:first-child{outline:3px solid var(--lime);outline-offset:3px}.round-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:5px 0 20px}.round-tag{font-weight:900;font-size:12px;letter-spacing:.08em}.dots{display:flex;gap:4px;margin-top:7px}.dots i{width:15px;height:5px;background:#ffffff40}.dots i.done{background:var(--coral)}.dots i.now{background:var(--lime)}.timer{background:var(--ink);color:var(--paper);border:2px solid #fffdf8a0;display:flex;align-items:center;gap:7px;padding:8px 11px;font-weight:900;font-size:18px;border-radius:30px}.private{background:var(--lilac);color:var(--ink);border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);padding:24px;text-align:center;position:relative}.private .seal{display:inline-flex;gap:6px;align-items:center;font-size:11px;font-weight:900;letter-spacing:.08em;background:var(--ink);color:white;padding:7px 10px;border-radius:20px;margin-bottom:18px}.private h1{font-size:32px;line-height:1.1;margin:10px 0 18px}.private .target{background:var(--paper);border:2px solid var(--ink);padding:17px 12px;margin:14px 0;font-family:Archivo;font-size:27px;line-height:1.12}.private .rule{font-size:17px;font-weight:700;line-height:1.45}.prompt-icon{height:71px;display:grid;place-items:center}.prompt-icon svg{width:70px;height:70px}.secret-hidden{font-size:28px;padding:35px 0;font-family:Archivo}.private .text-button{font-size:13px}.role-info{display:flex;align-items:center;justify-content:center;gap:10px;margin:18px 0;font-weight:800}.rule-strip{background:var(--yellow);color:var(--ink);border:2px solid var(--ink);padding:12px;text-align:center;font-size:14px;font-weight:800;margin-top:18px}.scores{margin-top:23px}.score-label{display:flex;justify-content:space-between;align-items:center;font-weight:900;font-size:12px;letter-spacing:.07em;margin-bottom:10px}.score-label span{font-weight:600;font-size:11px;letter-spacing:0}.score-grid{display:grid;grid-template-columns:repeat(4,1fr);border:2px solid var(--ink);background:var(--paper);color:var(--ink);box-shadow:4px 4px 0 var(--ink)}.score-cell{padding:12px 4px 10px;text-align:center;position:relative}.score-cell+.score-cell{border-left:1px solid #2c103d30}.score-cell b{display:block;font-size:18px;margin-top:5px}.score-cell small{display:block;font-size:11px;margin-top:4px;font-weight:800}.score-cell.active{background:var(--yellow)}.next{display:flex;gap:6px;align-items:center;justify-content:center;margin-top:14px;font-size:13px;font-weight:750}.watcher{text-align:center;margin:3px 0 22px}.watcher .avatar{margin-bottom:12px}.watcher h1{font-size:35px;line-height:1.08;margin:4px 0 10px}.watcher p{font-size:16px;line-height:1.4}.instruction-chip{display:inline-flex;gap:7px;align-items:center;background:var(--cyan);color:var(--ink);font-size:13px;font-weight:900;padding:9px 13px;border:2px solid var(--ink);border-radius:24px;margin:13px 0 0}.answers{display:grid;gap:12px}.answer{border:3px solid var(--ink);background:var(--paper);color:var(--ink);box-shadow:4px 4px 0 var(--ink);padding:15px;display:flex;gap:12px;align-items:center;text-align:left;font-size:18px;font-weight:850;min-height:66px}.answer:nth-child(2){background:var(--yellow)}.answer:nth-child(3){background:var(--lilac)}.letter{display:grid;place-items:center;width:28px;height:28px;flex:none;border:2px solid var(--ink);border-radius:50%;font-size:13px}.answer svg{margin-left:auto;flex:none}.answer.locked{background:var(--cyan)}.answer:disabled{box-shadow:none}.answer:disabled:not(.locked){opacity:.65}.guess-note{text-align:center;font-size:13px;font-weight:750;margin:17px 0}.result-hero{text-align:center;padding:8px 0 22px}.result-hero h1{font-size:43px;line-height:1.04;margin:14px 0}.result-hero p{font-size:16px}.burst{margin:auto;width:90px;height:90px;display:grid;place-items:center;background:var(--yellow);color:var(--ink);clip-path:polygon(50% 0,60% 17%,80% 8%,82% 29%,100% 32%,89% 50%,100% 68%,80% 72%,80% 94%,60% 85%,50% 100%,40% 83%,20% 93%,19% 72%,0 67%,11% 50%,0 31%,20% 28%,20% 7%,40% 17%)}.reward-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.reward{background:var(--lime);color:var(--ink);border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);padding:19px 10px;text-align:center}.reward:nth-child(2){background:var(--lilac)}.reward b{display:block;font-family:Archivo;font-size:39px;margin:7px 0}.reward strong{display:block;font-size:17px}.reward small{font-size:12px;font-weight:750}.answer-reveal{margin:20px 0 0;text-align:center;background:var(--surface);color:var(--ink);border:2px solid var(--edge);padding:14px}.dark .answer-reveal{color:var(--text)}.answer-reveal small{display:block;font-size:11px;font-weight:850;letter-spacing:.08em;margin-bottom:5px}.podium{display:flex;align-items:flex-end;justify-content:center;gap:8px;margin:25px 0}.podium>div{width:29%;text-align:center}.podium .stand{margin-top:10px;background:var(--lilac);color:var(--ink);border:3px solid var(--ink);height:95px;padding:12px 5px}.podium>div:nth-child(2) .stand{height:135px;background:var(--yellow)}.podium>div:nth-child(3) .stand{height:75px;background:var(--cyan)}.stand strong{display:block;font:27px Archivo}.stand b{display:block;font-size:13px;margin-bottom:4px}.score-list{background:var(--surface);color:var(--ink);border:3px solid var(--edge);padding:5px 17px}.dark .score-list{color:var(--text)}.score-list .row:last-child{border:0}.score-list .points{font-weight:950;font-size:20px}.help-grid{display:grid;gap:15px}.help-card{display:flex;gap:15px;background:var(--coral);color:var(--ink);border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);padding:20px}.help-card:nth-child(2){background:var(--cyan)}.help-card:nth-child(3){background:var(--lilac)}.help-card b{font:35px Archivo}.help-card h2{font-size:22px;margin-bottom:7px}.help-card p{font-size:16px;line-height:1.45}.profile-head{text-align:center;padding:20px}.profile-head h1{margin-top:14px}.setting{border:0;border-bottom:1px solid #aeb8d566;width:100%;display:flex;justify-content:space-between;align-items:center;padding:18px 0;color:inherit;background:none;font-weight:800}.badge{font-size:11px;font-weight:900;color:var(--ink);background:var(--lime);border-radius:20px;padding:5px 8px}.toast{position:fixed;z-index:60;top:12px;left:50%;transform:translateX(-50%);width:max-content;max-width:90%;border:2px solid var(--ink);box-shadow:3px 3px var(--ink);padding:12px 18px;background:var(--yellow);color:var(--ink);font-size:14px;font-weight:800;text-align:center}.toast[hidden]{display:none}.empty-icon{display:grid;place-items:center;margin:10px auto 16px;width:70px;height:70px;border-radius:50%;border:3px solid var(--ink);background:var(--cyan);color:var(--ink)}.dark .home-setup .eyebrow,.dark .panel .eyebrow{color:var(--text)}.dark .mode .eyebrow{color:var(--ink)}@media(min-width:700px){main{padding:24px 32px}.topbar{padding:24px 32px}.home-layout,.game-layout,.result-layout,.lobby-layout{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center}.hero h1{font-size:61px}.art{height:185px}.home-setup{padding:30px}.heading h1{font-size:45px}.lobby-layout .heading{margin:0}.game-layout{align-items:start}.game-layout>.scores{margin-top:0}.game-layout>.left>.watcher{margin-bottom:20px}.game-layout .private{min-height:345px;display:flex;flex-direction:column;align-items:center;justify-content:center}.private .target{width:100%}.scores{max-width:620px;margin:25px auto 0}.game-layout>.right{display:flex;flex-direction:column;justify-content:center;min-height:330px}.game-layout .scores{width:100%}.score-cell{padding:17px 5px}.score-cell .avatar{width:43px;height:43px}.score-cell b{font-size:23px}.result-layout .result-hero h1{font-size:52px}.result-layout .result-hero{padding:10px 15px}.result-layout .burst{width:115px;height:115px}.result-layout .scores{margin-top:24px}.social-layout{max-width:680px;margin:auto}.help-grid{grid-template-columns:repeat(3,1fr)}.help-card{display:block}.help-card h2{margin-top:15px}.help-card{min-height:230px}.help-footer{max-width:450px;margin:25px auto}.dock{width:320px}.round-top{margin-bottom:25px}.private h1{font-size:35px}.score-list{max-width:600px;margin:auto}.final-wrap{max-width:650px;margin:auto}.guess-note{font-size:14px}}@media(max-width:370px){.hero h1{font-size:39px}.topbar{padding-inline:16px}main{padding-inline:16px}.private{padding:20px}.answer{font-size:16px}.reward b{font-size:32px}}
.brand{font-size:14px;letter-spacing:-.04em}.rule-strip.watch-tip{display:flex;align-items:center;justify-content:center;gap:8px}
@media(max-width:699px){.topbar{padding-block:14px}.round-top{margin:1px 0 14px}.private{padding:17px 19px}.private .seal{margin-bottom:9px;font-size:10px;padding:5px 9px}.prompt-icon{height:46px}.prompt-icon svg{width:45px;height:45px}.private h1{font-size:27px;margin:9px 0 10px}.private .target{font-size:25px;padding:13px 8px;margin:10px 0}.private .rule{font-size:16px;line-height:1.4}.private .text-button{margin-top:10px}.scores{margin-top:20px}.score-cell{padding:9px 4px}.score-label{margin-bottom:8px}.next{margin-top:10px}.watcher{margin-bottom:16px}.watcher .avatar{width:43px;height:43px;font-size:20px;margin-bottom:10px}.watcher h1{font-size:29px;line-height:1.08;margin-top:8px}.instruction-chip{margin-top:4px;padding:7px 11px}.answer{min-height:58px;padding:12px;font-size:17px}.answers{gap:11px}.guess-note{margin:14px 0}.watch-tip{display:none!important}.rule-strip{margin-top:14px;padding:10px}.result-hero h1{font-size:37px}.result-hero{padding-bottom:18px}.burst{width:75px;height:75px}.result-hero p{font-size:15px}.reward{padding:14px 8px}.reward b{font-size:33px;margin:5px 0}.answer-reveal{margin-top:17px;padding:12px}.heading{margin-bottom:18px}.app{padding-bottom:92px}}
.brand{font-size:18px}.dots{max-width:205px}.player-pricing{text-align:center;font-size:13px;font-weight:750;margin-top:15px}.player-pricing span{padding:0 5px}.pro-notice{display:flex;gap:9px;align-items:center;font-weight:800;font-size:14px;padding:10px 0 16px}.score-grid{grid-template-columns:repeat(var(--players,4),1fr)}.score-grid.many .score-cell{display:grid;grid-template-columns:25px 1fr;align-content:center;align-items:center;column-gap:3px;padding:9px 5px;min-height:60px}.score-grid.many .score-cell .avatar{grid-row:1/3;width:25px;height:25px}.score-grid.many .score-cell small,.score-grid.many .score-cell b{margin:0;font-size:12px}.score-grid.many .score-cell b{font-size:16px}.score-grid.many .score-cell:nth-child(n+5){border-top:1px solid #2c103d30}.score-grid.many .score-cell:nth-child(5){border-left:0}.turn-order{gap:6px;flex-wrap:wrap}.turn-order .avatar.small{width:25px;height:25px}.turn-order svg{width:9px}
@media(min-width:700px) and (max-height:740px){.topbar{padding:17px 28px}main{padding:8px 28px 20px}.round-top{margin-bottom:12px}.watcher .avatar{width:40px;height:40px;font-size:18px;margin-bottom:8px}.watcher h1{font-size:28px;margin:6px 0 8px}.watcher{margin-bottom:12px!important}.instruction-chip{margin-top:3px;padding:7px 11px}.answers{gap:10px}.answer{min-height:50px;padding:10px 13px;font-size:16px}.guess-note{margin:12px 0}.game-layout>.right{min-height:280px}.game-layout .private{min-height:0;padding:18px}.private .seal{margin-bottom:10px}.private h1{font-size:29px;margin:8px 0}.private .target{font-size:24px;padding:12px}.prompt-icon{height:42px}.prompt-icon svg{width:42px;height:42px}.private .rule{font-size:16px}.private .text-button{margin-top:10px}.hero h1{font-size:48px}.art{height:140px}.home-setup{padding:22px}.result-hero h1{font-size:40px}.result-layout .burst{width:75px;height:75px}.reward{padding:12px 8px}.reward b{font-size:31px}.result-hero{padding:5px 10px 14px!important}}

.mode.yearly-plan.selected{background:var(--lime);color:var(--ink)}.help-card{position:relative;padding-right:58px}.help-symbol{position:absolute;right:17px;top:22px;color:var(--ink)}

.prompt-vector{display:inline-block;flex-shrink:0;background:currentColor;mask:var(--icon) center/contain no-repeat;-webkit-mask:var(--icon) center/contain no-repeat}

.mode[data-length="20"]{background:var(--cyan);color:var(--ink)}.mode[data-length="20"].selected{background:var(--cyan);box-shadow:4px 4px 0 var(--ink)}

.game-layout>.right>button[data-act]{margin-top:18px}@media(min-width:650px) and (max-height:750px){.game-layout>.right>button[data-act]{margin-top:14px}}
/* Screen-specific fit: keep readable controls; do not hide overflowing content. */
.prompt-icon .prompt-vector{width:45px!important;height:45px!important}
@media(min-width:700px){
 body[data-screen="home"] main,body[data-screen="timeout"] main{min-height:calc(100dvh - 170px);display:grid;align-content:center}
 body[data-screen="prompt"] main{min-height:calc(100dvh - 170px);display:flex;flex-direction:column;justify-content:center}
 body[data-screen="prompt"] .game-layout{align-items:center}
 body[data-screen="lobby"] .roster{display:grid;grid-template-columns:1fr 1fr;gap:0 12px;margin-top:12px}
 body[data-screen="lobby"] .row{padding:7px 0;gap:7px}
 body[data-screen="lobby"] .row .avatar{width:28px;height:28px;font-size:12px}
 body[data-screen="lobby"] .row .who{font-size:14px}
 body[data-screen="lobby"] .row .tag{font-size:10px}
 body[data-screen="lobby"] .turn-order{margin:12px 0}
 body[data-screen="lobby"] .panel{padding:18px}
 body[data-screen="lobby"] .subcopy{margin-top:10px}
 body[data-screen="pro"] .social-layout{max-width:100%;display:grid;grid-template-columns:1fr 1fr;column-gap:30px;align-items:center;min-height:calc(100dvh - 175px)}
 body[data-screen="pro"] .heading{grid-column:1;grid-row:1;margin:0;align-self:end}
 body[data-screen="pro"] .art{grid-column:1;grid-row:2;align-self:start;height:140px}
 body[data-screen="pro"] .panel{grid-column:2;grid-row:1/3}
 body[data-screen="pro"] .social-layout>.text-button{grid-column:2;margin-top:0}
 body[data-screen="help"] .heading{margin:0 0 15px}
 body[data-screen="help"] .heading h1{font-size:32px;margin:8px 0}
 body[data-screen="help"] .help-card{min-height:0;padding:16px 17px}
 body[data-screen="help"] .help-card h2{font-size:21px;margin-top:10px}
 body[data-screen="help"] .help-card p{font-size:15px;line-height:1.4}
 body[data-screen="help"] .help-footer{margin:12px auto 0}
 body[data-screen="help"] .help-footer .rule-strip{margin:0}
 body[data-screen="final"] .final-wrap{max-width:100%;display:grid;grid-template-columns:1fr 1fr;gap:10px 25px;align-items:center}
 body[data-screen="final"] .heading{grid-column:1;margin:0}
 body[data-screen="final"] .heading h1{font-size:33px}
 body[data-screen="final"] .podium{grid-column:1;margin:8px 0}
 body[data-screen="final"] .score-list{grid-column:2;grid-row:1/3;width:100%;padding:4px 13px}
 body[data-screen="final"] .score-list .row{padding:6px 0;gap:9px}
 body[data-screen="final"] .primary{grid-column:1/3;max-width:420px;margin:8px auto 0}
 body[data-screen="final"] .guess-note{grid-column:1/3;margin:0}
}
@media(max-width:699px){
 body[data-screen="home"] .art{height:105px}
 body[data-screen="home"] .hero h1{font-size:40px}
 body[data-screen="home"] .hero p{margin-top:9px}
 body[data-screen="home"] .home-setup{padding:17px}
 body[data-screen="pro"] .heading{margin:0 0 7px}
 body[data-screen="pro"] .heading h1{font-size:32px;margin:8px 0}
 body[data-screen="pro"] .heading p{font-size:16px;line-height:1.35}
 body[data-screen="pro"] .art{height:95px;margin:0}
 body[data-screen="pro"] .panel{padding:16px}
 body[data-screen="pro"] .subcopy{margin-top:10px;font-size:13px}
 body[data-screen="pro"] .social-layout>.text-button{margin-top:10px}
 body[data-screen="help"] .heading{margin:0 0 14px}
 body[data-screen="help"] .heading h1{font-size:30px;margin:8px 0}
 body[data-screen="help"] .heading .eyebrow{font-size:10px}
 body[data-screen="help"] .help-grid{gap:11px}
 body[data-screen="help"] .help-card{padding:13px 48px 13px 14px;gap:12px}
 body[data-screen="help"] .help-card b{font-size:27px}
 body[data-screen="help"] .help-card h2{font-size:20px;margin-bottom:5px}
 body[data-screen="help"] .help-card p{font-size:14px;line-height:1.35}
 body[data-screen="help"] .help-symbol{right:12px;top:14px}
 body[data-screen="help"] .help-symbol svg{width:23px;height:23px}
 body[data-screen="help"] .help-footer .primary{font-size:14px;margin-top:12px}
 .score-grid.many{grid-template-columns:repeat(5,1fr)}
 .score-grid.many .score-cell{display:flex;flex-direction:column;gap:1px;padding:5px 2px;min-height:57px}
 .score-grid.many .score-cell small{font-size:10px}.score-grid.many .score-cell b{font-size:14px}
 .score-grid.many .score-cell .avatar{width:21px;height:21px;font-size:10px}
 .score-grid.many .score-cell:nth-child(5){border-left:1px solid #2c103d30;border-top:0}
 .score-grid.many .score-cell:nth-child(6){border-left:0}
 body[data-screen="result"] .result-hero h1{font-size:31px;margin:9px 0}
 body[data-screen="result"] .burst{width:54px;height:54px}
 body[data-screen="result"] .reward{padding:9px 6px}
 body[data-screen="result"] .reward b{font-size:27px}
 body[data-screen="result"] .scores{margin-top:13px}
 body[data-screen="result"] .answer-reveal{margin-top:12px;padding:9px}
}
@media(min-width:700px) and (max-height:740px){
 body[data-screen="pro"] .social-layout{min-height:0;row-gap:0}
 body[data-screen="pro"] main{min-height:calc(100dvh - 180px);display:grid;align-content:center}
 body[data-screen="pro"] .heading h1{font-size:35px}
 body[data-screen="pro"] .art{height:120px}
 body[data-screen="result"] .result-layout .result-hero h1{font-size:38px}
 body[data-screen="result"] .reward{padding:9px 8px}
 body[data-screen="result"] .result-layout .scores{margin-top:12px}
}
.invite-wide{display:none}
@media(min-width:700px){
 .invite-wide{display:block;margin:18px auto 0;max-width:340px}.invite-phone{display:none}
 body[data-screen="lobby"] .roster{margin-top:0;border-top:0}
 body[data-screen="lobby"] .turn-order{gap:3px;flex-wrap:nowrap}
 body[data-screen="lobby"] .turn-order .avatar{width:21px;height:21px;font-size:10px}
 body[data-screen="lobby"] .turn-order svg{width:7px;flex-shrink:0}
 body[data-screen="lobby"] .heading .art{height:105px}
 body[data-screen="lobby"] .heading h1{font-size:35px}
 body[data-screen="lobby"] .pro-notice{padding:4px 0 10px}
 body[data-screen="lobby"] .row{padding:5px 0}
 body[data-screen="final"] .score-list .row{padding:4px 0}
 body[data-screen="final"] .score-list .avatar{width:23px;height:23px}
}
@media(max-width:699px){
 body:is([data-screen="prompt"],[data-screen="acting"],[data-screen="guess"],[data-screen="result"]) .scores{margin-top:12px}
 body:is([data-screen="prompt"],[data-screen="acting"],[data-screen="guess"],[data-screen="result"]) .next{margin-top:7px}
 body[data-screen="guess"] .watcher .avatar{margin-bottom:5px}
 body[data-screen="guess"] .watcher{margin-bottom:10px}
 body[data-screen="guess"] .answer{min-height:53px;padding:10px 12px}
 body[data-screen="result"] .result-hero{padding-bottom:10px}
 body[data-screen="result"] .guess-note{margin:8px 0}
 body[data-screen="result"] .space{margin-top:10px}
}
/* Alignment refinements requested in review. */
.score-list .row>b:first-child{width:24px;flex:0 0 24px;text-align:center;font-variant-numeric:tabular-nums}
.podium .stand{min-height:105px;height:auto;padding:10px 5px}
.podium>div:nth-child(2) .stand{height:135px}
.podium>div:nth-child(3) .stand{height:auto;min-height:95px}
.stand span{display:block;line-height:1.25;font-size:13px}
@media(max-width:699px){
 body[data-screen="help"] main{min-height:calc(100dvh - 160px);display:flex;flex-direction:column;justify-content:center;padding-bottom:10px}
 body[data-screen="help"] .help-card{align-items:center}
 body[data-screen="help"] .help-card>b{align-self:center}
 body[data-screen="help"] .help-symbol{top:50%;transform:translateY(-50%)}
 body[data-screen="pro"] main{min-height:calc(100dvh - 160px);display:flex;flex-direction:column;justify-content:center}
}
@media(min-width:700px){
 body[data-screen="guess"] .game-layout{align-items:center}
 body[data-screen="guess"] .game-layout>.right{min-height:0}
 body[data-screen="guess"] .game-layout>.right>.scores{margin-top:0}
 body[data-screen="pro"] main{min-height:calc(100dvh - 170px);display:flex;align-items:center;justify-content:center}
 body[data-screen="pro"] .social-layout{width:100%;min-height:0;grid-template-rows:auto auto auto}
 body[data-screen="pro"] .heading{align-self:end}
 body[data-screen="pro"] .panel{align-self:center}
 body[data-screen="pro"] .social-layout>.text-button{grid-column:1/3;margin:12px auto 0}
 body[data-screen="help"] .help-card>b{display:block;margin-top:6px}
}
.social-layout label{display:block;font-size:14px;font-weight:800;margin-top:16px}.social-layout input{width:100%;min-height:46px;border:2px solid var(--ink);border-radius:8px;padding:10px;margin-top:7px;background:var(--paper);color:var(--ink)}.friend-input{display:flex;gap:10px;align-items:center}.friend-input .primary{width:auto;min-width:90px}.roster .text-button{margin:0;font-size:12px}
.avatar{position:relative;overflow:hidden}.avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.photo-controls{display:flex;justify-content:center;gap:14px;align-items:center}.photo-controls label.text-button{margin:16px 0 0;cursor:pointer}.photo-controls input[hidden]{display:none}body[data-screen="profile"] main{min-height:calc(100dvh - 170px);display:flex;align-items:center;justify-content:center}body[data-screen="profile"] .social-layout{width:100%}

/* Approved selection: green selected, white unselected for either game length. */
.mode[data-length]{background:var(--paper);color:var(--ink);box-shadow:none}.mode[data-length].selected{background:var(--lime);color:var(--ink);box-shadow:3px 3px 0 var(--ink)}
/* Native safe areas retain the approved composition around hardware and home indicators. */
body.native .topbar{padding-top:calc(env(safe-area-inset-top) + 14px)}
body.native .dock{bottom:calc(env(safe-area-inset-bottom) + 12px)}
body.native .app{padding-bottom:calc(env(safe-area-inset-bottom) + 106px)}
@media(max-width:699px){
 body.native[data-screen="home"] .hero .art{height:95px}
 body.native[data-screen="home"] .hero h1{font-size:40px}
 body.native[data-screen="home"] .hero p{font-size:16px;margin-top:10px}
 body.native[data-screen="home"] .hero .eyebrow{margin-bottom:9px}
 body.native[data-screen="home"] .home-setup{padding:16px}
 body.native[data-screen="home"] .home-setup .mode{padding:10px 6px}
 body.native[data-screen="home"] .home-setup .space{margin-top:12px}
 body.native[data-screen="home"] #name{margin:7px 0!important;padding:9px!important}
}
body.native main{min-height:calc(100dvh - 170px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important}
@media(max-width:699px){
 body.native[data-screen="home"] .hero .art{height:80px}
 body.native[data-screen="home"] .hero h1{font-size:36px}
 body.native[data-screen="home"] .hero .eyebrow{font-size:10px;letter-spacing:.1em}
 body.native[data-screen="home"] .home-setup .mode{padding:8px 5px}
}

body.native .toast{top:calc(env(safe-area-inset-top) + 12px)}