.online-room[data-v-88bf6cf2]{z-index:30;color:#173e34;overscroll-behavior:contain;background:#102c28d9;padding:24px;position:absolute;inset:0;overflow:auto}.online-room__card[data-v-88bf6cf2]{background:#faf8f0;border-radius:20px;width:min(100%,650px);margin:0 auto;padding:28px;box-shadow:0 18px 70px #0004}.online-room__header[data-v-88bf6cf2]{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.online-room h2[data-v-88bf6cf2]{margin:4px 0 18px;font-size:26px}.online-room h3[data-v-88bf6cf2]{margin:0;font-size:16px}.online-room p[data-v-88bf6cf2]{line-height:1.6}.online-room__eyebrow[data-v-88bf6cf2]{color:#607461;margin:0;font-size:12px}.online-room button[data-v-88bf6cf2],.online-room input[data-v-88bf6cf2],.online-room select[data-v-88bf6cf2]{font:inherit;border:1px solid #b9c8b8;border-radius:10px;min-height:44px}.online-room button[data-v-88bf6cf2]{cursor:pointer;color:#173e34;background:#f1f4e7;padding:10px 14px}.online-room button[data-v-88bf6cf2]:disabled{opacity:.5;cursor:not-allowed}.online-room button[data-v-88bf6cf2]:focus-visible,.online-room input[data-v-88bf6cf2]:focus-visible,.online-room select[data-v-88bf6cf2]:focus-visible,.online-room summary[data-v-88bf6cf2]:focus-visible{outline-offset:3px;outline:3px solid #cf793d}.online-room button.online-room__primary[data-v-88bf6cf2]{color:#fff;background:#244f3e;border-color:#244f3e}.online-room button.online-room__danger[data-v-88bf6cf2]{color:#fff;background:#874730;border-color:#874730}.online-room button.online-room__close[data-v-88bf6cf2]{background:0 0;width:44px;padding:2px;font-size:27px}.online-room__connection[data-v-88bf6cf2]{align-items:center;gap:8px;font-size:13px;display:flex}.online-room__connection button[data-v-88bf6cf2]{margin-left:auto}.online-room__dot[data-v-88bf6cf2]{background:#bc7845;border-radius:50%;width:8px;height:8px}.online-room__dot--connected[data-v-88bf6cf2]{background:#4e8551}.online-room__actions[data-v-88bf6cf2],.online-room__tabs[data-v-88bf6cf2]{flex-wrap:wrap;align-items:center;gap:10px;margin:18px 0;display:flex}.online-room__tabs button[data-v-88bf6cf2]{flex:1}.online-room__tabs button[aria-pressed=true][data-v-88bf6cf2]{background:#dfecc0;border-color:#244f3e}.online-room__form[data-v-88bf6cf2]{gap:15px;margin:20px 0;display:grid}.online-room label[data-v-88bf6cf2]{gap:7px;font-size:14px;display:grid}.online-room input[data-v-88bf6cf2],.online-room select[data-v-88bf6cf2]{color:#173e34;box-sizing:border-box;background:#fffef9;width:100%;padding:10px 12px}.online-room label.online-room__checkbox[data-v-88bf6cf2]{align-items:center;gap:9px;min-height:44px;display:flex}.online-room__checkbox input[data-v-88bf6cf2]{accent-color:#244f3e;width:20px;height:20px;min-height:20px}.online-room__hint[data-v-88bf6cf2]{color:#5e7160;margin:8px 0;font-size:13px}.online-room__error[data-v-88bf6cf2]{color:#803b25;background:#fff0e4;border:1px solid #e3b59d;border-radius:10px;padding:12px}.online-room__notice[data-v-88bf6cf2]{background:#e9edda;border-radius:12px;margin:16px 0;padding:12px 16px}.online-room__notice p[data-v-88bf6cf2]{margin:4px 0}.online-room__section-title[data-v-88bf6cf2]{justify-content:space-between;align-items:center;gap:12px;margin-top:24px;display:flex}.online-room__list[data-v-88bf6cf2]{margin:12px 0;padding:0;list-style:none}.online-room__list li[data-v-88bf6cf2]{border-bottom:1px solid #dce1d2;justify-content:space-between;align-items:center;gap:12px;padding:13px 0;display:flex}.online-room__list li div[data-v-88bf6cf2]{gap:6px;min-width:0;display:grid}.online-room__list strong[data-v-88bf6cf2]{overflow-wrap:anywhere}.online-room__list li span[data-v-88bf6cf2]{color:#617360;font-size:13px}.online-room__room-code[data-v-88bf6cf2]{justify-content:space-between;align-items:center;gap:12px;margin-top:24px;display:flex}.online-room__room-code strong[data-v-88bf6cf2]{letter-spacing:.1em;font-family:ui-monospace,monospace;font-size:28px}.online-room__settings[data-v-88bf6cf2]{border-top:1px solid #dce1d2;margin:20px 0;padding-top:15px}.online-room__settings summary[data-v-88bf6cf2]{cursor:pointer;align-content:center;min-height:44px;display:list-item}.online-room__invites[data-v-88bf6cf2]{border-top:1px solid #dce1d2;margin-top:18px;padding-top:4px}.online-room__invites label[data-v-88bf6cf2]{margin:12px 0}.online-room__actions .online-room__hint[data-v-88bf6cf2]{flex-basis:100%}@media (width<=640px){.online-room[data-v-88bf6cf2]{padding:10px}.online-room__card[data-v-88bf6cf2]{border-radius:14px;padding:19px 16px}.online-room h2[data-v-88bf6cf2]{font-size:23px}.online-room__room-code strong[data-v-88bf6cf2]{font-size:25px}.online-room__actions>button[data-v-88bf6cf2]{flex-grow:1}}.player-shell--feedback[data-v-55ad0071] button:not(:disabled){transition:background-color .12s,border-color .12s,box-shadow .12s,transform .12s}.player-shell--feedback[data-v-55ad0071] button:not(:disabled):hover{box-shadow:0 0 0 2px #b88a4855}.player-shell--feedback[data-v-55ad0071] button:not(:disabled):active{transform:translateY(1px)}.player-shell--feedback[data-v-55ad0071] input:hover{border-color:#b88a48}.player-shell--feedback[data-v-55ad0071] input:focus-visible{outline-offset:2px;outline:2px solid #b88a48}@media (prefers-reduced-motion:reduce){.player-shell--feedback[data-v-55ad0071] button{transition:none}.player-shell--feedback[data-v-55ad0071] button:not(:disabled):active{transform:none}}.player-shell[data-v-55ad0071]{isolation:isolate;background:#102c28;border:1px solid #133e3620;border-radius:24px;width:100%;height:clamp(420px,73dvh,900px);min-height:320px;position:relative;overflow:hidden;box-shadow:0 16px 50px #153e3510}.player-shell__stage[data-v-55ad0071]{background:#102c28;position:absolute;inset:0;overflow:hidden}.player-shell--mobile[data-v-55ad0071]{background:#000}.player-shell--fullscreen[data-v-55ad0071]{z-index:10000!important;width:100vw!important;height:100dvh!important;min-height:0!important;box-shadow:none!important;border:0!important;border-radius:0!important;position:fixed!important;inset:0!important}.player-shell[data-v-55ad0071]:fullscreen{border:0;border-radius:0;width:100%;height:100%}.player-shell__frame[data-v-55ad0071]{border:0;max-width:none;max-height:none;display:block;position:absolute;top:50%;left:50%}.player-shell__safe-probe[data-v-55ad0071]{visibility:hidden;pointer-events:none;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);position:absolute;inset:0}.player-shell__cover[data-v-55ad0071]{color:#fff;text-align:center;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.player-shell__cover[data-v-55ad0071]:after{content:"";background:linear-gradient(#102c2850,#102c28ed);position:absolute;inset:0}.player-shell__cover-image[data-v-55ad0071]{-o-object-fit:cover;object-fit:cover;opacity:.8;width:100%;height:100%;position:absolute}.player-shell__cover-content[data-v-55ad0071]{z-index:1;max-width:620px;padding:32px 20px;position:relative}.player-shell__eyebrow[data-v-55ad0071]{letter-spacing:.2em;color:#e7f0af;font-size:11px;font-weight:750}.player-shell__cover h2[data-v-55ad0071]{margin:15px 0 28px;font-size:clamp(32px,5vw,60px);line-height:1.15}.player-shell__cover p[data-v-55ad0071]{color:#e6ead5b0;margin-top:18px;font-size:13px}.player-shell__play[data-v-55ad0071]{color:#173e34;font:inherit;cursor:pointer;background:#dcefa2;border:0;border-radius:999px;align-items:center;gap:12px;padding:18px 32px;font-size:18px;font-weight:800;transition:transform .15s,box-shadow .15s;display:inline-flex;box-shadow:0 5px #809b45}.player-shell__play[data-v-55ad0071]:hover{transform:translateY(-2px);box-shadow:0 7px #809b45}.player-shell__play[data-v-55ad0071]:active{transform:translateY(3px);box-shadow:0 2px #809b45}.player-shell__online-entry[data-v-55ad0071]{color:#fff;font:inherit;cursor:pointer;background:#143d34;border:1px solid #e0ead5;border-radius:999px;margin:18px auto 0;padding:12px 24px;font-weight:700;display:block}.player-shell__online-entry[data-v-55ad0071]:focus-visible{outline-offset:4px;outline:3px solid #dcefa2}.player-shell__status[data-v-55ad0071]{z-index:2;color:#173e34;text-align:center;background:#faf8f0;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:24px;display:flex;position:absolute;inset:0}.player-shell__status p[data-v-55ad0071]{max-width:450px;margin:0;line-height:1.6}.player-shell__status h2[data-v-55ad0071]{margin:0;font-size:22px}.player-shell__error-icon[data-v-55ad0071]{color:#9b582c;background:#f5e6d7;border-radius:50%;place-items:center;width:46px;height:46px;font-size:28px;font-weight:800;display:grid}.player-shell__loading[data-v-55ad0071]{z-index:2;color:#f7f8ec;background:#173e34;place-items:center;padding:24px;display:grid;position:absolute;inset:0;overflow:auto}.player-shell__loading-background[data-v-55ad0071]{-o-object-fit:cover;object-fit:cover;opacity:.4;width:100%;height:100%;position:absolute;inset:0}.player-shell__loading-shade[data-v-55ad0071]{background:radial-gradient(at 12% 12%,#b9d77826,#0000 60%),linear-gradient(150deg,#102c2870,#102c28ed);position:absolute;inset:0}.player-shell__loading-card[data-v-55ad0071]{box-sizing:border-box;text-align:center;background:linear-gradient(145deg,#244c42f5,#12372ff5);border:1px solid #dcefa22e;border-radius:28px;width:min(100%,440px);padding:32px;position:relative;box-shadow:0 24px 70px #071d2650}.player-shell__loading-eyebrow[data-v-55ad0071]{color:#cedd9d;letter-spacing:.2em;font-size:10px;font-weight:700;display:block}.player-shell__loading-art[data-v-55ad0071]{-o-object-fit:cover;object-fit:cover;border:1px solid #eaf3cb40;border-radius:20px;width:80px;height:80px;margin:22px auto 0;display:block;box-shadow:0 8px 24px #081e2835}.player-shell__loading-card h2[data-v-55ad0071]{overflow-wrap:anywhere;margin:18px 0 28px;font-size:clamp(24px,4vw,32px);line-height:1.25}.player-shell__loading-status[data-v-55ad0071]{text-align:left}.player-shell__loading-heading[data-v-55ad0071]{justify-content:space-between;align-items:center;gap:12px;display:flex}.player-shell__loading-heading strong[data-v-55ad0071]{font-size:14px}.player-shell__loading-heading>span[data-v-55ad0071]{color:#dcefa2;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:11px}.player-shell__loading-status p[data-v-55ad0071]{color:#c0d0c7;min-height:1.5em;margin:9px 0 16px;font-size:12px;line-height:1.5}.player-shell__progress[data-v-55ad0071]{background:#091f2380;border-radius:999px;height:10px;position:relative;overflow:hidden;box-shadow:inset 0 1px 3px #05191550}.player-shell__progress-fill[data-v-55ad0071]{background:linear-gradient(90deg,#86b990,#dcefa2);border-radius:999px;transition:width .35s;position:absolute;inset:0 auto 0 0}.player-shell__progress-active[data-v-55ad0071]{background:#dcefa21c;width:33.3333%;transition:left .35s;position:absolute;top:0;bottom:0;overflow:hidden}.player-shell__progress-active>span[data-v-55ad0071]{background:linear-gradient(90deg,#0000,#dcefa2bd,#0000);animation:1.4s ease-in-out infinite player-loading-flow-55ad0071;position:absolute;inset:0}.player-shell__loading-steps[data-v-55ad0071]{justify-content:space-between;gap:8px;margin:16px 0 0;padding:0;list-style:none;display:flex}.player-shell__loading-steps li[data-v-55ad0071]{color:#b2c5bb;flex:1;justify-content:center;align-items:center;gap:5px;font-size:10px;line-height:1.4;display:flex}.player-shell__loading-steps li>span[data-v-55ad0071]{border:1px solid #a8c4b740;border-radius:50%;flex:0 0 17px;place-items:center;height:17px;font-size:10px;display:grid}.player-shell__loading-steps .is-current[data-v-55ad0071]{color:#eff6d2}.player-shell__loading-steps .is-current>span[data-v-55ad0071]{color:#dcefa2;border-color:#dcefa2}.player-shell__loading-steps .is-complete[data-v-55ad0071]{color:#dcefa2}.player-shell__loading-steps .is-complete>span[data-v-55ad0071]{color:#173e34;background:#dcefa2;border-color:#dcefa2}.player-shell__loading-note[data-v-55ad0071]{color:#b2c5bb;margin:26px 0 0;font-size:11px;line-height:1.5}.player-shell__connection[data-v-55ad0071]{z-index:5;color:#fff;background:#102c28e6;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.player-shell__connection button[data-v-55ad0071]{color:#173e34;cursor:pointer;background:#dcefa2;border:0;border-radius:10px;padding:10px 18px}.player-shell__timing[data-v-55ad0071]{z-index:2;color:#fff;pointer-events:none;background:#173e34dc;border-radius:99px;max-width:90%;margin:0;padding:6px 10px;font-size:11px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.player-shell__overlay[data-v-55ad0071]{z-index:10;pointer-events:none;padding:calc(12px + env(safe-area-inset-top)) calc(12px + env(safe-area-inset-right)) 0 0;justify-content:flex-end;align-items:flex-start;gap:8px;display:flex;position:absolute;inset:0}.player-shell__overlay button[data-v-55ad0071]{pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;background:#102c28a6;border:1px solid #ffffff40;border-radius:13px;flex:0 0 44px;place-items:center;width:44px;height:44px;padding:11px;display:grid}.player-shell__overlay button[data-v-55ad0071]:hover{background:#102c28ed}.player-shell__overlay svg[data-v-55ad0071]{width:22px;height:22px}.player-shell button[data-v-55ad0071]:focus-visible{outline-offset:4px;outline:3px solid #f8a166}.player-shell__overlay .player-shell__icon-button[data-v-55ad0071]{isolation:isolate;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:50%;padding:12px;position:relative}.player-shell__icon-button[data-v-55ad0071]:before{content:"";z-index:-1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#102c28a6;border:1px solid #ffffff40;border-radius:50%;position:absolute;inset:4px}.player-shell__overlay .player-shell__icon-button[data-v-55ad0071]:hover{background:0 0}.player-shell__icon-button[data-v-55ad0071]:hover:before{background:#102c28ed}.player-shell__icon-button svg[data-v-55ad0071]{width:18px;height:18px}.player-shell__rotate-button svg[data-v-55ad0071]{width:20px;height:20px}.player-shell__overlay .player-shell__room-button[data-v-55ad0071]{white-space:nowrap;width:auto;min-width:64px;font:inherit;flex-basis:auto;padding:0 14px;line-height:1}.player-shell__bar-end[data-v-55ad0071]{display:contents}.player-shell__overlay.player-shell__bar[data-v-55ad0071]{box-sizing:border-box;pointer-events:auto;padding:var(--player-safe-top) var(--player-safe-right) var(--player-safe-bottom) var(--player-safe-left);background:#000;justify-content:space-between;align-items:center;gap:0;inset:auto}.player-shell__bar[data-side=top][data-v-55ad0071]{height:calc(var(--player-bar-size) + var(--player-safe-top));padding-bottom:0;top:0;left:0;right:0}.player-shell__bar[data-side=bottom][data-v-55ad0071]{height:calc(var(--player-bar-size) + var(--player-safe-bottom));padding-top:0;bottom:0;left:0;right:0}.player-shell__bar[data-side=left][data-v-55ad0071]{width:calc(var(--player-bar-size) + var(--player-safe-left));flex-direction:column;padding-right:0;top:0;bottom:0;left:0}.player-shell__bar[data-side=right][data-v-55ad0071]{width:calc(var(--player-bar-size) + var(--player-safe-right));flex-direction:column;padding-left:0;top:0;bottom:0;right:0}.player-shell__bar .player-shell__bar-end[data-v-55ad0071],.player-shell__bar-start[data-v-55ad0071]{flex-shrink:0;align-items:center;gap:0;display:flex}.player-shell__bar[data-side=left]>.player-shell__bar-end[data-v-55ad0071],.player-shell__bar[data-side=left]>.player-shell__bar-start[data-v-55ad0071],.player-shell__bar[data-side=right]>.player-shell__bar-end[data-v-55ad0071],.player-shell__bar[data-side=right]>.player-shell__bar-start[data-v-55ad0071]{flex-direction:column}.player-shell__bar button[data-v-55ad0071]:disabled{opacity:.35;cursor:default}.player-shell__bar .player-shell__icon-button[data-v-55ad0071]:before{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0}.player-shell__bar .player-shell__icon-button[data-v-55ad0071]:not(:disabled):hover:before{background:#ffffff24}.player-shell__bar .player-shell__room-button[data-v-55ad0071]{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:50%;flex:0 0 44px;width:44px;min-width:44px;padding:11px}.player-shell__overlay.player-shell__bar button[data-v-55ad0071]{height:var(--player-bar-size);padding:7px}.player-shell__bar[data-side=left] button[data-v-55ad0071],.player-shell__bar[data-side=right] button[data-v-55ad0071]{width:var(--player-bar-size);min-width:var(--player-bar-size);height:44px}.player-shell__bar button[data-v-55ad0071]:focus-visible{outline-offset:-4px;outline:2px solid #dcefa2}@keyframes player-loading-flow-55ad0071{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (width<=640px){.player-shell[data-v-55ad0071]{border-radius:16px;height:clamp(420px,76dvh,760px)}.player-shell__cover-content[data-v-55ad0071]{padding:26px 18px}.player-shell__play[data-v-55ad0071]{padding:16px 28px}.player-shell__loading[data-v-55ad0071]{padding:18px}.player-shell__loading-card[data-v-55ad0071]{border-radius:22px;padding:26px 20px}}@media (height<=480px){.player-shell__loading-card[data-v-55ad0071]{padding:20px 24px}.player-shell__loading-art[data-v-55ad0071],.player-shell__loading-eyebrow[data-v-55ad0071]{display:none}.player-shell__loading-card h2[data-v-55ad0071]{margin:0 0 18px}.player-shell__loading-note[data-v-55ad0071]{margin-top:18px}}@media (prefers-reduced-motion:reduce){.player-shell__play[data-v-55ad0071],.player-shell__progress-active[data-v-55ad0071],.player-shell__progress-fill[data-v-55ad0071]{transition:none}.player-shell__progress-active>span[data-v-55ad0071]{animation:none}}