@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,sans-serif;color:#eeefe6;background:#141613;font-synthesis:none;--lime:#d6fa70;--muted:#8b9383;--border:#343a2f;--panel:#1d211b;--purple:#c6b2ef}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--purple);outline-offset:4px}button{transition:background .18s,transform .18s}button:not(:disabled):active{transform:translateY(2px)}a{color:inherit;text-decoration:none}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1,h2,.brand,.room-code,.timer{font-family:Space Grotesk,sans-serif}::selection{background:var(--lime);color:#182010}.topbar{height:94px;max-width:1536px;margin:auto;padding:0 42px;display:flex;align-items:center;border-bottom:1px solid #2a3026;gap:32px}.brand{display:flex;align-items:center;font-size:32px;font-weight:700;letter-spacing:-1.8px}.brand-icon{position:relative;width:38px;height:38px;border-radius:11px;background:var(--lime);color:#182010;display:grid;place-items:center;margin-right:12px;font-size:35px;line-height:1}.brand-icon>span{position:absolute;right:3px;top:0;font-size:20px}.brand-period{color:var(--lime)}.tagline{font-size:9px;letter-spacing:2px;font-weight:600;color:#8b9383;padding-top:7px}.top-actions{margin-left:auto;display:flex;align-items:center;gap:20px}.connection{display:flex;align-items:center;gap:8px;font-size:11px;color:#afb5a6}.dot,.live-dot{width:6px;height:6px;background:var(--lime);border-radius:50%;display:inline-block;flex-shrink:0;box-shadow:0 0 10px #d6fa7020}.dot.off{background:#eaa07a}.icon-button{background:none;border:1px solid #3b4334;color:#d7ddce;border-radius:9px;width:36px;height:36px;font-size:25px}.host-layout{max-width:1536px;padding:30px 42px 24px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 294px;gap:28px}.main-column{min-width:0}.section-heading{display:flex;align-items:center;justify-content:space-between;height:34px;margin-bottom:17px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.4px;display:flex;align-items:center;gap:10px;color:#b1b9a7}.separator{color:#505945;margin:0 6px}.live-dot{animation:pulse 2.4s infinite}.timer{font-size:31px;font-weight:500;letter-spacing:-1.3px;font-variant-numeric:tabular-nums}.timer.urgent{color:#fca17a;animation:pulse 1s infinite}.stage{position:relative;overflow:hidden;border:1px solid #414b32;border-radius:22px;background:radial-gradient(ellipse at 26% 53%,#3d4e29 0,#262f20,#20271d 68%);min-height:424px}.stage-grid{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.18;background-image:linear-gradient(#7b8c5b22 1px,transparent 1px),linear-gradient(90deg,#7b8c5b22 1px,transparent 1px);background-size:38px 38px;-webkit-mask-image:linear-gradient(90deg,#000,transparent 80%);mask-image:linear-gradient(90deg,#000,transparent 80%);pointer-events:none}.stage-top{position:relative;display:flex;justify-content:space-between;align-items:center;padding:22px 25px 0}.pill{display:flex;align-items:center;gap:7px;background:#ffffff09;border:1px solid #6e7d5144;border-radius:20px;padding:7px 10px;font-size:9px;letter-spacing:1px;color:#c6d6b0}.stage-number{font-size:9px;font-family:monospace;letter-spacing:1px;color:#89977b}.stage-content{position:relative;display:grid;grid-template-columns:44% 56%;min-height:338px;align-items:center;padding:0 28px 5px 6px}.speech-area{padding:20px 8px 22px}.overline{font-size:9px;letter-spacing:1.8px;font-weight:600;color:var(--lime);display:block;margin-bottom:15px}.speech-area h1{font-size:clamp(28px,3.1vw,47px);font-weight:500;letter-spacing:-1.8px;line-height:1.1;min-height:104px;text-wrap:balance}.speech-area>p{font-size:12px;color:#aab59b;line-height:1.7;margin-top:17px;max-width:340px}.model-state{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:10px;color:#899a77;margin-top:25px}.spinner{width:10px;height:10px;border:1.5px solid #61754a;border-top-color:var(--lime);border-radius:50%;animation:spin 1s linear infinite}.stage-bottom{position:relative;display:flex;justify-content:space-between;gap:10px;padding:13px 23px;border-top:1px solid #6d805029;font-size:9px;letter-spacing:.3px;color:#8c9c7b}.signal-icon{font-style:normal;color:var(--lime);margin-right:5px}.stage-bottom>span:last-child{font-size:8px;letter-spacing:1px}.mascot-wrap{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;min-height:335px}.mascot{position:relative;z-index:1;width:100%;max-width:305px;height:335px;overflow:visible}.mascot-label{position:absolute;bottom:2px;font-size:7px;letter-spacing:1.4px;color:#92a77b;white-space:nowrap}.mascot-label i{color:var(--lime);font-style:normal;margin:0 4px}.orbit{position:absolute;border:1px solid #b4d97615;border-radius:50%;width:265px;height:265px;top:28px}.orbit-two{width:210px;height:210px;top:56px;border-style:dashed;border-color:#b4d97624}.thought{position:absolute;color:var(--lime);font-family:Space Grotesk,sans-serif;font-size:35px;transform:rotate(-15deg);opacity:0;z-index:3}.t1{left:12%;top:32px}.t2{right:8%;top:83px;font-size:23px;animation-delay:1s!important}.robot-body{transform-origin:170px 350px;animation:breathe 4s ease-in-out infinite}.robot-head{transform-origin:170px 175px;animation:head-idle 6s ease-in-out infinite}.pupils{animation:look 7s ease-in-out infinite}.eyes{transform-origin:170px 107px;animation:blink 5.5s infinite}.arm{transform-box:fill-box;transform-origin:top center}.right-arm{animation:arm-idle 5s ease-in-out infinite}.stage[data-mood=thinking] .thought{animation:question 3s ease-in-out infinite}.stage[data-mood=thinking] .robot-head{animation:head-think 3s ease-in-out infinite}.stage.talking .robot-head{animation:head-talk .55s ease-in-out infinite}.stage.talking .left-arm{animation:arm-talk .7s ease-in-out infinite}.stage.talking .right-arm{animation:arm-talk .9s ease-in-out infinite reverse}.stage.talking .robot-body{animation:breathe .6s ease-in-out infinite}.stage[data-mood=happy] .chest-light{animation:pulse .6s infinite}.hypotheses:empty{display:none}.hypotheses{margin-top:22px;display:flex;flex-direction:column;gap:9px}.guess{display:flex;align-items:center;gap:10px;font-size:11px;color:#9ba98a}.guess>span{width:115px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.guess.leading{color:var(--lime)}.guess-track{height:4px;flex:1;border-radius:5px;background:#74835c24}.guess-track div{height:100%;background:#7d8f67;border-radius:5px;transition:width .5s}.leading .guess-track div{background:var(--lime)}.guess strong{width:40px;text-align:right;font-weight:500;font-size:18px;font-variant-numeric:tabular-nums}.guess small{font-size:10px;margin-left:2px}.gallery-heading{display:flex;align-items:center;justify-content:space-between;margin:28px 0 17px}.gallery-heading h2{font-size:17px;font-weight:500;letter-spacing:-.4px;display:flex;align-items:center;gap:9px}.gallery-heading h2 span{background:#30362a;color:#bdc8af;font-size:10px;padding:3px 7px;border-radius:5px}.gallery-heading p{font-size:11px;color:var(--muted);margin-top:6px}.small-tag{font-size:8px;letter-spacing:1.1px;border:1px solid #3d4436;color:#a3af96;padding:5px 7px;border-radius:5px}.drawing-gallery{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:11px;min-height:157px;max-height:342px;overflow:auto;padding:5px 3px 7px}.gallery-empty{grid-column:1/-1;min-height:152px;border:1px dashed #394231;border-radius:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#a4ad99;font-size:12px;gap:9px;background:#ffffff02}.gallery-empty>span{font-size:30px;color:#68785a;margin-bottom:1px}.gallery-empty>small{font-size:10px;color:#67735d}.drawing-card{background:#f4f2e8;border-radius:9px;padding:7px 7px 9px;color:#42483c;transform:rotate(var(--tilt));align-self:start;animation:arrive .3s ease-out}.drawing-card canvas{width:100%;height:auto;display:block;border-radius:4px;background:#fff}.drawing-card>div{display:flex;align-items:center;justify-content:space-between;margin:9px 3px 0;gap:5px;font-size:9px}.drawing-card>div>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawing-card i{font-style:normal;color:#869474;font-size:13px}.sidebar{padding-top:2px;display:flex;flex-direction:column;gap:15px}.join-card{border-radius:18px;background:#e9ecdd;color:#1e2918;padding:23px 25px;text-align:center}.card-eyebrow{font-size:8px;letter-spacing:1.6px;color:#68765b;font-weight:700}.join-card h2{font-size:23px;letter-spacing:-1px;font-weight:600;margin-top:10px;position:relative}.join-card h2>span{position:absolute;right:-4px;top:32px;color:#6f7d5e;font-size:25px;transform:rotate(15deg)}.join-card>p{font-size:11px;color:#6c765f;line-height:1.7;margin:10px 0 17px}.qr-frame{background:#fff;border-radius:13px;width:194px;height:194px;display:flex;align-items:center;justify-content:center;margin:0 auto 17px;border:1px solid #d5dbc9;box-shadow:0 4px 15px #404e1410;overflow:hidden}.qr-frame canvas{width:172px!important;height:172px!important}.qr-placeholder{display:flex;flex-direction:column;gap:8px;color:#8e9c7f}.qr-placeholder>span{font-size:70px;line-height:1}.qr-placeholder small{font-size:10px;line-height:1.6}.room-code-label{font-size:8px;letter-spacing:1.4px;color:#768469}.room-code{font-size:29px;font-weight:600;letter-spacing:4px;margin:5px 0 7px;white-space:nowrap}.text-button{border:0;background:none;padding:6px;color:inherit;font-size:11px}.text-button span{margin-left:6px}.text-button.subtle{display:block;margin:0 auto;color:#7a866d;font-size:9px;padding-bottom:0}.control-card{border:1px solid var(--border);background:#1c2019;border-radius:16px;padding:18px}.attendance{display:flex;align-items:center;justify-content:space-between;padding-bottom:15px;border-bottom:1px solid #343b2c}.attendance>span{font-size:11px;color:#b5bfaa}.attendance .dot{margin-right:5px}.attendance strong{font-family:Space Grotesk,sans-serif;font-size:24px;font-weight:500;color:var(--lime)}.duration-label{display:flex;flex-direction:column;gap:8px;font-size:10px;color:#919f83;margin-top:16px}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#d8e1ce;background:#252c1f url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10'%3E%3Cpath d='m1 3 4 4 4-4' fill='none' stroke='%23a0ad8e'/%3E%3C/svg%3E") no-repeat right 12px center;border:1px solid #3b4530;padding:10px 12px;border-radius:7px;font-size:11px}.primary-button{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;border-radius:9px;color:#27351a;background:var(--lime);padding:14px 15px;font-size:12px;font-weight:700;min-height:46px}.primary-button:not(:disabled):hover{background:#e4ff9c}.primary-button span{font-size:19px;font-weight:400}.control-card .primary-button{margin-top:14px}.control-hint{font-size:9px;color:#7a886c;text-align:center;line-height:1.7;margin-top:12px}.noise-card{padding:17px 18px 12px;border:1px solid var(--border);border-radius:15px;background:#1b1f18}.noise-heading{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.3px;color:#9cae89}.noise-heading>span:last-child{font-family:monospace;color:#d2dfbf}.noise-view{position:relative;height:90px;margin-top:10px;background-image:radial-gradient(#8ea36533 .6px,transparent .6px);background-size:9px 9px;border-radius:7px;overflow:hidden}.noise-view canvas{width:100%;height:100%;object-fit:contain}.noise-view>span{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:8px;color:#5e7051}.noise-card>p{font-size:9px;color:#697d59;margin-top:7px}.footer{max-width:1536px;padding:16px 42px 22px;margin:auto;display:flex;justify-content:space-between;color:#66715d;font-size:9px;border-top:1px solid #282f23}.footer>span:last-child{font-size:8px;letter-spacing:1px}.footer-star{color:var(--lime);font-size:15px;margin-left:15px}.result-panel{margin-top:22px;border:1px solid #6a5a81;border-radius:16px;background:#292332;padding:20px;display:grid;grid-template-columns:180px 1fr;gap:28px;animation:arrive .4s}.featured-drawing{background:#f7f4eb;padding:10px;border-radius:8px;transform:rotate(-2deg)}.featured-drawing canvas{width:100%;height:auto;display:block}.featured-drawing>span{display:block;color:#645872;font-size:8px;letter-spacing:.7px;margin-top:10px;text-align:center;overflow-wrap:anywhere}.featured-copy{align-self:center}.featured-copy .eyebrow{color:var(--purple);font-size:9px}.featured-copy h2{font-size:24px;font-weight:500;margin:15px 0;letter-spacing:-.7px}.featured-copy p{font-size:12px;color:#b4a9c0;line-height:1.6}.result-actions{display:flex;align-items:center;justify-content:space-between;margin-top:22px}.result-actions>span{font-size:10px;color:#8b789c}.secondary-button{border:1px solid #45513a;background:#252e1f;color:#d2ddc7;border-radius:8px;padding:10px 13px;font-size:11px}.secondary-button:not(:disabled):hover{background:#35432b}.result-panel .secondary-button{background:#3b3048;border-color:#5c4770;color:#ddcaef}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:#e9efdd;color:#27351a;padding:14px 22px;border-radius:12px;font-size:12px;box-shadow:0 8px 40px #0005;max-width:min(90vw,520px);z-index:100;opacity:0;pointer-events:none;transition:.25s}.toast.visible{opacity:1;transform:translate(-50%)}dialog{max-width:450px;width:calc(100% - 40px);border:1px solid #52633e;border-radius:18px;background:#252d1f;color:#eef4e7;padding:30px}dialog::backdrop{background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}dialog h2{font-size:25px;padding-right:20px;letter-spacing:-.7px}dialog p{font-size:13px;line-height:1.7;color:#b0bca3;margin:15px 0}dialog .primary-button{margin-top:20px}.dialog-close{position:absolute;right:12px;top:9px;background:none;border:0;color:#b8c6ab;font-size:26px}label{font-size:12px;display:block;color:#b7c3ab}input:not([type=checkbox]){width:100%;background:#171e12;border:1px solid #445336;color:#edf5e4;border-radius:9px;padding:13px 14px;margin-top:8px;font-size:15px}input::placeholder{color:#67755b}.player-layout{max-width:470px;margin:0 auto;padding:27px 23px 15px}.mobile-card>.eyebrow{font-size:8px;letter-spacing:1.1px;justify-content:center}.mini-mascot .mascot-wrap{height:145px;min-height:145px;margin:8px 0}.mini-mascot .mascot{height:150px;width:160px}.mini-mascot .orbit{width:125px;height:125px;top:8px}.mini-mascot .orbit-two{width:95px;height:95px;top:23px}.mini-mascot .mascot-label,.mini-mascot .thought{display:none}.mobile-card h1{font-size:42px;line-height:1.04;letter-spacing:-1.8px;text-align:center;font-weight:500}.mobile-card>p{font-size:12px;color:#919f83;line-height:1.8;text-align:center;margin:15px 0 23px}.mobile-card form{display:flex;flex-direction:column;gap:17px}.mobile-card input#join-code{font-family:Space Grotesk,sans-serif;letter-spacing:5px;font-size:22px;padding:10px 14px}.checkbox-label{display:flex;gap:10px;align-items:flex-start;font-size:11px;margin-top:2px}.checkbox-label input{accent-color:var(--lime);width:17px;height:17px;margin:0;flex-shrink:0}.checkbox-label small{display:block;font-size:10px;color:#718461;margin-top:4px}.mobile-footer{font-size:10px;line-height:1.8;color:#69795b;text-align:center;margin-top:26px}.error-message{color:#ffb199;font-size:12px;line-height:1.5}.error-message:empty{display:none}.player-room{display:flex;justify-content:space-between;font-size:10px;color:#839475}.player-room strong{color:#c0d3af;letter-spacing:2px;margin-left:4px}.mobile-prompt{margin:29px 0 24px;text-align:center}.mobile-prompt .eyebrow{justify-content:center;color:var(--lime);font-size:9px}.mobile-prompt h1{font-size:43px;font-weight:500;letter-spacing:-1.5px;line-height:1.1;margin-top:11px}.mobile-prompt p{font-size:11px;line-height:1.6;color:#9aab8b;margin-top:12px}.mobile-timer-row{display:flex;justify-content:space-between;align-items:center;margin:0 3px 12px}.mobile-timer-row>span{font-size:10px;color:#a5b497}.mobile-timer-row .dot{margin-right:5px}.mobile-timer-row .timer,.mobile-timer-row strong{font-family:Space Grotesk,sans-serif;font-size:25px;font-weight:500}.paper-wrap{position:relative;aspect-ratio:1;background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 8px 40px #0002}.paper-wrap canvas{width:100%;height:100%;display:block;touch-action:none;cursor:crosshair}.paper-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#4c5e3e;background:#f1f3e9e8;pointer-events:none}.paper-overlay>span{font-size:42px;color:#99ac86}.paper-overlay strong{font-family:Space Grotesk,sans-serif;font-size:20px;font-weight:500}.paper-overlay small{font-size:11px;color:#899a78}.drawing-tools{display:flex;gap:9px;margin:13px 0}.drawing-tools>span{margin-left:auto;align-self:center;font-size:10px;color:#768a66}.model-preview{display:flex;gap:12px;align-items:center;border-top:1px solid #333e2a;padding-top:16px;margin-top:20px}.model-preview canvas{width:42px;height:42px;border-radius:5px;background:#fff;image-rendering:pixelated}.model-preview p{font-size:11px;color:#b5c4a7}.model-preview small{display:block;font-size:9px;line-height:1.5;color:#748867;margin-top:5px}.model-preview>span{margin-left:auto;font-size:9px;color:#99ac85;max-width:70px;text-align:right}.mobile-result{padding:15px;border-radius:10px;background:#2c3821;color:#d6e8c3;font-size:12px;margin-top:18px;text-align:center}.notice{padding:12px;background:#493c22;color:#ebc98c;font-size:12px;border-radius:8px;margin-top:16px}.player-layout~.toast{bottom:15px}@keyframes breathe{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-5px) rotate(1deg)}}@keyframes head-idle{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes head-think{0%,to{transform:rotate(-8deg)}50%{transform:rotate(7deg)}}@keyframes head-talk{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-4px) rotate(2deg)}}@keyframes look{0%,25%,to{transform:translate(0)}35%,50%{transform:translate(-5px)}65%,80%{transform:translate(5px)}}@keyframes blink{0%,43%,47%,to{transform:scaleY(1)}45%{transform:scaleY(.08)}}@keyframes arm-idle{0%,to{transform:rotate(-3deg)}50%{transform:rotate(-9deg)}}@keyframes arm-talk{0%,to{transform:rotate(5deg)}50%{transform:rotate(22deg)}}@keyframes question{0%,to{opacity:0;translate:0 8px}40%,65%{opacity:.8;translate:0 0}}@keyframes pulse{50%{opacity:.45}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes arrive{0%{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}@media(min-width:1500px){.stage{min-height:480px}.stage-content{min-height:394px}.mascot{height:375px;max-width:340px}.mascot-wrap{min-height:375px}.orbit{top:47px;width:290px;height:290px}.orbit-two{top:78px;width:230px;height:230px}.speech-area h1{font-size:49px}.join-card{padding:27px}.qr-frame{width:205px;height:205px}.qr-frame canvas{width:184px!important;height:184px!important}}@media(max-width:1100px){.topbar{padding:0 25px}.host-layout{padding:24px 25px;grid-template-columns:minmax(0,1fr) 260px;gap:20px}.stage-content{grid-template-columns:42% 58%;padding-right:18px}.mascot{height:280px}.mascot-wrap{min-height:300px}.orbit{width:200px;height:200px;top:45px}.orbit-two{width:160px;height:160px;top:65px}.speech-area h1{font-size:32px;min-height:108px}.stage-bottom>span:last-child{display:none}.drawing-gallery{grid-template-columns:repeat(4,minmax(0,1fr));max-height:350px}.join-card{padding:22px 17px}.join-card h2{font-size:22px}.tagline{font-size:8px;letter-spacing:1px}.footer{padding:16px 25px}.stage-top{padding:20px 18px 0}.stage-number{display:none}.stage-content{min-height:355px}.model-state{line-height:1.5}.featured-copy h2{font-size:21px}.result-panel{grid-template-columns:140px 1fr;gap:20px}}@media(max-width:800px){.topbar{height:74px;padding:0 22px}.brand{font-size:29px}.brand-icon{width:33px;height:33px;font-size:30px}.tagline{display:none}.host-layout{display:flex;flex-direction:column;padding:20px;gap:22px}.sidebar{display:grid;grid-template-columns:1fr 1fr;gap:16px}.join-card{grid-row:span 2}.noise-card{align-self:start}.stage-content{grid-template-columns:42% 58%;min-height:320px}.mascot{height:300px}.stage{min-height:395px}.speech-area h1{font-size:35px}.drawing-gallery{grid-template-columns:repeat(5,minmax(0,1fr));max-height:300px}.footer{padding:16px 20px}.connection{font-size:10px}.top-actions{gap:12px}.stage-bottom{font-size:8px}}@media(max-width:480px){.topbar{height:66px;padding:0 21px}.brand{font-size:27px}.brand-icon{width:30px;height:30px;font-size:28px;border-radius:9px;margin-right:9px}.connection{font-size:9px}.icon-button{width:30px;height:30px;font-size:22px}.host-layout{padding:19px 16px}.eyebrow{font-size:8px;gap:6px;letter-spacing:.8px}.timer{font-size:27px}.stage-content{grid-template-columns:1fr;padding:0 22px 20px}.mascot-wrap{min-height:230px;height:230px}.mascot{height:230px;width:230px}.orbit{width:190px;height:190px;top:15px}.orbit-two{width:150px;height:150px;top:35px}.mascot-label{bottom:-3px}.speech-area{padding:25px 0 0}.speech-area h1{font-size:34px;min-height:0}.speech-area>p{font-size:11px;margin-top:13px}.model-state{margin-top:17px}.stage-top{padding:17px 18px 0}.overline{margin-bottom:11px}.drawing-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.gallery-heading p{font-size:10px;max-width:240px;line-height:1.5}.gallery-heading h2{font-size:16px}.sidebar{grid-template-columns:1fr 1fr;gap:10px}.join-card{padding:17px 12px}.join-card h2{font-size:20px;line-height:1.1}.join-card h2>span{display:none}.join-card>p{font-size:9px}.card-eyebrow{font-size:6px}.qr-frame{width:136px;height:136px}.qr-frame canvas{width:124px!important;height:124px!important}.room-code{font-size:23px;letter-spacing:2px}.room-code-label{font-size:7px}.control-card{padding:13px}.attendance>span{font-size:9px}.duration-label{font-size:9px;line-height:1.5}.primary-button{font-size:11px;padding:12px}.control-hint{font-size:8px}.noise-card{padding:12px}.noise-heading{font-size:7px;letter-spacing:.3px}.noise-view{height:70px}.noise-view>span{font-size:6px}.noise-card>p{font-size:8px}.footer{font-size:8px;gap:16px}.footer>span:last-child{font-size:6px;line-height:1.7;text-align:right}.result-panel{grid-template-columns:100px 1fr;gap:16px;padding:14px}.featured-copy h2{font-size:18px;line-height:1.2;margin:10px 0}.featured-copy p{font-size:10px}.featured-copy .eyebrow{font-size:7px}.featured-drawing>span{font-size:6px}.result-actions{margin-top:14px}.result-actions>span{display:none}.result-actions button{font-size:9px}.player-layout{padding-top:23px}.mobile-card h1{font-size:39px}.mini-mascot .mascot-wrap{min-height:130px;height:130px}.mini-mascot .mascot{height:135px}.mini-mascot .orbit{width:115px;height:115px;top:5px}.mini-mascot .orbit-two{width:85px;height:85px;top:20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.spoken-word{color:#ceff57;font-weight:700;text-shadow:0 0 24px #caff5630}.host-mode .topbar{max-width:none;min-height:90px;height:auto;padding:16px 30px;gap:24px;position:relative;z-index:40;background:#141613}.host-mode .tagline{max-width:180px;font-size:8px;line-height:1.8}.header-controls{display:flex;align-items:center;gap:24px;margin-left:auto}.header-controls .attendance{padding:0 22px 0 0;border-bottom:0;border-right:1px solid var(--border);gap:14px}.header-controls .attendance>span{max-width:85px;line-height:1.5;font-size:10px}.header-controls .attendance strong{font-size:28px}.header-controls .duration-label{margin:0;gap:5px;font-size:8px;white-space:nowrap}.header-controls select{padding:7px 28px 7px 10px;font-size:10px;min-width:123px}.header-controls .timer{font-size:30px;min-width:80px;text-align:center}.header-controls .primary-button{width:180px;gap:15px;white-space:nowrap}.header-controls>.secondary-button{font-size:10px;white-space:nowrap}.host-mode .top-actions{margin-left:0;gap:15px}.host-mode .connection{font-size:9px}.host-mode .host-layout{max-width:none;padding:22px 30px 15px;grid-template-columns:minmax(0,1fr) 315px;gap:24px;height:calc(100svh - 134px);min-height:570px}.host-mode.playing .host-layout{grid-template-columns:minmax(0,1.2fr) minmax(360px,1fr)}.host-mode .main-column{display:flex;flex-direction:column;min-height:0}.host-mode .section-heading{height:24px;min-height:24px;margin-bottom:16px;gap:18px}.host-mode .section-heading .eyebrow{font-size:9px;white-space:nowrap}.host-mode .control-hint{margin:0;font-size:9px;text-align:right;line-height:1.4}.host-mode .stage{flex:1;min-height:0;display:flex;flex-direction:column}.host-mode .stage-content{flex:1;min-height:0;grid-template-columns:43% 57%;padding:12px 28px 24px 10px;align-content:center}.host-mode .stage-content>.mascot-wrap{height:100%;min-height:300px;max-height:540px}.host-mode .stage-content .mascot{height:min(54svh,500px);max-height:100%;max-width:370px}.host-mode .stage-content .orbit{width:min(25vw,320px);height:auto;aspect-ratio:1;top:50%;transform:translateY(-50%)}.host-mode .stage-content .orbit-two{width:min(20vw,250px)}.host-mode .stage-content .mascot-label{bottom:8px;font-size:7px}.host-mode .speech-area{padding:20px 4px 20px 10px}.host-mode .speech-area h1{font-size:clamp(30px,3.2vw,54px);line-height:1.13;letter-spacing:-1.5px;min-height:110px}.host-mode.playing .speech-area h1{font-size:clamp(30px,3vw,48px)}.host-mode .speech-area>p{font-size:12px;max-width:390px}.host-mode .stage-bottom{margin-top:auto;flex-shrink:0}.host-mode .sidebar{padding-top:40px;min-height:0;gap:16px}.host-mode .join-card{margin:auto 0;width:100%;padding:30px 26px}.host-mode .join-card .qr-frame{width:232px;height:232px;margin-top:22px}.host-mode .join-card .qr-frame canvas{width:210px!important;height:210px!important}.host-mode .join-card h2{font-size:26px}.host-mode .join-card>p{font-size:12px}.host-mode .join-card .room-code{font-size:34px}.gallery-panel{display:flex;flex-direction:column;min-height:0;flex:1;background:#1b2018;border:1px solid #343e2b;border-radius:18px;padding:21px 18px 12px}.host-mode .gallery-heading{margin:0 0 18px;flex-shrink:0;gap:14px}.host-mode .gallery-heading h2{font-size:21px}.host-mode .gallery-heading p{font-size:10px;line-height:1.5}.host-mode .drawing-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-height:none;min-height:0;overflow:auto;align-content:start;padding:6px 5px 14px;scrollbar-width:thin;scrollbar-color:#64744c transparent}.host-mode .drawing-card{padding:10px 10px 12px;border-radius:11px}.host-mode .drawing-card>div{font-size:12px;margin-top:10px}.host-mode .drawing-card>div i{font-size:17px}.host-mode .gallery-empty{min-height:220px;text-align:center;padding:18px;font-size:12px}.host-mode .gallery-empty small{line-height:1.6}.host-mode .noise-card{position:relative;flex-shrink:0;padding:13px 18px;min-height:106px;overflow:hidden}.host-mode .noise-view{position:absolute;width:43%;height:100%;right:0;top:0;margin:0;border-left:1px solid #35412b55}.host-mode .noise-heading{width:51%;margin-top:10px;font-size:8px}.host-mode .noise-card>p{width:51%;margin-top:14px;font-size:9px}.host-mode .noise-view>span{font-size:7px;text-align:center;padding:10px}.host-mode .footer{max-width:none;min-height:40px;padding:10px 30px 14px;align-items:center}.brow{transform-box:fill-box;transform-origin:center;transition:transform .4s ease}.brow-left{animation:brow-idle-left 5s ease-in-out infinite}.brow-right{animation:brow-idle-right 5s ease-in-out infinite}:is(.stage,.result-panel)[data-mood=thinking] .brow-left{animation:brow-doubt-left 2.8s ease-in-out infinite}:is(.stage,.result-panel)[data-mood=thinking] .brow-right{animation:brow-doubt-right 2.8s ease-in-out infinite}:is(.stage,.result-panel)[data-mood=guessing] .brow-left{animation:brow-guess-left 2.3s ease-in-out infinite}:is(.stage,.result-panel)[data-mood=guessing] .brow-right{animation:brow-guess-right 2.3s ease-in-out infinite}:is(.stage,.result-panel)[data-mood=confident] .brow-left{animation:none;transform:translateY(-3px) rotate(10deg)}:is(.stage,.result-panel)[data-mood=confident] .brow-right{animation:none;transform:translateY(-3px) rotate(-10deg)}:is(.stage,.result-panel)[data-mood=happy] .brow-left{animation:brow-happy 1.6s ease-in-out infinite}:is(.stage,.result-panel)[data-mood=happy] .brow-right{animation:brow-happy 1.6s .15s ease-in-out infinite}.result-panel.talking .robot-head{animation:head-talk .55s ease-in-out infinite}.result-panel.talking .left-arm{animation:arm-talk .7s ease-in-out infinite}.result-panel.talking .right-arm{animation:arm-talk .9s ease-in-out infinite reverse}.result-panel.talking .robot-body{animation:breathe .6s ease-in-out infinite}@keyframes brow-idle-left{0%,to{transform:rotate(-3deg)}50%{transform:translateY(-2px) rotate(3deg)}}@keyframes brow-idle-right{0%,to{transform:rotate(3deg)}50%{transform:translateY(-2px) rotate(-3deg)}}@keyframes brow-doubt-left{0%,to{transform:translateY(-7px) rotate(-18deg)}50%{transform:translateY(-3px) rotate(-8deg)}}@keyframes brow-doubt-right{0%,to{transform:translateY(5px) rotate(-15deg)}50%{transform:translateY(1px) rotate(-6deg)}}@keyframes brow-guess-left{0%,to{transform:translateY(2px) rotate(15deg)}45%{transform:translateY(-5px) rotate(-8deg)}}@keyframes brow-guess-right{0%,to{transform:translateY(-6px) rotate(8deg)}45%{transform:translateY(-10px) rotate(-8deg)}}@keyframes brow-happy{0%,to{transform:translateY(-5px) scaleY(1.1)}50%{transform:translateY(-8px) scaleY(1.3)}}.result-overlay{position:fixed;top:90px;right:0;bottom:0;left:0;z-index:30;display:flex;align-items:center;justify-content:center;padding:30px;background:#11130fe0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.result-overlay .result-panel{position:relative;display:grid;grid-template-columns:minmax(260px,.85fr) minmax(0,1.15fr);gap:clamp(25px,4vw,70px);width:min(1240px,100%);max-height:100%;overflow:auto;margin:0;padding:clamp(24px,3vw,46px);border:1px solid #806496;background:radial-gradient(ellipse at 95% 10%,#453451 0,#2b2335 65%);border-radius:25px;box-shadow:0 35px 140px #0009,0 0 90px #b48ce51a;animation:none;scrollbar-width:thin}.result-panel.pop-in{animation:spotlight-pop .5s cubic-bezier(.16,1,.3,1)}.result-overlay .featured-drawing{align-self:center;padding:17px 17px 22px;box-shadow:0 20px 55px #0005;transform:rotate(-3deg);border-radius:12px}.result-overlay .featured-drawing canvas{aspect-ratio:1;background:#fff}.result-overlay .featured-drawing>span{font-size:12px;letter-spacing:1.3px;margin-top:20px}.result-overlay .featured-copy{min-width:0}.result-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-right:30px}.result-heading .eyebrow{font-size:11px;letter-spacing:1.5px}.result-counter{color:#a792ba;font-family:Space Grotesk,sans-serif;font-size:13px;white-space:nowrap}.result-presenter{display:flex;align-items:center;gap:13px;margin:12px 0 0}.result-presenter .mascot-wrap{min-height:150px;height:150px;width:145px;flex-shrink:0}.result-presenter .mascot{width:145px;height:160px}.result-presenter .mascot-label,.result-presenter .orbit,.result-presenter .thought{display:none}.result-presenter .overline{font-size:8px;color:#bca5d1;line-height:1.6;margin:0 0 8px;letter-spacing:1.5px}.result-presenter h2{font-size:clamp(18px,2vw,26px);font-weight:500;line-height:1.2;margin:0;color:#e7d9f3;letter-spacing:-.6px}.result-overlay .result-speech{font-family:Space Grotesk,sans-serif;font-size:clamp(25px,2.8vw,42px);line-height:1.22;font-weight:500;letter-spacing:-1.1px;color:#f4eff8;margin:4px 0 25px;min-height:130px;text-wrap:pretty}.result-overlay .result-verdict{font-size:12px;line-height:1.8;color:#ad99bd;border-top:1px solid #66507177;padding-top:17px}.result-overlay .result-verdict strong{color:#d2bce3;font-weight:500}.result-overlay .result-actions{margin-top:24px;display:flex;gap:12px;flex-wrap:wrap}.result-overlay .result-actions .primary-button{width:auto;min-width:175px;gap:25px;font-size:12px}.result-overlay .result-actions .secondary-button{font-size:11px;min-height:46px}.result-close{position:absolute;right:17px;top:13px;width:36px;height:36px;border:1px solid #77608688;border-radius:50%;background:#473351;color:#dbc7e9;font-size:25px;z-index:2;line-height:1}.result-close:hover{background:#60446e}@keyframes spotlight-pop{0%{opacity:0;transform:translateY(32px) scale(.86)}65%{opacity:1;transform:translateY(-4px) scale(1.015)}to{opacity:1;transform:translateY(0) scale(1)}}@media(min-width:1750px){.host-mode.playing .host-layout{grid-template-columns:minmax(0,1.25fr) minmax(600px,1fr)}.host-mode .drawing-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.host-mode .stage-content .mascot{height:min(62svh,620px);max-width:420px}.host-mode .speech-area h1,.host-mode.playing .speech-area h1{font-size:clamp(42px,3vw,66px)}}@media(max-width:1270px){.host-mode .topbar{gap:18px;padding:15px 22px}.host-mode .tagline{display:none}.header-controls{gap:16px}.header-controls .attendance{padding-right:15px}.host-mode .top-actions{gap:10px}.host-mode .connection{font-size:8px}.host-mode.playing .host-layout{grid-template-columns:minmax(0,1.1fr) minmax(320px,1fr)}.host-mode .host-layout{padding:20px 22px 14px;gap:18px}.host-mode .control-hint{display:none}.host-mode .stage-content{grid-template-columns:1fr;padding:10px 30px 26px;align-content:center}.host-mode .stage-content>.mascot-wrap{height:38svh;min-height:210px;max-height:340px}.host-mode .stage-content .mascot{height:100%;max-width:300px}.host-mode .speech-area{padding:22px 0 0}.host-mode .speech-area h1{font-size:40px;min-height:0}.host-mode.playing .speech-area h1{font-size:36px}.host-mode .speech-area>p{font-size:11px}.host-mode .hypotheses,.host-mode .model-state{margin-top:18px}.host-mode .stage-content .mascot-label{bottom:-5px}.host-mode .gallery-panel{padding:20px 12px 10px}.host-mode .gallery-heading h2{font-size:18px}.host-mode .gallery-heading p{font-size:9px}.host-mode .drawing-gallery{gap:13px}.host-mode .stage-number{display:none}.result-overlay .result-panel{gap:30px}.result-overlay .result-speech{font-size:30px}.result-overlay .featured-drawing>span{font-size:10px}}@media(max-width:1000px){.host-mode .topbar{flex-wrap:wrap;gap:12px;min-height:120px;padding:12px 20px}.header-controls{order:3;width:100%;justify-content:space-between;gap:12px}.host-mode .top-actions{margin-left:auto}.header-controls .attendance>span{max-width:none;font-size:9px}.header-controls .attendance{gap:10px}.header-controls .attendance strong{font-size:23px}.header-controls .duration-label{flex-direction:row;align-items:center;gap:9px}.header-controls .timer{font-size:26px;min-width:70px}.header-controls .primary-button{min-height:40px;padding:10px 13px;width:165px;font-size:11px}.header-controls .secondary-button{font-size:9px;padding:10px}.host-mode .host-layout{height:calc(100svh - 170px);min-height:630px}.host-mode .stage-content>.mascot-wrap{min-height:220px;height:32svh}.host-mode .sidebar{display:flex;grid-template-columns:none;gap:14px}.host-mode .join-card{padding:22px 18px}.host-mode .join-card .qr-frame{width:210px;height:210px}.host-mode .join-card .qr-frame canvas{width:190px!important;height:190px!important}.host-mode .stage-content .orbit{width:220px}.host-mode .stage-content .orbit-two{width:175px}.host-mode .stage-bottom>span:last-child{display:none}.result-overlay{top:120px;right:0;bottom:0;left:0;padding:20px}.result-overlay .result-panel{grid-template-columns:minmax(200px,.8fr) minmax(0,1.2fr);padding:27px;gap:25px}.result-presenter .mascot-wrap{width:110px;height:125px;min-height:125px}.result-presenter .mascot{width:110px;height:125px}.result-overlay .result-speech{font-size:27px}.result-presenter h2{font-size:18px}.result-heading .eyebrow{font-size:9px}}@media(max-width:760px){.host-mode .header-controls .duration-label{flex-direction:column;align-items:flex-start;gap:3px}.host-mode .header-controls .attendance>span{max-width:66px;font-size:8px}.header-controls{gap:10px}.header-controls .attendance{padding-right:9px}.header-controls .primary-button{width:145px;font-size:10px}.header-controls select{min-width:105px;padding:6px 20px 6px 8px;font-size:9px}.header-controls .timer{font-size:24px;min-width:62px}.header-controls>.secondary-button{display:none}.host-mode .host-layout,.host-mode.playing .host-layout{display:grid;grid-template-columns:minmax(0,1fr);height:auto;min-height:0;padding:18px}.host-mode .stage{min-height:500px}.host-mode .stage-content{grid-template-columns:42% 58%;padding:0 22px 20px 6px;min-height:390px}.host-mode .stage-content>.mascot-wrap{height:310px;min-height:240px}.host-mode .stage-content .mascot{height:100%}.host-mode .speech-area{padding:15px 0 15px 12px}.host-mode .sidebar{padding-top:0}.host-mode .join-card{max-width:360px;margin:0 auto}.host-mode .gallery-panel{padding:20px 16px 14px}.host-mode .drawing-gallery{grid-template-columns:repeat(3,minmax(0,1fr));max-height:600px}.host-mode .gallery-heading p{font-size:10px}.host-mode .noise-card{min-height:110px}.host-mode .noise-view{width:50%}.result-overlay .result-panel{grid-template-columns:1fr;gap:24px;max-width:550px;padding:26px}.result-overlay .featured-drawing{width:min(270px,75%);margin:auto;padding:12px 12px 16px}.result-overlay .featured-drawing>span{margin-top:13px}.result-presenter{margin-top:4px}.result-overlay .result-speech{font-size:29px;min-height:0;margin-top:0}.result-overlay .result-actions{justify-content:space-between}.result-close{position:sticky;top:-12px;justify-self:end;margin-bottom:-52px;grid-column:1;grid-row:1}.result-overlay .featured-drawing{grid-column:1;grid-row:1}.result-presenter .mascot-wrap{width:100px;height:110px;min-height:110px}.result-presenter .mascot{width:100px;height:115px}.result-heading .eyebrow{font-size:10px}.host-mode .footer{padding:14px 20px}}@media(max-width:480px){.host-mode .topbar{padding:10px 15px;gap:10px;min-height:126px}.header-controls{gap:8px;align-items:center}.header-controls .attendance{gap:6px;padding:0;border:0}.header-controls .attendance>span{max-width:52px!important;font-size:7px!important}.header-controls .attendance .dot{display:none}.header-controls .attendance strong{font-size:22px}.header-controls .duration-label{font-size:7px}.header-controls select{min-width:92px;font-size:8px}.header-controls .timer{font-size:20px;min-width:52px}.header-controls .primary-button{width:118px;font-size:9px;gap:5px;padding:10px;min-height:37px}.header-controls .primary-button>span{font-size:15px}.host-mode .host-layout{padding:15px}.host-mode .section-heading .eyebrow{font-size:7px}.host-mode .stage-content{grid-template-columns:1fr;min-height:0;padding:0 23px 24px}.host-mode .stage-content>.mascot-wrap{height:245px;min-height:230px}.host-mode .stage-content .mascot{height:250px}.host-mode .speech-area{padding:25px 0 5px}.host-mode .speech-area h1,.host-mode.playing .speech-area h1{font-size:35px}.host-mode .stage-content .mascot-label{bottom:-2px}.host-mode .drawing-gallery{grid-template-columns:repeat(2,minmax(0,1fr));max-height:650px;gap:15px}.host-mode .gallery-heading h2{font-size:18px}.host-mode .drawing-card>div{font-size:11px}.result-overlay{top:126px;right:0;bottom:0;left:0;padding:13px}.result-overlay .result-panel{padding:21px;gap:20px;border-radius:18px}.result-overlay .result-speech{font-size:27px;letter-spacing:-.7px}.result-overlay .featured-drawing{width:220px}.result-overlay .result-actions{gap:10px}.result-overlay .result-actions .primary-button{min-width:145px;font-size:10px}.result-overlay .result-actions .secondary-button{font-size:9px}.result-presenter{gap:5px}.result-presenter h2{font-size:18px}.result-overlay .result-verdict{font-size:10px}.result-heading{padding-right:0}.result-heading .eyebrow{font-size:9px}.result-counter{font-size:11px}}@media(max-height:750px)and (min-width:1001px){.host-mode .host-layout{min-height:500px}.host-mode .stage-content>.mascot-wrap{min-height:180px;height:210px}.host-mode .speech-area h1{font-size:32px}.host-mode .stage-content{padding-top:0;padding-bottom:14px}.host-mode .speech-area{padding-top:14px}.host-mode .model-state{margin-top:14px}.result-overlay .result-panel{padding:25px;gap:30px}.result-presenter .mascot-wrap{height:115px;min-height:115px;width:110px}.result-presenter .mascot{height:125px;width:110px}.result-overlay .result-speech{font-size:29px;min-height:100px;margin-bottom:17px}.result-overlay .result-actions{margin-top:16px}}@media(prefers-reduced-motion:reduce){.brow,.result-panel.pop-in{animation:none!important}}