html,body,#root{height:100%}body{margin:0}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{color:#e7e7ea;background:#0f1115;margin:0}.app{max-width:720px;margin:0 auto;padding:1.5rem 1rem}.topbar{z-index:50;background:#12141b;border-bottom:none;position:sticky;top:0}.topbar:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 calc(35% - 200px),#b8914626 calc(35% - 200px),#b89146bf calc(35% - 150px) 35%,#0000 35% 65%,#b89146bf 65% calc(65% + 150px),#b8914626 calc(65% + 200px),#0000 calc(65% + 200px));height:1px;position:absolute;bottom:0;left:0;right:0}.topbar-inner{justify-content:space-between;align-items:center;gap:1rem;max-width:960px;margin:0 auto;padding:.6rem 1rem;display:flex}.brand{color:#e7e7ea;letter-spacing:.06em;cursor:pointer;background:0 0;border:none;width:auto;padding:0;font-size:1.35rem;font-weight:700}.topbar-right{align-items:center;gap:.7rem;display:flex}.room{color:#aab0bd;font-size:.85rem}.room code{background:#1a1d24;border-radius:4px;padding:.15rem .45rem}.nav-btn{color:#e7e7ea;cursor:pointer;background:#1f2330;border:1px solid #2f3545;border-radius:7px;width:auto;padding:.4rem .8rem;font-size:.85rem}.nav-btn:hover{background:#272c3b}.nav-btn.leave{color:#ff9b9b;border-color:#5a3640}.nav-btn.leave:hover{background:#3a2730}.account{position:relative}.account-btn{color:#e7e7ea;cursor:pointer;background:#1f2330;border:1px solid #2f3545;border-radius:7px;align-items:center;gap:.5rem;width:auto;padding:.3rem .6rem .3rem .3rem;display:flex}.account-btn:hover{background:#272c3b}.avatar{color:#0f1115;background:#7aa2ff;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;font-size:1.2rem;font-weight:700;display:inline-flex}.account-name{text-overflow:ellipsis;white-space:nowrap;max-width:140px;font-size:.85rem;overflow:hidden}.caret{color:#8b909c;font-size:.7rem}.menu-backdrop{z-index:40;position:fixed;inset:0}.account-menu{z-index:60;background:#1a1d24;border:1px solid #2f3545;border-radius:8px;flex-direction:column;min-width:150px;padding:.3rem;display:flex;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 24px #0006}.account-menu button{color:#e7e7ea;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;width:100%;padding:.5rem .6rem;font-size:.9rem}.account-menu button:hover{background:#272c3b}.modal-overlay{z-index:100;background:#080a0eb3;justify-content:center;align-items:flex-start;padding:1.5rem 1rem;display:flex;position:fixed;inset:64px 0 0;overflow-y:auto}.modal{background:#161922;border:1px solid #2a2d36;border-radius:12px;width:100%;max-width:420px;padding:1.4rem;position:relative}.modal.wide{max-width:620px}.modal-close{color:#8b909c;cursor:pointer;background:0 0;border:none;width:auto;padding:.2rem .4rem;font-size:1.4rem;line-height:1;position:absolute;top:.5rem;right:.6rem}.modal-close:hover{color:#e7e7ea}.card{background:#161922;border:1px solid #2a2d36;border-radius:12px;flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.tabs{gap:.5rem;display:flex}.tabs button{color:#a3a8b5;cursor:pointer;background:0 0;border:1px solid #2a2d36;border-radius:8px;padding:.4rem .9rem}.tabs button.active{color:#fff;background:#2a2f3d;border-color:#3f4658}label{color:#a3a8b5;flex-direction:column;gap:.35rem;font-size:.9rem;display:flex}input{color:#e7e7ea;background:#0f1115;border:1px solid #2a2d36;border-radius:8px;padding:.55rem .7rem;font-size:1rem}input:focus{outline-offset:1px;outline:2px solid #5a7cff}button{color:#fff;cursor:pointer;background:#5a7cff;border:none;border-radius:8px;padding:.6rem 1rem;font-size:1rem}button:disabled{color:#6b7280;cursor:not-allowed;background:#2a2d36}.topics{flex-wrap:wrap;gap:.5rem;display:flex}.topic{color:#e7e7ea;background:#1a1d24;border:1px solid #2a2d36;border-radius:8px;flex-direction:row;align-items:center;gap:.4rem;padding:.4rem .7rem}.big-code{letter-spacing:.2em;background:#0f1115;border:1px solid #2a2d36;border-radius:6px;padding:.3rem .7rem;font-size:1.5rem;display:inline-block}.player-list,.standings,.reveal-list{margin:0;padding:0;list-style:none}.player-list li{border-bottom:1px solid #1f2230;padding:.45rem 0}.player-list li:last-child{border-bottom:none}.badge{color:#a3a8b5;background:#2a2f3d;border-radius:999px;margin-left:.3rem;padding:.1rem .4rem;font-size:.7rem}.badge.offline{color:#ff8b8b;background:#3a1f1f}.badge.ready{color:#7ee787;background:#1e3a2b}.kick-btn{color:#6b7280;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;margin-left:auto;padding:0;font-size:1.1rem;line-height:1;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.kick-btn:hover{color:#ff8b8b;background:#ff8b8b1f;border-color:#ff8b8b4d}.round-header{color:#a3a8b5;justify-content:space-between;align-items:center;font-size:.9rem;display:flex}.topic-pill{color:#cdd2dd;background:#2a2f3d;border-radius:999px;padding:.15rem .6rem}.timer{font-variant-numeric:tabular-nums;color:#5a7cff;font-weight:600}.headline{letter-spacing:.01em;color:#ffd96b;margin:.5rem 0 .25rem;font-size:1.15rem;font-weight:700}.question{color:#cdd2dd;margin:0 0 1rem;font-size:1.05rem;font-weight:400;line-height:1.55}.meta{color:#6b7280;margin:0;font-size:.85rem}.reveal-list li,.standings li{border-bottom:1px solid #1f2230;justify-content:space-between;gap:.6rem;padding:.4rem 0;display:flex}.reveal-list .ans{color:#a3a8b5;text-align:center;flex:1}.reveal-list .pts{color:#7ee787;font-weight:600}.me{color:#ffd96b}.winner{text-align:center;font-size:1.2rem}.error{color:#ffb3b3;background:#3a1f1f;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:.6rem .8rem;display:flex}.error button{color:#ffb3b3;background:0 0;padding:0}textarea{color:#e7e7ea;resize:vertical;background:#0f1115;border:1px solid #2a2d36;border-radius:8px;min-height:80px;padding:.55rem .7rem;font-family:inherit;font-size:1rem}textarea:focus{outline-offset:1px;outline:2px solid #5a7cff}.difficulty-pill{border-radius:999px;padding:.15rem .6rem;font-size:.8rem;font-weight:600}.difficulty-pill.easy{color:#7ee787;background:#1e3a2b}.difficulty-pill.medium{color:#ffd96b;background:#3d3522}.difficulty-pill.hard{color:#ff8b8b;background:#3a1f1f}.model-answer{background:#1a1d24;border:1px solid #2a2d36;border-radius:8px;padding:.8rem 1rem}.model-answer .label{text-transform:uppercase;letter-spacing:.1em;color:#6b7280;margin-bottom:.4rem;font-size:.75rem}.model-answer p{color:#cdd2dd;margin:0;line-height:1.5}.reveal-header{color:#6b7280;justify-content:space-between;align-items:center;font-size:.78rem;display:flex}.reveal-round-label{text-transform:uppercase;letter-spacing:.1em}.reveal-list{flex-direction:column;gap:.8rem;display:flex}.reveal-list li{background:#0f1115;border:1px solid #1f2230;border-radius:12px;padding:1.1rem 1.3rem;display:block}.reveal-list .reveal-top{justify-content:space-between;align-items:center;margin-bottom:.6rem;display:flex}.reveal-list .reveal-who{color:#cdd2dd;font-size:.95rem;font-weight:500}.reveal-list .reveal-big-score{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:3rem;font-weight:800;line-height:.9}.reveal-list .reveal-big-score.high{color:#7ee787}.reveal-list .reveal-big-score.mid{color:#ffd96b}.reveal-list .reveal-big-score.low{color:#ffb347}.reveal-list .reveal-big-score.zero{color:#ff8b8b}.reveal-list .verdict{letter-spacing:.02em;text-transform:uppercase;margin:0 0 .5rem;font-size:.95rem;font-weight:700}.reveal-list .verdict.high{color:#7ee787}.reveal-list .verdict.mid{color:#ffd96b}.reveal-list .verdict.low{color:#ffb347}.reveal-list .verdict.zero{color:#ff8b8b}.reveal-list .judge-line{color:#e7e7ea;gap:.5rem;margin:.25rem 0;font-size:1rem;line-height:1.45;display:flex}.reveal-list .judge-line .icon{text-align:center;flex-shrink:0;width:1.1rem;font-weight:700}.reveal-list .judge-line.got .icon{color:#7ee787}.reveal-list .judge-line.missed .icon{color:#ff8b8b}.reveal-list .judge-line.missed.bonus-only{color:#a3a8b5}.reveal-list .judge-line.missed.bonus-only .icon{color:#ffd96b}.reveal-list .reveal-meta .ans{color:#6b7280;font-size:.85rem;font-style:italic}.reveal-list .bonus-noted{color:#7ee787;margin-top:.4rem;font-size:.8rem}.reveal-list .breakdown{color:#6b7280;font-variant-numeric:tabular-nums;border-top:1px solid #1f2230;margin-top:.5rem;padding-top:.5rem;font-size:.78rem}.reveal-list .breakdown strong{color:#cdd2dd;font-weight:600}.model-answer-compact{color:#a3a8b5;background:0 0;border:1px dashed #2a2d36;border-radius:8px;padding:.55rem .8rem;font-size:.88rem;line-height:1.5}.model-answer-compact .label{text-transform:uppercase;letter-spacing:.1em;color:#6b7280;margin-right:.4rem;font-size:.72rem}.standings-compact{flex-direction:column;gap:.15rem;margin:0;padding:0;list-style:none;display:flex}.standings-compact li{color:#a3a8b5;grid-template-columns:1.5rem auto 1fr auto;align-items:baseline;gap:.6rem;padding:.2rem 0;font-size:.85rem;display:grid}.standings-compact .rank{color:#6b7280}.standings-compact .who{color:#cdd2dd;font-weight:500}.standings-compact .summary{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;font-style:italic;overflow:hidden}.standings-compact .pts{font-variant-numeric:tabular-nums;color:#cdd2dd}.standings-compact li.me,.standings-compact li.me .who{color:#ffd96b}.standings-compact li.me .summary{color:#c9a957}.config-banner{color:#a3a8b5;border:1px dashed #2a2d36;border-radius:8px;flex-wrap:wrap;gap:.7rem;margin-bottom:.75rem;padding:.4rem .6rem;font-size:.78rem;display:flex}.config-banner .flag{color:#7ee787}.config-banner .flag.strict{color:#ffd96b}.sudden-death-banner{color:#ff8b8b;text-align:center;background:#3a1f1f;border-radius:8px;padding:.5rem .8rem;font-weight:600}.summary-line{color:#a3a8b5;margin-top:.15rem;font-size:.82rem}.summary-line strong{color:#cdd2dd;font-weight:500}.reveal-footer{align-items:center;gap:.8rem;margin-top:.5rem;display:flex}.reveal-footer button{flex-shrink:0;padding:.5rem 1.2rem}.auth-bar{border-bottom:1px solid #2a2f3a;justify-content:space-between;align-items:center;gap:.6rem;margin-bottom:.7rem;padding-bottom:.7rem;font-size:.9rem;display:flex}.auth-bar .muted{color:#8b909c}.auth-form{border-bottom:1px solid #2a2f3a;margin-bottom:.8rem;padding-bottom:.8rem}.auth-actions{align-items:stretch;gap:.6rem;margin-top:.6rem;display:flex}.auth-error{color:#ff8e8e;margin-top:.4rem;font-size:.82rem}button.link{color:#7aa2ff;cursor:pointer;background:0 0;border:none;width:auto;padding:0;font-size:.9rem}button.link:hover{text-decoration:underline}.topics.directions{grid-template-columns:repeat(2,1fr);gap:.3rem .8rem;display:grid}.profile-link{margin-bottom:.6rem}.profile-panel{background:#161922;border:1px solid #2a2f3a;border-radius:8px;margin-bottom:.9rem;padding:.8rem}.profile-head{justify-content:space-between;align-items:center;margin-bottom:.4rem;display:flex}.profile-head h3{margin:0;font-size:1rem}.calibrating-note{margin-top:.4rem;font-size:.8rem}.spider{margin:0 auto;display:block}.spider .ring{fill:none;stroke:#2c313d;stroke-width:1px}.spider .ring.baseline{stroke:#3c4250;stroke-dasharray:3 3}.spider .spoke{stroke:#262b35;stroke-width:1px}.spider .rating-area{fill:#7aa2ff40;stroke:#7aa2ff;stroke-width:2px}.spider .point{fill:#7aa2ff}.spider .axis-label{fill:#aab0bd;font-size:9px}.spider .axis.calibrating .axis-label{fill:#6b7180;font-style:italic}.spider .axis.calibrating .point{fill:none;stroke:#6b7180;stroke-dasharray:2 2}.confirm h3{margin:0 0 .5rem}.confirm .muted{font-size:.9rem}.confirm-actions{justify-content:flex-end;gap:.6rem;margin-top:1.1rem;display:flex}.confirm-actions .nav-btn{padding:.5rem 1rem}.lobby{flex-direction:column;gap:1rem;display:flex}.lobby-bar{grid-template-columns:1.5fr 1fr 1fr;align-items:stretch;gap:.8rem;display:grid}.config-card{cursor:pointer;text-align:left;color:#e7e7ea;background:#161922;border:1px solid #2a2d36;border-radius:12px;flex-direction:column;align-items:flex-start;gap:.25rem;width:100%;padding:.9rem 1rem;display:flex}.config-card:hover:not(:disabled){background:#1a1e29;border-color:#5a7cff}.config-card:disabled{cursor:default;opacity:.85}.config-card-label{text-transform:uppercase;letter-spacing:.06em;color:#8b909c;font-size:.72rem}.config-card-value{font-size:1rem;font-weight:600}.start-btn{color:#fff;background:linear-gradient(#57c45e,#3da943);border-radius:12px;align-self:stretch;min-width:180px;padding:0 2rem;font-size:1.05rem;font-weight:700}.start-btn:disabled{color:#6b7280;background:#2a2d36}.start-btn.ready-on{background:linear-gradient(#2d8a4a,#1e6b35)}.invite-block{margin:.5rem 0 1rem}.invite-label{font-family:var(--serif-display);letter-spacing:.22em;text-transform:uppercase;color:var(--gold-soft);opacity:.75;margin-bottom:.4rem;font-size:.65rem}.invite-link{align-items:stretch;gap:.5rem;display:flex}.invite-code{font-family:var(--serif-display);letter-spacing:.28em;color:var(--gold);-webkit-user-select:all;user-select:all;background:#b8914612;border:1px solid #b8914659;border-radius:8px;align-items:center;padding:.3rem .85rem;font-size:1.45rem;display:inline-flex}.invite-copy{color:var(--gold-soft);cursor:pointer;background:0 0;border:1px solid #b8914659;border-radius:8px;justify-content:center;align-items:center;width:2.4rem;padding:0;transition:color .12s,background .12s,border-color .12s;display:inline-flex}.invite-copy:hover{color:var(--gold-bright);border-color:var(--gold);background:#b891461a}.invite-caption{color:#8a8f9c;letter-spacing:.02em;opacity:0;pointer-events:none;min-height:1em;margin-top:.4rem;font-size:.72rem;transition:opacity .16s}.invite-block:hover .invite-caption,.invite-caption[data-copied=true]{opacity:1}.invite-caption-label{font-family:var(--serif-display);letter-spacing:.08em;color:var(--gold-soft)}.invite-caption-url{color:#b4b9c4;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.invite-caption[data-copied=true]{color:var(--gold-soft);font-family:var(--serif-display);letter-spacing:.08em}.card.reveal{position:relative;overflow:visible}.reaction-bar{border-top:1px solid #2a2f3d;justify-content:center;gap:.35rem;margin-top:.6rem;padding-top:.6rem;display:flex}.reaction-btn{cursor:pointer;background:#1d212c;border:1px solid #2a2f3d;border-radius:50%;width:38px;height:38px;padding:0;font-size:1.15rem;line-height:1;transition:transform .1s,background .15s,border-color .15s}.reaction-btn:hover{background:#262b38;border-color:#3a3f4d;transform:translateY(-1px)scale(1.08)}.reaction-btn:active{transform:scale(.95)}.reactions-overlay{pointer-events:none;z-index:5;position:absolute;inset:0;overflow:hidden}.floating-reaction{white-space:nowrap;flex-direction:column;align-items:center;gap:.1rem;animation:3s cubic-bezier(.2,.6,.3,1) forwards reaction-rise;display:flex;position:absolute;bottom:70px}.floating-reaction .emoji{filter:drop-shadow(0 2px 6px #0006);font-size:2.2rem;line-height:1}.floating-reaction .who{color:#cdd2dd;background:#14171fb3;border-radius:999px;padding:.1rem .45rem;font-size:.72rem}.floating-reaction.mine .who{color:#ffd96b}@keyframes reaction-rise{0%{opacity:0;transform:translateY(10px)scale(.6)}15%{opacity:1;transform:translateY(0)scale(1.1)}30%{transform:translateY(-20px)scale(1)}to{opacity:0;transform:translateY(-180px)scale(.9)}}.choose-topics h3,.settings-panel h3{text-align:center;font-family:var(--serif-display);letter-spacing:.18em;text-transform:uppercase;color:#d9def0;margin:0 0 .4rem;font-size:.95rem;font-weight:400}.choose-topics-meta{justify-content:space-between;align-items:center;gap:.75rem;margin:0 .25rem 1rem;display:flex}.choose-topics-sub{color:#8a8f9c;letter-spacing:.02em;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:.78rem}.choose-topics-toggle{color:var(--gold-soft);cursor:pointer;font-family:var(--serif-display);letter-spacing:.16em;text-transform:uppercase;background:0 0;border:1px solid #b8914659;border-radius:6px;padding:.3rem .7rem;font-size:.62rem;transition:background .12s,color .12s,border-color .12s}.choose-topics-toggle:hover{color:var(--gold-bright);border-color:var(--gold);background:#b891461a}.topic-grid{grid-template-columns:repeat(3,1fr);gap:.55rem;padding:.25rem;display:grid}.topic-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:left;cursor:pointer;color:#d9def0;background:#0f1626b8;border:1px solid #ffffff0f;border-radius:10px;align-items:flex-end;width:100%;min-height:78px;padding:.7rem .75rem;transition:border-color .15s,background .15s,transform .15s,color .15s;display:flex;position:relative;overflow:hidden}.topic-card:hover{background:#ffffff06;border-color:#ffffff2e;transform:translateY(-1px)}.topic-card.selected{color:#fff5d6;background:#0f1626d9;border-color:#b891468c}.topic-card-icon{color:#5b6072;opacity:.22;pointer-events:none;line-height:0;transition:opacity .15s,color .15s;position:absolute;bottom:-.6rem;right:-.4rem}.topic-card.selected .topic-card-icon{opacity:.45;color:var(--gold)}.topic-card-name{letter-spacing:.005em;color:#d9def0;max-width:78%;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:.92rem;font-weight:500;line-height:1.3;position:relative}.topic-card.selected .topic-card-name{color:#fff5d6}.topic-card-check{color:#0000;background:0 0;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex;position:absolute;top:.55rem;right:.55rem}.topic-card.selected .topic-card-check{border-color:var(--gold);color:var(--gold);background:0 0}.setting-block{margin-bottom:1.2rem}.setting-label{font-family:var(--serif-display);color:var(--gold-soft);letter-spacing:.2em;text-transform:uppercase;opacity:.9;margin-bottom:.55rem;font-size:.7rem}.setting-label .muted{font-family:var(--serif-display);color:#8a8f9c;letter-spacing:.1em;text-transform:none;opacity:.85;margin-left:.2rem;font-size:.78rem}.stepper-row{justify-content:space-between;align-items:center;padding:.35rem 0;display:flex}.stepper{align-items:center;gap:.6rem;display:flex}.stepper button{width:30px;height:30px;color:var(--gold-bright);font-family:var(--serif-display);cursor:pointer;background:#0f1626c7;border:1px solid #b891464d;border-radius:6px;padding:0;font-size:1.1rem;line-height:1;transition:background .12s,border-color .12s,color .12s}.stepper button:hover:not(:disabled){border-color:var(--gold);color:#fff5d6;background:#b891461a}.stepper button:disabled{opacity:.35;cursor:not-allowed}.stepper-value{text-align:center;min-width:24px;font-weight:600;font-family:var(--serif-display);font-variant-numeric:tabular-nums;color:var(--gold-bright);font-size:1.05rem}.difficulty-pill{font-family:var(--serif-display);letter-spacing:.18em;text-transform:uppercase;color:#cdd2dd;background:#ffffff06;border:1px solid #ffffff14;border-radius:4px;padding:.22rem .7rem;font-size:.62rem}.difficulty-pill.easy{color:#7ee19a;background:#2e8a4a1a;border-color:#7ee19a66}.difficulty-pill.medium{color:#f0c46a;background:#f0c46a14;border-color:#f0c46a66}.difficulty-pill.hard{color:#f08a6a;background:#f08a6a14;border-color:#f08a6a66}.setting-block input[type=range]{width:100%;accent-color:var(--gold)}.toggles .toggle-row{color:#e8ecf3;flex-direction:row;justify-content:space-between;align-items:center;padding:.5rem 0;font-size:.92rem}.toggle-row .muted{color:#8a8f9c;font-size:.82rem}.toggle-row input[type=checkbox]{width:18px;height:18px;accent-color:var(--gold)}.lang-select{color:#e8ecf3;width:100%;font-size:.95rem;font-family:var(--serif-display);letter-spacing:.06em;cursor:pointer;background:#0f1626c7;border:1px solid #b891464d;border-radius:8px;padding:.55rem .75rem;transition:border-color .12s,background .12s}.lang-select:hover,.lang-select:focus{border-color:var(--gold);background:#b891460f;outline:none}.lang-select option{color:#e8ecf3;background:#0f1626}.lang-combo{width:100%;position:relative}.lang-combo-field{color:#e8ecf3;cursor:text;background:#0f1626c7;border:1px solid #b891464d;border-radius:8px;align-items:center;padding:.5rem 2rem .5rem .75rem;transition:border-color .12s,background .12s;display:flex;position:relative}.lang-combo-field:hover,.lang-combo-field:focus-within{border-color:var(--gold);background:#b891460f}.lang-combo-input{color:#e8ecf3;letter-spacing:.01em;background:0 0;border:none;outline:none;flex:1;min-width:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:.95rem}.lang-combo-input::placeholder{color:#e8ecf380}.lang-combo-current{pointer-events:none;color:#e8ecf3;font-family:var(--serif-display);letter-spacing:.06em;position:absolute;left:.75rem;right:2rem}.lang-combo-caret{color:var(--gold-soft);pointer-events:none;font-size:.85rem;position:absolute;right:.7rem}.lang-combo-list{z-index:60;-webkit-backdrop-filter:blur(12px);background:#0b101cf7;border:1px solid #b8914659;border-radius:10px;max-height:280px;margin:0;padding:.3rem;list-style:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 12px 36px #0000008c}.lang-combo-option{cursor:pointer;color:#d9def0;border-radius:6px;justify-content:space-between;align-items:baseline;gap:.6rem;padding:.45rem .7rem;font-size:.9rem;display:flex}.lang-combo-option.highlighted{color:#fff5d6;background:#b891461f}.lang-combo-option.selected{color:var(--gold-bright)}.lang-combo-name{font-family:system-ui,-apple-system,Segoe UI,sans-serif}.lang-combo-code{font-family:var(--serif-display);letter-spacing:.18em;color:var(--gold-soft);opacity:.8;font-size:.62rem}.lang-combo-option.selected .lang-combo-code{color:var(--gold-bright);opacity:1}.lang-combo-empty{color:#8a8f9c;padding:.6rem .7rem;font-size:.85rem;font-style:italic}.auth-screen h2{margin:0}.auth-screen .muted{margin:0;font-size:.9rem}.name-editor{margin-bottom:1rem}.name-row{align-items:stretch;gap:.5rem;display:flex}.name-row input{flex:1}.name-row .nav-btn{white-space:nowrap}.name-saved{color:#7ee787;margin-top:.35rem;font-size:.82rem}.auth-divider{text-align:center;color:#6b7280;align-items:center;margin:.9rem 0 .7rem;font-size:.8rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#2a2d36;flex:1;height:1px}.auth-divider span{padding:0 .7rem}.gsi-button{justify-content:center;width:100%;min-height:44px;display:flex}.auth-actions>button{flex:1;min-height:44px;font-size:.95rem;font-weight:600}.avatar-img{object-fit:cover}.account-btn .avatar-img{border-radius:50%;width:46px;height:46px}.avatar-picker{margin:.8rem 0 .3rem}.avatar-picker-head{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.avatar-group{margin-bottom:.7rem}.avatar-group-label{text-transform:uppercase;letter-spacing:.05em;color:#8b909c;margin-bottom:.35rem;font-size:.72rem}.avatar-grid{flex-wrap:wrap;gap:.5rem;display:flex}.avatar-choice{cursor:pointer;background:#1a1e29;border:3px solid #2a2f3a;border-radius:50%;width:96px;height:96px;padding:0;overflow:hidden}.avatar-choice img{object-fit:cover;width:100%;height:100%;display:block}.avatar-choice:hover{border-color:#5a7cff}.avatar-choice.selected{border-color:#fff;box-shadow:0 0 0 2px #5a7cff}.avatar-choice-wrap{display:inline-block;position:relative}.avatar-bio-popover{z-index:200;-webkit-backdrop-filter:blur(12px);opacity:0;visibility:hidden;pointer-events:none;background:#0b101cf5;border:1px solid #b8914666;border-radius:10px;width:320px;max-width:calc(100vw - 2rem);padding:.85rem;transition:opacity .18s,visibility 0s linear .18s,transform .18s;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%)translateY(-4px);box-shadow:0 12px 40px #0000008c}.avatar-choice-wrap:hover .avatar-bio-popover{opacity:1;visibility:visible;transition:opacity .18s .25s,visibility 0s linear .25s,transform .18s .25s;transform:translate(-50%)translateY(0)}.avatar-bio-head{border-bottom:1px solid #b891462e;align-items:center;gap:.6rem;margin-bottom:.55rem;padding-bottom:.55rem;display:flex}.avatar-bio-img{object-fit:cover;border:1px solid #b8914680;border-radius:50%;flex-shrink:0;width:44px;height:44px}.avatar-bio-head-text{flex-direction:column;min-width:0;display:flex}.avatar-bio-name{font-family:var(--serif-display);color:#fff5d6;letter-spacing:.02em;font-size:1rem;line-height:1.15}.avatar-bio-tagline{color:var(--gold-soft);font-size:.72rem;font-family:var(--serif-display);letter-spacing:.1em;text-transform:uppercase;opacity:.9;margin-top:.15rem}.avatar-bio-about{color:#d9def0;margin-bottom:.6rem;font-size:.82rem;line-height:1.45}.avatar-bio-section{margin-bottom:.6rem}.avatar-bio-section-label{font-family:var(--serif-display);letter-spacing:.18em;text-transform:uppercase;color:var(--gold-soft);opacity:.85;margin-right:.4rem;font-size:.6rem}.avatar-bio-famous{flex-direction:column;gap:.22rem;margin:.3rem 0 0;padding:0;list-style:none;display:flex}.avatar-bio-famous li{color:#cdd2dd;padding-left:.85rem;font-size:.78rem;line-height:1.35;position:relative}.avatar-bio-famous li:before{content:"·";color:var(--gold);position:absolute;left:.25rem}.avatar-bio-tags{flex-direction:column;gap:.35rem;display:flex}.avatar-bio-tag-row{flex-wrap:wrap;align-items:center;gap:.3rem;display:flex}.avatar-bio-tag{letter-spacing:.01em;border:1px solid #0000;border-radius:4px;padding:.15rem .45rem;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:.62rem;line-height:1.2}.avatar-bio-tag.strong{color:#7ee19a;background:#2e8a4a24;border-color:#7ee19a59}.avatar-bio-tag.weak{color:#f08a6a;background:#f08a6a1a;border-color:#f08a6a59}@media (width<=480px){.avatar-bio-popover{width:calc(100vw - 1.5rem)}}.profile-identity{border-bottom:1px solid #2a2f3a;align-items:center;gap:1rem;margin-bottom:.6rem;padding-bottom:1rem;display:flex}.profile-identity .avatar{flex-shrink:0;box-shadow:0 4px 14px #0006}.profile-id-main{flex:1;min-width:0}.profile-name{font-size:1.45rem;font-weight:700;line-height:1.1}.profile-id-actions{align-items:center;gap:.5rem;margin-top:.35rem;display:flex}.profile-id-actions .dot{color:#4a505e}.profile-language{flex-direction:column;gap:.35rem;margin:.85rem 0 .25rem;display:flex}.profile-language-label{font-family:var(--serif-display);letter-spacing:.2em;text-transform:uppercase;color:var(--gold-soft);opacity:.9;font-size:.68rem}.profile-language-hint{color:#8a8f9c;font-size:.74rem;line-height:1.35}.profile-chart-hero{flex-direction:column;align-items:center;margin-top:.5rem;display:flex}.chart-title{text-transform:uppercase;letter-spacing:.08em;color:#8b909c;margin-bottom:.3rem;font-size:.78rem}.profile-chart-hero .calibrating-note{text-align:center;max-width:340px}.profile-avatar-edit{cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;padding:0;line-height:0;position:relative}.profile-avatar-edit .avatar{box-shadow:0 4px 14px #0006}.avatar-edit-overlay{color:#fff;opacity:0;background:#080a0e8c;border-radius:50%;justify-content:center;align-items:center;transition:opacity .15s;display:flex;position:absolute;inset:0}.profile-avatar-edit:hover .avatar-edit-overlay,.profile-avatar-edit:focus-visible .avatar-edit-overlay{opacity:1}.standings-compact li,.player-row{align-items:center;gap:.5rem;display:flex}.standings-compact .who{flex:none}.standings-compact .summary{flex:1}.rl-who{align-items:center;gap:.45rem;display:inline-flex}.standings-compact .round-delta{font-variant-numeric:tabular-nums;color:#7ee787;text-align:right;flex:none;min-width:2.2rem;font-size:.8rem;font-weight:600}.standings-compact .pts{text-align:right;flex:none;min-width:2.6rem;font-weight:600}.round-intro{text-align:center;justify-content:center;align-items:center;min-height:50vh;padding:2rem 1rem;display:flex}.round-intro-inner{flex-direction:column;align-items:center;gap:1rem;animation:.5s cubic-bezier(.2,.8,.2,1) both intro-pop;display:flex}.round-intro-label{text-transform:uppercase;letter-spacing:.18em;color:#6b7280;font-size:.8rem;animation:.5s both intro-fade}.round-intro-topic{background:linear-gradient(120deg,#5a7cff,#b08bff 60%,#ff8bd0);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(2.2rem,6vw,4rem);font-weight:800;line-height:1.1;animation:.55s cubic-bezier(.2,.8,.2,1) both intro-rise}.round-intro-hint{color:#6b7280;font-size:.95rem;animation:.7s .2s both intro-fade}@keyframes intro-pop{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes intro-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes intro-fade{0%{opacity:0}to{opacity:1}}.audio-control{background:#0f16268c;border:1px solid #b8914652;border-radius:50%;justify-content:center;align-items:center;gap:0;width:42px;height:42px;padding:0;transition:width .22s,padding .22s,border-radius .22s,background .15s,border-color .15s;display:inline-flex}.audio-control:hover,.audio-control:focus-within{border-color:var(--gold);background:#1e2332bf;border-radius:999px;width:auto;padding:.2rem .7rem .2rem .35rem}.audio-icon{width:36px;height:36px;color:var(--gold-bright);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:color .15s,background .15s;display:inline-flex}.audio-icon:hover{color:#fff5d6;background:#b891461f}.audio-icon[aria-pressed=true]{color:var(--gold-soft);opacity:.55}.audio-icon svg{width:22px;height:22px;display:block}.audio-slider{appearance:none;opacity:0;cursor:pointer;pointer-events:none;background:#ffffff1f;border-radius:999px;outline:none;width:0;min-width:0;height:4px;margin-left:-.4rem;transition:width .22s,opacity .18s,margin-left .22s;display:none}.audio-control:hover .audio-slider,.audio-control:focus-within .audio-slider{opacity:1;pointer-events:auto;width:90px;margin-left:0;display:block}.audio-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#cdd2dd;border:none;border-radius:50%;width:12px;height:12px;transition:background .15s,transform .1s}.audio-slider::-webkit-slider-thumb:hover{background:#fff;transform:scale(1.15)}.audio-slider::-moz-range-thumb{cursor:pointer;background:#cdd2dd;border:none;border-radius:50%;width:12px;height:12px}.audio-slider::-moz-range-thumb:hover{background:#fff}:root{--gold:#b89146;--gold-bright:#d8b75e;--gold-dim:#75591f;--gold-soft:#a98a3f;--gold-deep:#4a3712;--parchment:#efddb4;--parchment-2:#e3cd95;--parchment-3:#c9b076;--ink:#2a1f10;--ink-soft:#6e5836;--ink-deep:#0a0d18;--navy-deep:#0c1530;--serif-display:"Cinzel", "Trajan Pro", serif;--serif-body:"Cormorant Garamond", "Cinzel", Georgia, serif}body{background:radial-gradient(700px 500px at 50% 220px,#b891461a,#0000 70%),radial-gradient(at 50% 100%,#0e1830,#08101e 70%),#08101e;min-height:100vh}.brand{font-family:var(--serif-display);color:var(--gold);letter-spacing:.22em;text-shadow:0 1px #00000080;font-weight:800}.brand:hover{color:var(--gold-bright)}.app.entry{max-width:1100px;padding:0 0 2rem}.topbar.topbar-transparent{background:0 0;border-bottom:none}.brand{display:none}.glass-card{color:#e7ebf3;-webkit-backdrop-filter:blur(10px)saturate(1.05);background:#0f1626c7;border:1px solid #b8914652;border-radius:10px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;position:relative;box-shadow:0 18px 50px #0000008c,inset 0 1px #ffffff0d}.senatus-backdrop{z-index:95;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#050810c7;animation:.4s both senatus-fade;position:fixed;inset:0;-webkit-mask-image:radial-gradient(48% 38% at 50% 70%,#000 30%,#0000008c 65%,#0000 100%);mask-image:radial-gradient(48% 38% at 50% 70%,#000 30%,#0000008c 65%,#0000 100%)}.senatus-card{z-index:100;width:min(720px,100vw - 2rem);max-width:720px;padding:1.9rem 2.2rem 2rem;animation:.65s cubic-bezier(.22,1.2,.36,1) .25s both senatus-pop;position:fixed;top:74%;left:50%;transform:translate(-50%,-50%)}@keyframes senatus-fade{0%{opacity:0}to{opacity:1}}@keyframes senatus-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.88)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.senatus-close{width:28px;height:28px;color:var(--gold-soft);cursor:pointer;background:0 0;border:1px solid #b8914640;border-radius:999px;justify-content:center;align-items:center;padding:0;font-size:1.1rem;line-height:1;transition:background .15s,color .15s,border-color .15s;display:inline-flex;position:absolute;top:8px;right:12px}.senatus-close:hover{border-color:var(--gold);color:var(--gold-bright);background:#b891461f}.senatus-title{font-family:var(--serif-display);color:var(--gold-soft);text-align:center;letter-spacing:.34em;text-transform:uppercase;margin:0 0 1.1rem;font-size:.92rem;font-weight:600}.senatus-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.senatus-action{border:1px solid #ffffff0a;border-radius:8px;flex-direction:column;gap:.55rem;padding:.6rem;display:flex}.senatus-action h3{font-family:var(--serif-display);color:var(--gold-soft);letter-spacing:.22em;text-transform:uppercase;margin:0;font-size:.78rem;font-weight:700}.senatus-sub{color:#98a1b4;min-height:2.4em;margin:0;font-size:.82rem;line-height:1.35}.senatus-code{color:#f0d068;letter-spacing:.22em;text-align:center;text-transform:uppercase;background:#ffffff0a;border:1px solid #b891464d;border-radius:6px;outline:none;padding:.55rem .4rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.1rem;transition:border-color .15s,background .15s}.senatus-code::placeholder{color:#a0a5b466;letter-spacing:.22em}.senatus-code:focus{border-color:var(--gold);background:#ffffff0f;box-shadow:0 0 0 3px #b891462e}.senatus-cta{color:var(--gold-bright);font-family:var(--serif-display);letter-spacing:.18em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #b891468c;border-radius:999px;min-height:40px;padding:.6rem .8rem;font-size:.82rem;font-weight:600;transition:background .15s,border-color .15s,color .15s}.senatus-cta:hover:not(:disabled){border-color:var(--gold);color:#fff5d6;background:#b891461f}.senatus-cta.primary{background:var(--gold);color:#14110a;box-shadow:none;border-color:#0000;font-weight:700}.senatus-cta.primary:hover:not(:disabled){background:var(--gold-bright);color:#14110a}.senatus-cta:disabled{opacity:.45;cursor:not-allowed}@media (width<=520px){.senatus-grid{grid-template-columns:1fr}}.signin-dropdown{z-index:60;position:absolute;top:20px;right:200px}.signin-btn{background:linear-gradient(180deg, var(--gold-bright) 0%, var(--gold) 45%, var(--gold-dim) 100%);color:#1a1408;font-family:var(--serif-display);letter-spacing:.16em;text-transform:uppercase;border:1px solid var(--gold-deep);cursor:pointer;border-radius:999px;padding:.45rem 1.1rem;font-size:.78rem;font-weight:700;transition:filter .12s,transform .1s;box-shadow:0 2px #00000059,inset 0 1px #ffffff73,inset 0 -6px 10px #0000001f}.signin-btn:hover{filter:brightness(1.08)}.signin-btn:active{transform:translateY(1px)}.topbar.topbar-transparent .topbar-inner{justify-content:flex-end;max-width:none;padding-top:12px;padding-bottom:12px;padding-right:clamp(40px,25%,460px)}.topbar.topbar-transparent .signin-dropdown,.topbar.topbar-transparent .account{position:relative;top:auto;right:auto}.topbar.topbar-transparent .nav-btn{color:var(--gold-bright);font-family:var(--serif-display);letter-spacing:.14em;text-transform:uppercase;-webkit-backdrop-filter:blur(6px);background:#0f16268c;border:1px solid #b8914652;border-radius:999px;padding:.35rem .85rem;font-size:.72rem}.topbar.topbar-transparent .nav-btn:hover{border-color:var(--gold-bright);background:#1e2332bf}.topbar.topbar-transparent .nav-btn.leave{color:#ff9b9b;z-index:61;border-color:#ff9b9b66;margin:0;padding:.5rem 1.1rem;font-size:.78rem;position:absolute;top:50%;left:clamp(40px,25%,460px);transform:translateY(-50%)}.topbar.topbar-transparent .nav-btn.leave:hover{color:#ffb3b3;background:#7a1a1a40;border-color:#ff9b9b}.topbar.topbar-transparent .account-btn{border:1px solid var(--gold);color:var(--gold-bright);background:#1417218c;border-radius:999px;padding:.25rem .7rem .25rem .3rem;box-shadow:0 2px #00000059,inset 0 1px #ffffff14}.topbar.topbar-transparent .account-btn:hover{border-color:var(--gold-bright);background:#1e2332bf}.topbar.topbar-transparent .account-btn .account-name{font-family:var(--serif-display);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-bright);font-size:.78rem}.topbar.topbar-transparent .account-btn .caret{color:var(--gold-soft)}.topbar.topbar-transparent .account-menu{border:1px solid var(--gold-dim);background:#141721f5}.signin-popover{z-index:100;-webkit-backdrop-filter:blur(10px)saturate(1.05);color:#e7ebf3;background:#0f1626d9;border:1px solid #b8914652;border-radius:10px;width:320px;padding:1rem 1rem .9rem;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 18px 50px #0000008c,inset 0 1px #ffffff0d}.signin-popover:before{content:"";background:#0f1626d9;border-top:1px solid #b8914666;border-left:1px solid #b8914666;width:11px;height:11px;position:absolute;top:-6px;right:22px;transform:rotate(45deg)}.signin-popover .muted{color:#98a1b4;text-align:center;margin:0 0 .6rem;font-size:.82rem}.signin-popover .muted code{color:var(--gold-soft);background:#ffffff0d;border:1px solid #b8914640;border-radius:4px;padding:.05rem .35rem}.signin-popover label{color:#b3bccd;letter-spacing:.04em;font-family:inherit;font-size:.78rem}.signin-popover input{color:#f0d068;background:#ffffff0d;border:1px solid #b891464d;border-radius:6px;outline:none;width:100%;padding:.5rem .65rem;font-family:inherit;font-size:.95rem}.signin-popover input:focus{border-color:var(--gold);background:#ffffff12;box-shadow:0 0 0 3px #b891462e}.signin-popover .auth-actions>button{background:linear-gradient(180deg, var(--gold-soft) 0%, var(--gold) 60%, var(--gold-deep) 100%);color:#1a1408;font-family:var(--serif-display);letter-spacing:.16em;text-transform:uppercase;border:1px solid var(--gold-deep);cursor:pointer;border-radius:999px;flex:1;min-height:40px;padding:.5rem 1rem;font-size:.78rem;font-weight:700;box-shadow:inset 0 1px #ffffff40}.signin-popover .auth-actions>button:hover:not(:disabled){filter:brightness(1.08)}.signin-popover .auth-actions>button:disabled{opacity:.45;cursor:not-allowed}.signin-popover .auth-divider{color:#6b7280;font-family:var(--serif-display);letter-spacing:.3em;text-transform:uppercase;margin:.6rem 0 .4rem;font-size:.68rem}.signin-popover .auth-divider:before,.signin-popover .auth-divider:after{opacity:1;background:#b8914640}.signin-popover .auth-error{color:#ff9b9b;background:#7a1a1a2e;border:1px solid #7a1a1a59;border-radius:4px;padding:.35rem .55rem;font-size:.82rem}.logged-out{flex-direction:column;align-items:center;width:100%;margin-top:-105px;display:flex;position:relative}.logged-out-bg{-webkit-mask-composite:source-in;background-image:url(/bg.jpg);background-position:top;background-repeat:no-repeat;background-size:100%;width:100%;height:calc(100vh - 20px);margin:0 auto;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#00000080 8%,#000 20% 80%,#00000080 92%,#0000 100%),linear-gradient(#0000 0%,#000 4% 94%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#00000080 8%,#000 20% 80%,#00000080 92%,#0000 100%),linear-gradient(#0000 0%,#000 4% 94%,#0000 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.logged-out-card-wrap{z-index:2;width:100%;max-width:480px;margin-top:-160px;padding:0 1rem;position:relative}@media (width<=720px){.logged-out-card-wrap{margin-top:-90px}}.imperial-hero{width:100%;margin:0;display:block;position:relative}.imperial-hero img.hero{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:auto;display:block;box-shadow:0 0 0 1px #b8914659,0 22px 50px #0000008c}.imperial-hero:after{content:"";pointer-events:none;background:linear-gradient(#0000,#08101e 90%);height:90px;position:absolute;bottom:-1px;left:0;right:0}.entry-body{z-index:5;width:100%;max-width:760px;margin:0 auto;padding:0 1rem;position:absolute;top:calc(min(50vw,360px) + 200px);left:0;right:0}.home-pitch{text-align:center;z-index:2;flex-direction:column;align-items:center;gap:.7rem;width:100%;max-width:560px;margin:0 auto;padding:0 1.25rem;animation:.6s .2s both home-pitch-fade;display:flex;position:absolute;bottom:8%;left:0;right:0}@keyframes home-pitch-fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.home-tagline{font-family:var(--serif-display);color:#e9c97a;letter-spacing:.03em;text-shadow:0 2px 8px #0009;margin:0;font-size:clamp(1rem,2.2vw,1.35rem);font-weight:600;line-height:1.35}.home-subtagline{color:#b3bccd;font-family:var(--serif-body);text-shadow:0 2px 6px #0000008c;margin:0;font-size:clamp(.85rem,1.6vw,1rem);font-style:italic;line-height:1.4}.home-cta{background:var(--gold);color:#14110a;font-family:var(--serif-display);letter-spacing:.18em;text-transform:uppercase;border:1px solid var(--gold-deep);cursor:pointer;border-radius:999px;min-height:44px;margin-top:.4rem;padding:.7rem 2.2rem;font-size:.85rem;font-weight:700;transition:background .15s}.home-cta:hover{background:var(--gold-bright)}.home-cta-link{color:#98a1b4;font-family:var(--serif-body);cursor:pointer;text-underline-offset:3px;background:0 0;border:none;margin-top:.1rem;padding:.2rem .4rem;font-size:.85rem;font-style:italic;-webkit-text-decoration:underline #b8914659;text-decoration:underline #b8914659}.home-cta-link:hover{color:var(--gold-soft)}@keyframes mode-slide-left{0%{opacity:0;transform:translate(-160%)}to{opacity:1;transform:translate(0)}}@keyframes mode-slide-right{0%{opacity:0;transform:translate(160%)}to{opacity:1;transform:translate(0)}}.mode-card.from-left{animation:.55s cubic-bezier(.2,.8,.2,1) both mode-slide-left}.mode-card.from-right{animation:.55s cubic-bezier(.2,.8,.2,1) both mode-slide-right}.mode-grid{grid-template-columns:1fr 1fr;gap:1rem;max-width:520px;margin:0 auto;display:grid}.mode-card{border:2px solid var(--gold-deep);cursor:pointer;background:0 0;border-radius:8px;width:100%;padding:0;transition:transform .18s,box-shadow .18s,border-color .18s;display:block;position:relative;overflow:hidden;box-shadow:0 6px 20px #00000073,inset 0 0 0 1px #b891464d}.mode-card>img{filter:brightness(.95)saturate(1.02);width:100%;height:auto;transition:filter .2s,transform .4s;display:block}.mode-card:hover:not(:disabled){border-color:var(--gold);box-shadow:0 14px 30px #0009, inset 0 0 0 1px var(--gold), 0 0 24px #b891462e;transform:translateY(-3px)}.mode-card:hover:not(:disabled)>img{filter:brightness(1.06)saturate(1.08)}.mode-card:disabled{cursor:not-allowed;filter:grayscale(.85);opacity:.6}.mode-card .mode-label{display:none}.mode-card .mode-title{font-family:var(--serif-display);letter-spacing:.22em;text-transform:uppercase;text-shadow:0 2px 6px #000000b3;font-size:1.05rem;font-weight:700}.mode-card .mode-meta{font-family:var(--serif-body);color:#e8dcb4c7;text-shadow:0 1px 3px #000000b3;font-size:.85rem;font-style:italic}.mode-card .coming-soon{border:1px solid var(--gold);color:var(--gold-bright);font-family:var(--serif-display);letter-spacing:.18em;text-transform:uppercase;background:#4a3712eb;border-radius:3px;padding:.25rem .8rem;font-size:.7rem;position:absolute;bottom:44px;left:50%;transform:translate(-50%)rotate(-4deg);box-shadow:0 2px 8px #00000080}@media (width<=540px){.mode-grid{grid-template-columns:1fr}}.back-link{color:var(--ink-soft);font-family:var(--serif-body);cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:0;font-size:.9rem;font-style:italic}.back-link:hover{color:var(--ink);text-decoration:underline}.imperial-card{color:var(--ink);font-family:var(--serif-body);border:1px solid var(--gold-deep);box-shadow: 0 0 0 1px var(--gold) inset,  0 16px 44px #00000080, 0 0 0 5px #0a0d1866;background: radial-gradient(ellipse at top, #ffffff73, transparent 55%),  repeating-linear-gradient(0deg, #785a280a 0 1px, transparent 1px 3px),  repeating-linear-gradient(90deg, #785a2808 0 1px, transparent 1px 4px),  linear-gradient(180deg, var(--parchment) 0%, var(--parchment-2) 60%, var(--parchment-3) 100%);border-radius:6px;padding:2rem 2rem 1.6rem;font-size:1rem;position:relative}.imperial-card:before{content:"";pointer-events:none;border:1px solid #8c73258c;border-radius:3px;position:absolute;inset:8px}.imperial-card:after{content:"";border-top:2px solid var(--gold);border-left:2px solid var(--gold);pointer-events:none;width:18px;height:18px;position:absolute;top:14px;left:14px}.imperial-card>.corners{pointer-events:none;position:absolute;inset:0}.imperial-card>.corners:before,.imperial-card>.corners:after{content:"";width:18px;height:18px;position:absolute}.imperial-card>.corners:before{border-top:2px solid var(--gold);border-right:2px solid var(--gold);top:14px;right:14px}.imperial-card>.corners:after{border-bottom:2px solid var(--gold);border-left:2px solid var(--gold);bottom:14px;left:14px}.imperial-card>.corners{background-image:linear-gradient(to top, var(--gold), var(--gold)) , linear-gradient(to left, var(--gold), var(--gold));background-position:calc(100% - 14px) calc(100% - 14px),calc(100% - 14px) calc(100% - 14px);background-repeat:no-repeat;background-size:2px 18px,18px 2px}.imperial-card h2{font-family:var(--serif-display);color:var(--ink);letter-spacing:.18em;text-transform:uppercase;text-align:center;margin:0 0 .1rem;font-size:1.25rem;font-weight:700}.imperial-card h2+.muted,.imperial-card .muted{color:var(--ink-soft);text-align:center;margin:0 0 .6rem;font-size:.95rem;font-style:italic}.imperial-card code{color:var(--ink);background:#5a45161f;border:1px solid #5a45164d;border-radius:4px;padding:.05rem .4rem}.imperial-card strong{color:var(--ink)}.imperial-card label{color:var(--ink-soft);font-family:var(--serif-body);font-size:.95rem}.imperial-card input[type=text],.imperial-card input[type=email],.imperial-card input[type=password],.imperial-card input:not([type]){color:var(--ink);border:1px solid var(--gold-deep);font-family:var(--serif-body);background:#fcf5dd;border-radius:4px;outline:none;padding:.55rem .75rem;font-size:1rem;transition:border-color .15s,box-shadow .15s}.imperial-card input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #d4af3740}.imperial-card .auth-error{color:#7a1a1a;background:#7a1a1a14;border:1px solid #7a1a1a40;border-radius:4px;padding:.4rem .6rem;font-style:italic}.imperial-card .tabs{justify-content:center;gap:.4rem}.imperial-card .tabs button{font-family:var(--serif-display);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft);border:1px solid var(--gold-deep);cursor:pointer;background:#ffffff40;border-radius:4px;padding:.45rem 1rem;font-size:.74rem;transition:background .15s,color .15s}.imperial-card .tabs button:hover{color:var(--ink);background:#ffffff73}.imperial-card .tabs button.active{background:linear-gradient(180deg, var(--ink), #1d150a);border-color:var(--gold);color:var(--gold-bright)}.imperial-card>button,.imperial-card .auth-actions>button{background:linear-gradient(180deg, var(--gold-bright) 0%, var(--gold) 40%, var(--gold-dim) 100%);color:#1a1408;font-family:var(--serif-display);letter-spacing:.18em;text-transform:uppercase;border:1px solid var(--gold-deep);cursor:pointer;border-radius:999px;min-height:48px;font-size:.9rem;font-weight:700;transition:filter .12s,transform .1s;box-shadow:0 2px #00000059,inset 0 1px #ffffff80,inset 0 -8px 14px #0000001f}.imperial-card>button:hover:not(:disabled),.imperial-card .auth-actions>button:hover:not(:disabled){filter:brightness(1.07)}.imperial-card>button:active:not(:disabled),.imperial-card .auth-actions>button:active:not(:disabled){transform:translateY(1px);box-shadow:0 0 #0000,inset 0 1px #ffffff4d,inset 0 -4px 8px #0000002e}.imperial-card>button:disabled,.imperial-card .auth-actions>button:disabled{color:#1a14088c;box-shadow:none;cursor:not-allowed;filter:grayscale(.4);background:linear-gradient(#8a7a4a 0%,#6e6037 100%);border-color:#00000040}.imperial-card .auth-divider{color:var(--ink-soft);font-family:var(--serif-display);letter-spacing:.3em;text-transform:uppercase;font-size:.72rem}.imperial-card .auth-divider:before,.imperial-card .auth-divider:after{background:var(--gold-dim);opacity:.5}.audio-control{flex-direction:row-reverse;gap:0}.audio-control .audio-slider{margin-left:0;margin-right:0}.audio-control:hover .audio-slider,.audio-control:focus-within .audio-slider{margin-right:.4rem}.lobby-bg{z-index:0;-webkit-mask-composite:source-in;filter:blur(3px)brightness(.62);opacity:.7;pointer-events:none;background-image:url(/lobby-bg.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;animation:.6s both lobby-bg-fade;position:fixed;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#00000073 8%,#000 22% 78%,#00000073 92%,#0000 100%),linear-gradient(#0000 0%,#000 5% 95%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#00000073 8%,#000 22% 78%,#00000073 92%,#0000 100%),linear-gradient(#0000 0%,#000 5% 95%,#0000 100%);-webkit-mask-composite:source-in;mask-composite:intersect}@keyframes lobby-bg-fade{0%{opacity:0}to{opacity:.7}}.app.in-game-page{z-index:1;max-width:1100px;padding-top:5.5rem;position:relative}.page-transition-overlay{z-index:9999;opacity:0;pointer-events:none;background:#06080f;transition:opacity .32s;position:fixed;inset:0}.page-transition-overlay.darkening{opacity:1;pointer-events:auto}@media (width<=720px){.topbar.topbar-transparent .topbar-inner,.topbar:not(.topbar-transparent) .topbar-inner{justify-content:flex-end;padding:.5rem .6rem .5rem .8rem}.topbar-right{gap:.35rem}.signin-btn{letter-spacing:.12em;padding:.4rem .85rem;font-size:.72rem}.topbar .nav-btn,.topbar.topbar-transparent .nav-btn{letter-spacing:.1em;padding:.35rem .7rem;font-size:.68rem}.topbar .account-btn,.topbar.topbar-transparent .account-btn{gap:.35rem;padding:.2rem .55rem .2rem .25rem}.topbar .account-name,.topbar.topbar-transparent .account-name{text-overflow:ellipsis;white-space:nowrap;letter-spacing:.08em;max-width:90px;font-size:.68rem;overflow:hidden}.audio-control{display:none}.topbar:after{background:linear-gradient(90deg,#0000 calc(35% - 120px),#b8914626 calc(35% - 120px),#b89146b3 calc(35% - 90px) 35%,#0000 35% 65%,#b89146b3 65% calc(65% + 90px),#b8914626 calc(65% + 120px),#0000 calc(65% + 120px))}.app.entry{padding-bottom:1rem}.imperial-hero{padding-top:0}.signin-popover{width:min(300px,100vw - 1.5rem);right:-.5rem}.logged-out{margin-top:-45px}.logged-out-bg{background-size:100%;height:250px}.entry-body{max-width:460px;margin:.5rem auto 0;padding:0 1rem;position:static;bottom:auto}.mode-grid{grid-template-columns:1fr 1fr;gap:.6rem;max-width:100%}.mode-card .coming-soon{letter-spacing:.14em;padding:.18rem .55rem;font-size:.6rem;bottom:18px}.home-pitch{gap:.5rem;margin:.6rem auto 1.2rem;padding:0 1rem;position:static;bottom:auto}.home-cta{padding:.6rem 1.6rem;font-size:.78rem}.senatus-card{width:calc(100vw - 1.5rem);padding:1.4rem 1.1rem 1.3rem;top:50%}.senatus-grid{grid-template-columns:1fr;gap:.8rem}.app.in-game-page{padding-top:4.5rem;padding-left:.75rem;padding-right:.75rem}.lobby-bar{grid-template-columns:1fr;gap:.5rem}.start-btn{width:100%;min-width:0}.lobby-main .big-code{padding:.25rem .55rem;font-size:1.1rem}.participants-cards{flex-wrap:wrap}.player-card{flex-basis:calc(33.3333% - .366667rem);max-width:110px;padding:.6rem .4rem}.player-card-name{font-size:.8rem}.card{padding:1rem 1rem 1.1rem}.round-header{flex-wrap:wrap;gap:.4rem .6rem;font-size:.8rem}.headline{font-size:1.05rem}.question,textarea{font-size:.95rem}.reaction-bar{flex-wrap:wrap}.standings-compact li{font-size:.82rem}.modal-overlay{padding:.75rem .5rem;inset:56px 0 0}.modal{max-width:calc(100vw - 1rem);padding:1.1rem}}@media (width<=420px){.topbar.topbar-transparent .topbar-inner,.topbar:not(.topbar-transparent) .topbar-inner{padding:.4rem .4rem .4rem .5rem}.topbar-right{gap:.25rem}.signin-btn{padding:.35rem .7rem;font-size:.66rem}.topbar .nav-btn,.topbar.topbar-transparent .nav-btn{padding:.3rem .55rem;font-size:.62rem}.topbar .account-name,.topbar.topbar-transparent .account-name{max-width:60px;font-size:.62rem}}.lobby{z-index:1;animation:.5s cubic-bezier(.22,1.2,.36,1) both lobby-fade-in;position:relative}@keyframes lobby-fade-in{0%{opacity:0}to{opacity:1}}.lobby-main{background:#0f1626d1;border:1px solid #b891464d;border-radius:10px;box-shadow:0 14px 40px #00000073,inset 0 1px #ffffff0a}.lobby-main h2{color:var(--gold-soft);font-family:var(--serif-display);letter-spacing:.24em;text-transform:uppercase;margin:0 0 .6rem;font-size:1rem;font-weight:600}.lobby-main p{color:#98a1b4;margin:0;font-size:.92rem}.lobby-main .big-code{color:#f0d068;letter-spacing:.22em;background:#ffffff0a;border:1px solid #b8914652;border-radius:6px;padding:.3rem .7rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.35rem}.participants{margin:1.2rem 0 1rem}.participants-header{align-items:baseline;gap:.5rem;margin-bottom:.55rem;display:flex}.participants-label{font-family:var(--serif-display);letter-spacing:.22em;text-transform:uppercase;color:var(--gold-soft);opacity:.85;font-size:.7rem}.participants-count{color:#8a8f9c;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem}.participants-row{align-items:stretch;gap:.5rem;display:flex}.participants-cards{flex:1;justify-content:center;gap:.55rem;min-width:0;display:flex}.player-card{aspect-ratio:3/4;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f1626c7;border:1px solid #b8914638;border-radius:10px;flex-direction:column;flex:0 0 calc(20% - .44rem);justify-content:flex-start;align-items:center;gap:.4rem;max-width:130px;padding:1rem .5rem .7rem;transition:border-color .15s,background .15s,transform .15s;display:flex;position:relative}.player-card:hover{background:#0f1626e0;border-color:#b8914666}.player-card[data-self]{background:#b891460f;border-color:#b891468c}.player-card[data-offline]{opacity:.55;filter:grayscale(.4)}.player-card-name{font-family:var(--serif-display);color:#e8ecf3;letter-spacing:.04em;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%;max-width:100%;margin-top:auto;font-size:.88rem;overflow:hidden}.player-card-badges{flex-wrap:wrap;justify-content:center;gap:.25rem;min-height:1.1rem;display:flex}.player-card-host{font-family:var(--serif-display);letter-spacing:.16em;text-transform:uppercase;color:var(--gold-bright);background:#b8914629;border:1px solid #b8914673;border-radius:3px;padding:.1rem .35rem;font-size:.5rem;line-height:1;position:absolute;top:.35rem;left:.4rem}.player-card .badge{letter-spacing:.12em;text-transform:uppercase;font-size:.58rem;font-family:var(--serif-display);color:#b3bccd;background:#ffffff0f;border:1px solid #ffffff14;border-radius:4px;padding:.12rem .45rem}.player-card .badge.ready{color:#7ee19a;background:#2e8a4a2e;border-color:#2e8a4a66}.player-card .badge.offline{color:#ff9b9b;background:#7a1a1a2e;border-color:#7a1a1a66}.player-card-kick{color:#8a8f9c;cursor:pointer;opacity:0;background:#00000059;border:1px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;width:1.3rem;height:1.3rem;padding:0;font-size:.95rem;line-height:1;transition:opacity .12s,color .12s,border-color .12s;display:flex;position:absolute;top:.3rem;right:.35rem}.player-card:hover .player-card-kick{opacity:1}.player-card-kick:hover{color:#ff9b9b;background:#7a1a1a40;border-color:#7a1a1a99}.participants-nav{width:2rem;color:var(--gold-soft);cursor:pointer;font-size:1.4rem;line-height:1;font-family:var(--serif-display);background:0 0;border:1px solid #b891464d;border-radius:8px;flex:none;justify-content:center;align-items:center;transition:color .12s,background .12s,border-color .12s;display:flex}.participants-nav:hover{color:var(--gold-bright);border-color:var(--gold);background:#b891461a}.lobby-bar{gap:.7rem}.config-card{color:#d9def0;opacity:0;background:#0f1626d1;border:1px solid #b8914638;border-radius:10px;flex-direction:column;gap:.55rem;min-height:110px;padding:.9rem 1.1rem;transition:background .15s,border-color .15s,transform .15s;animation:.42s cubic-bezier(.2,.7,.2,1) forwards configCardUnveil;display:flex;transform:translateY(8px)}@keyframes configCardUnveil{to{opacity:1;transform:translateY(0)}}.config-card:hover:not(:disabled){border-color:var(--gold);background:#b891460f}.config-card:disabled{opacity:1;border-color:#b891461f}.config-card:disabled .config-card-chips,.config-card:disabled .config-card-rounds,.config-card:disabled .config-card-difficulty,.config-card:disabled .config-card-tally{opacity:.7}.config-card-label{color:var(--gold-soft);font-family:var(--serif-display);letter-spacing:.2em;text-transform:uppercase;opacity:.85;font-size:.68rem}.config-card-chips{flex-wrap:wrap;align-items:center;gap:.3rem;display:flex}.topic-chip{color:#5b6072;opacity:.6;background:#ffffff06;border:1px solid #b8914624;border-radius:50%;justify-content:center;align-items:center;width:2.2rem;height:2.2rem;transition:opacity .15s,transform .15s,color .15s,background .15s,border-color .15s;display:inline-flex}.topic-chip[data-selected]{color:var(--gold-bright);opacity:1;background:#b8914629;border-color:#b8914680;box-shadow:0 1px 4px #0000004d}.config-card:hover:not(:disabled) .topic-chip[data-selected]{transform:translateY(-1px)}.config-card-tally{color:#b4b9c4;letter-spacing:.02em;font-size:.78rem}.config-card-match{justify-content:space-between}.config-card-rounds{justify-content:center;align-items:baseline;gap:.45rem;margin-top:auto;display:flex}.config-card-rounds-num{font-family:var(--serif-display);color:var(--gold-bright);letter-spacing:.02em;font-size:2.4rem;line-height:1}.config-card-rounds-word{font-family:var(--serif-display);letter-spacing:.18em;text-transform:uppercase;color:var(--gold-soft);font-size:.82rem}.config-card-difficulty{color:#b4b9c4;flex-wrap:wrap;justify-content:center;align-items:center;gap:.4rem;margin-top:auto;margin-bottom:.1rem;font-size:.78rem;display:flex}.diff-pip{border-radius:50%;width:.5rem;height:.5rem;margin-right:.25rem;display:inline-block}.diff-pip.diff-easy{background:#7ee19a;box-shadow:0 0 6px #7ee19a73}.diff-pip.diff-medium{background:#f0c46a;box-shadow:0 0 6px #f0c46a66}.diff-pip.diff-hard{background:#f08a6a;box-shadow:0 0 6px #f08a6a66}.diff-sep{color:#4a5063;padding:0 .05rem}.config-card-meta{border-top:1px solid #b891461f;justify-content:center;align-items:center;gap:.55rem;margin-top:.45rem;padding-top:.45rem;display:flex}.lang-chip{font-family:var(--serif-display);letter-spacing:.18em;text-transform:uppercase;color:var(--gold-bright);background:#b891461f;border:1px solid #b8914666;border-radius:4px;padding:.12rem .4rem;font-size:.6rem;line-height:1}.bonus-chip{font-family:var(--serif-display);letter-spacing:.16em;text-transform:uppercase;color:var(--gold-soft);opacity:.35;align-items:center;gap:.3rem;font-size:.62rem;transition:opacity .15s,color .15s;display:inline-flex}.bonus-chip[data-active]{opacity:1;color:var(--gold-bright)}.bonus-chip svg{display:block}.start-btn{-webkit-backdrop-filter:blur(10px);color:var(--gold-bright);border:1.5px solid var(--gold);font-family:var(--serif-display);letter-spacing:.22em;text-transform:uppercase;cursor:pointer;background:#0f1626c7;border-radius:10px;padding:0 1.4rem;font-size:1.1rem;font-weight:700;line-height:1.2;transition:background .18s,border-color .18s,box-shadow .18s,color .18s,transform .18s;box-shadow:inset 0 0 0 1px #b891461f}.start-btn:hover:not(:disabled){border-color:var(--gold-bright);color:#fff5d6;background:#b8914614;transform:translateY(-1px);box-shadow:inset 0 0 0 1px #b8914640,0 0 28px #b891462e}.start-btn:disabled{color:#b8914666;cursor:not-allowed;box-shadow:none;border-color:#b8914633}.start-btn.ready-on{color:#a4e8b8;background:#2e8a4a1a;border-color:#2e8a4ab3;box-shadow:inset 0 0 0 1px #2e8a4a2e}.start-btn.ready-on:hover:not(:disabled){color:#c7f0d3;background:#2e8a4a2e;border-color:#4ab26a;box-shadow:inset 0 0 0 1px #2e8a4a59,0 0 28px #2e8a4a2e}.chat-toggle{z-index:50;-webkit-backdrop-filter:blur(10px);width:46px;height:46px;color:var(--gold-bright);cursor:pointer;background:#0f1626eb;border:1px solid #b8914666;border-radius:50%;justify-content:center;align-items:center;transition:border-color .15s,color .15s,transform .15s;display:inline-flex;position:fixed;bottom:1rem;right:1rem;box-shadow:0 4px 16px #0006}.chat-toggle:hover{border-color:var(--gold);color:#fff5d6;transform:translateY(-1px)}.chat-toggle-badge{color:#fff;background:#c0392b;border:1px solid #0000004d;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:.66rem;font-weight:700;display:inline-flex;position:absolute;top:-4px;right:-4px}.chat-panel{z-index:50;-webkit-backdrop-filter:blur(10px);background:#0f1626eb;border:1px solid #b8914652;border-radius:12px;flex-direction:column;width:320px;max-width:calc(100vw - 2rem);height:420px;max-height:calc(100vh - 6rem);display:flex;position:fixed;bottom:1rem;right:1rem;overflow:hidden;box-shadow:0 8px 28px #00000080}.chat-header{border-bottom:1px solid #b891462e;justify-content:space-between;align-items:center;padding:.55rem .85rem;display:flex}.chat-title{font-family:var(--serif-display);letter-spacing:.22em;text-transform:uppercase;color:var(--gold-bright);font-size:.72rem}.chat-close{color:#8a8f9c;cursor:pointer;background:0 0;border:none;padding:0 .2rem;font-size:1.3rem;line-height:1;transition:color .12s}.chat-close:hover{color:#fff}.chat-messages{flex-direction:column;flex:1;gap:.45rem;padding:.6rem .7rem;display:flex;overflow-y:auto}.chat-empty{color:#6a7080;text-align:center;padding:1rem 0;font-size:.8rem;font-style:italic}.chat-msg{align-items:flex-start;gap:.45rem;display:flex}.chat-msg.mine{flex-direction:row-reverse}.chat-msg-avatar{flex:none;margin-top:.1rem;display:inline-flex}.chat-msg-body{flex-direction:column;gap:.15rem;max-width:78%;display:flex}.chat-msg-name{color:var(--gold-soft);font-size:.65rem;font-family:var(--serif-display);letter-spacing:.1em;text-transform:uppercase;opacity:.85}.chat-msg-text{color:#e8ecf3;word-wrap:break-word;overflow-wrap:anywhere;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:8px;padding:.4rem .6rem;font-size:.85rem;line-height:1.35}.chat-msg.mine .chat-msg-text{color:#fff5d6;background:#b891461f;border-color:#b891464d}.chat-input-row{border-top:1px solid #b891462e;align-items:center;gap:.4rem;padding:.55rem .7rem;display:flex}.chat-input{color:#e8ecf3;background:#ffffff0a;border:1px solid #ffffff14;border-radius:6px;flex:1;min-width:0;padding:.4rem .55rem;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:.85rem}.chat-input:focus{background:#b891460a;border-color:#b8914680;outline:none}.chat-input-counter{color:#6a7080;font-variant-numeric:tabular-nums;font-size:.62rem}.chat-send{color:var(--gold-soft);font-family:var(--serif-display);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #b8914666;border-radius:6px;padding:.32rem .7rem;font-size:.65rem;transition:background .12s,color .12s,border-color .12s}.chat-send:hover:not(:disabled){color:var(--gold-bright);border-color:var(--gold);background:#b891461f}.chat-send:disabled{opacity:.4;cursor:not-allowed}@media (width<=480px){.chat-panel{width:calc(100vw - 1.4rem);bottom:.7rem;right:.7rem}}.topbar:not(.topbar-transparent){-webkit-backdrop-filter:blur(10px)saturate(1.05);background:#0b101cd9}.topbar:not(.topbar-transparent) .topbar-inner{justify-content:flex-end;max-width:none}.topbar:not(.topbar-transparent) .topbar-right{margin-left:auto}.topbar:not(.topbar-transparent) .room{color:var(--gold-soft);font-family:var(--serif-display);letter-spacing:.18em;text-transform:uppercase;font-size:.72rem}.topbar:not(.topbar-transparent) .room code{color:#f0d068;letter-spacing:.18em;background:#ffffff0a;border:1px solid #b8914652;border-radius:4px;padding:.18rem .5rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem}.topbar:not(.topbar-transparent) .nav-btn{color:#d9def0;font-family:var(--serif-display);letter-spacing:.14em;text-transform:uppercase;background:#ffffff08;border:1px solid #b8914640;border-radius:999px;padding:.42rem .85rem;font-size:.72rem}.topbar:not(.topbar-transparent) .nav-btn:hover{border-color:var(--gold);color:var(--gold-bright);background:#b8914614}.topbar:not(.topbar-transparent) .nav-btn.leave{color:#ff9b9b;border-color:#ff9b9b52}.topbar:not(.topbar-transparent) .nav-btn.leave:hover{color:#ffb3b3;background:#7a1a1a2e;border-color:#ff9b9b}.topbar:not(.topbar-transparent) .account-btn{color:#e7ebf3;background:#ffffff08;border:1px solid #b891464d;border-radius:999px;padding:.25rem .7rem .25rem .3rem}.topbar:not(.topbar-transparent) .account-btn:hover{border-color:var(--gold);background:#b8914614}.topbar:not(.topbar-transparent) .account-btn .account-name{font-family:var(--serif-display);letter-spacing:.14em;text-transform:uppercase;color:#e7ebf3;font-size:.74rem}.topbar:not(.topbar-transparent) .account-btn .caret{color:var(--gold-soft)}.topbar:not(.topbar-transparent) .account-menu{-webkit-backdrop-filter:blur(10px);background:#0f1626f2;border:1px solid #b8914647}