.surface-loading{min-height:100dvh;color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:24px;font-size:13px;display:flex}.surface-loading>div{background:var(--surface);border-radius:7px;width:min(260px,70%);height:8px;animation:1.2s ease-in-out 2 loading-breathe}.cover-loading{aspect-ratio:1060/580;width:100%;min-height:0;padding:12px}@media (prefers-reduced-motion:reduce){.surface-loading>div{animation:none}}:root{--motion-feedback:.12s;--motion-panel:.22s;--motion-arrive:cubic-bezier(.16, 1, .3, 1)}@keyframes feedback-appear{0%{opacity:0}to{opacity:1}}@keyframes drawer-arrive{0%{opacity:.4;translate:16px}to{opacity:1;translate:0}}@keyframes menu-unfold{0%{scale:1 .96}to{scale:1}}@keyframes message-arrive{0%{opacity:.25;translate:0 5px}to{opacity:1;translate:0}}@keyframes notice-arrive{0%{opacity:0;translate:0 6px}to{opacity:1;translate:0}}@keyframes loading-breathe{50%{opacity:.5}}.lobby-page,.replay-page,.join-page{animation:feedback-appear .18s var(--motion-arrive)}.menu-content,.replay-share-panel{transform-origin:100% 0;animation:menu-unfold .18s var(--motion-arrive)}.chat-panel{animation:drawer-arrive var(--motion-panel) var(--motion-arrive)}.message-arriving{animation:message-arrive .18s var(--motion-arrive)}.toast,.room-error{animation:notice-arrive .18s var(--motion-arrive)}.people-list{animation:feedback-appear var(--motion-feedback) ease-out}.menu-content,.replay-share-panel,.chat-panel,.people-list{animation-fill-mode:both}.role-picker label{transition:background-color .16s ease-out,border-color .16s ease-out,color .16s ease-out}.role-picker i{transition:background-color var(--motion-feedback) ease-out, border-color var(--motion-feedback) ease-out}.role-picker .chosen i svg{animation:feedback-appear var(--motion-feedback) ease-out}.catalog-game,.replay-file-input{transition:background-color .16s ease-out,color .16s ease-out}.catalog-game-copy strong svg,.directory-row>a svg,.join-submit>svg{transition:translate var(--motion-feedback) var(--motion-arrive)}.catalog-game:hover strong svg,.catalog-game:focus-visible strong svg,.directory-row>a:hover svg,.directory-row>a:focus-visible svg,.join-submit:hover:not(:disabled)>svg{translate:3px}.directory-loading>div,.replay-loading>div{animation:1.2s ease-in-out 2 loading-breathe}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}.chat-panel,.menu-content,.replay-share-panel,.message-arriving,.toast,.room-error{animation:80ms ease-out feedback-appear}.lobby-page,.replay-page,.join-page,.people-list,.role-picker .chosen i svg{animation-duration:80ms}.directory-loading>div,.replay-loading>div{animation:none}.catalog-game-copy strong svg,.directory-row>a svg,.join-submit>svg{transition:none;translate:none!important}}@font-face{font-family:PlayRoom Sans;src:url(/fonts/playroom-regular.woff)format("woff");font-weight:400;font-display:swap}@font-face{font-family:PlayRoom Sans;src:url(/fonts/playroom-bold.woff)format("woff");font-weight:600 900;font-display:swap}:root{color:#f2ece5;font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#211e28;--surface:#292630;--line:#49414b;--line-soft:#39333f;--text:#f2ece5;--muted:#b9afb8;--accent:#e4b37c;--accent-hover:#f0c38d;--error:#efaca6;background:#211e28;font-family:PlayRoom Sans,Segoe UI,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select,summary{font:inherit}button,summary{cursor:pointer;color:inherit}button,a,summary{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{transition:background-color .16s ease-out,color .16s ease-out}button:disabled{cursor:not-allowed;opacity:.48}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,canvas:focus-visible{outline:2px solid var(--accent);outline-offset:3px}a{color:inherit;text-underline-offset:4px}input,select{accent-color:var(--accent);caret-color:var(--accent)}input::placeholder{color:#aaa1ac;opacity:1}::selection{background:var(--accent);color:var(--bg)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--surface)}::-webkit-scrollbar-thumb{background:#5b515e;border-radius:6px}h1,h2,h3,p{margin:0}h1,h2{text-wrap:balance}button svg,a svg,summary svg{flex-shrink:0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.wordmark{letter-spacing:-.04em;font-weight:700;line-height:1;text-decoration:none}.wordmark span{color:var(--accent)}.icon-button{min-width:36px;min-height:36px;color:var(--muted);background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-button:hover{color:var(--accent);background:#403645}.primary-button,.small-button{border-radius:7px;justify-content:center;align-items:center;gap:12px;min-height:44px;padding:11px 18px;font-size:13px;display:inline-flex}.primary-button{background:var(--accent);color:#33251c;border:0;font-weight:600}.primary-button:hover:not(:disabled){background:var(--accent-hover)}.small-button{color:#ddd2d9;background:0 0;border:1px solid #514551}.small-button:hover{background:#3c333d}.form-error{color:var(--error);font-size:12px;line-height:1.7}.toast{z-index:30;color:#332b27;background:#ede1d2;border-radius:8px;align-items:center;gap:10px;max-width:calc(100% - 32px);padding:13px 19px;font-size:13px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #110e1680}.text-button{color:var(--muted);background:0 0;border:none;align-items:center;gap:8px;margin-left:auto;padding:12px 0;font-size:12px;display:inline-flex}.text-button:hover{color:var(--accent)}