:root{--ink:#202335;--paper:#faf9f6;--green:#ec624c;--line:#e7e7e9;--accent:#ec624c}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--ink);background:var(--paper)}
.brand{color:#202335;letter-spacing:-1.5px}.brand span{color:var(--accent)}button{font-family:inherit;border-radius:14px;font-weight:650;transition:background .15s,transform .15s,box-shadow .15s}button:not(.secondary):not(.gamecard){background:var(--accent)}button:active{transform:scale(.98)}button:disabled{opacity:.45}button:focus-visible{outline:3px solid #4674ed;outline-offset:3px}
body:not(.in-room)>header{max-width:1100px;margin:auto;padding:24px 30px;border:0}body:not(.in-room) header .pill{background:#eeeef2;color:#515366;font-size:11px}
body:not(.in-room) main{max-width:1100px;padding:35px 30px}#welcome{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center;text-align:left;padding:35px 0}.welcome-copy .eyebrow{color:#eb644f;font-size:10px;letter-spacing:1.8px}#welcome h1{font:780 clamp(36px,4.7vw,59px)/1.04 -apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:-2.8px;margin:20px 0}#welcome h1 em{font-family:inherit;font-style:normal;color:#ec624c;font-weight:780}#welcome .lead{font-size:16px;line-height:1.6;color:#717282;margin:0 0 20px}.welcome-tags{display:flex;gap:8px}.welcome-tags span{border:1px solid #e4e4e9;border-radius:30px;padding:6px 10px;font-size:10px;color:#656575}
#joinform{margin:26px 0 0;width:100%;max-width:none}#joinform label{font-size:12px;margin:0 0 8px}.entry{flex-direction:column;gap:10px}.entry input{height:50px;background:white;border:1px solid #dedee5;font-size:16px;border-radius:14px}.entry button{height:50px;background:#ec624c;color:white;font-size:14px;box-shadow:0 4px 0 #c74633}#solo{margin:14px 0 0;width:100%;border:0;background:#eeeff4;height:46px;color:#46495e}.welcome-copy .fine{font-size:10px;line-height:1.6;color:#8a8a98;margin:18px 0 0}
.welcome-art{position:relative;padding:25px;background:#e8edf9;border-radius:34px;transform:rotate(3deg)}.preview-badge{font-size:8px;letter-spacing:1.5px;color:#4767a8;font-weight:700;margin-bottom:18px}.hero-product{background:#fffaf1;padding:22px;border-radius:24px;box-shadow:0 8px 25px #28346510}.hero-number{font-size:10px;color:#a6967c}.hero-illustration{height:150px;display:flex;justify-content:center;align-items:center;font-size:80px}.hero-illustration img{height:100%;width:100%;object-fit:contain}.hero-product h2{font:750 31px/1.02 inherit;letter-spacing:-1.2px;margin:8px 0}.hero-product p{font-size:13px;color:#777064}.hero-caption{display:block;margin-top:22px;font-size:10px;color:#df614b;font-weight:650}.welcome-games{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}.welcome-games span{padding:9px 12px;background:#ffffffa6;border-radius:20px;font-size:10px;color:#445b88}
body:not(.in-room) footer{border:0;max-width:1100px;margin:25px auto 0;padding:20px 30px;color:#92929e}
/* A single readable 4:3 slide, with original generated art and native text. */
.productslide.prepared-slide{aspect-ratio:4/3;width:100%;height:auto;max-width:640px;flex:0 0 auto;align-self:center;padding:18px;display:grid;grid-template-columns:1.1fr 1fr;gap:12px;background:#fff4df;border:1px solid #e7dbc6;border-radius:19px;overflow:hidden;container-type:inline-size;margin:auto 0}
.prepared-slide .slide-copy{display:flex;flex-direction:column;justify-content:center;gap:10px;min-width:0}.prepared-slide .roundtag{font-size:8px;color:#9d7058;letter-spacing:1.2px}.productslide.prepared-slide h4{font-size:clamp(19px,7cqw,36px);line-height:1.03;max-width:none;letter-spacing:-.8px;overflow-wrap:normal;margin:0;color:#27283d}.productslide.prepared-slide .tagline{font-size:clamp(11px,3.7cqw,18px);max-width:none;line-height:1.35;margin:0;color:#656174}.productslide.prepared-slide .price{font-size:clamp(9px,3cqw,13px);max-width:none;padding:0;color:#a25540;line-height:1.35}.slide-art{display:flex;align-items:center;min-width:0;overflow:hidden;border-radius:14px;background:#fffaf5}.slide-art img{display:block;width:100%;height:100%;object-fit:contain}.slide-art>span{font-size:60px;margin:auto}.prepared-slide[data-theme=blue]{background:#e9f0ff;border-color:#d4e0f5}.prepared-slide[data-theme=lime]{background:#edf4d8;border-color:#dae5bb}.prepared-slide[data-theme=pink]{background:#ffe9ed;border-color:#f3d5dd}.prepared-slide[data-theme=coral]{background:#ffebe1;border-color:#f3d8ca}.deck-caption{font-size:10px;color:#9292a0;margin-left:auto}
@media(max-width:750px){
 body.in-room{--ink:#202335;background:#faf9f6}body.in-room>header{background:#faf9f6}body.in-room .brand{color:#202335;font-size:26px}.roomheading .secondary,.roomheading #pip-expand{color:#202335!important;background:#eeeff3!important;box-shadow:none}
 body.in-room article,body.in-room article.lobby,body.in-room .layout[data-pip-edge="bottom"] article{background:#f0f1f5;border-color:#e5e6ed;border-radius:24px;gap:9px}
 #stage h3{color:#202335}#stage>.muted{color:#818392}.gamecard b{color:#22273e;font-weight:720}.gamecard small{color:#687087}.gamecard .symbol{color:#323b60;background:#fff9}.gamecard.mint{background:#e4eccf}.gamecard.peach{background:#ffe0d3}.gamecard.lilac{background:#e0e7ff}.gamecard:nth-child(4){background:#ffeab6}
 #mobiletabs:not([hidden]){background:#e2e4ed}#mobiletabs button{color:#777d91}#mobiletabs button.active{background:white;color:#282e48}
 #mobileactions button,.formnav button:not(.secondary),#answerform .lock,#pitchtimer,.turnactions button{background:#ec624c!important;color:#fff!important;border-radius:12px!important;box-shadow:0 2px 0 #c84e3b;font-size:12px!important;font-weight:700;min-height:39px!important}
 .turnactions button.secondary{background:#282e48!important;box-shadow:none}.turnbar{background:white;border:1px solid #e4e6ed;border-radius:13px;padding:9px 10px}.turnbar b{color:#353a50}.turnbar #countdown{color:#ec624c;font-size:20px}.twist{background:#fff0ca;border:1px solid #f4dda0}.m-card,.m-card.host{background:white;border:1px solid #e4e6ed}.m-card .m-label{color:#747b92}.formnav .secondary{background:#e2e5ed;color:#48506b}
 #calldock{background:#252a40;border:0;box-shadow:0 5px 20px #20243b15}#calldock button{color:#e9eaf4!important;font-size:10px}#calldock button:before{background-color:#fff;box-shadow:none}#calldock #hangup:before{background-color:#ec624c}
 #mobilemenu{background:#faf9f6;color:#202335}#mobilemenu>button{background:#e9edf5;color:#3f4b70}#mobilemenu .menutitle button{background:#e9edf5;color:#3f4b70}
 .productslide.prepared-slide{padding:14px;gap:10px;border-radius:17px;max-width:100%;margin:auto 0}.prepared-slide .slide-copy{gap:9px}.productslide.prepared-slide h4{font-size:clamp(19px,7cqw,29px)}.prepared-slide .roundtag{font-size:7px;letter-spacing:.9px}
 #mobileactions:not([hidden]){flex-wrap:wrap;min-height:23px}#deck-next{flex-basis:100%!important}.deck-count{color:#697187;font-size:10px}
 body:not(.in-room)>header{padding:19px 22px}body:not(.in-room) main{padding:8px 22px 22px}#welcome{display:flex;flex-direction:column;gap:24px;padding:12px 0;text-align:left}#welcome h1{font-size:43px;letter-spacing:-2px;margin:16px 0}#welcome .lead{font-size:14px;line-height:1.55;margin-bottom:15px}.welcome-copy{width:100%}#joinform{margin-top:22px}.welcome-art{width:100%;max-width:380px;transform:none;padding:19px;border-radius:25px}.hero-product{display:grid;grid-template-columns:1fr 1fr;padding:18px;gap:4px 12px}.hero-number{grid-column:1/-1}.hero-illustration{grid-column:2;grid-row:2/5;height:135px;font-size:60px}.hero-product h2{font-size:25px}.hero-product p{font-size:12px;margin:5px 0}.hero-caption{font-size:9px;margin:7px 0}.welcome-games{margin-top:12px}body:not(.in-room) footer{display:none}
 @media(max-height:720px){.productslide.prepared-slide{padding:12px;gap:8px}.prepared-slide .slide-copy{gap:6px}.productslide.prepared-slide h4{font-size:20px}.productslide.prepared-slide .tagline{font-size:11px}.turnbar{padding:6px 8px}#pitchtimer,.turnactions button{min-height:33px!important;font-size:11px!important}.deck-caption{font-size:9px}}
}
/* The image contains the whole slide, including all text. Never crop it. */
.productslide.complete-slide{display:flex;align-items:center;justify-content:center;aspect-ratio:auto;background:transparent;border:0;padding:0;width:100%;max-width:900px;margin:0 auto;overflow:hidden}
.complete-slide img{display:block;width:100%;height:auto;object-fit:contain;border-radius:14px;max-height:100%;}
@media(max-width:750px){.productslide.complete-slide{flex:1 1 0;min-height:0;margin:0;padding:0;gap:0}.complete-slide img{width:100%;height:100%;object-fit:contain;border-radius:12px}.hero-illustration{grid-column:1/-1;grid-row:auto;height:auto;aspect-ratio:4/3}.hero-illustration img{width:100%;height:100%;object-fit:contain;border-radius:12px}}
#mobilemore{display:block}
.hero-product h2{font-family:inherit;font-size:31px;font-weight:750;line-height:1.02}
@media(max-width:750px){.hero-product h2{font-size:25px}.hero-caption{grid-column:1/-1}}
/* A mobile entrance: useful actions first, one compact preview. */
@media(max-width:750px){
 body:not(.in-room)>header{height:58px;padding:14px 20px}body:not(.in-room) header .brand{font-size:26px}body:not(.in-room) header .pill{font-size:9px;padding:7px 9px}
 body:not(.in-room) main{padding:6px 20px 18px}#welcome{gap:12px;padding:4px 0;width:100%;align-items:stretch}.welcome-copy{display:contents}.welcome-copy .eyebrow{order:0;font-size:9px;margin:3px 0 0}#welcome h1{order:1;font-size:37px;line-height:1.04;letter-spacing:-1.7px;margin:0}#welcome .lead{order:2;font-size:13px;line-height:1.45;margin:0}.welcome-tags{display:none}
 .welcome-art{order:3;display:grid;grid-template-columns:116px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;column-gap:12px;background:#edf0f7;padding:10px;max-width:none;border-radius:17px;width:100%;min-height:108px}
 .hero-product{display:contents}.preview-badge{grid-column:2;grid-row:1;align-self:end;font-size:8px;line-height:1.6;letter-spacing:1.1px;margin:0}.hero-illustration{grid-column:1;grid-row:1/3;aspect-ratio:4/3;height:auto;width:100%;font-size:45px;border-radius:10px;overflow:hidden;background:#fff5e2}.hero-illustration img{height:100%;width:100%;object-fit:contain}.hero-caption{grid-column:2;grid-row:2;align-self:start;font-size:11px;line-height:1.4;margin:5px 0 0}.hero-number,.welcome-games{display:none}.hero-product h2,.hero-product p{display:none}
 #joinform{order:4;margin:2px 0 0}.entry{gap:8px}.entry input{height:45px;padding:11px 13px}.entry button{height:45px}#joinform label{font-size:11px;margin-bottom:7px}#solo{order:5;margin:0;height:40px;padding:10px;font-size:12px}.welcome-copy .fine{order:6;font-size:9px;line-height:1.45;margin:0}
 @media(max-height:640px){#welcome{gap:9px}#welcome h1{font-size:33px}.welcome-art{grid-template-columns:96px 1fr;min-height:86px;padding:8px}body:not(.in-room)>header{height:51px}#welcome .lead{font-size:12px}.entry input,.entry button{height:42px}#solo{height:36px}}
}
/* Short visual viewports get more game space without hiding call controls. */
@media(max-width:750px) and (max-height:640px){
 body.in-room{grid-template-rows:50px minmax(0,1fr)}body.in-room>header{height:50px;padding:7px}.roomheading{top:calc(var(--app-top,0px) + 6px)}
 body.in-room .layout{grid-template-rows:minmax(84px,22%) minmax(0,1fr);bottom:calc(74px + env(safe-area-inset-bottom));gap:8px}
 body.in-room article,body.in-room article.lobby{padding:9px!important;gap:6px;border-radius:19px}
 #calldock{height:64px;margin-bottom:4px;padding:5px 8px;border-radius:19px}#calldock button{min-height:50px}#calldock button:before{width:31px;height:31px;margin-bottom:3px;background-size:18px}
 .gamecard{padding:7px;gap:4px}.gamecard .symbol{width:29px;height:29px;font-size:18px}.gamecard b{font-size:11px}.gamecard small{display:none}article.lobby #stage h3{font-size:19px}
 #stage{gap:6px}#stage h3{font-size:15px;line-height:1.2}#answerform{gap:5px}.formnav button:not(.secondary),#answerform .lock,#mobileactions button{min-height:33px!important;font-size:11px!important;padding:7px}
 .m-card{padding:9px}.m-card p{font-size:13px;line-height:1.35}.turnbar{padding:5px 8px}.turnbar #countdown{font-size:17px}.twist{padding:5px 7px;font-size:8px;line-height:1.4}.twist b{font-size:9px}
}
@media(max-width:750px){
 article.lobby #catalog{grid-template-rows:1fr 1fr 1fr}.gamecard[data-game=pitch]{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:flex-start;gap:12px;background:#dfe8ff}.gamecard[data-game=pitch] .symbol{background:#fff;color:#375bb5}.gamecard[data-game=pitch] small{display:block;font-size:10px}.gamecard[data-game=fix]{background:#ffdfcf}.gamecard[data-game=choose]{background:#efe0f8}.gamecard{gap:5px;padding:10px}.gamecard .symbol{width:34px;height:34px;font-size:22px}
 @media(max-height:640px){.gamecard{padding:7px;gap:3px}.gamecard .symbol{width:25px;height:25px;font-size:17px}.gamecard[data-game=pitch] .symbol{width:35px;height:35px}.gamecard b{font-size:10px;line-height:1.15}}
}
.number-form{justify-content:center;gap:12px!important}.number-input{background:white;border:1px solid #e2e6ee;border-radius:15px;padding:10px 12px}.number-input label{color:#4d556e!important;font-weight:650}.number-input .scale{background:transparent;padding:4px 0;min-height:38px}.number-input .scale input{accent-color:#ec624c}.number-input output{color:#ec624c}.number-form .lock{margin-top:auto!important}
.number-result{display:flex;flex:1;flex-direction:column;justify-content:center;gap:12px}.result-kicker{font-size:9px;letter-spacing:1.3px;color:#7a829a}.number-result>strong{font-size:40px;letter-spacing:-1.5px;color:#ec624c}.number-result p{font-size:12px;color:#7a829a;margin:0}.number-table{display:grid;grid-template-columns:1fr 70px 70px;gap:12px 8px;align-items:center;background:white;border-radius:17px;padding:16px;font-size:13px}.number-table>span{color:#81899f}.number-table>strong{font-size:24px;color:#29334f}.number-table>span:nth-child(-n+3){font-size:9px}.number-result small{font-size:9px;color:#81899f}
@media(max-width:750px) and (max-height:640px){.number-form{gap:7px!important}.number-input{padding:7px 10px}.number-input .scale{min-height:30px;padding:2px 0}.number-result{gap:8px}.number-result>strong{font-size:32px}.number-table{padding:12px;gap:8px}}
.roomheading #browse-games{margin-right:auto}
@media(max-width:750px){.roomheading #browse-games{width:auto;min-width:62px;padding:8px 12px!important;border-radius:13px!important;font-size:12px;font-weight:700;background:#e7edf9!important;color:#37537f!important}.roomheading #mobilemore{margin-left:auto}#mobilemenu #pip-expand{display:block;position:static;font-size:14px;min-height:44px;width:100%;border-radius:14px;color:#3f4b70;background:#e9edf5;margin-top:8px}body.in-room.keyboard #browse-games{display:none}}
.number-input input[type=range]{-webkit-appearance:none;appearance:none;background:#e3e7ef;border:0;height:7px;border-radius:10px;padding:0;cursor:pointer}
.number-input input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:23px;height:23px;border-radius:50%;background:#ec624c;border:3px solid white;box-shadow:0 1px 5px #bd58483b}
.number-input input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#ec624c;border:3px solid white;box-shadow:0 1px 5px #bd58483b}
.number-input input[type=range]:focus-visible{outline:2px solid #a9bde9;outline-offset:6px}
/* Quiet, tactile controls: no raised edges or competing pitch actions. */
button{transition:background-color .15s,opacity .15s,transform .12s;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
button:hover{transform:none}button:active{transform:scale(.98);filter:none}
.entry button,#solo{box-shadow:none;border-radius:16px}
.pitch-wait{font-size:11px;color:#858b9b;text-align:center;padding:10px}.pitch-done{justify-content:center;color:#677089;font-size:12px}
@media(max-width:750px){
 #pitchtimer,.turnactions button,#mobileactions button,.formnav button:not(.secondary),#answerform .lock{box-shadow:none!important;border:0!important;border-radius:16px!important;min-height:42px!important;background:#ec624c!important;color:#fff!important;font-size:13px!important;font-weight:650;letter-spacing:-.15px}
 .turnactions{display:flex}.turnactions button{width:100%}
 #pitchtimer:active,.turnactions button:active,#mobileactions button:active{background:#db5642!important}
 .turnbar{border:0;background:#e6e9f0;border-radius:14px;padding:11px 12px}.turnbar #countdown{font-size:22px;font-weight:650}.turnbar b{font-weight:600}
 #calldock{background:#252a40;border-radius:24px}#calldock button:before{background-color:#edf0fa;box-shadow:none;width:36px;height:36px}#calldock #hangup:before{background-color:#ec624c}
 #mobilemenu>button{background:transparent;border-radius:12px;border-bottom:1px solid #e6e7ed;text-align:left;padding:13px 9px}#mobilemenu>button:active{background:#eeeef4}
 @media(max-height:640px){#pitchtimer,.turnactions button,#mobileactions button,.formnav button:not(.secondary),#answerform .lock{min-height:35px!important;font-size:12px!important;border-radius:13px!important}.turnbar{padding:7px 10px}.turnbar #countdown{font-size:19px}#calldock button:before{width:31px;height:31px}}
}
/* A growing library of equal-size, illustrated game covers. */
#catalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.gamecard.cover-card{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;grid-column:auto!important;padding:0!important;margin:0;border:0;border-radius:17px;overflow:hidden;background:#171b32!important;color:white;box-shadow:0 3px 9px #19223a12;text-align:left;width:100%;height:auto;min-height:0}
.cover-card:after{display:none!important}.cover-card img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:#171b32}.cover-card .cover-meta{font-size:10px;line-height:1.3;padding:9px 10px;color:#c9cde1;background:#20253e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cover-card:hover{box-shadow:0 5px 16px #17234726;transform:none}.cover-card:active{transform:scale(.975)}.cover-card:disabled{opacity:.76}
@media(max-width:750px){
 article.lobby #catalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:max-content;align-content:start;gap:10px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#bac2d8 transparent;padding:0 2px 6px 0;min-height:0;flex:1}
 .gamecard.cover-card{border-radius:14px}.cover-card .cover-meta{font-size:9px;padding:8px 8px}.cover-card img{aspect-ratio:4/3;height:auto;max-height:none}
 article.lobby #stage h3{font-size:23px;letter-spacing:-.7px}article.lobby #stage>.muted{font-size:11px;margin-bottom:4px}
 @media(max-height:640px){article.lobby #stage h3{font-size:20px}.cover-card .cover-meta{font-size:8px;padding:7px}.gamecard.cover-card{border-radius:12px}}
}
/* An intentional interlude while a fresh prompt is prepared. */
.loading-scene{background:#171b32;color:#fff9ef;border-radius:20px;display:flex;flex:1;min-height:0;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:20px;overflow:hidden;width:100%}
#stage .loading-scene h3{color:#fff9ef;font-family:inherit;font-weight:800;font-size:clamp(28px,7vw,42px);line-height:1.02;letter-spacing:-1.3px;margin:16px 0 10px}.loading-scene p{font-size:13px;line-height:1.5;color:#c2c8e1;margin:0}
.shuffle-art{position:relative;width:170px;height:100px;flex-shrink:0}.shuffle-card{position:absolute;top:5px;left:50px;width:65px;height:85px;border-radius:14px;display:grid;place-items:center;font-size:38px;font-weight:800;box-shadow:0 5px 0 #0002;transform-origin:50% 120%;animation:shuffle 2.8s ease-in-out infinite;will-change:transform}.card-a{background:#4166eb;color:#ddecff;--angle:-22deg;--offset:-28px;animation-delay:-.35s}.card-b{background:#ef715d;color:#fff3cf;--angle:0deg;--offset:0px;animation-delay:-.15s}.card-c{background:#d7ee86;color:#202b35;--angle:22deg;--offset:28px}.shuffle-dot{position:absolute;right:0;top:3px;width:9px;height:9px;background:#ef715d;border-radius:50%;animation:loader-pop 2.8s ease-in-out infinite}
@keyframes shuffle{0%,100%{transform:translateX(var(--offset)) rotate(var(--angle))}40%{transform:translateX(0) translateY(-10px) rotate(0deg)}65%{transform:translateX(var(--offset)) translateY(-3px) rotate(var(--angle))}}
@keyframes loader-pop{0%,100%{transform:scale(.7);opacity:.4}50%{transform:scale(1.3);opacity:1}}
@media(max-width:750px) and (max-height:640px){.loading-scene{padding:12px}.shuffle-art{height:78px;transform:scale(.8);margin-top:-5px}#stage .loading-scene h3{font-size:29px;margin:7px 0 8px}.loading-scene p{font-size:12px}}
@media(prefers-reduced-motion:reduce){.shuffle-card,.shuffle-dot{animation:none}.shuffle-card{transform:translateX(var(--offset)) rotate(var(--angle))}}
/* Keep the answer usable above the phone keyboard, regardless of iOS resize mode. */
@media(max-width:750px){
 body.in-room.keyboard{grid-template-rows:minmax(0,1fr)}body.in-room.keyboard>header,body.in-room.keyboard .roomheading,body.in-room.keyboard #calldock{display:none!important}
 body.in-room.keyboard .layout{inset:6px 10px 6px;grid-template-rows:58px minmax(0,1fr);gap:7px;height:auto}
 body.in-room.keyboard article{padding:8px 10px!important;height:100%;min-height:0;border-radius:16px;gap:5px}
 body.in-room.keyboard .layout aside .video{border-radius:12px}.keyboard .placeholder b{display:none!important}.keyboard .layout aside .placeholder span{font-size:20px!important}.keyboard .layout aside .videolabel{font-size:8px!important;padding:3px 6px!important;bottom:4px!important}
 body.in-room.keyboard #mobiletabs:not([hidden]){height:28px;min-height:28px;padding:2px}body.in-room.keyboard #stage{overflow-y:auto;overscroll-behavior:contain;gap:5px;min-height:0}body.in-room.keyboard #stage h3{font-size:15px;line-height:1.2;margin:0;flex-shrink:0}
 body.in-room.keyboard #stage>.roundtag{display:none}body.in-room.keyboard #answerform{flex:1;min-height:120px;gap:5px}body.in-room.keyboard textarea{font-size:16px!important;min-height:48px;padding:8px;flex:1}body.in-room.keyboard .formnav{flex-shrink:0}body.in-room.keyboard .formnav button,body.in-room.keyboard #answerform .lock{min-height:35px!important;padding:8px;font-size:12px!important}
}

@media(max-width:750px){body.in-room.keyboard .layout aside .video.local{width:calc(50% - 4px)!important;height:100%!important}}
/* Together: the illustrated game-cover identity, carried through the whole call. */
:root{--paper:#171b32;--ink:#fff9ef;--accent:#ef715d;--line:#353951;--green:#ef715d}
body{background:#171b32;color:#fff9ef}body:not(.in-room)>header{padding-top:20px}.brand,body.in-room .brand{color:#fff9ef!important;font-weight:850;letter-spacing:-1.7px}body:not(.in-room) header .pill{background:#292e49;color:#d9ee95}
#welcome h1{font-weight:900;letter-spacing:-3px;line-height:.98;color:#fff9ef}#welcome h1 em{color:#d7ee86;font-weight:900}.welcome-copy .eyebrow{color:#ef715d;font-weight:800}#welcome .lead{color:#c4c6d8}.welcome-tags span{border-color:#434762;color:#ded8ed}.welcome-copy .fine{color:#a1a7c1}.entry input{background:#252a43;color:#fff9ef;border-color:#464b67}.entry input::placeholder{color:#aaaec5}.entry button{background:#ef715d;color:#171b32;font-weight:800}#solo{background:#2b304b;color:#fff9ef}.welcome-art.cover-world{background:none;transform:none;padding:0}.cover-stack{height:370px;position:relative;isolation:isolate}.hero-cover{position:absolute;width:78%;aspect-ratio:4/3;object-fit:contain;border-radius:22px;box-shadow:0 18px 40px #07091866;border:1px solid #ffffff15}.hero-cover-a{left:0;top:0;transform:rotate(-9deg);z-index:1}.hero-cover-b{right:0;top:65px;transform:rotate(8deg);z-index:2}.hero-cover-c{left:8%;top:145px;transform:rotate(-3deg);z-index:3}.cover-world-caption{color:#d7ee86;font-size:10px;letter-spacing:2px;font-weight:750;text-align:center;margin:22px 0 0}
body.in-room,body.in-room>header{background:#171b32!important}body.in-room article,body.in-room article.lobby,body.in-room .layout[data-pip-edge="bottom"] article{background:#222740!important;border-color:#363c58!important;box-shadow:none;color:#fff9ef}#stage h3{color:#fff9ef!important;font-weight:800;letter-spacing:-.65px}#stage>.muted,.roundtag{color:#aeb4cf!important}article.lobby #stage h3{font-size:28px!important;letter-spacing:-1px}#catalog .cover-meta{color:#d5d9ee}
.roomheading #browse-games{background:#d7ee86!important;color:#171b32!important}.roomheading #mobilemore{background:#2d334f!important;color:#fff9ef!important}.roomheading .secondary{border:0!important}#calldock{background:#242a43!important;border:1px solid #3a4059!important;box-shadow:none!important}#calldock button:before{background-color:#d9d0f1!important}#calldock #hangup:before{background-color:#ef715d!important}#calldock button{color:#e4e2f0!important}
#mobiletabs:not([hidden]){background:#343951}#mobiletabs button{color:#bfc3d6}#mobiletabs button.active{background:#d9d0f1;color:#171b32}.turnbar{background:#303650!important;border:0!important}.turnbar b{color:#fff9ef}.turnbar small{color:#b7bed8}.turnbar #countdown{color:#d7ee86}.pitch-wait,.pitch-done,.deck-caption,.deck-count,.mobilecaption{color:#bcc2da}.deck-count{color:#d7ee86}.waiting,.waiting.preparing{background:#303650!important;color:#f5f0e9}.waiting small{color:#c2c7db}
#answerform label{color:#cec8e4!important}#answerform textarea,#answerform input:not([type=range]):not([type=hidden]){background:#fff9ef!important;color:#20243b;border:0!important;border-radius:14px;font:500 16px/1.4 inherit;padding:12px}#answerform textarea::placeholder{color:#838294}.number-input{background:#303650;border:0}.number-input label{color:#e7e1f3!important}.number-input output{color:#d7ee86}.number-input input[type=range]{background:#575d76}.number-input input[type=range]::-webkit-slider-thumb{background:#d7ee86;border-color:#171b32}.number-result>strong{color:#d7ee86}.number-table{background:#303650;color:#fff9ef}.number-table>strong{color:#d7ee86}.number-table>span,.number-result p,.number-result small,.result-kicker{color:#bbc1d8}.m-card,.m-card.host{background:#303650;border:0;color:#fff9ef}.m-card .m-label{color:#d9d0f1}.m-card p{color:#fff9ef}.hostnote,.answerbox{background:#303650;color:#fff9ef;border-color:#464b65}.formnav .secondary{background:#434960;color:#fff9ef}
#mobileactions button,.formnav button:not(.secondary),#answerform .lock,#pitchtimer,.turnactions button{background:#ef715d!important;color:#171b32!important;font-weight:800!important;border-radius:14px!important}.complete-slide{border-radius:16px;overflow:hidden}.fine{color:#aeb5cf}
#mobilemenu,dialog{background:#222740;color:#fff9ef;border:1px solid #484e69;border-radius:26px;max-width:min(430px,calc(100vw - 24px));padding:24px}dialog::backdrop{background:#0a0e24b3;backdrop-filter:blur(8px)}#mobilemenu>button,#mobilemenu .menutitle button,#mobilemenu #pip-expand{background:#303650;color:#fff9ef;border-color:#464c65}dialog h2{font-size:36px;line-height:1;letter-spacing:-1.5px;margin:18px 0;color:#fff9ef}dialog p{color:#c6cbe0;font-size:13px;line-height:1.6}dialog button{min-height:42px}#voice-allow{width:100%;background:#d7ee86;color:#171b32;font-weight:800;margin:8px 0}#voice-cancel{width:100%}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.dialog-heading h2{font-size:25px}.dialog-heading button{background:#353c58;color:#fff9ef}.transcript-list{max-height:55dvh;overflow:auto;overscroll-behavior:contain}.transcript-list section{background:#303650;border-radius:17px;padding:14px;margin:10px 0}.transcript-list b{color:#d7ee86;font-size:12px}.transcript-list p{font-size:15px;line-height:1.55;margin:8px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}
.mode-kicker{color:#d9d0f1;font-size:9px;font-weight:750;letter-spacing:1.8px}.voice-strip{display:flex;align-items:center;gap:7px;flex-shrink:0;min-height:28px;font-size:10px;color:#c6cce0}.voice-dot{width:6px;height:6px;background:#d7ee86;border-radius:50%;flex-shrink:0}.voice-strip #voice-status{flex:1;line-height:1.3}.voice-text-button{background:transparent!important;color:#d9d0f1!important;font-size:11px!important;padding:5px 2px!important;min-height:28px!important;border:0!important;text-decoration:underline;text-underline-offset:3px;box-shadow:none!important}.spoken-round,.spoken-result{display:flex;flex:1;min-height:0;flex-direction:column;gap:10px;justify-content:center}.spoken-round h3{font-size:clamp(21px,5.5vw,30px)!important;line-height:1.13!important;margin:0!important}.spoken-round .speaker-name{font-weight:800;font-size:19px;color:#fff9ef}.spoken-help{font-size:12px;line-height:1.45;color:#bec4db;margin:0}.spoken-round #countdown{font-size:31px;color:#d7ee86;letter-spacing:-1px}.speaking-orb{display:flex;align-items:center;justify-content:center;gap:7px;height:66px;flex-shrink:0;margin:8px 0}.speaking-orb i{width:13px;height:35px;background:#ef715d;border-radius:12px;animation:voice-bob 1.5s ease-in-out infinite}.speaking-orb i:nth-child(2){height:58px;background:#d9d0f1;animation-delay:-.3s}.speaking-orb i:nth-child(3){height:66px;background:#d7ee86;animation-delay:-.6s}.speaking-orb i:nth-child(4){height:48px;background:#4166eb;animation-delay:-.9s}.speaking-orb i:nth-child(5){animation-delay:-1.2s}.spoken-result h3{font-size:38px!important;line-height:1!important}.spoken-result .verdict{font-size:16px;line-height:1.5;overflow:auto;min-height:0;flex:1;margin:0}.spoken-result>button:not(.voice-text-button){min-height:42px;background:#ef715d;color:#171b32}.spoken-round>button:not(.voice-text-button){min-height:42px;background:#d7ee86;color:#171b32}.spoken-round #type-fix{margin-top:auto}.spoken-result .verdict{color:#f4efe8}
@keyframes voice-bob{0%,100%{transform:scaleY(.65)}50%{transform:scaleY(1)}}
@media(max-width:750px){body:not(.in-room)>header{padding:13px 20px}body:not(.in-room) main{padding:0 22px}#welcome{gap:15px;padding:10px 0;display:flex;flex-direction:column}.welcome-copy{width:100%}#welcome h1{font-size:44px;line-height:.98;margin:12px 0;letter-spacing:-2px}#welcome .lead{font-size:13px;line-height:1.4;margin-bottom:10px}.welcome-tags{display:none}#joinform{margin-top:14px}.entry{gap:8px}.entry input,.entry button{height:46px;min-height:46px}#solo{height:38px;min-height:38px;margin-top:8px}.welcome-copy .fine{font-size:9px;line-height:1.4;margin-top:10px}.welcome-art.cover-world{width:100%;max-width:330px}.cover-stack{height:155px}.hero-cover{width:52%;border-radius:12px}.hero-cover-a{top:0;left:0}.hero-cover-b{top:18px;right:0}.hero-cover-c{top:40px;left:24%}.cover-world-caption{font-size:8px;margin:12px 0 0;letter-spacing:1.3px}#mobileactions{gap:5px}.voice-strip{font-size:9px}.spoken-round{gap:7px}.spoken-round h3{font-size:23px!important}.spoken-round .speaking-orb{height:52px;margin:0;transform:scale(.8)}.spoken-round .speaker-name{font-size:17px}.spoken-round #countdown{font-size:25px}.spoken-help{font-size:11px}#stage:has(.spoken-round),#stage:has(.spoken-result){overflow-y:auto;overscroll-behavior:contain}.private-form{justify-content:center}.private-form input{width:100%;min-height:46px}.private-form .lock{margin-top:auto!important}.private-note{color:#d9d0f1;font-size:10px;line-height:1.4;margin:0}}
@media(max-width:750px) and (max-height:640px){#welcome h1{font-size:36px}.cover-stack{height:115px}.hero-cover{width:44%}.hero-cover-c{top:18px;left:28%}.hero-cover-b{top:3px}.cover-world-caption{margin:6px 0}.welcome-art.cover-world{max-width:300px}#welcome{gap:10px}.spoken-round h3{font-size:18px!important}.spoken-round .speaking-orb{height:30px;transform:scale(.5);margin:-6px 0}.spoken-round{gap:5px}.spoken-result h3{font-size:28px!important}.spoken-result .verdict{font-size:13px}.spoken-help{font-size:10px}.spoken-round #countdown{font-size:21px}}
@media(prefers-reduced-motion:reduce){.speaking-orb i{animation:none}}
/* Readable game previews, with no overlap or rotated text. */
.cover-stack{display:grid;grid-template-columns:1fr 1fr;gap:12px;height:auto!important;align-items:center}.hero-cover{position:static;width:100%!important;transform:none!important;border-radius:17px;box-shadow:none}.cover-world-caption{margin-top:15px}.welcome-art.cover-world{max-width:none}body:not(.in-room) header .pill{display:none}
@media(max-width:750px){.welcome-art.cover-world{max-width:none;width:100%}.cover-stack{gap:10px}.hero-cover{border-radius:12px}.cover-world-caption{margin-top:10px;font-size:8px}.welcome-copy .eyebrow{display:none}#welcome{gap:20px}body:not(.in-room) main{padding:0 20px}#welcome h1{font-size:46px;margin:10px 0 14px}}
@media(max-width:750px) and (max-height:640px){#welcome{gap:12px}#welcome h1{font-size:38px;margin:6px 0 10px}.welcome-copy .fine{font-size:8px}.cover-world-caption{margin-top:7px}}
.spoken-round{overflow-y:auto;justify-content:flex-start;overscroll-behavior:contain;padding:2px}.spoken-round>*{flex-shrink:0}.spoken-round .speaker-name{display:none}.spoken-round #type-fix{margin-top:0}.spoken-round h3{max-height:150px;overflow-y:auto;overscroll-behavior:contain}.spoken-round #voice-enable{background:#d7ee86;color:#171b32;min-height:40px}.voice-strip{position:relative;background:#222740;z-index:1}.spoken-round .speaking-orb{height:36px;transform:scale(.6);margin:-4px 0}
@media(max-width:750px){.spoken-round h3{font-size:21px!important;max-height:120px}.spoken-round{gap:6px}.spoken-round #countdown{font-size:24px}.spoken-round .speaking-orb{height:26px;transform:scale(.42);margin:-4px 0}}
@media(max-width:750px) and (max-height:640px){.spoken-round h3{font-size:17px!important;max-height:95px}.spoken-round .speaking-orb{display:none}.spoken-round{gap:5px}.spoken-round .spoken-help{font-size:10px}}
.brand{display:inline-flex!important;align-items:center;gap:6px}.brand .brand-mark{display:block!important;width:39px;height:36px;border-radius:11px;background-image:url('/slides/together-logo-v1.png');background-size:96px 96px;background-position:center -21px;background-repeat:no-repeat;flex-shrink:0}.brand span.brand-mark{font-size:0!important}body.in-room .brand{font-size:25px!important}.brand .brand-mark:after{content:none}
body.in-room .layout aside .video.active-speaker{outline:2px solid #d7ee86;outline-offset:-2px}.active-speaker .videolabel:before{content:'● ';color:#d7ee86}.prep-ready{background:#d7ee86!important;color:#171b32!important;min-height:40px;font-weight:800}.pitch-feedback{background:#303650;border-radius:16px;padding:12px;flex-shrink:0;max-height:190px;overflow:auto}.score-line{display:flex;justify-content:space-between;align-items:center;gap:8px}.score-line>b{color:#d7ee86;font-size:32px;letter-spacing:-1.5px}.score-line small{font-size:15px;color:#acb4ce}.score-line>span{font-size:11px;color:#d9d0f1}.pitch-feedback p{font-size:12px;line-height:1.45;margin:6px 0;color:#f6efe8}.matchup-winner{color:#d7ee86;font-size:12px}.inline-transcript{font-size:12px;color:#c8cee2;max-height:160px;overflow:auto;flex-shrink:0}.inline-transcript summary{padding:10px 0;cursor:pointer;color:#d9d0f1}.inline-transcript p{line-height:1.5;white-space:pre-wrap}.inline-transcript b{color:#d7ee86}
/* Legible call chrome on every viewport, including the desktop side panel. */
body .video,body .video.local,body .video.remote{background:#252b45!important}body .video .placeholder,body.in-room .layout aside .placeholder{background:#252b45!important;color:#fff9ef!important}body .video .placeholder b,body.in-room .layout aside .placeholder b{color:#fff9ef!important}body .video .placeholder small{color:#c3cbe3!important}body .video .placeholder span{color:#d9d0f1!important}body .layout aside .videolabel,body.in-room .layout aside .local .videolabel,body.in-room .layout aside .remote .videolabel{background:#10182ee8!important;color:#fff!important;backdrop-filter:blur(8px)}body .audiometer,body #videostatus{color:#c1cae4!important}.placeholder[hidden]{display:none!important}
/* Call-first landing: one clear action, generous artwork, no pretend app navigation. */
body:not(.in-room){background:#090f24}body:not(.in-room)>header{border:0;justify-content:center;padding:19px 22px}body:not(.in-room) main{max-width:1100px;padding:15px 32px 32px}#welcome.call-landing{display:grid;grid-template-columns:1fr 1.15fr;gap:20px 50px;align-items:center;padding:10px 0}.landing-intro{grid-column:1;grid-row:1}.landing-visual{grid-column:2;grid-row:1/3}.landing-entry{grid-column:1;grid-row:2}.landing-visual img{display:block;width:100%;height:auto;object-fit:contain;border-radius:25px}#welcome.call-landing h1{font-size:52px;font-weight:850;letter-spacing:-2.4px;line-height:1.03;margin:0 0 15px}#welcome.call-landing h1 em{color:#62aaff;font-weight:850}#welcome.call-landing .lead{font-size:17px;color:#b7c7e1;margin:0}.landing-entry #joinform{margin:0}.landing-entry #joinform label{color:#c0cce0;font-size:11px;margin:0 0 7px}.landing-entry .entry input{background:#152039;border:1px solid #3b506f;color:#fff;font-size:16px}.landing-entry .entry button{background:linear-gradient(165deg,#2279e9,#1952b3);border:1px solid #569fee;color:#fff;box-shadow:0 3px 18px #1976e831,inset 0 1px 0 #ffffff26;font-size:17px;font-weight:750;border-radius:18px;height:53px}.landing-entry #solo{background:#152039;border:1px solid #2c3e5b;color:#d3dff2;font-size:12px}.landing-entry .fine{color:#a8b7d1;font-size:10px;text-align:center;line-height:1.5;margin:14px 0 0}.landing-entry #joinbutton:before{content:'↗';display:inline-block;margin-right:10px;color:#b8ddff}body:not(.in-room) .brand{font-size:29px}
@media(max-width:750px){body:not(.in-room)>header{padding:13px 20px;height:60px}body:not(.in-room) main{padding:0 22px 18px}#welcome.call-landing{display:flex;flex-direction:column;gap:13px;padding:3px 0;width:100%}.landing-intro,.landing-entry,.landing-visual{width:100%}.landing-intro{text-align:center}#welcome.call-landing h1{font-size:39px;line-height:1.02;letter-spacing:-1.7px;margin:0 0 9px}#welcome.call-landing .lead{font-size:13px;line-height:1.4}.landing-visual img{height:min(29dvh,215px);width:100%;object-fit:contain;border-radius:20px}.landing-entry .entry{gap:9px}.landing-entry #joinform label{display:none}.landing-entry .entry input{height:44px;min-height:44px}.landing-entry .entry button{height:49px;min-height:49px;font-size:16px}.landing-entry #solo{height:35px;min-height:35px;margin:9px 0 0}.landing-entry .fine{font-size:8px;line-height:1.4;margin:9px 0 0}}
@media(max-width:750px) and (max-height:640px){body:not(.in-room)>header{height:49px;padding:8px 20px}#welcome.call-landing{gap:9px}#welcome.call-landing h1{font-size:33px;margin-bottom:6px}#welcome.call-landing .lead{font-size:12px}.landing-visual img{height:min(26dvh,153px)}.landing-entry .entry input{height:40px;min-height:40px}.landing-entry .entry button{height:45px;min-height:45px}.landing-entry #solo{height:31px;min-height:31px;margin-top:7px}.landing-entry .fine{font-size:7.5px;margin-top:7px}}
.private-reveal{display:flex;flex-direction:column;gap:10px;overflow-y:auto;min-height:0;flex:1;overscroll-behavior:contain}.private-reveal section{background:#303650;border-radius:14px;padding:12px}.private-reveal section b{color:#d7ee86;font-size:11px}.private-reveal section p{font-size:15px;line-height:1.4;margin:6px 0;overflow-wrap:anywhere}.private-reveal section small{font-size:11px;color:#c5cce3}.private-host{font-size:12px;line-height:1.5;color:#ded9ee;margin:2px 0}.private-reveal>h3{font-size:24px!important;margin:0!important}
@media(max-width:750px) and (max-height:640px){.private-reveal{gap:7px}.private-reveal section{padding:9px}.private-reveal section p{font-size:13px}.private-reveal>h3{font-size:20px!important}}
.number-table{grid-template-columns:1fr 70px}.universe-choices{display:grid;grid-template-columns:1fr 1fr;gap:10px;flex:1;min-height:0}.universe-choices button{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px;text-align:left;white-space:normal;background:#333e68!important;color:#fff9ef!important;border-radius:18px;padding:14px;font-size:14px;line-height:1.3;font-weight:700}.universe-choices button:nth-child(2){background:#5a4173!important}.universe-choices button:nth-child(3){background:#5c443e!important}.universe-choices button:nth-child(4){background:#355456!important}.universe-choices button span{font-size:28px;color:#d7ee86}.universe-choices button:active{outline:2px solid #d7ee86;outline-offset:-2px}.matching-form{justify-content:center!important;gap:12px!important}.matching-form input{min-height:54px!important;font-size:18px!important}.matching-form .lock{margin-top:12px!important}.number-form .number-input{padding:20px 12px}.number-form .scale{min-height:60px}.number-form output{font-size:30px}.number-form .private-note{font-size:12px}
@media(max-width:750px) and (max-height:640px){.universe-choices{gap:7px}.universe-choices button{font-size:12px;padding:10px;gap:4px}.universe-choices button span{font-size:22px}.number-form .number-input{padding:13px 10px}}
body[data-game=pitch][data-turn=done] .complete-slide,body[data-game=pitch][data-turn=reviewing] .complete-slide{flex:0 0 23%;min-height:60px;max-height:145px;align-self:center;width:100%;background:transparent}body[data-game=pitch][data-turn=done] .pitch-feedback{flex:1;min-height:0;max-height:none;display:flex;flex-direction:column;gap:8px;padding:16px;background:#303650}body[data-game=pitch][data-turn=done] .score-line>b{font-size:57px;line-height:1;letter-spacing:-2.5px}.score-line>b small{font-size:20px;letter-spacing:-.5px}.pitch-ratings{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.pitch-ratings>div{display:flex;flex-direction:column;gap:6px;background:#242a43;border-radius:13px;padding:10px}.pitch-ratings span{font-size:10px;color:#cbd2e9}.pitch-ratings b{font-size:23px;color:#d9d0f1}.pitch-ratings small{font-size:10px;color:#b7bfd8}.pitch-ratings i{height:4px;border-radius:5px;background:linear-gradient(to right,#d7ee86 var(--rating),#505773 var(--rating))}.pitch-feedback .mode-kicker{font-size:8px}.pitch-feedback .score-line>span{font-size:13px}.pitch-feedback p{font-size:13px;line-height:1.4}.matchup-winner{margin-top:auto;background:#d7ee86;color:#171b32;padding:9px 12px;border-radius:12px;font-size:12px}.pitch-ratings+ p{margin:0}
@media(max-width:750px) and (max-height:640px){body[data-game=pitch][data-turn=done] .complete-slide{flex-basis:18%;max-height:75px}body[data-game=pitch][data-turn=done] .pitch-feedback{padding:11px;gap:6px}body[data-game=pitch][data-turn=done] .score-line>b{font-size:42px}.pitch-ratings>div{padding:8px;gap:4px}.pitch-ratings b{font-size:19px}.pitch-feedback p{font-size:11px}.pitch-feedback .mode-kicker{font-size:7px}}
#call-gate{display:flex;flex-direction:column;justify-content:center;gap:11px;flex:1;min-height:0;padding:8px}#call-gate h3{font-size:34px!important;line-height:1.02!important;margin:0!important}#call-gate p{font-size:13px;line-height:1.45;color:#c6cee4;margin:0}#call-gate button:not(.voice-text-button){min-height:43px;background:#d7ee86;color:#171b32;white-space:normal;font-weight:800}#call-gate button.secondary{background:#3b456b;color:#fff9ef;border:0}.gate-art{font-size:38px;line-height:1;color:#d9d0f1;margin-bottom:3px}
@media(max-width:750px) and (max-height:640px){#call-gate{gap:8px;padding:2px}#call-gate h3{font-size:26px!important}#call-gate p{font-size:11px}.gate-art{font-size:27px}#call-gate button:not(.voice-text-button){min-height:36px;padding:9px}}
@media(min-width:751px){
 body.in-room{height:100dvh;overflow:hidden;display:grid;grid-template-rows:72px minmax(0,1fr)}body.in-room>header{height:72px;padding:18px 32px;border:0;justify-content:center}body.in-room main{width:100%;height:100%;max-width:1250px;padding:0 28px 24px;min-height:0}body.in-room #room{display:flex;flex-direction:column;height:100%;min-height:0}.roomheading{display:flex;height:52px;min-height:52px;margin:0 0 14px;align-items:center;gap:10px}.roomheading>div,.roomheading #gameshome{display:none!important}.roomheading #browse-games{margin-right:auto;padding:11px 20px!important;border:0;background:#d7ee86!important;color:#171b32!important}.roomheading #mobilemore{display:block!important;background:#303650;color:#fff9ef;border:0}body.in-room .layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:22px;min-height:0;flex:1;height:100%}body.in-room .layout aside{position:relative;top:auto;height:100%;min-height:0;display:flex;flex-direction:column;gap:10px;align-self:stretch;padding:0}body.in-room .layout aside .video,body.in-room .layout aside .video.local{width:100%;height:auto;aspect-ratio:4/3;min-height:100px;max-height:30%;border:0;border-radius:20px;position:relative;margin:0;flex:1}body.in-room .layout aside video{width:100%;height:100%;object-fit:contain}.layout aside .placeholder{height:100%;padding:12px 14px 38px}.layout aside .placeholder span{font-size:30px}.layout aside .placeholder b{font-size:13px}.layout aside .placeholder small{font-size:10px}.layout aside #pip-grip,.layout aside #pip-expand,.callhint{display:none!important}.layout aside .audiometer{margin:0;font-size:10px}.layout aside #videostatus{margin:0;font-size:11px;line-height:1.5}.layout aside #calldock{position:static;margin-top:auto;padding:12px;width:100%;border-radius:20px}.layout aside #calldock .controls{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%}.layout aside #calldock button{white-space:normal;min-height:46px;padding:10px;font-size:12px!important;color:#fff9ef!important;background:#38425f;border:0}.layout aside #calldock #camera{background:#d7ee86!important;color:#171b32!important;grid-column:1/-1;font-size:15px!important}.layout aside #calldock #audioonly{grid-column:1/-1}.layout aside #calldock #hangup{background:#c45c50;color:#fff}body.in-room article,body.in-room article.lobby{height:100%;min-height:0;display:flex;flex-direction:column;gap:12px;padding:20px!important;overflow:hidden;border-radius:25px}.gamebar{display:none}#stage{display:flex;flex-direction:column;min-height:0;flex:1;gap:10px;overflow:hidden}article.lobby #stage{flex:0 0 auto}article.lobby #catalog{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:max-content;gap:14px;min-height:0;overflow:auto;flex:1}#catalog:empty{display:none}#mobileactions:not([hidden]){display:flex;align-items:center;gap:10px;flex-shrink:0}#mobileactions button{margin-left:auto;min-width:160px;min-height:43px}#mobiletabs[hidden],#mobileactions[hidden]{display:none}#answerform{display:flex;flex-direction:column;gap:12px;min-height:0;flex:1}#answerform .lock{min-height:44px;margin-top:auto}#answerform textarea{flex:1;min-height:75px}.complete-slide{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;margin:0}.complete-slide img{width:100%;height:100%;object-fit:contain}.turnbar{margin:0;padding:12px 15px}.turnbar #countdown{font-size:25px}#stage h3{font-size:29px}#mobiletabs:not([hidden]){display:flex;padding:4px;border-radius:14px}#mobiletabs button{flex:1;border:0}#call-gate{max-width:440px;align-self:center;width:100%}.spoken-round h3{font-size:30px!important;max-height:none}.spoken-round .speaking-orb{height:100px;transform:scale(1);margin:18px 0}.spoken-round{padding:12px;gap:15px}.spoken-round>button:not(.voice-text-button){min-height:46px}.spoken-help{font-size:15px}.voice-strip{font-size:12px}.voice-text-button{font-size:12px!important}.spoken-result .verdict{font-size:20px}.spoken-result h3{font-size:46px!important}.pitch-feedback p{font-size:16px}.private-reveal section p{font-size:20px}.number-input label{font-size:15px}.number-result>strong{font-size:55px}.number-result{gap:20px}.number-table{font-size:17px}.number-table>strong{font-size:32px}.universe-choices button{font-size:20px;padding:25px}.universe-choices button span{font-size:45px}
}
.match-progress{color:#d7ee86;font-size:30px;line-height:1;font-weight:850;letter-spacing:-1px;flex-shrink:0}.match-progress span{font-size:13px;font-weight:600;color:#bbc6df;letter-spacing:0}.match-prompt{font-size:27px!important;line-height:1.1!important}.match-instruction{font-size:13px!important;line-height:1.4}.matching-form input{font-size:21px!important;min-height:58px!important}.listening-footnote{color:#b7c1d9;font-size:9px;text-align:center;line-height:1.3}.private-reveal section p{font-size:20px}.private-reveal section b{font-size:13px}.private-reveal>h3{font-size:27px!important}
@media(max-width:750px) and (max-height:640px){.match-prompt{font-size:23px!important}.match-progress{font-size:25px}.matching-form input{min-height:49px!important;font-size:19px!important}.match-instruction{font-size:11px!important}.private-reveal section p{font-size:17px}.private-reveal>h3{font-size:23px!important}}
/* Game content uses its whole panel, rather than inherited half-width columns. */
body.in-room article,body.in-room #stage,body.in-room #mobileactions,body.in-room #catalog,body.in-room #answerform,body.in-room .spoken-round,body.in-room .spoken-result,body.in-room .private-reveal,body.in-room .number-result{width:100%;max-width:none;align-self:stretch}body.in-room .productslide,body.in-room .complete-slide,body.in-room .prepared-slide{width:100%;max-width:none;align-self:stretch}body.in-room .complete-slide img{width:100%;max-width:none;object-fit:contain}body.in-room .turnbar,body.in-room .pitch-feedback,body.in-room .private-form,body.in-room .number-form,body.in-room .universe-choices{width:100%;max-width:none}#call-gate{max-width:none;width:100%}body.in-room #mobileactions>button:only-child{width:100%;margin-left:0}
@media(min-width:751px){body.in-room main{max-width:none;padding-left:28px;padding-right:28px}body.in-room .layout{grid-template-columns:minmax(245px,22%) minmax(0,1fr)}body.in-room #stage{align-items:stretch}body.in-room .complete-slide{margin:0}body.in-room #call-gate{padding:25px;align-items:stretch}#call-gate p{max-width:600px}.spoken-round>button{width:100%}}
.puff-wordmark{display:block;width:164px;height:60px;object-fit:contain;mix-blend-mode:lighten}.brand{gap:0!important}body.in-room .puff-wordmark{width:123px;height:45px}.homepage-pip{display:flex;align-items:center;gap:9px;position:absolute;right:10px;bottom:4px;z-index:1;padding:6px 12px 6px 4px;background:#17253fe6;border:1px solid #527298;border-radius:19px;box-shadow:0 8px 25px #0003}.homepage-pip img{width:66px!important;height:66px!important;object-fit:contain}.homepage-pip span{font-size:13px;color:#fff9ef;font-weight:750}.homepage-pip small{display:block;font-size:10px;color:#c4cee4;font-weight:500;margin-top:4px}.landing-visual{position:relative;padding-bottom:12px}.pip-stage-character{height:100px;flex-shrink:0;display:flex;justify-content:center;margin:0}.pip-stage-character img{width:120px;height:100%;object-fit:contain;animation:pip-breathe 4s ease-in-out infinite;will-change:transform}.pip-chip{width:30px;height:30px;object-fit:contain;flex-shrink:0}.pip-review-title{display:flex;align-items:center;gap:7px}.pip-review-title img{width:45px;height:45px;object-fit:contain}.gate-art img{width:95px;height:85px;object-fit:contain}.gate-art{height:85px}.pip-video .pip-video-avatar{display:block;position:absolute;inset:5px 0 22px;height:calc(100% - 27px);width:100%;object-fit:contain;animation:pip-breathe 4.5s ease-in-out infinite;will-change:transform}.pip-video>span,.pip-video>b,.pip-video>small{visibility:hidden!important}.pip-video-avatar[hidden]{display:none!important}.voice-strip{min-height:33px}.spoken-round>.pip-stage-character{margin:auto 0}.spoken-result .verdict{overflow-y:auto;min-height:0}
@keyframes pip-breathe{0%,100%{transform:translateY(2px) rotate(-1deg)}50%{transform:translateY(-3px) rotate(1deg)}}
@media(max-width:750px){.pip-stage-character{height:82px}.pip-stage-character img{width:100px}.homepage-pip{bottom:0;padding:3px 10px 3px 3px;gap:5px}.homepage-pip img{width:45px!important;height:45px!important}.homepage-pip span{font-size:11px}.homepage-pip small{font-size:8px}.pip-review-title img{width:35px;height:35px}.gate-art{height:65px}.gate-art img{width:75px;height:65px}}
@media(max-width:750px) and (max-height:640px){.pip-stage-character{height:58px}.pip-stage-character img{width:75px}.pip-chip{width:24px;height:24px}.voice-strip{min-height:28px}.pip-review-title img{width:28px;height:28px}.homepage-pip img{width:36px!important;height:36px!important}.gate-art,.gate-art img{height:43px}.gate-art img{width:55px}.spoken-round>.pip-stage-character{margin:0}}
@media(prefers-reduced-motion:reduce){.pip-stage-character img,.pip-video .pip-video-avatar{animation:none;will-change:auto}}
.pitch-owner{display:flex;flex-direction:column;gap:4px;flex-shrink:0;padding:1px 0 4px}.pitch-owner>span{font-size:9px;letter-spacing:1.4px;color:#d7ee86;font-weight:800}.pitch-owner>b{font-size:23px;line-height:1.1;color:#fff9ef;letter-spacing:-.6px}.speaker-badge{position:absolute;top:8px;left:8px;background:#d7ee86;color:#171b32;border-radius:7px;padding:4px 7px;font-size:8px;font-weight:850;letter-spacing:.4px;z-index:4}.speaker-badge[hidden]{display:none}.pitch-feedback .score-line{align-items:center;justify-content:space-between;padding:3px 0 8px}.pitch-feedback .score-line>span{font-size:17px;color:#fff9ef;font-weight:750}body[data-game=pitch][data-turn=done] .score-line>b{font-size:88px;letter-spacing:-4px;line-height:1}.pitch-feedback p{font-size:16px;line-height:1.5}.pitch-ratings{display:none}body[data-game=pitch][data-turn=done] .complete-slide{flex-basis:19%;max-height:110px}.pip-review-title .mode-kicker{font-size:9px}.pitch-feedback .matchup-winner{flex-shrink:0}
@media(max-width:750px) and (max-height:640px){.pitch-owner>b{font-size:18px}.pitch-owner>span{font-size:8px}.pitch-owner{gap:3px;padding:0}.speaker-badge{top:5px;left:5px;font-size:7px;padding:3px 5px}body[data-game=pitch][data-turn=done] .score-line>b{font-size:65px}.pitch-feedback p{font-size:13px;line-height:1.45}.pitch-feedback .score-line>span{font-size:14px}body[data-game=pitch][data-turn=done] .complete-slide{flex-basis:17%;max-height:65px}}
@media(min-width:751px){.pitch-owner>b{font-size:30px}.pitch-owner>span{font-size:11px}.speaker-badge{font-size:10px;padding:6px 9px}.pitch-feedback p{font-size:19px}body[data-game=pitch][data-turn=done] .score-line>b{font-size:110px}}
/* One Pip presence: a practice partner in the call, or the host beside the game. */
body[data-partner=pip] .pip-stage-character,body[data-partner=pip] .pip-review-title>img,body[data-partner=pip] .voice-strip>.pip-chip,body[data-partner=pip] #call-gate .gate-art{display:none!important}body[data-partner=pip] .voice-strip:before{content:'';display:block;width:6px;height:6px;border-radius:50%;background:#d7ee86}body[data-partner=human] #stage:has(.pip-stage-character) .voice-strip>.pip-chip,body[data-partner=human] #stage:has(.pip-review-title) .voice-strip>.pip-chip{display:none!important}body[data-partner=human] .pip-review-title>img{width:78px;height:78px}.pip-review-title{justify-content:space-between}.pip-review-title .mode-kicker{margin-right:auto}.pip-video .pip-video-avatar{transition:opacity .16s}
@media(max-width:750px) and (max-height:640px){body[data-partner=human] .pip-review-title>img{width:52px;height:52px}}
.cover-card .cover-meta{display:flex;flex-direction:column;gap:4px;white-space:normal;padding:10px 11px;line-height:1.2}.cover-card .cover-meta b{font-size:10px!important;color:#fff9ef!important;letter-spacing:.1px}.cover-card .cover-meta>span{font-size:9px;color:#bfc9e1}.library-filters{display:flex;gap:6px;margin:3px 0 0}.library-filters button{padding:8px 12px;min-height:32px;border-radius:11px;background:#303650;color:#cbd4e9;font-size:11px;border:0}.library-filters button.selected{background:#d9d0f1;color:#171b32}.drawing-paper{display:flex;justify-content:center;align-items:center;flex:1;min-height:0;overflow:hidden}.drawing-paper canvas{display:block;background:#fffaf2;border-radius:16px;touch-action:none;cursor:crosshair;max-width:100%;max-height:100%;aspect-ratio:1}.drawing-tools{display:flex;gap:7px;align-items:center;flex-shrink:0}.drawing-tools>button{min-height:34px;padding:7px 9px;background:#3b4564;color:#fff9ef;font-size:10px}.drawing-tools .ink-swatch{width:29px;height:29px;min-height:29px;padding:0;background:var(--ink-swatch);border:2px solid #929ab2;border-radius:50%}.ink-swatch.selected{outline:2px solid #fff9ef;outline-offset:2px}.drawing-reveal{display:flex;flex-direction:column;gap:10px;flex:1;min-height:0;overflow:auto}.drawing-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.drawing-pair section{background:#303650;border-radius:14px;padding:8px}.drawing-pair section.drawing-winner{outline:2px solid #d7ee86;outline-offset:-2px}.drawing-pair b{display:block;font-size:11px;margin-bottom:7px;color:#fff9ef}.drawing-pair img{width:100%;aspect-ratio:1;object-fit:contain;background:#fffaf2;border-radius:9px}.drawing-reveal>p{font-size:14px;line-height:1.45;color:#f7f1ea;margin:0}.drawing-reveal .pip-review-title{height:50px}.drawing-reveal .pip-review-title img{height:50px!important;width:50px!important}
@media(max-width:750px) and (max-height:640px){.cover-card .cover-meta{padding:8px;gap:3px}.cover-card .cover-meta b{font-size:9px!important}.cover-card .cover-meta>span{font-size:8px}.library-filters button{padding:6px 10px;min-height:29px;font-size:10px}.drawing-reveal>p{font-size:12px}.drawing-tools{gap:6px}.drawing-tools>button{min-height:30px}}
@media(min-width:751px){.cover-card .cover-meta b{font-size:14px!important}.cover-card .cover-meta>span{font-size:12px}.library-filters button{font-size:13px;padding:10px 17px}.drawing-tools>button{font-size:13px;padding:9px 14px}.drawing-tools .ink-swatch{width:36px;height:36px}.drawing-pair img{max-height:270px}.drawing-reveal>p{font-size:19px}}
/* First-play guidance is an accessible modal, remembered separately for each game. */
#game-instructions{width:430px;max-height:calc(100dvh - 32px);overflow:auto;padding:25px;text-align:left;box-shadow:0 25px 100px #0008}#game-instructions h2{font-size:32px;line-height:1.08;margin:17px 0 22px}#game-instructions ol{padding-left:23px;display:grid;gap:17px;margin:0}#game-instructions li{padding-left:6px;color:#fff9ef;font-size:16px;line-height:1.45}#game-instructions li::marker{color:#d7ee86;font-weight:800}#game-instructions .instructions-input{font-size:12px;color:#d9d0f1;margin:23px 0 15px}#game-instructions #instructions-ready{width:100%;background:#d7ee86!important;color:#171b32;font-weight:800;min-height:48px}#game-instructions .mode-kicker{font-size:10px;line-height:1.5}
.drawing-tools .ink-swatch{background:var(--ink-swatch)!important}.drawing-tools>button:not(.ink-swatch){background:#3b4564!important;color:#fff9ef}
body[data-game=pitch][data-turn=done] .review-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0}.review-heading .pip-review-title{gap:8px}.review-heading .score-line{flex-direction:column;gap:3px;padding:0!important}.review-heading .score-line>span{font-size:13px}.review-heading .pip-review-title .mode-kicker{max-width:95px;line-height:1.5}body[data-game=pitch][data-turn=done] .review-heading .score-line>b{font-size:62px}body[data-partner=human] .review-heading .pip-review-title>img{width:55px;height:55px}body[data-game=pitch][data-turn=done] .pitch-feedback{overflow:auto;gap:8px;padding:12px;display:flex}body[data-game=pitch][data-turn=done] .pitch-feedback>p{flex-shrink:0;font-size:14px;line-height:1.45;margin:0}body[data-game=pitch][data-turn=done] .complete-slide{flex:0 0 65px;min-height:0;max-height:65px}body[data-game=pitch][data-turn=done] .deck-caption,body[data-game=pitch][data-turn=done] .deck-count{display:none}
@media(max-width:750px) and (max-height:640px){#game-instructions{padding:20px}#game-instructions h2{font-size:27px;margin:12px 0 17px}#game-instructions li{font-size:14px}#game-instructions ol{gap:12px}body[data-game=pitch][data-turn=done] .complete-slide{flex-basis:42px;max-height:42px}body[data-game=pitch][data-turn=done] .review-heading .score-line>b{font-size:48px}body[data-game=pitch][data-turn=done] .pitch-feedback>p{font-size:13px}body[data-partner=human] .review-heading .pip-review-title>img{width:42px;height:42px}}
@media(min-width:751px){body[data-game=pitch][data-turn=done] .complete-slide{flex-basis:120px;max-height:120px}body[data-game=pitch][data-turn=done] .review-heading .score-line>b{font-size:90px}body[data-game=pitch][data-turn=done] .pitch-feedback>p{font-size:18px}body[data-game=pitch][data-turn=done] .pitch-feedback{padding:20px}}
/* Judge Puff owns the verdict, while Pip remains the player’s call companion. */
.judge-presence{display:flex;align-items:center;gap:12px;min-width:0;flex-shrink:0}.judge-presence .judge-image{display:block!important;width:112px;height:112px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 8px 12px #090b2030);animation:judge-arrive .38s ease-out both}.judge-copy{display:flex;flex-direction:column;gap:7px;min-width:0}.judge-name{font-size:17px;line-height:1.1;font-weight:850;letter-spacing:-.4px;color:#fff9ef}.judge-copy .mode-kicker{color:#c7bedf;font-size:8px!important;line-height:1.5;letter-spacing:1.4px;max-width:130px!important}.judge-presence[data-mood=great] .judge-name,.judge-presence[data-mood=good] .judge-name{color:#d7ee86}.judge-presence[data-mood=bad] .judge-name{color:#ffae9a}.judge-presence[data-mood=mixed] .judge-name{color:#f2d49a}.judge-copy h3{margin:0!important;font-size:24px!important;line-height:1.08!important;letter-spacing:-.7px!important}.review-heading .judge-presence{flex:1}.review-heading .judge-presence .judge-image{width:100px;height:100px}.review-heading .judge-name{font-size:16px}.review-heading .score-line{flex-shrink:0}.judge-pending{max-height:none!important;flex:1!important;justify-content:center;display:flex;flex-direction:column;gap:12px}.judge-pending .judge-presence{justify-content:center}.judge-pending p{text-align:center}.spoken-result>.judge-presence{margin:0 0 8px}.spoken-result .verdict{font-size:15px;line-height:1.5;margin:0}.drawing-reveal>.judge-presence .judge-image{width:88px;height:88px}.drawing-reveal>.judge-presence{gap:10px}.spoken-result .inline-transcript{flex-shrink:0}.spoken-result>button{flex-shrink:0}
@keyframes judge-arrive{from{opacity:0;transform:translateY(9px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:750px) and (max-height:640px){.judge-presence{gap:8px}.judge-presence .judge-image{width:82px;height:82px}.judge-name{font-size:15px}.judge-copy{gap:5px}.judge-copy h3{font-size:21px!important}.review-heading .judge-presence .judge-image{width:74px;height:74px}.review-heading .judge-name{font-size:14px}.review-heading .judge-copy .mode-kicker{font-size:7px!important;letter-spacing:1px}.spoken-result .verdict{font-size:13px;line-height:1.4}.drawing-reveal>.judge-presence .judge-image{width:66px;height:66px}}
@media(min-width:751px){.judge-presence .judge-image{width:155px;height:155px}.review-heading .judge-presence .judge-image{width:145px;height:145px}.judge-name,.review-heading .judge-name{font-size:24px}.judge-copy .mode-kicker{font-size:10px!important;max-width:none!important}.judge-copy h3{font-size:34px!important}.spoken-result .verdict{font-size:19px}.drawing-reveal>.judge-presence .judge-image{width:115px;height:115px}}
@media(prefers-reduced-motion:reduce){.judge-presence .judge-image{animation:none}}
/* A result is a quick game reveal, never a report or transcript page. */
body.in-room #stage:has(.game-verdict){overflow:hidden}.game-verdict.spoken-result{justify-content:flex-start;gap:12px;overflow:auto;padding:4px;min-height:0}.verdict-topline{display:flex;justify-content:space-between;gap:8px;flex-shrink:0;color:#c4cbe1;font-size:10px;font-weight:700;line-height:1.4}.verdict-topline>span:first-child{color:#d9d0f1}.verdict-reveal{display:flex;align-items:center;justify-content:center;gap:7px;flex-shrink:0;margin:0}.verdict-reveal .judge-copy{display:none}.verdict-reveal .judge-image{width:138px;height:138px}.game-verdict .verdict-reveal h3{font-size:clamp(28px,8vw,38px)!important;letter-spacing:-1.2px;line-height:.98!important;margin:0!important;max-width:190px;color:#f2d49a;overflow-wrap:normal}.game-verdict[data-mood=great] h3,.game-verdict[data-mood=good] h3{color:#d7ee86}.game-verdict[data-mood=bad] h3{color:#ff9f8a}.game-verdict .judge-quote{font-size:18px!important;line-height:1.45!important;background:#303650;border:1px solid #454a66;padding:17px;border-radius:20px;margin:0;flex:0 0 auto;overflow:visible;color:#fff9ef}.game-verdict[data-mood=pending] .judge-image{animation:pip-breathe 3s ease-in-out infinite}.story-turn .pitch-owner>b{font-size:22px}.story-turn h3{font-size:24px!important}.story-turn .spoken-help{font-size:12px}.game-verdict+.voice-strip{display:none}
@media(max-width:750px) and (max-height:640px){.game-verdict.spoken-result{gap:8px;padding:0}.verdict-reveal .judge-image{width:95px;height:95px}.game-verdict .verdict-reveal h3{font-size:29px!important;max-width:180px}.game-verdict .judge-quote{font-size:15px!important;padding:12px;line-height:1.42!important}.verdict-topline{font-size:9px}.story-turn h3{font-size:21px!important}.story-turn .pitch-owner>b{font-size:18px}}
@media(min-width:751px){.game-verdict.spoken-result{gap:20px;padding:15px 30px;align-items:center;justify-content:center}.verdict-topline{width:100%;font-size:13px}.verdict-reveal .judge-image{width:210px;height:210px}.game-verdict .verdict-reveal h3{font-size:62px!important;max-width:380px}.game-verdict .judge-quote{font-size:23px!important;max-width:850px;width:100%;padding:25px}.story-turn h3{font-size:32px!important}}
@media(prefers-reduced-motion:reduce){.game-verdict[data-mood=pending] .judge-image{animation:none}}
.pip-verdict-reaction{display:block!important;width:42px!important;height:42px!important;object-fit:contain;flex-shrink:0}.review-heading:has(.pip-verdict-reaction){position:relative;padding-right:0}.review-heading>.pip-verdict-reaction{position:absolute;right:0;bottom:-2px;width:28px!important;height:28px!important;transform:translateX(6px)}.review-heading:has(.pip-verdict-reaction) .score-line{padding-bottom:22px!important}.verdict-topline>.pip-verdict-reaction{margin-left:auto}.verdict-topline:has(.pip-verdict-reaction)>span:nth-child(2){display:none}.drawing-reveal>.judge-presence>.pip-verdict-reaction{margin-left:auto}
.private-reveal>.judge-presence,.number-result>.judge-presence{gap:10px;min-height:0}.private-reveal>.judge-presence .judge-image,.number-result>.judge-presence .judge-image{width:80px;height:80px}.private-reveal>.judge-presence .judge-name,.number-result>.judge-presence .judge-name{font-size:16px}.private-reveal{gap:8px}.private-reveal section{padding:10px 12px}.number-result{gap:12px}.number-result .judge-presence .pip-verdict-reaction,.private-reveal .judge-presence .pip-verdict-reaction{margin-left:auto}
@media(max-width:750px) and (max-height:640px){.private-reveal>.judge-presence .judge-image,.number-result>.judge-presence .judge-image{width:58px;height:58px}.private-reveal>.judge-presence .judge-name,.number-result>.judge-presence .judge-name{font-size:14px}.private-reveal section{padding:7px 10px}.private-reveal section p{margin:4px 0}.private-reveal{gap:6px}.private-reveal>h3{font-size:22px!important}}
@media(min-width:751px){.private-reveal>.judge-presence .judge-image,.number-result>.judge-presence .judge-image{width:115px;height:115px}}

/* Give the mobile entrance breathing room and balance it within the screen. */
@media(max-width:750px){
 body:not(.in-room){display:flex;flex-direction:column;min-height:100dvh}
 body:not(.in-room)>header{flex-shrink:0;height:auto;min-height:80px;margin:0;width:100%;padding:calc(20px + env(safe-area-inset-top,0px)) 20px 20px}
 body:not(.in-room) main{display:flex;align-items:center;flex:1;width:100%;padding:0 22px calc(24px + env(safe-area-inset-bottom,0px))}
 #welcome.call-landing{padding:16px 0;margin:auto}
}
@media(max-width:750px) and (max-height:640px){
 body:not(.in-room)>header{min-height:68px;padding-top:calc(14px + env(safe-area-inset-top,0px));padding-bottom:14px}
 #welcome.call-landing{padding:12px 0}
}
/* Clear entry choices and a grouped, expandable library. */
#welcome.call-landing .landing-entry #solo{background:#303d65!important;color:#fff9ef!important;border:1px solid #65749e!important;box-shadow:0 3px 0 #111a32!important;border-radius:15px;min-height:44px;height:44px;font-size:15px;font-weight:750;margin:12px 0 0}.catalog-section-heading{grid-column:1/-1;padding:12px 0 2px}.catalog-section-heading:first-child{padding-top:0}.catalog-section-heading h4{font-size:22px;letter-spacing:-.6px;line-height:1.1;margin:0;color:#fff9ef}.catalog-section-heading p{font-size:12px;color:#bfc9e1;margin:6px 0 0}.cover-card .cover-meta{padding:9px 11px}.cover-card .cover-meta>span{font-size:11px;color:#dae0f2}.invite-panel{display:flex;flex-direction:column;gap:8px;padding:4px 0}.invite-panel h3{font-size:28px!important;margin:0!important}.invite-panel p{font-size:13px;line-height:1.4;color:#d1d8eb;margin:0}.invite-panel label{font-size:10px;color:#c1cbe2;margin-top:5px}.invite-link-row{display:flex;gap:7px;min-width:0}.invite-link-row input{width:0;flex:1;min-width:0;border:1px solid #65749e;border-radius:12px;background:#161d35;color:#fff9ef;font-size:16px;height:43px;padding:10px}.invite-link-row button{white-space:nowrap;flex-shrink:0;background:#d7ee86!important;color:#171b32!important;font-size:13px;min-height:43px;border-radius:12px}.invite-panel #invite-copy-status{font-size:11px;line-height:1.4;color:#d7ee86}.invite-panel #share-room-link{background:#36466e!important;color:#fff9ef!important;border:1px solid #586991;font-size:13px;min-height:38px}.invite-panel~.library-filters{display:none}
@media(max-width:750px) and (max-height:640px){#welcome.call-landing .landing-entry #solo{height:39px;min-height:39px;font-size:13px;margin-top:8px}.catalog-section-heading h4{font-size:20px}.catalog-section-heading p{font-size:10px;margin-top:4px}.invite-panel{gap:6px}.invite-panel h3{font-size:23px!important}.invite-panel p{font-size:11px}.invite-link-row input,.invite-link-row button{height:38px;min-height:38px}.invite-panel #share-room-link{min-height:32px}}
@media(min-width:751px){.catalog-section-heading h4{font-size:28px}.catalog-section-heading p{font-size:14px}.cover-card .cover-meta>span{font-size:13px}.invite-panel{max-width:650px;gap:12px;padding:10px 0}.invite-panel h3{font-size:36px!important}.invite-panel p{font-size:16px}.invite-panel #share-room-link{max-width:220px}}
/* Compact verdict composition leaves room for the whole outcome above call controls. */
@media(max-width:750px){
 .game-verdict.spoken-result{gap:9px;overflow:auto}.game-verdict .verdict-topline{min-height:18px;position:relative;padding-right:35px;align-items:center}.game-verdict .verdict-topline .pip-verdict-reaction{position:absolute;right:0;top:-8px;width:30px!important;height:30px!important}.game-verdict .verdict-reveal .judge-image{width:104px;height:104px}.game-verdict .judge-quote{font-size:16px!important;padding:12px 14px;line-height:1.42!important}.game-verdict .verdict-reveal h3{font-size:32px!important}
 .number-result{gap:8px;overflow:auto}.number-result>.judge-presence .judge-image,.private-reveal>.judge-presence .judge-image{width:62px;height:62px}.number-result>strong{font-size:35px;line-height:1.08;flex-shrink:0}.number-result>p{margin:0;font-size:12px;line-height:1.4;flex-shrink:0}.number-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;flex-shrink:0}.number-pair section{background:#303650;border-radius:15px;padding:11px 14px;display:flex;flex-direction:column;gap:7px}.number-pair b{font-size:12px;color:#d9d0f1}.number-pair strong{font-size:32px;color:#d7ee86;line-height:1}.private-answer-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px;flex-shrink:0}.private-answer-pair section{min-width:0;padding:10px!important}.private-answer-pair section p{font-size:18px!important;line-height:1.25;overflow-wrap:anywhere}.private-reveal .match-progress{font-size:25px;flex-shrink:0}.private-reveal>.judge-presence{flex-shrink:0}.private-reveal>h3{flex-shrink:0}.drawing-reveal>.judge-presence .judge-image{width:62px;height:62px}.drawing-pair img{height:120px;aspect-ratio:auto}.drawing-pair section{padding:7px}.drawing-reveal{gap:8px}.drawing-reveal>p{font-size:13px;line-height:1.4;flex-shrink:0}
}
.game-verdict[data-mood=great] .verdict-reveal h3,.game-verdict[data-mood=good] .verdict-reveal h3{color:#d7ee86!important}.game-verdict[data-mood=bad] .verdict-reveal h3{color:#ff9f8a!important}.game-verdict[data-mood=mixed] .verdict-reveal h3{color:#f2d49a!important}
@media(max-width:750px) and (max-height:640px){.game-verdict .verdict-reveal .judge-image{width:82px;height:82px}.game-verdict .verdict-reveal h3{font-size:29px!important}.game-verdict .judge-quote{font-size:14px!important;line-height:1.4!important;padding:10px 12px}.game-verdict.spoken-result{gap:6px}.number-result>.judge-presence .judge-image,.private-reveal>.judge-presence .judge-image{width:48px;height:48px}.private-answer-pair section p{font-size:16px!important}.drawing-pair img{height:95px}.drawing-reveal>.judge-presence .judge-image{width:50px;height:50px}.number-pair strong{font-size:27px}.number-pair section{padding:8px 12px;gap:5px}.number-result>strong{font-size:30px}.number-result{gap:6px}}
@media(min-width:751px){.number-pair,.private-answer-pair{display:grid;grid-template-columns:1fr 1fr;gap:15px}.number-pair section{background:#303650;border-radius:20px;padding:20px;display:flex;flex-direction:column;gap:12px}.number-pair strong{color:#d7ee86;font-size:50px}.number-pair b{font-size:16px}.private-answer-pair section p{font-size:24px}.drawing-pair img{height:230px;aspect-ratio:auto}}
.room-loading{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:15px;min-height:180px;padding:16px}.room-loading h3{font-size:28px!important;line-height:1.12!important;margin:0!important}.room-loading p{font-size:15px;line-height:1.5;color:#cbd3e8;margin:0}.room-loading button{min-height:44px}.room-loading button.secondary{background:#36466e!important;color:#fff9ef!important}
body.in-room article.lobby:has(.invite-panel) #stage{flex:1;justify-content:center;overflow:auto}.invite-panel .invite-divider{text-align:center;font-size:11px;color:#aab7d4;margin:8px 0 2px}.invite-panel #addbot{background:#303d65!important;border:1px solid #65749e;color:#fff9ef!important;min-height:43px;font-size:14px;font-weight:750}.invite-panel:has(#addbot){gap:10px}
@media(max-width:750px) and (max-height:640px){.invite-panel:has(#addbot){gap:7px}.invite-panel .invite-divider{margin:3px 0 0}.invite-panel #addbot{min-height:38px;font-size:12px}}

/* Keep the assignment beside the drawing verdict, including on compact phones. */
.drawing-challenge{margin:0;font-size:16px;line-height:1.25;color:#fff9ef;flex-shrink:0}.drawing-pair:has(section[hidden]){grid-template-columns:1fr}.drawing-pair section[hidden]{display:none}.drawing-pair:has(section[hidden]) img{object-fit:contain;width:100%}

/* Puff friends decorate the entrance without taking space from the call form. */
body:not(.in-room)>header{position:relative}
.landing-puff{position:absolute;display:block;width:78px;height:78px;object-fit:contain;pointer-events:none;user-select:none}
.landing-visual .puff-headphones{width:100px;height:100px;left:-12px;bottom:0;border-radius:0;z-index:1;transform:rotate(-9deg)}
body.in-room .landing-puff{display:none}
@media(max-width:750px){
 .landing-puff{width:48px;height:48px}
 .landing-visual .puff-headphones{width:64px;height:64px;left:-8px;bottom:0}
}
@media(max-width:750px) and (max-height:640px){
 .landing-visual .puff-headphones{width:52px;height:52px}
}
@media(max-width:750px){.drawing-reveal>.judge-presence .judge-image{width:46px;height:46px}.drawing-reveal .drawing-pair img{height:76px}.drawing-reveal{gap:6px}.drawing-challenge{font-size:15px}.drawing-reveal>p{font-size:13px;line-height:1.35}.drawing-reveal .drawing-pair{flex-shrink:0}}

/* Call controls stay on the existing video elements in both layouts. */
body.in-room .layout aside #pip-expand{display:block!important;position:absolute!important;top:8px!important;right:8px!important;bottom:auto!important;width:38px!important;height:38px!important;min-height:38px!important;padding:0!important;z-index:8;background:#161b32de!important;color:#fff9ef!important;border:1px solid #ffffff40;border-radius:12px;font-size:25px}
#call-minimize{display:none}.catalog-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}.catalog-heading h3{margin:0!important}#close-game-selector{flex-shrink:0;width:42px;height:42px;padding:0;background:#38405e;color:#fff9ef;border:1px solid #626b87;border-radius:50%;font-size:28px;line-height:1}
body.call-expanded .layout aside{position:fixed!important;inset:0!important;top:var(--app-top,0px)!important;width:100vw!important;height:var(--app-height,100dvh)!important;max-width:none!important;max-height:none!important;display:block!important;padding:0!important;border:0!important;border-radius:0!important;background:#101426!important;z-index:60!important;transform:none!important}
body.call-expanded .layout aside .video.remote{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-height:none!important;aspect-ratio:auto!important;border-radius:0!important;margin:0!important}
body.call-expanded .layout aside .video.remote video{object-fit:contain!important}
body.call-expanded .layout aside .video.local{position:absolute!important;left:var(--self-x,14px)!important;top:var(--self-y,74px)!important;right:auto!important;bottom:auto!important;width:clamp(105px,26vw,210px)!important;height:clamp(130px,33vw,260px)!important;min-height:0!important;max-height:none!important;aspect-ratio:auto!important;border:2px solid #ffffff70!important;border-radius:20px!important;z-index:3!important;box-shadow:0 10px 35px #0008;cursor:grab;touch-action:none}
body.call-expanded .layout aside .video.local:active{cursor:grabbing}body.call-expanded .layout aside .video.local video{object-fit:contain!important}
body.call-expanded .layout aside #pip-expand{display:none!important}body.call-expanded #call-minimize{display:block;position:absolute;top:calc(14px + env(safe-area-inset-top));left:14px;z-index:5;border:1px solid #ffffff50;border-radius:24px;background:#1e2642ed;color:#fff9ef;padding:12px 18px;font-size:14px}
body.call-expanded #calldock{display:block!important;position:fixed!important;z-index:65!important;bottom:calc(14px + env(safe-area-inset-bottom))!important;left:50%!important;transform:translateX(-50%)!important;width:min(560px,calc(100vw - 28px))!important;height:auto!important;margin:0!important;padding:8px!important;background:#242a43ed!important}
body.call-expanded #calldock .controls{display:flex!important;justify-content:space-evenly!important;gap:5px!important}body.call-expanded #calldock button{flex:1;min-width:0!important;min-height:48px!important;font-size:11px!important;padding:7px!important}
body.call-expanded .layout aside .audiometer,body.call-expanded #videostatus{display:none!important}body.call-expanded .video.remote .videolabel{bottom:110px!important;left:16px!important}body.call-expanded .video.remote .placeholder{justify-content:center!important}body.call-expanded #hear{position:absolute!important;top:70px!important;bottom:auto!important;left:16px!important;z-index:6!important}
#calldock #mute[data-off=true],#calldock #camoff[data-off=true]{color:#ffb9a8!important}#calldock #mute[data-off=true]:before,#calldock #camoff[data-off=true]:before{background-color:#ef715d!important}
#challenge-clock{align-self:flex-end;flex-shrink:0;border:1px solid #4a526f;background:#303650;border-radius:20px;padding:6px 11px;font-size:12px;font-variant-numeric:tabular-nums;color:#e5eaca}#challenge-clock[data-urgent=true]{color:#ffb9a8;border-color:#986253}#challenge-clock[hidden]{display:none}

#calldock #mute[data-off=false]:before{content:"";display:block!important;width:30px;height:30px;margin:0 auto 3px;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23273651%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203a3%203%200%200%200-3%203v5a3%203%200%200%200%206%200V6a3%203%200%200%200-3-3%20M5%2010v1a7%207%200%200%200%2014%200v-1%20M12%2018v3%20M8%2021h8%22%2F%3E%3C%2Fsvg%3E")!important;background-size:21px!important;background-position:center;background-repeat:no-repeat;border-radius:50%}
#calldock #mute[data-off=true]:before{content:"";display:block!important;width:30px;height:30px;margin:0 auto 3px;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23fff9ef%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203a3%203%200%200%200-3%203v5a3%203%200%200%200%206%200V6a3%203%200%200%200-3-3%20M5%2010v1a7%207%200%200%200%2014%200v-1%20M12%2018v3%20M8%2021h8%22%2F%3E%3Cpath%20d%3D%22M2%202l20%2020%22%20stroke-width%3D%223%22%2F%3E%3C%2Fsvg%3E")!important;background-size:21px!important;background-position:center;background-repeat:no-repeat;border-radius:50%}
#calldock #camoff[data-off=false]:before{content:"";display:block!important;width:30px;height:30px;margin:0 auto 3px;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23273651%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%205h12v14H3z%20M15%209l6-4v14l-6-4%22%2F%3E%3C%2Fsvg%3E")!important;background-size:21px!important;background-position:center;background-repeat:no-repeat;border-radius:50%}
#calldock #camoff[data-off=true]:before{content:"";display:block!important;width:30px;height:30px;margin:0 auto 3px;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23fff9ef%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%205h12v14H3z%20M15%209l6-4v14l-6-4%22%2F%3E%3Cpath%20d%3D%22M2%202l20%2020%22%20stroke-width%3D%223%22%2F%3E%3C%2Fsvg%3E")!important;background-size:21px!important;background-position:center;background-repeat:no-repeat;border-radius:50%}
#call-layout-tools,#call-divider{display:none}
body.call-expanded .layout aside .video.call-main{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;aspect-ratio:auto!important;border:0!important;border-radius:0!important;box-shadow:none!important;z-index:1!important;cursor:default;touch-action:auto}
body.call-expanded .layout aside .video.call-inset{position:absolute!important;left:var(--self-x,14px)!important;top:var(--self-y,150px)!important;right:auto!important;bottom:auto!important;width:clamp(105px,26vw,210px)!important;height:clamp(130px,33vw,260px)!important;min-height:0!important;max-height:none!important;aspect-ratio:auto!important;border:2px solid #ffffff70!important;border-radius:20px!important;z-index:3!important;box-shadow:0 10px 35px #0008;cursor:grab;touch-action:none}
body.call-expanded .layout aside[data-inset-large=true] .video.call-inset{width:clamp(135px,36vw,280px)!important;height:clamp(160px,43vw,310px)!important}
body.call-expanded .layout aside[data-call-layout=focus][data-call-inset=false] .video.call-inset{visibility:hidden}
body.call-expanded .layout aside .video video{object-fit:contain!important}body.call-expanded .layout aside[data-call-fill=true] .video video{object-fit:cover!important}
body.call-expanded .layout aside .video .videolabel{bottom:10px!important;left:10px!important}body.call-expanded .layout aside[data-call-layout=focus] .video.call-main .videolabel{bottom:110px!important}
body.call-expanded .layout aside:is([data-call-layout=side],[data-call-layout=stack]) .video{visibility:visible!important;border:0!important;box-shadow:none!important;border-radius:15px!important;cursor:default;touch-action:auto}
body.call-expanded .layout aside[data-call-layout=side] .video.call-main{left:0!important;top:76px!important;width:calc(var(--call-split) - 5px)!important;height:calc(100% - 186px)!important;right:auto!important;bottom:auto!important}
body.call-expanded .layout aside[data-call-layout=side] .video.call-inset{left:calc(var(--call-split) + 5px)!important;top:76px!important;width:calc(100% - var(--call-split) - 5px)!important;height:calc(100% - 186px)!important}
body.call-expanded .layout aside[data-call-layout=stack] .video.call-main{left:8px!important;top:76px!important;width:calc(100% - 16px)!important;height:calc((100% - 186px) * var(--split-fraction,.5) - 5px)!important;right:auto!important;bottom:auto!important}
body.call-expanded .layout aside[data-call-layout=stack] .video.call-inset{left:8px!important;top:calc(76px + (100% - 186px) * var(--split-fraction,.5) + 5px)!important;width:calc(100% - 16px)!important;height:calc((100% - 186px) * (1 - var(--split-fraction,.5)) - 5px)!important}
body.call-expanded .layout aside[data-call-layout=side] #call-divider{display:block;position:absolute;z-index:7;left:calc(var(--call-split) - 12px);top:76px;width:24px;height:calc(100% - 186px);cursor:col-resize;touch-action:none}
body.call-expanded .layout aside[data-call-layout=stack] #call-divider{display:block;position:absolute;z-index:7;top:calc(76px + (100% - 186px) * var(--split-fraction,.5) - 12px);left:8px;height:24px;width:calc(100% - 16px);cursor:row-resize;touch-action:none}
#call-divider:after{content:'';position:absolute;border-radius:8px;background:#d9d0f1;box-shadow:0 0 0 4px #101426}aside[data-call-layout=side] #call-divider:after{width:4px;height:42px;left:10px;top:calc(50% - 21px)}aside[data-call-layout=stack] #call-divider:after{height:4px;width:42px;top:10px;left:calc(50% - 21px)}

#call-drag-hint{display:none}body.call-expanded #call-drag-hint{display:block;position:absolute;z-index:6;bottom:98px;left:14px;right:14px;text-align:center;font-size:11px;color:#d9d0f1;pointer-events:none;animation:call-hint-fade 8s both}
@keyframes call-hint-fade{0%,65%{opacity:1}100%{opacity:0}}
body.call-expanded .layout aside .video{touch-action:none!important;cursor:grab!important}body.call-expanded .layout aside .video.dragging-video{cursor:grabbing!important;filter:brightness(.8)}
#call-drop-preview{position:absolute;z-index:9;pointer-events:none;background:#d7ee8630;border:2px solid #d7ee86;border-radius:18px;color:#fff9ef;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;text-shadow:0 1px 4px #000;inset:76px 14px 110px}#call-drop-preview[hidden]{display:none}#call-drop-preview[data-target=left]{right:50%}#call-drop-preview[data-target=right]{left:50%}#call-drop-preview[data-target=top]{bottom:50%}#call-drop-preview[data-target=bottom]{top:50%}#call-drop-preview[data-target=center]{inset:28% 20%}
#connection-recovery{position:fixed;z-index:75;bottom:calc(95px + env(safe-area-inset-bottom));left:14px;right:14px;max-width:530px;margin:auto;display:flex;align-items:center;gap:12px;padding:12px 14px;background:#303650;border:1px solid #9ba6cb;border-radius:18px;box-shadow:0 8px 28px #0005;color:#fff9ef;font-size:13px;line-height:1.35}#connection-recovery[hidden]{display:none}#connection-recovery span{flex:1}#connection-recovery button{flex-shrink:0;min-height:40px;padding:9px 12px;font-size:12px;background:#d7ee86!important;color:#171b32!important;border:0;border-radius:12px}#resume-room{width:100%;min-height:46px;background:#d7ee86!important;color:#171b32!important;border:0;border-radius:16px;margin-bottom:10px;font-size:15px;font-weight:700}