@font-face{font-family:BMJUA;src:url(/fonts/BMJUA_ttf.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{color:#f4f4f4;--safe-top:env(safe-area-inset-top);--safe-right:env(safe-area-inset-right);--safe-bottom:env(safe-area-inset-bottom);--safe-left:env(safe-area-inset-left);--overlay-font-xl:clamp(64px, 18vmin, 128px);--overlay-font-lg:clamp(26px, 7vmin, 44px);background:#080c18;font-family:BMJUA,Segoe UI,system-ui,Arial,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html,body,#app{width:100%;height:100%;margin:0}body{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;touch-action:manipulation;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior:none;overflow:hidden}#viewport{width:var(--viewport-width,100dvw);height:var(--viewport-height,100dvh);transform:translate(var(--viewport-offset-x,0px), var(--viewport-offset-y,0px));background:#080d1f;position:fixed;top:0;left:0;overflow:hidden}#viewport[data-rotated=true]{transform:translate(var(--viewport-offset-x,0px), var(--viewport-offset-y,0px)) rotate(90deg) translateY(-100%);transform-origin:0 0;--safe-top:env(safe-area-inset-right);--safe-right:env(safe-area-inset-bottom);--safe-bottom:env(safe-area-inset-left);--safe-left:env(safe-area-inset-top)}#stage{width:1280px;height:720px;transform:translate(var(--stage-left,0px), var(--stage-top,0px)) scale(var(--stage-scale,1));transform-origin:0 0;z-index:1;pointer-events:none;position:absolute;top:0;left:0;overflow:hidden}#app{pointer-events:auto}#app:empty{pointer-events:none}button{color:#e6e8ef;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#1d2333;border:1px solid #2f3648;border-radius:6px;padding:8px 14px;font-family:inherit;font-size:14px}button:hover:not(:disabled){background:#273049}button:disabled{opacity:.4;cursor:not-allowed}button.primary{color:#a6e7c3;background:#1d3a2a;border-color:#2f6b49;font-weight:600}button.primary:hover:not(:disabled){background:#245039}button.big{padding:14px 22px;font-size:16px}button.selected{color:#c4aaff;background:#2a2140;border-color:#4b3a7a}input{color:#e6e8ef;background:#0c0e14;border:1px solid #2f3648;border-radius:6px;min-width:0;padding:8px 10px;font-family:inherit;font-size:16px}input[type=password]{font-family:Segoe UI,system-ui,Arial,sans-serif}.screen{width:100%;height:100%;padding:calc(24px + var(--safe-top)) calc(16px + var(--safe-right)) calc(40px + var(--safe-bottom)) calc(16px + var(--safe-left));flex-direction:column;align-items:center;display:flex;overflow-y:auto}.title{letter-spacing:1px;margin:8px 0 4px;font-size:40px}.message{opacity:1;border-radius:6px;width:100%;max-width:560px;margin:12px 0;padding:10px 14px;font-size:14px;line-height:1.5;transition:opacity .3s}.message--leaving{opacity:0}@media (prefers-reduced-motion:reduce){.message{transition:none}}.message.error{color:#ffb3c1;background:#2a1720;border:1px solid #5c2b3a}.message.info{color:#a6e7c3;background:#12211a;border:1px solid #27503c}.title-screen{z-index:2;position:absolute;inset:0;overflow:hidden;container-type:size}.title-background{background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.title-background:after{content:"";background:linear-gradient(#0000 60%,#0a081452 100%);position:absolute;inset:0}.title-logo-area{text-align:center;pointer-events:none;justify-content:center;display:flex;position:absolute;top:clamp(10px,5cqh,64px);left:0;right:0}.title-logo-heading{color:#f4ecd8;margin:0;font-size:56px;line-height:0}.title-logo{filter:drop-shadow(0 6px 22px #14082873);width:clamp(280px,min(78cqw,135cqh),1560px);max-width:95%;height:auto}.title-actions{flex-direction:column;align-items:center;gap:clamp(8px,2.4cqh,26px);display:flex;position:absolute;bottom:clamp(16px,8cqh,96px);left:50%;transform:translate(-50%)}.title-start{color:#fff7e6;letter-spacing:clamp(3px,.5cqw,8px);text-shadow:0 2px 4px #281046a6;cursor:pointer;background:linear-gradient(#9a6ce6 0%,#6d43ba 55%,#5a339f 100%);border:2px solid #ffd678d9;border-radius:22px;width:clamp(220px,34cqw,600px);height:clamp(48px,8cqh,105px);font-size:clamp(18px,2.2cqw,34px);font-weight:800;transition:transform .12s,filter .12s;box-shadow:0 8px 22px #180a308c,inset 0 2px #ffffff59}.title-start:hover{filter:brightness(1.1);transform:scale(1.02)}.title-start:active{filter:brightness(.94);transform:scale(.98)}.title-start:focus-visible{outline-offset:3px;outline:3px solid #ffe096f2}.title-footer{color:#eeecf8b3;letter-spacing:.04em;text-shadow:0 1px 2px #0a081499;pointer-events:none;justify-content:space-between;padding:0 clamp(18px,2vw,32px);font-size:13px;display:flex;position:absolute;bottom:clamp(12px,2vh,24px);left:0;right:0}@media (prefers-reduced-motion:reduce){.title-start{transition:none}.title-start:hover,.title-start:active{transform:none}}.lobby-screen{z-index:2;opacity:1;transition:opacity .15s;position:absolute;inset:0;overflow:hidden;container-type:size}.lobby-screen--pending{opacity:0}@media (prefers-reduced-motion:reduce){.lobby-screen{transition:none}}.lobby-background{background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.lobby-logo-heading{top:calc(env(safe-area-inset-top,0px) + 2.3cqh);left:calc(env(safe-area-inset-left,0px) + 1cqw);color:#f4ecd8;pointer-events:none;margin:0;font-size:clamp(14px,3cqh,28px);line-height:0;position:absolute}.lobby-logo{filter:drop-shadow(0 4px 16px #28144666);width:min(27cqw,48cqh);height:auto}.lobby-actions{justify-content:center;align-items:flex-start;gap:3cqw;display:flex;position:absolute;top:17.5cqh;left:0;right:0}.lobby-card{height:min(71cqh,40cqw);aspect-ratio:var(--lobby-card-ratio);cursor:pointer;background-color:#0000;background-position:50%;background-repeat:no-repeat;background-size:contain;border:0;border-radius:0;flex:none;padding:0;transition:filter .12s;position:relative;container-type:size}.lobby-card--tutorial{--lobby-card-ratio:506 / 902;--lobby-card-ink:#e2547d}.lobby-card--create{--lobby-card-ratio:474 / 903;--lobby-card-ink:#3a7bd8}.lobby-card--join{--lobby-card-ratio:497 / 905;--lobby-card-ink:#4f9c48}.lobby-card--discover{--lobby-card-ratio:920 / 1612;--lobby-card-ink:#8a4fc4}.lobby-card__label{color:var(--lobby-card-ink);letter-spacing:.04em;text-align:center;text-shadow:0 .06em #fffcf0e6,0 .1em .2em #784a1e4d;pointer-events:none;font-size:8.2cqh;font-weight:700;line-height:1.1;position:absolute;top:48cqh;left:0;right:0;transform:translateY(-50%)}.lobby-card:hover:not(:disabled){filter:brightness(1.06);background-color:#0000;background-position:50%;background-repeat:no-repeat;background-size:contain}.lobby-card:active:not(:disabled){filter:brightness(.97);background-color:#0000;background-position:50%;background-repeat:no-repeat;background-size:contain}.lobby-card:focus-visible{outline-offset:4px;outline:3px solid #ffe096f2}.lobby-card:disabled{opacity:.95;filter:grayscale(.5)brightness(.95);cursor:default}.lobby-nickname{top:calc(env(safe-area-inset-top,0px) + 1.2cqh);aspect-ratio:2172/724;pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:contain;width:min(32cqw,46cqh);position:absolute;left:50%;transform:translate(-50%);container-type:size}.lobby-nickname__name{color:#5a3a91;letter-spacing:.02em;text-align:center;text-shadow:0 .06em #fffcf0d9;white-space:nowrap;text-overflow:ellipsis;font-size:26cqh;font-weight:700;line-height:1.1;position:absolute;top:55.5cqh;left:12cqw;right:12cqw;overflow:hidden;transform:translateY(-50%)}.lobby-nickname__name[data-length=medium]{font-size:20cqh}.lobby-nickname__name[data-length=long]{font-size:15cqh}.lobby-screen .screen-icon-bar,.waiting .screen-icon-bar{top:calc(env(safe-area-inset-top,0px) + 4.4cqh);right:calc(env(safe-area-inset-right,0px) + 1.9cqw);gap:clamp(3px,.5cqw,8px)}.lobby-screen .screen-icon-bar .screen-icon,.waiting .screen-icon-bar .screen-icon{width:clamp(30px,min(9.4cqh,5.6cqw),78px);height:clamp(30px,min(9.4cqh,5.6cqw),78px)}.lobby-screen .message{z-index:4;width:max-content;max-width:60cqw;margin:0;position:absolute;top:11cqh;left:50%;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){.lobby-card{transition:none}}.lobby-loading{z-index:5;pointer-events:auto;background:#06080e9e;flex-direction:column;justify-content:center;align-items:center;gap:22px;display:flex;position:absolute;inset:0}.lobby-loading__label{letter-spacing:2px;color:#e6e8ef;text-shadow:0 2px 8px #0000008c;font-size:clamp(16px,4.2cqh,34px);font-weight:700}.lobby-loading__spinner{border:4px solid #c4aaff40;border-top-color:#c4aafff2;border-radius:50%;width:44px;height:44px;animation:.9s linear infinite lobby-loading-spin}@keyframes lobby-loading-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.lobby-loading__spinner{animation:none}}.account-bar{bottom:calc(env(safe-area-inset-bottom,0px) + 2.4cqh);left:calc(env(safe-area-inset-left,0px) + 1.6cqw);z-index:4;flex-direction:column;align-items:flex-start;gap:clamp(4px,1cqh,9px);display:flex;position:absolute}.account-login{color:#cfe0ff;text-shadow:0 1px 3px #0a0814b3;background:#10131a9e;border:1px solid #ffffff2e;border-radius:999px;padding:4px 11px;font-size:clamp(10px,2cqh,14px);font-weight:600}.lobby-screen .account-bar .sign-out{aspect-ratio:640/201;width:clamp(112px,17cqw,208px);box-shadow:none;cursor:pointer;background-color:#0000;background-position:50%;background-repeat:no-repeat;background-size:contain;border:0;border-radius:0;padding:0;transition:filter .12s}.lobby-screen .account-bar .sign-out:hover:not(:disabled){filter:brightness(1.08);background-color:#0000;background-position:50%;background-repeat:no-repeat;background-size:contain}.lobby-screen .account-bar .sign-out:active:not(:disabled){filter:brightness(.96);background-color:#0000;background-position:50%;background-repeat:no-repeat;background-size:contain}.lobby-screen .account-bar .sign-out:focus-visible{outline-offset:3px;outline:3px solid #ffe096f2}.sign-out__label{white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.modal-overlay{z-index:10;background:#04060cbf;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0;container-type:size}.modal{text-align:center;width:100%;max-width:360px;transform:translateY(var(--keyboard-avoid-shift,0px));background:#10131a;border:1px solid #232838;border-radius:10px;padding:20px;transition:transform .12s}#viewport[data-rotated=true] .modal{transform:translateX(var(--keyboard-avoid-shift,0px))}.modal h2{margin:0 0 10px;font-size:18px}.modal-hint{color:#8b93a7;margin:0 0 14px;font-size:12px;line-height:1.6}.modal-body{flex-direction:column;gap:12px;display:flex}.modal-choices{flex-direction:column;gap:10px;display:flex}.modal-cancel{margin-top:14px}.modal--scroll{background:0 0;border:0;border-radius:0;width:auto;max-width:none;padding:0;position:relative}.modal-scroll__paper{width:min(92vw,81.8547vh,577px);height:auto;display:block}.modal-scroll__content{flex-direction:column;align-items:center;padding:2% 15% 11%;display:flex;position:absolute;inset:0;container-type:size}.modal-scroll__heading{flex:none;width:106%;margin:0}.modal-scroll__title{width:100%;height:auto;display:block}.modal--scroll .modal-body{flex:auto;gap:2.5cqw;width:100%}.modal--scroll .modal-hint{color:#6b5636;margin:1cqw 0 0;font-size:4.4cqw;line-height:1.5}.modal-hint__line{white-space:nowrap;display:block}.room-name-field{text-align:left;flex-direction:column;gap:.8cqw;width:90%;margin:1.2cqw auto 0;display:flex}.room-name-field__header{flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:2cqw;display:flex}.room-name-field__caption{color:#6b5636;white-space:nowrap;min-width:0;font-size:3.6cqw;font-weight:600}.room-name-field__input{color:#4a3a20;background:#fffaeba6;border:1px solid #6b563673;border-radius:6px;padding:1.4cqw 2cqw;font-family:inherit;font-size:3.8cqw}.room-name-field__input::placeholder{color:#6b56368c}.room-name-field__input:focus{outline-offset:1px;outline:2px solid #8b5a2b99}.room-visibility-row{flex:none;justify-content:flex-end;align-items:center;display:flex}.modal--scroll .room-visibility-toggle{cursor:pointer;background:0 0;border:0;border-radius:0;width:26cqw;padding:0;font-family:inherit;font-weight:700;line-height:1;display:block;position:relative}.modal--scroll .room-visibility-toggle:hover:not(:disabled),.modal--scroll .room-visibility-toggle:active:not(:disabled){background:0 0}.room-visibility-toggle__label{color:#fff7e4;white-space:nowrap;text-shadow:0 .2cqw .4cqw #0000008c;font-size:3.4cqw;position:absolute;top:50%;left:64%;transform:translate(-50%,-50%)}.room-visibility-toggle.is-public .room-visibility-toggle__label{left:35.5%}.room-visibility-toggle__image{width:100%;height:auto;display:block}.modal-choices--image{--choice-w:52cqw;flex-flow:column;justify-content:center;align-items:center;gap:3cqw}.modal--scroll .modal-choices--image .image-button{width:var(--choice-w);height:calc(var(--choice-w) * 218 / 786);flex:none;position:relative}.modal--scroll .modal-choices--image .image-button--solo{height:calc(var(--choice-w) * 683 / 2048)}.modal--scroll .modal-choices--image .image-button__image{width:var(--choice-w);height:auto;position:absolute;top:0;left:0}.modal--scroll .modal-choices--image .image-button--solo .image-button__image{top:calc(var(--choice-w) * -11 / 2048)}.modal--scroll .image-button{cursor:pointer;background:0 0;border:0;border-radius:0;width:100%;padding:0;transition:filter .12s;display:block}.modal--scroll .image-button:hover:not(:disabled){filter:brightness(1.08);background:0 0}.modal--scroll .image-button:active:not(:disabled){filter:brightness(.94);background:0 0}.modal--scroll .image-button.modal-cancel--image{width:40%;margin-top:3.7cqw}.image-button__image{width:100%;height:auto;display:block}.image-button__label{white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.modal-field{text-align:left;color:#8b93a7;flex-direction:column;gap:5px;font-size:12px;display:flex}.modal-error{color:#ffb3c1;text-align:left;background:#2a1720;border:1px solid #5c2b3a;border-radius:6px;margin:0;padding:8px 10px;font-size:13px;line-height:1.5}.account-summary{text-align:left;background:#0c0e14;border:1px solid #1e2330;border-radius:8px;grid-template-columns:auto 1fr;gap:6px 14px;margin:0;padding:12px 14px;font-size:13px;display:grid}.account-summary dt{color:#8b93a7}.account-summary dd{overflow-wrap:anywhere;margin:0;font-weight:600}.modal-actions{gap:10px;display:flex}.modal-actions button{flex:1 1 0;padding:12px 10px}.login-overlay{background:#04060c52;container-type:size}.modal.login-panel{aspect-ratio:1024/1536;background-color:#0000;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border:0;border-radius:0;width:min(92cqw,58.6cqh);max-width:none;padding:0;position:relative;container-type:size}.login-panel .login-tabs{justify-content:center;gap:4cqw;display:flex;position:absolute;top:25.5%;left:9%;right:9%}.login-tabs__tab{color:#5b3a1c8c;letter-spacing:.04em;cursor:pointer;background:0 0;border:none;border-bottom:.4cqw solid #0000;flex:1 1 0;padding:1cqw 0 1.4cqw;font-size:6cqw;font-weight:700}.login-tabs__tab:hover:not(:disabled){background:0 0}.login-tabs__tab.is-active{color:#5b3a1c;border-bottom-color:#8a5a2b}.login-tabs__tab:focus-visible{outline-offset:2px;outline:2px solid #8b5a2b99}.login-panel .login-form{gap:2cqw;position:absolute;inset:40% 14% 16%}.login-field{color:#6b4a2a;gap:1.6cqw}.login-field__caption{letter-spacing:.04em;font-size:5cqw;font-weight:700}.login-field__box{aspect-ratio:2172/340;background-position:50% 46.9%;background-repeat:no-repeat;background-size:100% 212.94%;width:100%;position:relative}.login-field__input{color:#4a3520;letter-spacing:normal;background:0 0;border:0;border-radius:0;width:auto;padding:0;font-size:4.6cqw;font-weight:400;line-height:normal;position:absolute;inset:15% 12% 15% 8%}@media (pointer:coarse){.login-field__input{font-size:max(16px,4.6cqw)}}.login-field__input::placeholder{font:inherit;letter-spacing:inherit;color:#7a5c3a9e}.login-field__input:focus{outline:none}.login-panel .login-submit{aspect-ratio:1985/600;color:#fff;letter-spacing:.04em;text-shadow:0 .25cqw .4cqw #3a145cbf;background-color:#0000;background-position:51.1% 43.1%;background-repeat:no-repeat;background-size:102.37% 129%;border:0;border-radius:0;align-self:center;width:71%;margin-top:auto;padding:0;font-size:5.6cqw;font-weight:700}.login-panel .login-submit:hover:not(:disabled){background-color:#0000;background-position:51.1% 43.1%;background-repeat:no-repeat;background-size:102.37% 129%}.login-panel .login-submit:active:not(:disabled){filter:brightness(.94);background-color:#0000;background-position:51.1% 43.1%;background-repeat:no-repeat;background-size:102.37% 129%}.login-panel .login-submit:disabled{opacity:.55;cursor:progress}.login-panel .login-submit:focus-visible{outline-offset:.4cqw;outline:.6cqw solid #ffe096f2}.login-panel .login-error{color:#a3282f;text-align:center;background:0 0;border:0;border-radius:0;flex:0 auto;min-height:0;margin:0;padding:.6cqw 0;font-size:3.6cqw;font-weight:600;line-height:1.45;overflow-y:auto}.screen-icon{cursor:pointer;background-color:#0000;background-position:50%;background-repeat:no-repeat;background-size:contain;border:0;border-radius:50%;padding:0;transition:filter .12s}.screen-icon:hover:not(:disabled){filter:brightness(1.12);background-color:#0000;background-position:50%;background-repeat:no-repeat;background-size:contain}.screen-icon:active:not(:disabled){filter:brightness(.9);background-color:#0000;background-position:50%;background-repeat:no-repeat;background-size:contain}.screen-icon:focus-visible{outline-offset:2px;outline:3px solid #ffe096f2}.screen-icon:disabled{opacity:.78;cursor:default}.login-close{width:11cqw;height:11cqw;position:absolute;top:13.8cqh;right:10.5cqw}.screen-icon-bar{top:calc(env(safe-area-inset-top,0px) + clamp(8px, 3cqh, 26px));right:calc(env(safe-area-inset-right,0px) + clamp(8px, 2.4cqw, 34px));pointer-events:auto;z-index:3;gap:clamp(6px,1.4cqh,16px);display:flex;position:absolute}.screen-icon-bar .screen-icon{width:clamp(34px,7.6cqh,62px);height:clamp(34px,7.6cqh,62px)}@media (prefers-reduced-motion:reduce){.screen-icon,.login-panel .login-submit,.modal{transition:none}.screen-icon:active:not(:disabled),.login-panel .login-submit:active:not(:disabled){transform:none}}.reconnect-overlay{z-index:50;pointer-events:auto;background:#06080eb8;flex-direction:column;justify-content:center;align-items:center;gap:22px;display:flex;position:absolute;inset:0;container-type:size}.reconnect-overlay__label{letter-spacing:2px;color:#e6e8ef;text-shadow:0 2px 8px #0000008c;font-size:clamp(16px,4.2cqh,34px);font-weight:700}.reconnect-overlay__spinner{border:4px solid #c4aaff40;border-top-color:#c4aafff2;border-radius:50%;width:44px;height:44px;animation:.9s linear infinite reconnect-overlay-spin}@keyframes reconnect-overlay-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.reconnect-overlay__spinner{animation:none}}.waiting-toast{top:calc(16px + var(--safe-top));z-index:20;color:#ffb3c1;background:#2a1720;border:1px solid #5c2b3a;border-radius:8px;width:calc(100% - 32px);min-width:240px;max-width:640px;padding:15px 21px;font-size:21px;line-height:1.5;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #00000061}.loading{text-align:center;justify-content:center;gap:10px}.loading-caption{color:#8b93a7;margin:0;font-size:15px}.loading-progress{color:#c4aaff;font-family:Consolas,monospace;font-size:28px;font-weight:700}.loading-local,.loading-room{flex-direction:column;align-items:center;gap:8px;width:min(420px,86%);margin:0 auto;display:flex}.loading-heading{color:#8b93a7;letter-spacing:.08em;margin:0;font-size:13px;font-weight:600}.loading-steps{flex-direction:column;align-items:flex-start;gap:4px;margin:0;padding:0;font-family:Consolas,monospace;font-size:13px;list-style:none;display:flex}.loading-step{color:#6d7386}.loading-step.active{color:#e8e6f0}.loading-step.done{color:#7fd48a}.loading-step.failed{color:#ff6b6b}.loading-bar{background:#2a2d3a;border-radius:4px;width:100%;height:8px;overflow:hidden}.loading-bar-fill{background:#c4aaff;border-radius:4px;width:0;height:100%;transition:width .25s}.loading-members{flex-direction:column;gap:4px;width:100%;margin:0;padding:0;list-style:none;display:flex}.loading-member{justify-content:space-between;gap:12px;font-size:14px;display:flex}.loading-member-name{color:#e8e6f0;align-items:center;gap:6px;display:flex}.loading-member-status.ready{color:#7fd48a}.loading-member-status.waiting{color:#8b93a7}.loading-member-status.away{color:#ff6b6b}.loading-note{color:#ffb648;min-height:18px;margin:0;font-size:13px}.loading-failure{flex-direction:column;align-items:center;gap:10px;display:flex}.loading-failure-message{color:#ff6b6b;margin:0;font-size:14px}.control-hint{color:#9aa3b8;text-align:center;background:#12161f;border:1px solid #2f3648;border-radius:6px;margin:20px 0 0;padding:8px 14px;font-size:13px;line-height:1.6}.result-overlay{z-index:10;padding:calc(8px + var(--safe-top)) calc(12px + var(--safe-right)) calc(8px + var(--safe-bottom)) calc(12px + var(--safe-left));background:#04060cd1;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow-y:auto;container-type:size}.result-panel{--result-banner-height:clamp(52px, 15cqh, 150px);background:var(--result-scroll,none) center / 100% 100% no-repeat;text-align:center;opacity:1;flex-direction:column;align-items:center;gap:clamp(3px,.9cqh,12px);width:100%;max-width:min(1080px,98cqw);margin:auto 0;padding:clamp(6px,7.4cqh,58px) 8% clamp(10px,13.5cqh,104px);transition:opacity .15s;display:flex}.result-panel--pending{opacity:0}@media (prefers-reduced-motion:reduce){.result-panel{transition:none}}.result-sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.result-banner{height:var(--result-banner-height);width:auto;max-width:82%;margin-top:calc(var(--result-banner-height) / -2);object-fit:contain}.result-plate{object-fit:contain;width:auto;max-width:46%;height:clamp(22px,5.5cqh,52px);margin-top:clamp(-14px,-2cqh,-4px)}.result-body{justify-content:center;width:100%;display:flex}.result-solo,.result-team-body{flex-direction:column;align-items:center;gap:clamp(4px,1.2cqh,12px);width:100%;display:flex}.result-highlight{justify-content:center;align-items:center;gap:clamp(6px,1.6cqw,18px);height:clamp(54px,14.5cqh,132px);display:flex}.result-highlight__medal,.result-highlight__character{object-fit:contain;width:auto;height:100%}.result-highlight__plate{aspect-ratio:374/171;background:var(--result-score-board,none) center / 100% 100% no-repeat;color:#5a3410;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:2px;height:88%;padding:0 4%;display:flex}.result-highlight__name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:clamp(9px,2cqh,18px);font-weight:700;overflow:hidden}.result-highlight__score{font-size:clamp(14px,3.6cqh,32px);font-weight:800;line-height:1}.result-highlight__stats{justify-content:center;align-items:baseline;gap:clamp(4px,1cqw,12px);max-width:100%;display:flex}.result-highlight__attacks{white-space:nowrap;font-size:clamp(9px,2cqh,18px);font-weight:700}.result-chart{aspect-ratio:2172/724;width:100%;max-width:120cqh;position:relative}.result-chart__board{object-fit:contain;width:100%;height:100%;display:block}.result-chart__rows{color:#5a3410;grid-template-rows:repeat(4,minmax(0,1fr));margin:0;padding:0;font-size:clamp(9px,1.9cqh,17px);list-style:none;display:grid;position:absolute;inset:20.58% 5.94% 14.23% 5.66%}.result-row{border-radius:6px;grid-template-rows:minmax(0,1fr);grid-template-columns:235fr 497fr 268fr 285fr 322fr 313fr;align-items:center;min-height:0;display:grid;overflow:hidden}.result-row--me{font-weight:800;box-shadow:inset 0 0 0 2px #d68a14e6}.result-row__player{align-items:center;gap:4%;min-width:0;height:100%;padding-left:2%;display:flex}.result-row__character{object-fit:contain;flex:none;width:26%;height:100%}.result-row__name{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;font-weight:700;overflow:hidden}.result-row__score{text-align:center;font-weight:800}.result-row__count{text-align:center;padding-left:46%;font-weight:700}.result-teams{--result-card-max-width:calc(16cqh * 17 / 4);flex-flow:column;justify-content:center;align-items:center;gap:clamp(4px,1.6cqh,16px);width:100%;display:flex}.result-teams.result-teams--pc{flex-direction:column}.result-teams.result-teams--pc .result-team{flex:none;width:min(100%,63.75cqh);max-width:63.75cqh}@media (pointer:coarse){.result-teams{--result-card-max-width:calc(23cqh * 17 / 4);flex-direction:row;gap:clamp(4px,1.6cqw,16px)}.result-teams .result-team{flex:1 1 0;width:auto}.result-versus{height:clamp(10px,8cqh,48px)}}.result-versus{object-fit:contain;flex-shrink:0;width:auto;max-width:100%;height:clamp(10px,5cqh,40px)}.result-team{width:100%;min-width:0;max-width:var(--result-card-max-width);aspect-ratio:17/4;color:#5a3410;flex:none;font-size:clamp(9px,1.6cqh,15px);position:relative;overflow:hidden}.result-team--mine{outline-offset:2px;border-radius:4px;outline:3px solid #d68a14e6}.result-team__frame{top:var(--board-top);left:var(--board-left);width:var(--board-width);height:var(--board-height);position:absolute}.result-team.team-red{--band-top:27.1%;--band-right:66.2%;--band-bottom:62.2%;--band-left:2.4%;--slots-top:40%;--slots-right:46.65%;--slots-bottom:34.8%;--slots-left:4.15%;--total-top:37.8%;--total-right:19.95%;--total-bottom:34.1%;--total-left:55.5%;--scrolls-top:35.5%;--scrolls-right:3%;--scrolls-bottom:33.6%;--scrolls-left:85.1%;--board-top:-57.85%;--board-left:-1.82%;--board-width:103.79%;--board-height:220.55%}.result-team.team-blue{--band-top:17.2%;--band-right:66.4%;--band-bottom:66.9%;--band-left:2.8%;--slots-top:37%;--slots-right:48%;--slots-bottom:27.2%;--slots-left:4.1%;--total-top:25.9%;--total-right:25%;--total-bottom:22.3%;--total-left:54.5%;--scrolls-top:30.2%;--scrolls-right:3.7%;--scrolls-bottom:25.7%;--scrolls-left:83.4%;--board-top:-22.73%;--board-left:-1.72%;--board-width:103.37%;--board-height:146.78%}.result-team__board{object-fit:contain;width:100%;height:100%;display:block}.result-team__name{top:var(--band-top);right:var(--band-right);bottom:var(--band-bottom);left:var(--band-left);color:#fff;white-space:nowrap;text-shadow:0 1px 2px #00000073;justify-content:center;align-items:center;margin:0;font-size:1.5em;font-weight:800;display:flex;position:absolute;overflow:hidden}.result-team__players{top:var(--slots-top);right:var(--slots-right);bottom:var(--slots-bottom);left:var(--slots-left);grid-template-rows:minmax(0,1fr);grid-template-columns:repeat(4,1fr);margin:0;padding:0;list-style:none;display:grid;position:absolute}.result-team__slot{border-radius:6px;flex-direction:column;justify-content:flex-end;align-items:center;gap:1px;min-width:0;min-height:0;padding:0 2%;display:flex;position:relative}.result-team__slot--me{box-shadow:inset 0 0 0 2px #d68a14e6}.result-team__character{object-fit:contain;flex:1 1 0;width:100%;min-height:0}.result-team__mvp{object-fit:contain;pointer-events:none;z-index:1;width:62%;max-height:none;position:absolute;top:-6%;left:50%;transform:translate(-50%)}.result-team__nickname{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.9em;font-weight:700;overflow:hidden}.result-team__player-score{text-align:center;font-size:.92em;font-weight:800;line-height:1.1}.result-team__slot--me .result-team__nickname,.result-team__slot--me .result-team__player-score{color:#8a3d05}.result-team__total{top:var(--total-top);right:var(--total-right);bottom:var(--total-bottom);left:var(--total-left);justify-content:center;align-items:center;font-size:2.1em;font-weight:800;line-height:1;display:flex;position:absolute}.result-team.team-red .result-team__total{color:#b4261f}.result-team.team-blue .result-team__total{color:#1f4fb4}.result-team__scrolls{top:var(--scrolls-top);right:var(--scrolls-right);bottom:var(--scrolls-bottom);left:var(--scrolls-left);grid-template-rows:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid;position:absolute}.result-team__scroll{justify-content:flex-end;align-items:center;padding-right:6%;font-weight:700;display:flex}.result-actions{flex-wrap:wrap;justify-content:center;gap:clamp(6px,2cqw,20px);display:flex}.result-actions button.result-button{color:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:0}.result-actions button.result-button:hover:not(:disabled){background:0 0}.result-button__image{object-fit:contain;width:auto;height:clamp(28px,7.5cqh,60px);display:block}.result-button:active .result-button__image{transform:translateY(1px)}.result-button:focus-visible{outline-offset:2px;outline:3px solid #ffd76a}.game-canvas{touch-action:none;z-index:0;outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}.game-canvas.hidden{display:none}.game-settings{text-align:left;max-width:420px;max-height:85cqh;overflow-y:auto}.game-settings-hint{color:#8b93a7;margin:0 0 14px;font-size:12px;line-height:1.6}.game-settings-fields{flex-direction:column;gap:8px;display:flex}.game-settings-row{grid-template-columns:1fr 96px 56px;align-items:center;gap:8px;font-size:13px;display:grid}.game-settings-row input{color:inherit;font:inherit;background:#171b26;border:1px solid #2a3044;border-radius:6px;padding:6px 8px}.game-settings-row input:disabled{opacity:.6}.game-settings-range{color:#6b7385;text-align:right;font-size:11px}.game-settings-message{color:#ff8a80;margin:10px 0 0;font-size:12px}.game-settings-actions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.app-settings-overlay{z-index:10;background:#04060cbf;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0;container-type:size}.app-settings{text-align:left;max-width:420px;max-height:85cqh;overflow-y:auto}.app-settings-heading{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.app-settings-heading h2{margin:0}.app-settings-close{width:28px;height:28px;color:inherit;background:0 0;border:0;padding:0;font-size:20px;line-height:1}.app-settings-section{border-top:1px solid #232838;margin-top:14px;padding-top:14px}.app-settings-section:first-of-type{border-top:0;margin-top:0;padding-top:0}.app-settings-section h3{color:#b7bfd1;margin:0 0 10px;font-size:14px}.app-settings-audio-row{align-items:center;gap:10px;margin-bottom:8px;display:flex}.app-settings-audio-toggle{align-items:center;gap:6px;min-width:76px;font-size:13px;display:flex}.app-settings-audio-row input[type=range]{appearance:none;cursor:pointer;background:0 0;flex:1;width:100%;height:20px;margin:0}.app-settings-audio-row input[type=range]:focus-visible{outline-offset:2px;border-radius:8px;outline:2px solid #4a90d9}.app-settings-audio-row input[type=range]::-webkit-slider-runnable-track{background:#2a3044;border-radius:3px;width:100%;height:6px}.app-settings-audio-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#4a90d9;border-radius:50%;width:16px;height:16px;margin-top:-5px;box-shadow:0 1px 2px #00000073}.app-settings-audio-row input[type=range]::-moz-range-track{background:#2a3044;border-radius:3px;width:100%;height:6px}.app-settings-audio-row input[type=range]::-moz-range-thumb{background:#4a90d9;border:0;border-radius:50%;width:16px;height:16px;box-shadow:0 1px 2px #00000073}.app-settings-key-list{flex-direction:column;gap:6px;display:flex}.app-settings-key-row{grid-template-columns:1fr 100px 64px;align-items:center;gap:8px;font-size:13px;display:grid}.app-settings-key-value{text-align:center;font-variant-numeric:tabular-nums;background:#171b26;border:1px solid #2a3044;border-radius:6px;padding:4px 8px;font-family:Segoe UI,system-ui,Arial,sans-serif}.app-settings-key-value--pending{color:#f0c165;border-color:#d9a441}.app-settings-key-value--capturing{color:#7fb7ff;border-color:#4a90d9}.app-settings-key-change:disabled{opacity:.5}.app-settings-key-error{color:#ff8a80;margin:10px 0 0;font-size:12px}.app-settings-unsaved-hint{color:#f0c165;margin:10px 0 0;font-size:12px;line-height:1.6}.app-settings-key-actions{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.app-settings-key-guide-row{align-items:center;gap:8px;margin-top:14px;font-size:13px;display:flex}.app-settings-fullscreen{width:100%}.app-settings-footer{border-top:1px solid #232838;flex-direction:column;gap:8px;margin-top:14px;padding-top:14px;display:flex}.app-settings-leave-game{color:#e08787;background:0 0;border:1px solid #5a3030;width:100%}.app-settings-leave-game:disabled{opacity:.55;cursor:not-allowed}.app-settings-confirm{width:100%}.qr-invite{max-width:320px;max-height:85cqh;overflow-y:auto}.qr-invite-art{color:#10131a;text-align:center;background:#fff;border-radius:8px;justify-content:center;align-items:center;width:220px;height:220px;margin:0 auto 14px;padding:12px;font-size:13px;display:flex}.qr-invite-art svg{width:100%;height:100%}.qr-invite-code{letter-spacing:.08em;text-align:center;margin:0 0 16px;font-size:15px;font-weight:700}.qr-invite-close{width:100%;color:inherit;font:inherit;background:#1c2333;border:1px solid #2a3044;border-radius:8px;padding:10px}.qr-invite-close:hover{background:#232b40}.device-mobile button{padding:7px 12px;font-size:13px}.device-mobile button.big{padding:12px 19px;font-size:15px}.device-mobile .title-start{width:clamp(190px,30cqw,600px);height:clamp(42px,7cqh,105px);font-size:clamp(16px,1.9cqw,34px)}.device-mobile .screen-icon-bar .screen-icon{width:clamp(30px,6.4cqh,62px);height:clamp(30px,6.4cqh,62px)}.device-mobile .lobby-screen .account-bar .sign-out{width:clamp(100px,15cqw,176px)}.title-choice{flex-direction:column;align-items:center;gap:clamp(8px,2cqh,20px);display:flex}.title-choice[hidden]{display:none}.title-choice__row{gap:clamp(10px,2cqw,24px);display:flex}.title-choice__option{color:#fff7e6;letter-spacing:clamp(1px,.3cqw,4px);text-shadow:0 2px 4px #281046a6;cursor:pointer;border-radius:18px;width:clamp(150px,20cqw,320px);height:clamp(44px,7cqh,90px);font-size:clamp(15px,1.7cqw,26px);font-weight:800;transition:transform .12s,filter .12s}.title-choice__option--login{background:linear-gradient(#9a6ce6 0%,#6d43ba 55%,#5a339f 100%);border:2px solid #ffd678d9;box-shadow:0 8px 22px #180a308c,inset 0 2px #ffffff59}.title-choice__option--guest{background:linear-gradient(#d8b26a 0%,#a97c3a 55%,#8a5a2b 100%);border:2px solid #fff5dcd9;box-shadow:0 8px 22px #301e0a73,inset 0 2px #ffffff4d}.title-choice__option:hover:not(:disabled){filter:brightness(1.1);transform:scale(1.02)}.title-choice__option:active:not(:disabled){filter:brightness(.94);transform:scale(.98)}.title-choice__option:focus-visible{outline-offset:3px;outline:3px solid #ffe096f2}.title-choice__option:disabled{opacity:.6;cursor:progress}.title-choice__status{color:#fff7e6;text-shadow:0 2px 4px #281046a6;margin:0;font-size:clamp(13px,1.3cqw,18px)}.title-choice__status--error{color:#ffb3c1}.title-start.is-busy,.modal button.is-busy{opacity:.92;cursor:progress}.title-start.is-busy:after,.modal button.is-busy:after{content:"...";text-align:left;width:1.2em;animation:1.2s steps(4,jump-none) infinite title-login-dots;display:inline-block}@keyframes title-login-dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}@media (prefers-reduced-motion:reduce){.title-start.is-busy:after,.modal button.is-busy:after{content:"...";animation:none}}.confirm-dialog-message{word-break:keep-all;margin:4px 0 18px;font-size:15px;line-height:1.6}.confirm-dialog-actions{justify-content:center;gap:10px;display:flex}.confirm-dialog-actions button{min-width:96px}.confirm-popup-overlay{background:#04060c94;container-type:size}.confirm-popup-overlay--pending{visibility:hidden}.modal.confirm-popup{background-color:#0000;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border:0;border-radius:0;max-width:none;padding:0;position:relative;container-type:size}.modal.confirm-popup--logout{aspect-ratio:1089/1040;width:min(92cqw,92.1cqh)}.modal.confirm-popup--room-out,.modal.confirm-popup--create{aspect-ratio:1122/1402;width:min(92cqw,70.4cqh)}.confirm-popup .confirm-popup__title{color:#5b3a1c;letter-spacing:.04em;text-align:center;margin:0;font-weight:700;line-height:1;position:absolute;left:8%;right:8%}.confirm-popup--logout .confirm-popup__title{font-size:8.5cqw;top:36%}.confirm-popup--room-out .confirm-popup__title{font-size:8cqw;top:32%}.confirm-popup--create .confirm-popup__title{font-size:7.5cqw;top:35%}.confirm-popup .confirm-popup__body{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:2.5cqw;margin:0;display:flex;position:absolute;left:10%;right:10%;overflow-y:auto}.confirm-popup--logout .confirm-popup__body{top:56%;bottom:27%}.confirm-popup--room-out .confirm-popup__body{top:46%;bottom:29%}.confirm-popup--create .confirm-popup__body{gap:1.2cqw;inset:46% 9% 34%}.confirm-popup .confirm-popup__message{color:#6b4a2a;word-break:keep-all;margin:0;font-size:5cqw;line-height:1.5}.confirm-popup--create .confirm-popup__message{font-size:3.8cqw}.confirm-popup .account-summary{color:#5b3a1c;background:#fffcf08c;border:0;border-radius:1.4cqw;gap:.3cqw 1.5cqw;padding:1cqw 2cqw;font-size:3.2cqw}.confirm-popup .account-summary dt{color:#8a6a3f}.confirm-popup .modal-error{color:#8c2436;text-align:center;background:#7a20301f;border:0;border-radius:1.2cqw;padding:1cqw 1.8cqw;font-size:3.2cqw;line-height:1.4}.confirm-popup .confirm-popup__actions{justify-content:center;align-items:center;gap:4cqw;display:flex;position:absolute;left:6%;right:6%}.confirm-popup--logout .confirm-popup__actions{bottom:12%}.confirm-popup--room-out .confirm-popup__actions{bottom:17%}.confirm-popup--create .confirm-popup__actions{bottom:22%}.confirm-popup .confirm-popup__button{background-color:#0000;background-position:50%;background-repeat:no-repeat;background-size:var(--confirm-button-bg-size,100% 100%);cursor:pointer;border:0;border-radius:0;flex:none;min-width:0;padding:0;font-family:inherit;font-weight:700;line-height:1;transition:filter .12s}.confirm-popup .confirm-popup__button:hover:not(:disabled),.confirm-popup .confirm-popup__button:active:not(:disabled),.confirm-popup .confirm-popup__button:focus,.confirm-popup .confirm-popup__button:focus-visible{background-color:#0000;background-position:50%;background-repeat:no-repeat;background-size:var(--confirm-button-bg-size,100% 100%)}.confirm-popup .confirm-popup__button:hover:not(:disabled){filter:brightness(1.08)}.confirm-popup .confirm-popup__button:active:not(:disabled){filter:brightness(.94)}.confirm-popup .confirm-popup__button--cancel{color:#5b4326}.confirm-popup .confirm-popup__button--confirm{color:#fffdf6;text-shadow:0 .4cqw .8cqw #180e0473}.confirm-popup--logout .confirm-popup__button,.confirm-popup--room-out .confirm-popup__button{--confirm-button-bg-size:100% 100%;width:34cqw;font-size:5.5cqw}.confirm-popup--logout .confirm-popup__button--cancel,.confirm-popup--room-out .confirm-popup__button--cancel{aspect-ratio:537/203}.confirm-popup--logout .confirm-popup__button--confirm,.confirm-popup--room-out .confirm-popup__button--confirm{aspect-ratio:542/202}.confirm-popup--create .confirm-popup__button{width:auto;height:11cqh;font-size:4.8cqw}.confirm-popup--create .confirm-popup__button--cancel{aspect-ratio:1500/563;--confirm-button-bg-size:144.8% 128.6%}.confirm-popup--create .confirm-popup__button--confirm{aspect-ratio:1698/505;--confirm-button-bg-size:127.9% 143.4%}.modal.confirm-popup--reconnect{aspect-ratio:765/739;width:min(92cqw,91.1cqh)}.confirm-popup--reconnect .confirm-popup__title{font-size:5cqw;top:51%;left:12%;right:10%}.confirm-popup__title-accent{color:#0b53c4}.confirm-popup--reconnect .confirm-popup__body{gap:2.3cqw;inset:56% 14.5% 27% 16.5%}.confirm-popup--reconnect .confirm-popup__message{font-size:2.4cqw}.confirm-popup__message-line{display:block}.confirm-popup--reconnect .account-summary{background:#d69d5f59;border-radius:1.6cqw;align-self:stretch;gap:.3cqw 2.5cqw;padding:1.1cqw 2.6cqw;font-size:3.4cqw;box-shadow:inset 0 .35cqw .7cqw #7a522638}.confirm-popup--reconnect .account-summary dt{font-weight:700}.confirm-popup--reconnect .confirm-popup__actions{gap:2.6cqw;bottom:16%;left:8%;right:6%}.confirm-popup--reconnect .confirm-popup__button{width:auto;height:9.8cqh;font-size:3.1cqw}.confirm-popup--reconnect .confirm-popup__button--cancel{aspect-ratio:309/102}.confirm-popup--reconnect .confirm-popup__button--confirm{aspect-ratio:332/105}.modal.confirm-popup--removal{aspect-ratio:728/718;width:min(92cqw,89.2cqh)}.confirm-popup--removal .confirm-popup__body{gap:1.2cqw;inset:52.8% 12% 30% 13%}.confirm-popup--removal .confirm-popup__message{color:#3b2414;font-size:4.5cqw;font-weight:700;line-height:1.25}.confirm-popup__message-accent{color:#b81f14}.confirm-popup .confirm-popup__note{color:#6b4a2a;text-align:center;word-break:keep-all;margin:0;line-height:1.3}.confirm-popup--removal .confirm-popup__note{font-size:2.7cqw}.confirm-popup--removal .confirm-popup__actions{gap:2.4cqw;bottom:18.5%;left:6%;right:6%}.confirm-popup--removal .confirm-popup__button{width:auto;height:11cqh;font-size:3cqw}.confirm-popup--removal .confirm-popup__button--confirm{aspect-ratio:332/105}.confirm-popup--removal .confirm-popup__button--cancel{aspect-ratio:309/102}@media (prefers-reduced-motion:reduce){.confirm-popup .confirm-popup__button{transition:none}}.room-code-overlay{background:#04060c94;container-type:size}.modal.room-code-popup{aspect-ratio:974/968;background-color:#0000;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border:0;border-radius:0;width:min(92cqw,88cqh);max-width:none;padding:0;position:relative;container-type:size}.room-code-popup .room-code-popup__title{color:#5b3a1c;letter-spacing:.04em;text-align:center;margin:0;font-size:7.2cqw;font-weight:700;line-height:1;position:absolute;top:33%;left:8%;right:8%}.room-code-popup .room-code-popup__hint{color:#6b4a2a;text-align:center;word-break:keep-all;margin:0;font-size:3cqw;line-height:1.4;position:absolute;top:47%;left:10%;right:10%}.room-code-popup__boxes{justify-content:center;align-items:center;gap:.9cqw;display:flex;position:absolute;top:53.5%;left:50%;transform:translate(-50%)}.room-code-popup .room-code-popup__box{aspect-ratio:1458/1438;color:#5b3a1c;text-align:center;text-transform:uppercase;caret-color:#8a6a3f;background-color:#0000;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border:0;border-radius:0;width:10.8cqw;padding:0;font-family:inherit;font-size:max(16px,6.4cqw);font-weight:700;line-height:1;transition:filter .12s}.room-code-popup .room-code-popup__box::selection{color:#5b3a1c;background:#be98586b}.room-code-popup .room-code-popup__box:focus{filter:brightness(1.07);outline:none}.room-code-popup .room-code-popup__actions{justify-content:center;align-items:center;gap:2.7cqw;display:flex;position:absolute;bottom:18%;left:6%;right:6%}.room-code-popup .room-code-popup__button{cursor:pointer;background-color:#0000;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border:0;border-radius:0;flex:none;width:31cqw;padding:0;font-family:inherit;font-size:5.2cqw;font-weight:700;line-height:1;transition:filter .12s}.room-code-popup .room-code-popup__button:hover:not(:disabled),.room-code-popup .room-code-popup__button:active:not(:disabled),.room-code-popup .room-code-popup__button:focus,.room-code-popup .room-code-popup__button:focus-visible{background-color:#0000;background-position:50%;background-repeat:no-repeat;background-size:100% 100%}.room-code-popup .room-code-popup__button:hover:not(:disabled){filter:brightness(1.08)}.room-code-popup .room-code-popup__button:active:not(:disabled){filter:brightness(.94)}.room-code-popup .room-code-popup__button--cancel{aspect-ratio:537/203;color:#5b4326}.room-code-popup .room-code-popup__button--confirm{aspect-ratio:542/202;color:#fffdf6;text-shadow:0 .4cqw .8cqw #180e0473}@media (prefers-reduced-motion:reduce){.room-code-popup .room-code-popup__box,.room-code-popup .room-code-popup__button{transition:none}}.room-list-overlay{background:#04060c94;container-type:size}.modal.room-list-popup{aspect-ratio:748/949;background-color:#0000;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border:0;border-radius:0;width:min(92cqw,69.3cqh);max-width:none;padding:0;position:relative;container-type:size}.room-list-popup .room-list-popup__title{color:#5b3a1c;letter-spacing:.02em;text-align:center;margin:0;font-size:8.2cqw;font-weight:700;line-height:1;position:absolute;top:20%;left:10%;right:10%}.room-list-popup__rule{background:linear-gradient(90deg,#ba944a00,#ba944ad9 22% 78%,#ba944a00);height:.35cqw;position:absolute;top:27.4%;left:26%;right:26%}.room-list-popup__rule:after{content:"";background:#c9a45c;width:1.7cqw;height:1.7cqw;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.room-list-popup__toolbar{justify-content:space-between;align-items:center;gap:2cqw;display:flex;position:absolute;top:29.4%;left:7%;right:7%}.room-list-popup__total{color:#6b4a2a;white-space:nowrap;font-size:3.4cqw;font-weight:700;line-height:1}.room-list-popup .room-list-popup__button{aspect-ratio:537/203;color:#5b4326;cursor:pointer;background-color:#0000;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border:0;border-radius:0;flex:none;justify-content:center;align-items:center;padding:0;font-family:inherit;font-weight:700;line-height:1;transition:filter .12s;display:flex}.room-list-popup .room-list-popup__button:hover:not(:disabled),.room-list-popup .room-list-popup__button:active:not(:disabled),.room-list-popup .room-list-popup__button:focus,.room-list-popup .room-list-popup__button:focus-visible{background-color:#0000;background-position:50%;background-repeat:no-repeat;background-size:100% 100%}.room-list-popup .room-list-popup__button:hover:not(:disabled){filter:brightness(1.08)}.room-list-popup .room-list-popup__button:active:not(:disabled){filter:brightness(.94)}.room-list-popup .room-list-popup__button:disabled{opacity:.55;cursor:default}.room-list-popup .room-list__refresh{gap:1.6cqw;width:27cqw;font-size:3.4cqw}.room-list-popup__button-icon{flex:none;width:auto;height:52%}.room-list-popup .room-list__cancel{width:40cqw;font-size:5.2cqw;position:absolute;bottom:5.5%;left:50%;transform:translate(-50%)}.room-list-popup__body{flex-direction:column;min-height:0;display:flex;position:absolute;inset:38.5% 6.5% 20.5%}.room-list__status{color:#7a5a34;text-align:center;word-break:keep-all;margin:0;padding-top:6%;font-size:3.2cqw;line-height:1.5}.room-list{scrollbar-width:thin;scrollbar-color:#96703c8c transparent;flex-direction:column;flex:auto;gap:1.6cqw;min-height:0;padding-bottom:4cqw;padding-right:1.2cqw;display:flex;overflow:hidden auto;-webkit-mask-image:linear-gradient(#000 calc(100% - 4cqw),#0000);mask-image:linear-gradient(#000 calc(100% - 4cqw),#0000)}.room-list::-webkit-scrollbar{width:1.2cqw}.room-list::-webkit-scrollbar-track{background:0 0}.room-list::-webkit-scrollbar-thumb{background:#96703c8c;border-radius:1cqw}.room-list .room-list__item{aspect-ratio:729/130;background-color:#0000;background-image:var(--room-row-image);color:#4a3116;text-align:left;cursor:pointer;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border:0;border-radius:0;flex:none;align-items:center;gap:2.5cqw;padding:0 14% 0 4.5%;font-family:inherit;transition:filter .12s;display:flex;container-type:inline-size}.room-list .room-list__item:hover,.room-list .room-list__item:active,.room-list .room-list__item:focus,.room-list .room-list__item:focus-visible{background-color:#0000;background-position:50%;background-repeat:no-repeat;background-size:100% 100%}.room-list .room-list__item:hover{background-image:var(--room-row-image-hover);color:#fffdf5}.room-list .room-list__item:active{filter:brightness(.95)}.room-list .room-list__item.is-selected{color:#fffdf5}.room-list__info{flex-direction:column;flex:auto;gap:.8cqw;min-width:0;display:flex}.room-list__name{color:inherit;white-space:nowrap;text-overflow:ellipsis;font-size:5.2cqw;font-weight:700;line-height:1.1;overflow:hidden}.room-list__meta{color:#8a6a44;gap:3cqw;min-width:0;font-size:3.5cqw;line-height:1.1;display:flex}.room-list__item.is-selected .room-list__meta,.room-list__item:hover .room-list__meta{color:#fffdf5d9}.room-list__host{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.room-list__code{white-space:nowrap;flex:none}.room-list__mode{color:#2f2a4a;white-space:nowrap;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;flex:none;justify-content:center;align-items:center;width:17cqw;font-size:3.2cqw;font-weight:700;line-height:1;display:flex}.room-list__mode--solo{aspect-ratio:155/71}.room-list__mode--team{aspect-ratio:160/71}.room-list__count{min-width:22cqw;color:inherit;white-space:nowrap;flex:none;justify-content:flex-end;align-items:center;gap:1.2cqw;font-size:4.2cqw;font-weight:700;line-height:1;display:flex}.room-list__player-icon{flex:none;width:auto;height:5cqw}.room-list__item.is-selected .room-list__player-icon,.room-list__item:hover .room-list__player-icon{filter:brightness(0)invert()opacity(.92)}@media (prefers-reduced-motion:reduce){.room-list-popup .room-list-popup__button,.room-list .room-list__item{transition:none}}.broadcast-panel{pointer-events:none;z-index:4;justify-content:space-between;align-items:flex-start;padding:84px 16px 16px;font-family:inherit;display:flex;position:absolute;inset:0}.broadcast-team{pointer-events:auto;flex-direction:column;gap:6px;max-width:180px;display:flex}.broadcast-team h4{color:#8b93a7;letter-spacing:.04em;margin:0 0 2px;font-size:12px}.broadcast-team-left h4{color:#ff9aa8}.broadcast-team-right h4{color:#9dc0ff}.broadcast-player-button{color:#e7ebf4;text-align:left;cursor:pointer;background:#0c0e14d1;border:1px solid #1e2330;border-radius:6px;flex-direction:column;align-items:stretch;gap:3px;padding:6px 10px;font-size:13px;display:flex}.broadcast-player-row{align-items:center;gap:6px;display:flex}.broadcast-player-icon{object-fit:contain;flex-shrink:0;width:22px;height:22px}.broadcast-player-carry{color:#c9d3ea;white-space:normal;overflow-wrap:break-word;font-size:11px;line-height:1.3}.broadcast-player-button:hover{border-color:#3a4258}.broadcast-player-button.selected{color:#f0c96b;background:#2e2210e6;border-color:#f0c96b}.broadcast-status{pointer-events:auto;flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.broadcast-status-text{color:#e7ebf4;background:#0c0e14d1;border:1px solid #1e2330;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:600}.broadcast-topview-button{padding:6px 14px;font-size:13px}.broadcast-topview-button:disabled{opacity:.45;cursor:default}.settings-overlay{z-index:12;background:#04060c6b;flex-direction:column;justify-content:center;align-items:center;gap:1.4cqh;display:flex;position:fixed;inset:0;container-type:size}.settings-overlay--pending{visibility:hidden}.settings-panel{aspect-ratio:977/1610;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;height:min(96cqh,151.6cqw);position:relative;container-type:size}.settings-panel button{cursor:pointer;background:0 0;border:0;border-radius:0;padding:0;line-height:0}.settings-panel button:hover:not(:disabled),.settings-panel button:active:not(:disabled){background:0 0}.settings-panel button:active:not(:disabled){transform:scale(.96)}.settings-panel button:focus-visible{outline-offset:.3cqw;outline:.6cqw solid #ffe096f2}.settings-panel img{object-fit:contain;display:block}.settings-panel button>img{width:100%;height:100%}.settings-title{top:calc(0.4% * var(--settings-panel-scale,1));aspect-ratio:568/200;pointer-events:none;width:58.3%;position:absolute;left:50%;transform:translate(-50%)}.settings-close{top:calc(7.2% * var(--settings-panel-scale,1));aspect-ratio:1;width:9.9%;position:absolute;left:86.2%}.settings-badge{pointer-events:none;position:absolute;left:12.3%}.settings-badge--audio{top:calc(16.1% * var(--settings-panel-scale,1));aspect-ratio:314/64;width:30%}.settings-badge--pc{aspect-ratio:360/64;width:31%;top:34.5%}.settings-badge--screen{top:calc((80.1% - var(--settings-post-pc-shift,0%)) * var(--settings-panel-scale,1));aspect-ratio:368/65;width:29%}.settings-rule{pointer-events:none;background:linear-gradient(90deg,#c6964e00 0%,#c6964ebf 12% 100%);height:.16%;position:absolute;right:14%}.settings-rule--audio{top:calc(18.1% * var(--settings-panel-scale,1));left:43%}.settings-rule--pc{top:36.5%;left:44.2%}.settings-rule--screen{top:calc((82.1% - var(--settings-post-pc-shift,0%)) * var(--settings-panel-scale,1));left:42%}.settings-rule:after{content:"";background:#e0a94a;width:1cqw;height:1cqw;position:absolute;top:50%;right:-.5cqw;transform:translateY(-50%)rotate(45deg)}.settings-divider{pointer-events:none;background:linear-gradient(90deg,#c6964e00 0%,#c6964e99 15% 85%,#c6964e00 100%);height:.16%;position:absolute;left:11.3%;right:11.6%}.settings-divider:after{content:"";background:#e0a94a;width:1.6cqw;height:1.6cqw;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.settings-divider--audio{top:calc(32.3% * var(--settings-panel-scale,1))}.settings-divider--pc{top:78.3%}.settings-row{position:absolute;left:0;right:0}.settings-row>*{position:absolute;top:50%;transform:translateY(-50%)}.settings-row__name{color:#6b4a2a;letter-spacing:.01em;white-space:nowrap;font-size:3.7cqw;font-weight:700}.settings-row button:active:not(:disabled){transform:translateY(-50%)scale(.96)}.settings-row--audio{height:calc(4.1% * var(--settings-panel-scale,1))}.settings-row--music{top:calc(21.43% * var(--settings-panel-scale,1))}.settings-row--sfx{top:calc(26.77% * var(--settings-panel-scale,1))}.settings-check{aspect-ratio:1;width:5%;left:13.3%}.settings-row--audio .settings-row__name{left:20.7%}.settings-row__icon{aspect-ratio:1;pointer-events:none;width:4.2%;left:31.5%}.settings-row__state{aspect-ratio:1;pointer-events:none;width:3.7%;left:83.7%}.settings-slider{aspect-ratio:2105/180;width:44.3%;left:38%}.settings-slider__track{width:100%;height:100%;position:absolute;inset:0}.settings-slider__groove{pointer-events:none;border-radius:100vmax;position:absolute;inset:25% 2.5% 19.4% 2.6%;overflow:hidden}.settings-slider__fill{width:calc(var(--settings-volume,1) * 100%);background:linear-gradient(#ffd95e 0%,#f5b833 52%,#e09a22 100%);border-radius:100vmax;height:100%;display:block}.settings-slider__knob{top:50%;left:calc(2.6% + var(--settings-volume,1) * 94.9%);aspect-ratio:256/239;pointer-events:none;width:12%;position:absolute;transform:translate(-50%,-50%)}.settings-slider__input{opacity:0;cursor:pointer;background:0 0;border:0;width:100%;height:220%;margin:0;padding:0;position:absolute;top:-60%;left:0}.settings-row--control{top:calc(38.76% + var(--settings-row,0) * 4.497%);height:4.22%}.settings-row--control .settings-row__icon{width:4.7%;left:14.3%}.settings-row--control .settings-row__name{left:21.2%}.settings-keybox{aspect-ratio:182/53;width:22.1%;left:46.7%}.settings-keybox__art{width:100%;height:100%;position:absolute;inset:0}.settings-keybox__label{color:#5b3a1c;letter-spacing:.02em;justify-content:center;align-items:center;font-family:Segoe UI,system-ui,Arial,sans-serif;font-size:3.4cqw;font-weight:700;display:flex;position:absolute;inset:0}.settings-keybox--capturing .settings-keybox__label{color:#9a6b34;font-family:inherit}.settings-change{aspect-ratio:115/60;height:91%;right:14.3%}.settings-save{aspect-ratio:158/76;width:15.9%;position:absolute;top:71.55%;right:14.3%}.settings-row--guide{height:3.1%;top:74.35%}.settings-row--guide .settings-check{width:3.5%;left:13%}.settings-row--guide .settings-row__name{font-size:3.4cqw;left:18.2%}.settings-fullscreen{top:calc((84.3% - var(--settings-post-pc-shift,0%)) * var(--settings-panel-scale,1));aspect-ratio:365/65;width:41.3%;position:absolute;left:49.1%;transform:translate(-50%)}.settings-panel .settings-fullscreen:active:not(:disabled){transform:translate(-50%)scale(.96)}.settings-fullscreen:disabled{opacity:.78;cursor:default}.settings-leave-game{color:#f3d9a6;cursor:pointer;background:#140c06b8;border:1px solid #ffe09699;border-radius:999px;padding:.6em 1.6em;font-family:Segoe UI,system-ui,Arial,sans-serif;font-size:.85rem;font-weight:600}.settings-leave-game:disabled{opacity:.55;cursor:default}.settings-panel--compact{aspect-ratio:auto;--settings-panel-scale:1.838;--settings-post-pc-shift:45.6%;width:calc(min(96cqh,151.6cqw)/1.6479);height:calc(min(96cqh,151.6cqw)/1.83824)}.tutorial-banner{color:#e6e8ef;text-align:center;pointer-events:none;z-index:5;background:#0f1320d1;border:1px solid #7884a073;border-radius:12px;max-width:640px;padding:12px 20px;position:absolute;bottom:96px;left:50%;transform:translate(-50%)}.tutorial-banner__title{margin-bottom:4px;font-size:20px;font-weight:700}.tutorial-banner__body{color:#c7cbe0;white-space:pre-line;font-size:15px}.tutorial-complete-overlay{z-index:20}.tutorial-complete{text-align:center}.tutorial-goblin-overlay{pointer-events:none;z-index:20;justify-content:flex-start;align-items:flex-end;padding:24px;display:flex;position:fixed;inset:0}.tutorial-goblin-toast{color:#e6e8ef;text-align:left;pointer-events:auto;background:#0f1320d1;border:1px solid #7884a073;border-radius:12px;max-width:320px;padding:16px 18px}.tutorial-goblin-toast h2{margin:0 0 8px;font-size:16px}.tutorial-goblin-toast .modal-hint{margin:0 0 12px}.screen.waiting{padding:calc(6px + var(--safe-top)) calc(6px + var(--safe-right)) calc(6px + var(--safe-bottom)) calc(6px + var(--safe-left));background-color:#080d1f;background-image:url(/images/room/room_background.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;background-origin:border-box;background-clip:border-box;justify-content:center;position:relative;overflow:hidden;container-type:size}.waiting-background{z-index:0;pointer-events:none;background-color:#080d1f;background-image:url(/images/room/room_background.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.waiting-body{justify-content:center;align-items:center;width:100%;height:100%;min-height:0;display:flex}.room-panel{aspect-ratio:1672/941;opacity:1;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;width:100%;max-width:100%;max-height:100%;transition:opacity .15s;position:relative;container:room-panel/size}.room-panel--pending{opacity:0}@media (prefers-reduced-motion:reduce){.room-panel{transition:none}}.room-start-loading{z-index:10;pointer-events:auto;border-radius:inherit;background:#06080e9e;flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex;position:absolute;inset:0}.room-start-loading__label{letter-spacing:1px;color:#e6e8ef;text-shadow:0 2px 8px #0000008c;font-size:22px;font-weight:700}.room-start-loading__spinner{border:4px solid #c4aaff40;border-top-color:#c4aafff2;border-radius:50%;width:40px;height:40px;animation:.9s linear infinite room-start-loading-spin}@keyframes room-start-loading-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.room-start-loading__spinner{animation:none}}.screen.waiting .room-panel button.room-image-button,.screen.waiting .room-panel button.room-image-button:hover,.screen.waiting .room-panel button.room-image-button:active,.screen.waiting .room-panel button.room-image-button:focus,.screen.waiting .room-panel button.room-image-button:disabled,.screen.waiting .room-panel .room-slot--empty,.screen.waiting .room-panel .room-slot--empty:hover,.screen.waiting .room-panel .room-slot--empty:active,.screen.waiting .room-panel .room-slot--empty:focus,.screen.waiting .room-panel .room-slot--empty:disabled{font-size:inherit;background-color:#0000;border:0;border-radius:0;padding:0}.room-sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.room-panel__title{letter-spacing:.06em;color:#fff6dc;text-shadow:0 .35cqh #4a1876d9,0 0 1cqh #2e0c4e99;white-space:nowrap;pointer-events:none;margin:0;font-size:5.4cqh;font-weight:400;position:absolute;top:17.69%;left:50%;transform:translate(-50%,-50%)}.room-panel__info{pointer-events:none;object-fit:contain;width:auto;position:absolute;top:23.5%;left:50%;transform:translate(-50%)}.room-panel--solo .room-panel__info{height:12.2cqh}.room-panel--team .room-panel__info{height:12.7cqh}.room-panel__topbar{justify-content:space-between;align-items:flex-start;gap:1.5cqw;width:78%;padding-top:1.5%;padding-left:1.5%;padding-right:1.5%;display:flex;position:absolute;top:21.5%;left:11%;right:11%}.room-panel__topbar .waiting-header{max-width:30%}.room-panel__content{flex-direction:column;justify-content:center;align-items:center;gap:1.5cqh;width:88%;height:30%;padding-top:2.5%;display:flex;position:absolute;top:35%;left:6%}.room-panel--team .room-panel__content{height:27%;top:31%}.room-panel__content .members{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.member-list{margin:0;padding:0;list-style:none}.room-solo__slots{justify-content:center;align-items:center;gap:2.2cqw;height:100%;display:flex}.room-slot--solo{aspect-ratio:255/324;flex-direction:column;justify-content:flex-end;align-items:center;gap:.8cqh;height:100%;margin:0;padding:0;display:flex;position:relative}.screen.waiting .room-panel .room-slot--solo.room-slot--empty{cursor:pointer;background-image:url(/images/room/player_bot.webp);background-position:50%;background-repeat:no-repeat;background-size:contain;border:0;transition:filter .12s}.room-slot--solo.room-slot--empty.room-slot--locked{cursor:default;opacity:.55}.screen.waiting .room-panel .room-slot__add:hover:not(:disabled){filter:brightness(1.08)}.screen.waiting .room-panel .room-slot__add:active:not(:disabled){filter:brightness(.93)}.room-panel .room-slot__add:focus-visible{outline-offset:.3cqh;outline:.4cqh solid #ffd75e}.room-slot--solo.room-slot--filled{background:#fffae8b8;border:.35cqh dashed #c4924abf;border-radius:1.8cqh;justify-content:flex-start;padding:2%}.room-slot__portrait{flex:none;width:100%;min-height:0;position:relative}.room-slot--solo .room-slot__portrait{height:70.6%}.room-slot__character{object-fit:contain;object-position:center bottom;width:100%;height:100%;display:block}.room-slot--team .room-slot__portrait{pointer-events:none}.room-slot__plate{background-image:url(/images/room/input_box2.webp);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;flex:none;justify-content:center;align-items:center;width:100%;height:22%;display:flex}.member-name{white-space:nowrap;text-overflow:ellipsis;color:#4a2f12;justify-content:center;align-items:center;gap:.4em;max-width:88%;font-size:2.2cqh;line-height:1.1;display:flex;overflow:hidden}.bot-badge,.me-badge{color:#fff;border-radius:.6em;flex:none;padding:.15em .45em;font-size:.68em;line-height:1.4}.bot-badge{background:#8a6a3a}.me-badge{background:#2f7bd8}.room-slot__signal{z-index:2;object-fit:contain;pointer-events:none;width:auto;height:2.6cqh;position:absolute;top:calc(100% + .9cqh);left:50%;transform:translate(-50%)}.member-status{flex:none;font-size:1.9cqh;line-height:1.2}.room-slot--filled .member-status:not(.room-sr-only){white-space:nowrap;position:absolute;top:calc(100% + .9cqh);left:50%;transform:translate(-50%)}.member-status.away{color:#c9553f}.member-status.reviewing{color:#3f6bc9}.room-slot.away{filter:grayscale(.5);opacity:.75}.screen.waiting .room-panel .room-slot__action{z-index:2;color:#fff;background:#b3402f;border:.25cqh solid #fff2cf;border-radius:999px;padding:.3cqh .9cqh;font-size:1.7cqh;line-height:1.3;position:absolute;top:3%;right:3%}.screen.waiting .room-panel .room-slot__action:hover:not(:disabled){background:#cc4b37}.room-team{gap:1.5cqw}.team-column{background-position:50%;background-repeat:no-repeat;background-size:100% 100%;flex:0 0 32cqw;position:relative}.team-column.team-red{aspect-ratio:1351/485;background-image:url(/images/room/red_team.webp)}.team-column.team-blue{aspect-ratio:1353/490;background-image:url(/images/room/blue_team.webp)}.team-column__slots{align-items:stretch;gap:2.6%;display:flex;position:absolute;inset:28.5% 6% 7.6%}.room-slot--team{background:0 0;border:0;flex-direction:column;flex:1 1 0;justify-content:flex-start;align-items:center;gap:.6cqh;min-width:0;margin:0;padding:0;display:flex;position:relative}.room-slot--team.room-slot--empty{cursor:pointer;color:#5a5a6e9e;justify-content:center;transition:filter .12s,background-color .12s,box-shadow .12s,color .12s}.room-slot--team.room-slot--empty.room-slot--locked{cursor:default;opacity:.6}.screen.waiting .room-panel .room-slot--team.room-slot__add:hover:not(:disabled){color:#3a2860f2;background-color:#fffae8b8;border-radius:1.2cqh;box-shadow:inset 0 0 0 .35cqh #f0c65ae6}.screen.waiting .room-panel .room-slot--team.room-slot__add:active:not(:disabled){background-color:#fffae875;border-radius:1.2cqh;box-shadow:inset 0 0 0 .35cqh #f0c65ae6}.room-slot__plus{font-size:5cqh;line-height:.9}.room-slot--team .room-slot__label{font-size:1.9cqh}.room-slot--team .room-slot__portrait{height:64.5%}.room-slot--team .room-slot__plate{width:94%;height:24%}.room-slot--team .member-name{max-width:94%;font-size:1.6cqh}.room-slot--team .room-slot__signal-slot{height:5%}.room-slot--team .room-slot__signal{height:2.2cqh;top:114%}.room-slot--team .member-status{font-size:1.5cqh}.room-slot--team.room-slot--filled .member-status:not(.room-sr-only){top:114%}.screen.waiting .room-panel .room-slot--team .room-slot__action{padding:.2cqh .7cqh;font-size:1.4cqh}.room-slot__crown{width:34%;max-width:4.5cqh;height:auto;position:absolute;top:4%;left:50%;transform:translate(-50%)}.room-team__center{flex:0 0 12cqw;justify-content:center;align-items:center;display:flex;position:relative}.room-team__versus{width:7cqw;height:auto}.room-panel .team-switch{position:absolute;top:calc(100% + 1.2cqh);left:50%;transform:translate(-50%)}.room-panel .team-switch--full{filter:grayscale(.6)brightness(.9);opacity:.7}.screen.waiting .room-panel .room-image-button{cursor:pointer;background-color:#0000;background-position:50%;background-repeat:no-repeat;background-size:contain;border:0;border-radius:0;padding:0;transition:filter .12s}.screen.waiting .room-panel .room-image-button:hover:not(:disabled){filter:brightness(1.07);background-color:#0000}.screen.waiting .room-panel .room-image-button:active:not(:disabled){filter:brightness(.93)}.room-panel .room-image-button:focus-visible{outline-offset:.4cqh;outline:.4cqh solid #ffd75e}.screen.waiting .room-panel .room-image-button:disabled{cursor:not-allowed;filter:grayscale(.85)brightness(.8);opacity:.65}.footer-primary{pointer-events:none;justify-content:center;align-items:center;width:100%;height:16%;display:flex;position:absolute;top:69.5%;left:0}.footer-primary>button{pointer-events:auto}.room-start{aspect-ratio:2172/724;width:23cqw}.room-ready{aspect-ratio:4;width:23cqw}.team-switch{aspect-ratio:1672/941;width:10cqw}.room-panel__hint{text-align:center;color:#7a5a2e;pointer-events:none;width:100%;margin:0;font-size:2.6cqh;position:absolute;top:68.8%;left:0}.room-panel__controls{pointer-events:none;justify-content:space-between;align-items:center;gap:1.5cqw;width:78%;height:9%;padding-left:2%;padding-right:2%;display:flex;position:absolute;top:76.6%;left:11%}.room-panel__controls>.footer-left,.room-panel__controls>.footer-right{pointer-events:auto}.screen.waiting .room-panel__controls button:not(.room-image-button){color:#fff4d6;white-space:nowrap;background:#603498e0;border:.25cqh solid #f0c65a;border-radius:.9cqh;padding:.85cqh 1.7cqh;font-size:2.4cqh;line-height:1.25}.screen.waiting .room-panel__controls button:not(.room-image-button):hover:not(:disabled){background:#7844b6eb}.screen.waiting .room-panel__controls button:not(.room-image-button):disabled{opacity:.45}.screen.waiting .room-panel__controls button.selected{color:#4a2a86;background:#f0c65a;border-color:#a8792a}.room-panel .room-leave{aspect-ratio:600/169;height:8cqh}.room-panel .game-settings-open{aspect-ratio:600/173;height:8cqh;position:relative}.room-panel .emote-ready{aspect-ratio:200/158;height:12cqh}.room-panel .emote-go{aspect-ratio:200/157;height:12cqh}.game-settings-open__marker{color:#ffd75e;text-shadow:0 0 .6cqh #4a1876e6;pointer-events:none;font-size:1.8cqh;line-height:1;position:absolute;top:-.6cqh;right:-.6cqh}.waiting-header{color:#6b4a20;flex-direction:column;align-items:center;gap:.2cqh;min-width:0;display:flex}.room-title{text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:1.8cqh;font-weight:700;line-height:1.2;overflow:hidden}.screen.waiting .room-panel button.room-code.room-image-button{aspect-ratio:1450/407;letter-spacing:.12em;color:#4a2a86;justify-content:center;align-items:center;height:8cqh;font-size:4.6cqh;line-height:1.1;display:flex}.waiting-header__code-row{justify-content:center;align-items:center;gap:.8cqh;max-width:100%;display:flex}.qr-invite-open{color:#fff4d6;white-space:nowrap;background:#603498e0;border:.2cqh solid #f0c65a;border-radius:.7cqh;flex:none;height:4cqh;padding:0 .9cqh;font-size:1.6cqh;font-weight:700;line-height:1}.qr-invite-open:hover{background:#7844b6eb}.waiting-meta{white-space:nowrap;flex-wrap:nowrap;align-items:center;gap:.8cqh;max-width:100%;font-size:2cqh;line-height:1.2;display:flex;overflow:hidden}.badge{border:1px solid #0000;border-radius:999px;padding:.1em .6em;font-size:.9em}.badge.mode-solo{color:#29457e;background:#e4ecff;border-color:#98b4ea}.badge.mode-team{color:#56309a;background:#f0e4ff;border-color:#b79ae4}.footer-left,.footer-right{align-items:center;gap:1cqw;display:flex}.footer-right{position:relative}.mode-switch{gap:.5cqw;display:flex;position:absolute;bottom:calc(100% + 1.2cqh);right:0}.emote-bar{gap:.5cqw;display:flex}.host-banner{justify-content:center;width:100%;display:flex}.host-banner .member-list{gap:1cqw;display:flex}.host-banner .room-slot{aspect-ratio:auto;background:#fffae8d1;border:.25cqh solid #c4924abf;border-radius:999px;flex-direction:row;gap:.8cqw;height:6.5cqh;padding:.4cqh 1.2cqh}.host-banner .room-slot__portrait{display:none}.host-banner .room-slot__signal-slot{align-items:center;height:60%;display:flex}.host-banner .room-slot__signal{height:100%;position:static;transform:none}.host-banner .member-status{position:static;transform:none}.host-banner .room-slot__plate{background:0 0;width:auto;height:100%;padding:0 1.6cqh}.host-banner .member-name{min-width:max-content}.emote-bubble{z-index:3;color:#4a2f12;white-space:nowrap;background:#fff6dc;border:.25cqh solid #c4924a;border-radius:1.2cqh;padding:.4cqh 1.2cqh;font-size:2.2cqh;line-height:1.2;animation:.18s ease-out room-emote-pop;position:absolute;bottom:calc(100% + .8cqh);left:50%;transform:translate(-50%)}.emote-bubble:after{content:"";border:.7cqh solid #0000;border-top-color:#c4924a;position:absolute;top:100%;left:50%;transform:translate(-50%)}@keyframes room-emote-pop{0%{opacity:0;transform:translate(-50%,.8cqh)}to{opacity:1;transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.emote-bubble{animation:none}.room-image-button,.room-slot--empty{transition:none}}.screen.waiting .screen-icon-bar{top:calc(var(--safe-top,0px) + .8cqh);right:calc(var(--safe-right,0px) + .8cqw)}