@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/fredoka-latin-600-normal-C4zohCW5.woff2) format("woff2"),url(/assets/fredoka-latin-600-normal-CcrEjrB4.woff) format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/fredoka-latin-700-normal-BOIZVyIN.woff2) format("woff2"),url(/assets/fredoka-latin-700-normal-C8FeHd3X.woff) format("woff")}@font-face{font-family:Nunito Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/nunito-sans-latin-400-normal-AkRraKH2.woff2) format("woff2"),url(/assets/nunito-sans-latin-400-normal-DY9yCUyQ.woff) format("woff")}@font-face{font-family:Nunito Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/nunito-sans-latin-600-normal-BtVRvDNj.woff2) format("woff2"),url(/assets/nunito-sans-latin-600-normal-DLks-Kj1.woff) format("woff")}@font-face{font-family:Nunito Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-sans-latin-700-normal-CICRJDmU.woff2) format("woff2"),url(/assets/nunito-sans-latin-700-normal-CLVG92B9.woff) format("woff")}@font-face{font-family:Nunito Sans;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-sans-latin-800-normal-MgCk9Q3Y.woff2) format("woff2"),url(/assets/nunito-sans-latin-800-normal-DOf_K5Iw.woff) format("woff")}:root{color-scheme:light;--space: #17132f;--space-raised: #322254;--ink: #19223c;--ink-soft: #394763;--muted: #59657c;--tile: #e4ebef;--tile-line: #b9c9d4;--turquoise: #25c9d0;--pink: #eb4fa7;--yellow: #ffe36b;--blue: #4187f4;--coral: #ff675e;--paper: #f7f8f6;--white: #ffffff;--line: #d9e0e3;--shadow: 0 16px 42px rgb(23 19 47 / 16%), 0 3px 9px rgb(23 19 47 / 9%);font-family:Nunito Sans,sans-serif;color:var(--ink);background:var(--space);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto;font-weight:600}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:var(--space)}body{min-width:320px;min-height:100vh;min-height:100dvh;margin:0;background:var(--space)}button,input{font:inherit}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #168da4;outline-offset:3px}a{color:inherit;text-underline-offset:3px}::selection{color:var(--space);background:#8be8e7}::-webkit-scrollbar{width:11px}::-webkit-scrollbar-track{background:#e7eaed}::-webkit-scrollbar-thumb{background:#93a1b5;border:3px solid #e7eaed;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#687a99}input::placeholder{color:#727d90;opacity:1}#root{min-height:100vh;min-height:100dvh}.app-shell{min-height:100vh;min-height:100dvh;background:#f2f4f3}.topbar{position:relative;z-index:10;height:68px;padding:0 clamp(18px,3vw,48px);display:flex;align-items:center;gap:44px;color:#f8f6ff;background:var(--space);box-shadow:0 5px 18px #0f0a2533}.brand{display:inline-flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-family:Fredoka,sans-serif;font-size:23px;font-weight:700;letter-spacing:-.035em;white-space:nowrap}.brand-vr{color:var(--yellow)}.brand-mark{width:27px;height:27px;position:relative;display:inline-block;transform:rotate(-13deg)}.brand-mark span{position:absolute;display:block;width:18px;height:8px;border:2px solid #17132f;border-radius:8px;box-shadow:0 1px 1px #0000001f}.brand-mark span:nth-child(1){left:2px;top:3px;background:var(--turquoise);transform:rotate(23deg)}.brand-mark span:nth-child(2){left:6px;top:10px;background:var(--pink);transform:rotate(-14deg)}.brand-mark span:nth-child(3){left:2px;top:17px;background:var(--yellow);transform:rotate(12deg)}.route-nav{display:flex;align-items:center;gap:9px;margin-left:auto}.route-nav a{padding:9px 13px;border:1px solid transparent;border-radius:999px;color:#d5d2e3;text-decoration:none;font-size:13px;font-weight:800;transition:color .15s ease,background .15s ease,border-color .15s ease}.route-nav a:hover{color:#fff;background:#ffffff14}.route-nav a.active{color:var(--space);background:var(--yellow)}.topbar-note{display:flex;align-items:center;gap:9px;color:#cbc8d8;font-size:12px;font-weight:800;white-space:nowrap}.online-dot,.connection-dot,.live-pulse,.studio-live-dot{width:8px;height:8px;display:inline-block;border-radius:50%;background:var(--turquoise);box-shadow:0 0 0 3px #25c9d02b}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Fredoka,sans-serif;font-weight:600;letter-spacing:-.035em}.button{min-height:49px;display:inline-flex;align-items:center;justify-content:center;gap:11px;padding:0 18px;border:0;border-radius:15px;font-size:15px;font-weight:900;cursor:pointer;transition:transform .16s cubic-bezier(.2,.8,.2,1),box-shadow .16s ease,filter .16s ease}.button svg{width:19px;height:19px;flex:0 0 auto}.button:not(:disabled):hover{transform:translateY(-2px);filter:saturate(1.08)}.button:not(:disabled):active{transform:translateY(0) scale(.985)}.button:disabled{cursor:not-allowed;opacity:.55;filter:saturate(.65)}.button-primary{color:#15172f;background:var(--yellow);box-shadow:0 5px #d7ad38,0 9px 18px #1d183629}.button-primary:hover:not(:disabled){box-shadow:0 7px #d7ad38,0 12px 21px #1d18362e}.button-danger{color:#fff;background:#df4968;box-shadow:0 5px #a83350,0 9px 18px #1d183626}.button-light{color:var(--ink);background:#f5f7f8;border:1px solid #cdd6de;box-shadow:0 3px #bdc7d3}.button-light svg{color:#515f7a}.text-button{padding:7px 3px;border:0;color:#53617c;background:none;font-size:13px;font-weight:800;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.text-button:hover:not(:disabled){color:#193e91}.text-button:disabled{opacity:.45;cursor:not-allowed}.icon-button{width:36px;height:36px;display:inline-grid;place-items:center;padding:0;border:1px solid #d6dce3;border-radius:11px;color:#53617c;background:#fff;cursor:pointer}.icon-button svg{width:18px;height:18px}.icon-button:hover{color:#bd3459;border-color:#efa8b6;background:#fff5f6}.button-spinner{width:17px;height:17px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;display:inline-block;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.stage-frame{position:relative;overflow:hidden;isolation:isolate;border:1px solid rgb(210 220 231 / 68%);border-radius:22px;background:#21183d;box-shadow:var(--shadow)}.stage{position:absolute;inset:0;width:100%;height:100%;touch-action:none}.stage-canvas{width:100%;height:100%;display:block;touch-action:none}.stage-edit .stage-canvas,.stage-paint .stage-canvas{cursor:crosshair}.stage-floating-controls{position:absolute;inset:14px 14px auto;z-index:2;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.stage-surface-label{min-height:31px;display:inline-flex;align-items:center;gap:7px;padding:0 11px;border:1px solid rgb(24 33 59 / 12%);border-radius:999px;color:var(--ink);background:#fafcfde5;box-shadow:0 3px 11px #0c11261f;font-size:10px;font-weight:1000;letter-spacing:.08em}.stage-surface-label svg{width:13px;height:13px;color:#e84e9f}.stage-reset-button{width:37px;height:37px;display:grid;place-items:center;border:1px solid rgb(24 33 59 / 14%);border-radius:13px;color:var(--ink);background:#fafcfde8;box-shadow:0 4px 12px #0c112624;cursor:pointer;pointer-events:auto}.stage-reset-button svg{width:18px;height:18px}.stage-reset-button:hover{color:#1b70bf;background:#fff}.arena-caption{position:absolute;z-index:1;top:53%;left:50%;width:max-content;max-width:85%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:10px;padding:10px 15px;border:1px solid rgb(255 255 255 / 68%);border-radius:15px;color:#27344f;background:#f8fbfde8;box-shadow:0 7px 21px #141d382b;font-size:12px;font-weight:900;pointer-events:none}.caption-orbit{width:25px;height:25px;display:grid;place-items:center;border-radius:9px;color:#fff;background:var(--blue)}.caption-orbit svg{width:15px;height:15px}.stage-live-mark{position:absolute;right:17px;bottom:15px;z-index:2;display:inline-flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid rgb(22 19 47 / 11%);border-radius:999px;color:#222643;background:#fbfcffeb;box-shadow:0 4px 12px #141a3224;font-size:10px;font-weight:1000;letter-spacing:.08em}.stage-live-mark .live-pulse{width:7px;height:7px;background:#ed5364;box-shadow:0 0 0 3px #ed536424}.join-layout{min-height:calc(100dvh - 68px);max-width:1600px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(360px,.75fr);background:#f4f5f3}.join-visual{min-height:680px;padding:22px 0 20px clamp(18px,3vw,48px);display:flex;flex-direction:column}.join-stage{flex:1;min-height:530px;border-radius:24px 0 0 24px}.join-visual .stage-floating-controls{display:none}.join-visual-footer{min-height:48px;display:flex;align-items:end;justify-content:space-between;padding:0 24px 1px 3px;color:#57627a;font-size:10px;font-weight:1000;letter-spacing:.13em}.toy-dot-row{display:inline-flex;gap:5px;align-items:center}.toy-dot-row span{width:9px;height:9px;display:block;border-radius:50%;background:var(--turquoise)}.toy-dot-row span:nth-child(2){background:var(--pink)}.toy-dot-row span:nth-child(3){background:var(--yellow)}.toy-dot-row span:nth-child(4){background:var(--coral)}.join-panel{max-width:500px;align-self:center;padding:46px clamp(25px,4vw,60px) 46px clamp(30px,4vw,65px)}.join-title-row{display:flex;align-items:flex-start;gap:14px}.title-stamp{width:39px;height:39px;margin-top:7px;flex:0 0 auto;display:grid;place-items:center;border-radius:14px;color:#27204b;background:var(--yellow);box-shadow:0 4px #d8b844;transform:rotate(-6deg)}.title-stamp svg{width:21px;height:21px}.join-panel h1{margin:0;color:#211a42;font-size:clamp(46px,5.2vw,68px);line-height:.98;letter-spacing:-.045em}.join-panel h1 em{color:#e34c9e;font-style:normal}.join-intro{max-width:36ch;margin:19px 0 30px 53px;color:#4c5872;font-size:16px;font-weight:700;line-height:1.5}.join-form{display:flex;flex-direction:column;gap:9px}.join-form label,.pair-form label,.guess-composer>label{margin-top:7px;color:#4f5d77;font-size:10px;font-weight:1000;letter-spacing:.12em}.join-form input,.pair-form input,.guess-entry input{width:100%;min-height:51px;padding:0 15px;border:1px solid #c8d1db;border-radius:13px;color:#202b47;background:#fff;box-shadow:inset 0 2px 4px #14213c0a;font-size:15px;font-weight:800}.join-form input:focus,.pair-form input:focus,.guess-entry input:focus{border-color:#4187f4;box-shadow:0 0 0 3px #4187f42e;outline:0}.join-form input.code-input,.pair-form input.code-input{min-height:62px;font-family:Fredoka,sans-serif;font-size:26px;font-weight:600;letter-spacing:.11em}.join-form .button{width:100%;min-height:56px;margin-top:9px;border-radius:15px;font-size:16px}.join-form .button svg{margin-left:auto}.join-footnote{margin-top:18px;display:flex;align-items:center;gap:8px;color:#5b667d;font-size:11px;font-weight:800}.join-footnote svg{width:15px;height:15px;color:#58637a}.host-entry-link{margin-top:32px;display:flex;flex-wrap:wrap;align-items:center;gap:4px;color:#5b667d;font-size:12px;font-weight:800;text-decoration:none}.host-entry-link span{display:inline-flex;align-items:center;gap:4px;color:#315fc6;font-weight:1000;text-decoration:underline;text-underline-offset:3px}.host-entry-link svg{width:14px;height:14px}.match-layout{width:min(1500px,100%);min-height:calc(100dvh - 68px);margin:0 auto;padding:14px clamp(12px,2vw,27px) 20px;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(320px,.72fr);align-items:start;gap:16px}.match-visual{min-width:0}.match-status-row{min-height:49px;display:flex;align-items:center;gap:13px;padding:0 3px 9px}.match-room-block{min-width:88px;display:flex;align-items:center;gap:8px}.room-label{color:#64718a;font-size:9px;font-weight:1000;letter-spacing:.12em}.room-code-button{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border:1px solid #cbd4dd;border-radius:8px;color:#202a45;background:#f8fafb;font-family:Fredoka,sans-serif;font-size:15px;font-weight:600;letter-spacing:.07em;cursor:pointer}.room-code-button svg{width:13px;height:13px;color:#56637c}.connection-badge{min-height:25px;display:inline-flex;align-items:center;gap:7px;padding:0 9px;border:1px solid #c4d3d6;border-radius:999px;color:#315358;background:#eff9f8;font-size:9px;font-weight:1000;letter-spacing:.08em;white-space:nowrap}.connection-badge .connection-dot{width:6px;height:6px;background:#22aeb0;box-shadow:0 0 0 2px #25c9d026}.connection-connecting{color:#736238;border-color:#e2d6a7;background:#fff9de}.connection-connecting .connection-dot{background:#d7a728;box-shadow:0 0 0 2px #d7a72829}.connection-reconnecting{color:#853e32;border-color:#efc8b3;background:#fff3eb}.connection-reconnecting .connection-dot{background:#e87948;box-shadow:0 0 0 2px #e879482b;animation:pulse 1.2s ease-in-out infinite}.connection-offline{color:#7e4053;border-color:#ecc9d1;background:#fff2f4}.connection-offline .connection-dot{background:#df4968;box-shadow:0 0 0 2px #df496829}@keyframes pulse{50%{opacity:.45}}.round-timer{margin-left:auto;display:flex;align-items:center;gap:13px}.round-count{color:#53607a;font-size:9px;font-weight:1000;letter-spacing:.11em;white-space:nowrap}.round-count i{margin:0 4px;color:#8790a0;font-style:normal}.timer-value{display:inline-flex;align-items:center;gap:6px;color:#252043;font-family:Fredoka,sans-serif;font-size:19px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.timer-value svg{width:15px;height:15px;color:#615592}.timer-urgent{color:#d6455f}.match-stage{width:100%;height:min(69vh,790px);min-height:490px}.match-stage .stage-floating-controls{inset-inline:14px}.match-footline{min-height:36px;display:flex;justify-content:space-between;align-items:center;padding:2px 3px 0;color:#62708a;font-size:10px;font-weight:800}.match-footline>span{display:inline-flex;align-items:center;gap:6px}.match-footline svg{width:14px;height:14px}.match-footline b{color:#cf579c}.viewer-count{color:#53607a}.match-panel{min-height:520px;padding:21px 21px 15px;display:flex;flex-direction:column;border:1px solid #d3dade;border-radius:22px;background:#fbfcfb;box-shadow:0 6px 22px #19223c14}.match-panel-heading{padding:1px 2px 17px}.round-state-label{display:flex;align-items:center;gap:8px;color:#5c6981;font-size:9px;font-weight:1000;letter-spacing:.11em}.state-dot{width:8px;height:8px;display:inline-block;border-radius:3px;background:#929bad}.state-playing{background:var(--pink);box-shadow:0 0 0 3px #eb4fa726}.state-lobby,.state-loading{background:#e0b32b;box-shadow:0 0 0 3px #e0b32b26}.state-paused{background:#e17b49;box-shadow:0 0 0 3px #e17b4926}.state-reveal,.state-finished{background:var(--turquoise);box-shadow:0 0 0 3px #25c9d026}.match-panel-heading h1{margin:10px 0 5px;color:#211b42;font-size:clamp(25px,2.5vw,34px);line-height:1.05}.match-panel-heading p{max-width:42ch;margin:0;color:#56627a;font-size:13px;font-weight:700;line-height:1.45}.match-panel .notice{margin:0 0 13px}.guess-composer{margin-top:3px;padding:14px;border:1px solid #d3dae2;border-radius:16px;background:#eef2f4}.guess-composer>label{margin:0 0 8px;display:block}.guess-entry{display:flex;gap:8px}.guess-entry input{min-width:0;min-height:50px;padding:0 12px;border-radius:11px;background:#fff;font-size:14px}.guess-entry input:disabled{color:#677189;background:#f5f5f4;cursor:not-allowed}.guess-send{width:49px;height:49px;display:grid;place-items:center;flex:0 0 auto;border:0;border-radius:12px;color:#201b3d;background:var(--yellow);box-shadow:0 4px #d5b643;cursor:pointer;transition:transform .13s ease,filter .13s ease}.guess-send svg{width:20px;height:20px}.guess-send:hover:not(:disabled){transform:translateY(-2px);filter:saturate(1.1)}.guess-send:disabled{color:#747989;background:#d9dde0;box-shadow:0 4px #c1c7cb;cursor:not-allowed}.guess-hint{margin-top:8px;display:block;color:#5f6b81;font-size:10px;font-weight:800}.guess-feedback{margin-top:10px;min-height:43px;display:flex;align-items:center;gap:9px;padding:9px 11px;border:1px solid #d2d9e2;border-radius:12px;color:#394760;background:#f2f5f6;font-size:12px;font-weight:800}.feedback-symbol{width:23px;height:23px;display:grid;place-items:center;flex:0 0 auto;border-radius:8px;background:#dfe7ef}.feedback-symbol svg{width:14px;height:14px}.feedback-good{color:#165a51;border-color:#a8dbcf;background:#e8faf3}.feedback-good .feedback-symbol{color:#fff;background:#2ca28a}.feedback-bad{color:#70474a;border-color:#ead2cf;background:#fff4f0}.feedback-bad .feedback-symbol{color:#fff;background:#d56d74}.feedback-info{color:#534e70;border-color:#d8d0eb;background:#f4f0fc}.solved-banner{margin-top:10px;padding:10px 12px;display:flex;align-items:center;gap:8px;border:1px solid #b9dfca;border-radius:11px;color:#1f6e4f;background:#edfbf3;font-size:12px;font-weight:900}.solved-banner svg{width:16px;height:16px}.answer-reveal{margin:0 0 13px;padding:13px 15px;display:flex;flex-direction:column;gap:3px;border:1px solid #e6d77f;border-radius:14px;background:#fff8d8}.answer-reveal span{color:#6d6233;font-size:9px;font-weight:1000;letter-spacing:.1em}.answer-reveal strong{color:#211b42;font-family:Fredoka,sans-serif;font-size:23px;font-weight:600}.scoreboard{margin-top:17px}.scoreboard-heading,.host-players-head{padding:0 3px 7px;display:flex;justify-content:space-between;border-bottom:1px solid #dfe4e5;color:#69758a;font-size:9px;font-weight:1000;letter-spacing:.11em}.score-row{min-height:40px;display:grid;grid-template-columns:21px 8px minmax(0,1fr) auto;align-items:center;gap:9px;border-bottom:1px solid #e8ebeb}.score-row:last-child{border-bottom:0}.score-self{background:linear-gradient(90deg,rgb(255 227 107 / 25%),transparent)}.score-rank{color:#8891a0;font-family:Fredoka,sans-serif;font-size:12px;text-align:center}.player-presence{width:7px;height:7px;display:inline-block;border-radius:50%;background:#a2a8b2}.player-presence.present{background:#37b89f;box-shadow:0 0 0 2px #37b89f24}.score-name{min-width:0;display:flex;align-items:center;gap:7px;overflow:hidden;color:#34415b;font-size:12px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.score-name i{padding:2px 5px;border-radius:5px;color:#5a4918;background:#fff0a6;font-size:8px;font-style:normal;font-weight:1000;letter-spacing:.06em}.score-name .solved-icon{width:14px;height:14px;color:#288b70}.score-number{color:#211b42;font-family:Fredoka,sans-serif;font-size:14px;font-weight:600;font-variant-numeric:tabular-nums}.score-empty{padding:14px 3px;color:#667188;font-size:12px;font-weight:700}.match-panel-foot{margin-top:auto;padding:17px 2px 0;display:flex;align-items:center;justify-content:space-between;color:#748096;font-size:9px;font-weight:1000;letter-spacing:.08em}.match-panel-foot .toy-dot-row span{width:6px;height:6px}.leave-room-button{align-self:flex-start;margin-top:9px;padding:3px 2px;border:0;color:#788296;background:none;font-size:10px;font-weight:800;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.leave-room-button:hover{color:#bd3459}.notice{min-height:38px;padding:8px 11px;display:flex;align-items:center;gap:8px;border:1px solid #d5dae2;border-radius:11px;color:#3e4b65;background:#f4f6f7;font-size:12px;font-weight:800;line-height:1.35}.notice-error{color:#7a3846;border-color:#edbdc4;background:#fff0f1}.notice-info{color:#505a75;border-color:#d8d2eb;background:#f4f1fc}.notice-good{color:#22614e;border-color:#b9ddcd;background:#edfaf3}.notice-dismiss{margin-left:auto;flex:0 0 auto}.host-layout{width:min(1440px,100%);margin:0 auto;padding:25px clamp(16px,3vw,45px) 42px}.page-title-line{margin-bottom:22px;display:flex;align-items:end;justify-content:space-between;gap:14px}.page-title-line h1,.studio-titlebar h1{margin:4px 0 0;color:#211b42;font-size:clamp(32px,4vw,46px);line-height:1}.page-overline{display:flex;align-items:center;gap:7px;color:#63708a;font-size:9px;font-weight:1000;letter-spacing:.12em}.page-overline svg{width:14px;height:14px;color:#79569d}.pairing-layout{display:grid;grid-template-columns:minmax(320px,.82fr) minmax(0,1.18fr);align-items:stretch;gap:18px}.pair-form{min-height:520px;padding:clamp(22px,4vw,42px);display:flex;flex-direction:column;align-items:stretch;border:1px solid #d5dce1;border-radius:22px;background:#fbfcfb;box-shadow:0 7px 23px #19223c12}.pair-icon{width:53px;height:53px;margin-bottom:18px;display:grid;place-items:center;border:1px solid #b1e5e4;border-radius:17px;color:#1d787d;background:#dcf8f4;box-shadow:0 4px #acd9d5;transform:rotate(-4deg)}.pair-icon svg{width:29px;height:29px}.pair-form h2{margin:0 0 9px;color:#211b42;font-size:clamp(24px,3vw,31px);line-height:1.05}.pair-form>p{max-width:45ch;margin:0 0 19px;color:#52607a;font-size:13px;font-weight:700;line-height:1.55}.pair-form label{margin:0 0 8px}.pair-form .button{width:100%;margin-top:13px}.pair-form .notice{margin-top:10px}.private-note{margin-top:auto;padding-top:24px;display:flex;align-items:flex-start;gap:8px;color:#5f6980;font-size:10px;font-weight:800;line-height:1.4}.private-note svg{width:14px;height:14px;flex:0 0 auto;color:#676083}.pair-challenge{margin-top:18px;padding:18px;display:flex;flex-direction:column;align-items:center;border:1px solid #e2d386;border-radius:16px;background:#fff9df;text-align:center}.pair-challenge>span,.studio-pair-request>span{color:#685d34;font-size:9px;font-weight:1000;letter-spacing:.12em}.pair-challenge>strong,.studio-pair-request>strong{margin:3px 0 2px;color:#211b42;font-family:Fredoka,sans-serif;font-size:48px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.14em}.pair-challenge p,.studio-pair-request p{margin:0;color:#615b4d;font-size:11px;font-weight:800;line-height:1.45}.pair-wait{margin-top:14px;display:flex;align-items:center;gap:8px;color:#5c6171;font-size:11px;font-weight:900}.pair-challenge .button-spinner{width:13px;height:13px}.pair-challenge .text-button{margin-top:9px}.pair-illustration{min-height:520px;display:flex;flex-direction:column}.pair-stage{flex:1;min-height:0}.pair-stage .stage-floating-controls{display:none}.pair-stage-overlay{position:absolute;left:50%;top:53%;transform:translate(-50%,-50%);width:90px;height:90px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:1px solid rgb(255 255 255 / 55%);border-radius:26px;color:#fff;background:#302153d4;box-shadow:0 9px 28px #140e3147;pointer-events:none}.pair-stage-overlay svg{width:32px;height:32px;color:var(--yellow)}.pair-stage-overlay span{font-size:8px;font-weight:1000;letter-spacing:.12em}.pair-illustration>p{margin:12px 3px 0;color:#657089;font-size:11px;font-weight:800}.host-session{min-width:0}.host-room-line{min-height:42px;margin-bottom:9px;display:flex;align-items:center;justify-content:space-between;color:#5c6981;font-size:10px;font-weight:1000;letter-spacing:.12em}.host-room-line strong{margin-left:8px;color:#231d43;font-family:Fredoka,sans-serif;font-size:20px;letter-spacing:.08em}.host-room-note{display:inline-flex;align-items:center;gap:7px;font-size:10px;letter-spacing:0}.host-room-note svg{width:14px;height:14px}.host-session>.notice{margin-bottom:12px}.host-session-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(250px,.55fr);gap:15px}.host-stage{min-height:575px}.host-side-panel{padding:14px;display:flex;flex-direction:column;gap:13px;border:1px solid #d3dade;border-radius:19px;background:#fbfcfb;box-shadow:0 6px 22px #19223c14}.host-prompt-block{min-height:133px;padding:15px;display:flex;flex-direction:column;gap:10px;justify-content:center;border:1px solid #c3d3e7;border-radius:14px;background:#edf3fb}.host-prompt-label{display:flex;align-items:center;gap:7px;color:#526382;font-size:9px;font-weight:1000;letter-spacing:.1em}.host-prompt-label svg{width:15px;height:15px}.host-prompt-text{color:#211b42;font-family:Fredoka,sans-serif;font-size:21px;font-weight:600;line-height:1.18}.prompt-revealed{border-color:#e7d67f;background:#fff8d9}.host-round-info{display:flex;align-items:center;gap:9px;color:#66738b;font-size:9px;font-weight:1000;letter-spacing:.1em}.host-round-info strong{color:#211b42;font-family:Fredoka,sans-serif;font-size:19px;font-weight:600}.host-round-info strong i{color:#7d8594;font-size:12px;font-style:normal}.host-time{margin-left:auto;color:#262044;font-family:Fredoka,sans-serif;font-size:17px;font-variant-numeric:tabular-nums}.headset-controls-note{min-height:40px;padding:9px 10px;display:flex;align-items:center;gap:8px;border:1px solid #d6d0e6;border-radius:11px;color:#51476f;background:#f2eef9;font-size:10px;font-weight:900}.headset-controls-note svg{width:17px;height:17px;flex:0 0 auto}.host-players{margin-top:4px;padding-top:11px;border-top:1px solid #e0e5e5}.host-players-head{padding-inline:1px}.host-players>p{margin:11px 0 0;color:#66718a;font-size:11px;font-weight:700;line-height:1.45}.host-player{min-height:34px;display:grid;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:8px;border-bottom:1px solid #edf0f0;color:#3c4963;font-size:11px;font-weight:800}.host-player strong{color:#211b42;font-family:Fredoka,sans-serif;font-size:13px}.host-footer-line{padding:10px 3px;display:flex;justify-content:space-between;color:#5f6a80;font-size:10px;font-weight:800}.host-footer-line span{display:inline-flex;align-items:center;gap:6px}.host-footer-line svg{width:14px;height:14px}.studio-page{width:min(1540px,100%);margin:0 auto;padding:23px clamp(14px,2.2vw,32px) 40px}.studio-titlebar{margin-bottom:16px;display:flex;align-items:end;justify-content:space-between;gap:20px}.studio-disclaimer{padding:7px 11px;border:1px solid #d2cae5;border-radius:999px;color:#554a77;background:#f0ecf8;font-size:10px;font-weight:900;white-space:nowrap}.studio-start-panel{max-width:800px;margin:4vh auto 0;min-height:210px;padding:28px;display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:18px;border:1px solid #d4dbe0;border-radius:22px;background:#fbfcfb;box-shadow:0 8px 26px #19223c14}.studio-start-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:17px;color:#fff;background:#7262ab;box-shadow:0 4px #534879}.studio-start-icon svg{width:27px;height:27px}.studio-start-panel h2{margin:0 0 5px;color:#211b42;font-size:25px}.studio-start-panel p{max-width:48ch;margin:0;color:#56627a;font-size:13px;font-weight:700;line-height:1.5}.studio-start-panel>.notice{grid-column:2 / -1}.studio-roombar{min-height:82px;margin-bottom:12px;padding:9px 12px;display:flex;align-items:center;gap:13px;border:1px solid #d3dade;border-radius:16px;background:#fbfcfb;box-shadow:0 3px 11px #19223c0d}.studio-room-identity{display:flex;align-items:center;gap:10px}.studio-live-dot{width:7px;height:7px;background:#32b89e;box-shadow:0 0 0 3px #32b89e26}.studio-room-identity>span:nth-child(2){color:#62708a;font-size:9px;font-weight:1000;letter-spacing:.11em}.studio-room-identity strong{color:#221d43;font-family:Fredoka,sans-serif;font-size:21px;font-weight:600;letter-spacing:.09em}.studio-qr-wrap{margin-left:auto;display:flex;align-items:center;gap:8px;color:#5d6981;font-size:8px;font-weight:1000;letter-spacing:.08em}.join-qr{width:58px;height:58px;display:block;border:4px solid white;border-radius:6px;box-shadow:0 1px 4px #161e3121;image-rendering:pixelated}.studio-copy{min-height:40px;padding:0 12px;border-radius:11px;font-size:11px}.studio-copy svg{width:15px;height:15px}.studio-roombar>.connection-badge{margin-left:0}.studio-page>.notice{margin-bottom:10px}.studio-expired-notice{margin-bottom:10px;display:flex;align-items:center;gap:10px}.studio-expired-notice .notice{flex:1}.studio-expired-notice .button{min-height:39px;border-radius:10px;font-size:11px;white-space:nowrap}.studio-grid{display:grid;grid-template-columns:minmax(0,1fr) 304px;align-items:start;gap:13px}.studio-workspace{min-width:0}.studio-stage{height:min(70vh,730px);min-height:490px}.studio-stage .stage-floating-controls{display:none}.studio-stage-hint{position:absolute;z-index:2;left:15px;bottom:14px;padding:8px 11px;border:1px solid rgb(24 33 59 / 12%);border-radius:10px;color:#27334d;background:#fafcfdeb;box-shadow:0 4px 13px #10172d1f;font-size:9px;font-weight:1000;letter-spacing:.09em;pointer-events:none}.studio-workspace-foot{min-height:35px;display:flex;align-items:center;justify-content:space-between;padding:3px 4px 0;color:#66728a;font-size:10px;font-weight:800}.studio-workspace-foot span{display:flex;align-items:center;gap:6px}.studio-workspace-foot svg{width:14px;height:14px}.studio-workspace>.notice{margin-top:4px}.studio-tools{padding:13px 14px 15px;border:1px solid #d2d9df;border-radius:18px;background:#fbfcfb;box-shadow:0 6px 20px #19223c12}.studio-round-controls{padding:0 0 13px;border-bottom:1px solid #e1e5e6}.studio-round-top{display:flex;justify-content:space-between;color:#68758c;font-size:8px;font-weight:1000;letter-spacing:.1em}.studio-round-top span:last-child{color:#744a8b}.studio-round-summary{padding:6px 0 10px;display:flex;align-items:end;justify-content:space-between}.studio-round-summary>strong{color:#211b42;font-family:Fredoka,sans-serif;font-size:30px;font-weight:600;line-height:1}.studio-round-summary>strong i{color:#7d8797;font-size:16px;font-style:normal}.studio-round-summary>span{display:inline-flex;align-items:center;gap:5px;color:#292244;font-family:Fredoka,sans-serif;font-size:16px;font-variant-numeric:tabular-nums}.studio-round-summary svg{width:14px;height:14px;color:#665c91}.studio-round-controls>.button{width:100%;min-height:42px;border-radius:12px;font-size:13px}.studio-round-controls>.button svg{width:16px;height:16px}.studio-private-prompt{margin-top:10px;padding:9px 10px;display:flex;flex-direction:column;gap:5px;border:1px solid #cfd5e7;border-radius:11px;background:#f1f2fa}.studio-private-prompt>span{display:flex;align-items:center;gap:6px;color:#666381;font-size:8px;font-weight:1000;letter-spacing:.09em}.studio-private-prompt svg{width:13px;height:13px}.studio-private-prompt strong{color:#282446;font-family:Fredoka,sans-serif;font-size:15px;font-weight:600;line-height:1.15}.studio-pair-request{margin-top:12px;padding:13px 10px;display:flex;flex-direction:column;align-items:center;border:1px solid #e6d581;border-radius:13px;background:#fff8df;text-align:center}.studio-pair-request>strong{font-size:32px}.studio-pair-request p{max-width:26ch;margin-bottom:9px;font-size:10px}.studio-pair-request>.button{min-height:38px;width:100%;border-radius:10px;font-size:11px}.studio-pair-request>.text-button{margin-top:5px;font-size:10px}.studio-tool-section{padding:12px 0 11px;border-bottom:1px solid #e1e5e6}.tool-section-title{margin-bottom:9px;display:flex;align-items:center;justify-content:space-between;color:#69758a;font-size:8px;font-weight:1000;letter-spacing:.11em}.tool-section-title span:last-child{color:#a2aaba;font-family:Fredoka,sans-serif;font-size:11px}.shape-tool-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.shape-tool{min-height:64px;padding:8px 10px;display:flex;align-items:center;gap:9px;border:1px solid #cdd6de;border-radius:12px;color:#35415c;background:#f2f5f6;font-size:12px;font-weight:900;cursor:pointer;transition:border-color .14s ease,background .14s ease,transform .14s ease}.shape-tool:hover:not(:disabled){transform:translateY(-1px);border-color:#8499b9;background:#fff}.shape-tool:disabled{opacity:.5;cursor:not-allowed}.shape-tool-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:11px;color:#fff;box-shadow:0 3px #19223c2b}.shape-tool-icon svg{width:21px;height:21px}.shape-box{background:#4187f4}.shape-ball{background:#eb4fa7}.mode-toggle{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:4px;border:1px solid #d5dce1;border-radius:12px;background:#edf1f2}.mode-toggle button{min-height:37px;display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid transparent;border-radius:9px;color:#5a667d;background:transparent;font-size:11px;font-weight:900;cursor:pointer}.mode-toggle button svg{width:16px;height:16px}.mode-toggle button.selected{color:#222043;border-color:#d3d6df;background:#fff;box-shadow:0 2px 5px #1a233a1a}.color-palette{display:flex;flex-wrap:wrap;gap:8px}.color-swatch{position:relative;width:24px;height:24px;padding:0;border:2px solid #fff;border-radius:8px;background:var(--swatch);box-shadow:0 1px 3px #19223c42;cursor:pointer;transition:transform .13s ease,box-shadow .13s ease}.color-swatch:hover{transform:scale(1.12)}.color-swatch.chosen{box-shadow:0 0 0 2px #35446b,0 2px 5px #19223c40}.color-swatch[style*="#FFFFFF"]{border-color:#ccd2da}.palette-hint{margin:8px 0 0;color:#69758a;font-size:9px;font-weight:700}.selected-object-panel{padding:11px 0 10px;border-bottom:1px solid #e1e5e6}.selected-object-head{margin-bottom:10px;display:flex;align-items:center;justify-content:space-between;color:#35415c;font-size:11px;font-weight:900}.selected-object-head>span{display:flex;align-items:center;gap:7px}.selected-shape-dot{width:11px;height:11px;display:inline-block;background:#4187f4}.selected-shape-dot.box{border-radius:3px}.selected-shape-dot.sphere{border-radius:50%;background:#eb4fa7}.selected-object-panel>label{display:flex;justify-content:space-between;color:#68758c;font-size:8px;font-weight:1000;letter-spacing:.1em}.selected-object-panel>label span{color:#394762;font-variant-numeric:tabular-nums}.selected-object-panel input[type=range]{width:100%;height:20px;margin:5px 0 2px;accent-color:#3979dc;cursor:pointer}.spin-button{width:100%;display:flex;align-items:center;justify-content:space-between;padding-inline:1px;font-size:10px}.spin-button svg{width:13px;height:13px}.studio-utility-row{padding:10px 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.utility-tool{min-height:35px;display:flex;justify-content:center;align-items:center;gap:6px;border:1px solid #d4dae0;border-radius:9px;color:#53617a;background:#f6f8f8;font-size:10px;font-weight:900;cursor:pointer}.utility-tool svg{width:15px;height:15px}.utility-tool:disabled{opacity:.48;cursor:not-allowed}.utility-tool:not(:disabled):hover{color:#253a71;border-color:#9cacc2;background:#fff}.clear-room-button{width:100%;min-height:30px;margin:-4px 0 9px;border:0;color:#7f5863;background:none;font-size:9px;font-weight:800;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.clear-room-button:disabled{opacity:.45;cursor:not-allowed}.studio-artist-note{padding:9px 8px;display:flex;align-items:center;gap:8px;border-radius:10px;color:#61597a;background:#f1eef7;font-size:9px;font-weight:700;line-height:1.35}.studio-artist-note svg{width:20px;height:20px;flex:0 0 auto}.studio-artist-note b{color:#423963}.studio-players{min-height:43px;margin-top:11px;padding:8px 10px;display:flex;align-items:center;gap:8px;overflow-x:auto;border:1px solid #d4dce0;border-radius:12px;background:#fafbfa;color:#5c6880;font-size:8px;font-weight:1000;letter-spacing:.08em}.studio-player-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border:1px solid #d4dbe0;border-radius:999px;color:#37435d;background:#f0f3f5;font-size:10px;font-weight:800;letter-spacing:0;white-space:nowrap}.studio-player-pill i{width:6px;height:6px;border-radius:50%;background:#9fa7b4}.studio-player-pill i.present{background:#38b89d}.studio-player-pill b{color:#201b42;font-family:Fredoka,sans-serif;font-size:11px}.studio-no-players{color:#647089;font-size:10px;font-weight:700;letter-spacing:0}@media(min-width:1500px){.join-layout{grid-template-columns:minmax(0,1.7fr) minmax(390px,.7fr)}}@media(max-width:1040px){.topbar{gap:20px}.join-layout{grid-template-columns:minmax(0,1.2fr) minmax(330px,.8fr)}.join-visual{min-height:610px}.join-stage{min-height:490px}.join-panel{padding-inline:27px}.match-layout{grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:11px}.match-panel{padding:17px 15px 13px}.studio-grid{grid-template-columns:minmax(0,1fr) 285px}.host-session-grid{grid-template-columns:minmax(0,1.25fr) minmax(245px,.75fr)}}@media(max-width:760px){.topbar{height:58px;padding-inline:13px;gap:8px}.brand{gap:7px;font-size:19px}.brand-mark{transform:scale(.86) rotate(-13deg);margin-left:-2px;margin-right:-2px}.route-nav{gap:2px}.route-nav a{padding:7px 8px;font-size:10px}.topbar-note{display:none}.join-layout{min-height:calc(100dvh - 58px);display:flex;flex-direction:column}.join-visual{order:1;min-height:0;height:39svh;padding:10px 10px 0}.join-stage{min-height:0;border-radius:18px}.join-visual-footer{display:none}.join-visual .stage-floating-controls{display:flex;inset:9px}.join-panel{order:2;width:100%;max-width:510px;margin:0 auto;padding:21px 20px 30px}.join-title-row{gap:11px}.title-stamp{width:31px;height:31px;margin-top:6px;border-radius:11px}.title-stamp svg{width:17px;height:17px}.join-panel h1{font-size:43px;line-height:.95}.join-intro{margin:10px 0 14px 42px;font-size:13px;line-height:1.4}.join-form{display:grid;grid-template-columns:1fr 1fr;column-gap:10px;row-gap:6px}.join-form label:nth-of-type(2),.join-form input:nth-of-type(2){grid-column:2}.join-form label:nth-of-type(1),.join-form input:nth-of-type(1){grid-column:1}.join-form label:nth-of-type(2){grid-row:1}.join-form input:nth-of-type(2){grid-row:2}.join-form label:nth-of-type(1){grid-row:1}.join-form input:nth-of-type(1){grid-row:2}.join-form input,.join-form input.code-input{min-height:49px;padding-inline:10px;font-size:13px}.join-form input.code-input{font-size:20px;letter-spacing:.08em}.join-form label{font-size:9px}.join-form .button{min-height:49px;grid-column:1 / -1;margin-top:5px}.join-form>#join-error{grid-column:1 / -1}.join-form .notice{font-size:11px}.join-footnote{margin-top:12px;font-size:10px}.host-entry-link{margin-top:14px;font-size:11px}.match-layout{min-height:calc(100dvh - 58px);padding:0 10px 22px;display:flex;flex-direction:column;gap:7px}.match-visual{position:sticky;top:0;z-index:5;width:100%;padding:0;background:#f2f4f3}.match-status-row{min-height:42px;padding:1px 2px 5px;gap:7px}.match-room-block{min-width:auto;gap:5px}.room-label{font-size:8px}.room-code-button{padding:4px 6px;font-size:13px}.connection-badge{min-height:22px;gap:5px;padding-inline:7px;font-size:8px}.connection-badge .connection-dot{width:5px;height:5px}.round-timer{gap:6px}.round-count{font-size:8px;letter-spacing:.07em}.round-count i{margin-inline:2px}.timer-value{gap:4px;font-size:17px}.timer-value svg{width:13px;height:13px}.match-visual>.notice{margin:0 0 5px;padding:5px 8px;min-height:29px;font-size:9px}.match-stage{height:37svh;min-height:220px;max-height:340px;border-radius:17px}.match-stage .stage-floating-controls{inset:8px}.stage-surface-label{min-height:25px;padding-inline:8px;font-size:8px}.stage-reset-button{width:31px;height:31px;border-radius:10px}.stage-reset-button svg{width:16px;height:16px}.stage-live-mark{right:8px;bottom:8px;min-height:22px;padding:5px 8px;font-size:8px}.arena-caption{gap:7px;padding:7px 9px;border-radius:11px;font-size:9px}.caption-orbit{width:21px;height:21px;border-radius:7px}.caption-orbit svg{width:12px;height:12px}.match-footline{min-height:25px;padding-top:0;font-size:8px}.match-footline svg{width:12px;height:12px}.match-panel{width:100%;min-height:0;padding:15px 14px 12px;border-radius:17px}.match-panel-heading{padding-bottom:10px}.round-state-label{font-size:8px}.match-panel-heading h1{margin:7px 0 3px;font-size:25px}.match-panel-heading p{font-size:11px}.guess-composer{margin-top:0;padding:10px;border-radius:13px}.guess-composer>label{margin-bottom:6px;font-size:9px}.guess-entry{gap:7px}.guess-entry input{min-height:46px;font-size:14px}.guess-send{width:46px;height:46px}.guess-hint{margin-top:6px;font-size:9px}.scoreboard{margin-top:13px}.score-row{min-height:34px}.match-panel-foot{padding-top:10px}.leave-room-button{margin-top:5px}.host-layout{padding:18px 12px 30px}.page-title-line{margin-bottom:16px}.page-title-line h1,.studio-titlebar h1{font-size:34px}.pairing-layout{display:flex;flex-direction:column;gap:13px}.pair-form{min-height:0;padding:20px;border-radius:18px}.pair-icon{width:44px;height:44px;margin-bottom:13px;border-radius:14px}.pair-icon svg{width:24px;height:24px}.pair-form h2{font-size:25px}.pair-form>p{margin-bottom:14px;font-size:12px}.private-note{padding-top:19px}.pair-illustration{min-height:0;height:33svh}.pair-stage{border-radius:17px}.pair-illustration>p{font-size:10px}.host-room-line{min-height:33px}.host-session-grid{display:flex;flex-direction:column}.host-stage{min-height:38svh;height:38svh;max-height:340px;border-radius:17px}.host-side-panel{padding:12px;gap:10px}.host-prompt-block{min-height:100px}.host-footer-line{font-size:9px}.studio-page{padding:17px 11px 30px}.studio-titlebar{align-items:flex-start;flex-direction:column;gap:7px;margin-bottom:12px}.studio-titlebar h1{font-size:32px}.studio-disclaimer{padding:5px 8px;font-size:9px}.studio-start-panel{margin-top:18px;min-height:0;padding:18px;grid-template-columns:42px minmax(0,1fr);gap:11px;border-radius:18px}.studio-start-icon{width:41px;height:41px;border-radius:13px}.studio-start-icon svg{width:22px;height:22px}.studio-start-panel h2{font-size:21px}.studio-start-panel p{font-size:11px}.studio-start-panel>.button{grid-column:1 / -1;width:100%}.studio-start-panel>.notice{grid-column:1 / -1}.studio-roombar{min-height:61px;gap:7px;padding:7px;flex-wrap:wrap;border-radius:13px}.studio-room-identity{gap:6px}.studio-room-identity>span:nth-child(2){font-size:8px}.studio-room-identity strong{font-size:18px}.studio-qr-wrap{margin-left:auto;gap:4px;font-size:7px}.join-qr{width:42px;height:42px;border-width:3px}.studio-copy{min-height:35px;margin-left:auto;padding-inline:8px;font-size:9px}.studio-roombar>.connection-badge{min-height:20px;margin-left:auto}.studio-expired-notice{align-items:stretch;flex-direction:column}.studio-expired-notice .button{width:100%}.studio-grid{display:flex;flex-direction:column}.studio-workspace,.studio-tools{width:100%}.studio-stage{height:41svh;min-height:250px;max-height:370px;border-radius:17px}.studio-stage-hint{left:9px;bottom:8px;padding:6px 8px;font-size:8px}.studio-tools{padding:12px;border-radius:15px}.studio-round-controls{display:grid;grid-template-columns:1fr 1fr;column-gap:11px;align-items:center}.studio-round-top{grid-column:1 / -1}.studio-round-summary{padding:7px 0}.studio-round-controls>.button{min-height:39px}.studio-pair-request{width:100%}.studio-tool-section{padding-block:10px}.shape-tool{min-height:53px}.studio-players{align-items:center}}@media(max-width:380px){.topbar{padding-inline:9px}.brand{font-size:17px}.route-nav a{padding-inline:6px;font-size:9px}.match-layout{padding-inline:7px}.match-status-row{gap:5px}.room-code-button{font-size:12px}.connection-badge{padding-inline:5px;font-size:7px}.round-timer{gap:4px}.round-count{font-size:7px}.join-panel{padding-inline:14px}.join-form{column-gap:7px}.studio-room-identity{gap:4px}.studio-room-identity>span:nth-child(2){font-size:7px}.studio-copy{font-size:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}