:root{--tr-blue:#0f5fa6;--tr-ember:#ee6b1f;--tr-accent:#2b6cb0;--tr-paper:#f6f1e7;--tr-surface:#fffdf8;--tr-surface-2:#efe8da;--tr-ink:#1f2328;--tr-ink-soft:#5b6168;--tr-line:#d9d0be;--tr-danger:#c0392b;--tr-ok:#3a9d5c;--tr-brand-navy:#17346f;--tr-sea:#d6e4ec;--tr-sea-line:#1f5a8233;--tr-land:#efe6cf;--tr-coast:#b9a47b;--tr-relief:#d9c9a1;--tr-radius-sm:6px;--tr-radius:10px;--tr-radius-lg:16px;--tr-space-1:4px;--tr-space-2:8px;--tr-space-3:12px;--tr-space-4:16px;--tr-space-6:24px;--tr-space-8:32px;--tr-shadow:0 1px 2px #1f232814, 0 4px 16px #1f232814;--tr-font-cjk:"Noto Sans TC", "PingFang TC", "Microsoft JhengHei", system-ui, sans-serif;--tr-font-mono:"IBM Plex Mono", ui-monospace, "Cascadia Code", "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", monospace}:root[data-theme=dark]{--tr-paper:#1a1c1f;--tr-surface:#232629;--tr-surface-2:#2c2f33;--tr-ink:#ececec;--tr-ink-soft:#a8adb3;--tr-line:#3a3e43;--tr-accent:#5b9bd5;--tr-brand-navy:#5b9bd5;--tr-sea:#15222b;--tr-sea-line:#96bed72b;--tr-land:#2a2e25;--tr-coast:#515a44;--tr-relief:#39402e}@media (prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=dark]){--tr-paper:#1a1c1f;--tr-surface:#232629;--tr-surface-2:#2c2f33;--tr-ink:#ececec;--tr-ink-soft:#a8adb3;--tr-line:#3a3e43;--tr-accent:#5b9bd5;--tr-brand-navy:#5b9bd5;--tr-sea:#15222b;--tr-sea-line:#96bed72b;--tr-land:#2a2e25;--tr-coast:#515a44;--tr-relief:#39402e}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--tr-paper);color:var(--tr-ink);font-family:var(--tr-font-cjk);-webkit-font-smoothing:antialiased}button{font:inherit;cursor:pointer;border:1px solid var(--tr-line);background:var(--tr-surface);color:var(--tr-ink);border-radius:var(--tr-radius-sm);padding:var(--tr-space-2) var(--tr-space-3);transition:filter .12s}button:hover:not(:disabled){filter:brightness(.97)}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--tr-blue);border-color:var(--tr-blue);color:#fff}button.accent{background:var(--tr-ember);border-color:var(--tr-ember);color:#fff}button.success{background:var(--tr-ok);border-color:var(--tr-ok);color:#fff}button.danger{background:var(--tr-danger);border-color:var(--tr-danger);color:#fff}input{font:inherit;padding:var(--tr-space-2) var(--tr-space-3);border:1px solid var(--tr-line);border-radius:var(--tr-radius-sm);background:var(--tr-surface);color:var(--tr-ink)}.card{background:var(--tr-surface);border:1px solid var(--tr-line);border-radius:var(--tr-radius);box-shadow:var(--tr-shadow);padding:var(--tr-space-6)}.muted{color:var(--tr-ink-soft)}:focus-visible{outline:3px solid var(--tr-ember);outline-offset:2px}.ad-slot{box-sizing:border-box;width:100%;max-width:100%;margin:var(--tr-space-4) auto;text-align:center;border-top:1px solid var(--tr-line);border-bottom:1px solid var(--tr-line);padding:0;display:block;overflow:hidden}.ad-slot-label{letter-spacing:.08em;text-transform:uppercase;color:var(--tr-ink-soft);opacity:.7;padding:4px 0 2px;font-size:11px;line-height:1.4;display:block}.ad-slot-ins{width:100%;display:block}.ad-slot:has(>.ad-slot-ins[data-ad-status=unfilled]){display:none}.home-side-ad{margin:var(--tr-space-3) 0 0}.history-ad{margin:var(--tr-space-3) 0}.ad-slot--comms{min-height:0;max-height:40%;margin:0 var(--tr-space-3) var(--tr-space-2);border:1px solid var(--tr-line);border-radius:var(--tr-radius);flex:0 auto;overflow:hidden}.scoreboard-ad{margin:var(--tr-space-2) 0}.room-ad{margin:var(--tr-space-3) 0 0}.app-main.app-main--landing{max-width:100%;padding:0}.landing{flex-direction:column;display:flex}.landing-wrap{width:100%;max-width:1100px;padding-left:var(--tr-space-6);padding-right:var(--tr-space-6);margin:0 auto}.landing-hero{background:linear-gradient(180deg, color-mix(in srgb, var(--tr-sea) 55%, var(--tr-paper)), var(--tr-paper) 78%);border-bottom:1px solid var(--tr-line);position:relative;overflow:hidden}.landing-hero-rails{pointer-events:none;opacity:.45;width:100%;height:100%;position:absolute;inset:0}.landing-hero-rails path{stroke:var(--tr-coast);stroke-width:3px;fill:none;stroke-dasharray:2 14;stroke-linecap:round}.landing-hero-rails circle{fill:var(--tr-coast)}.landing-hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);align-items:center;gap:clamp(24px,5vw,64px);padding-top:clamp(40px,7vh,88px);padding-bottom:clamp(40px,7vh,88px);display:grid;position:relative}.landing-eyebrow{align-items:center;gap:var(--tr-space-2);margin:0 0 var(--tr-space-4);font-family:var(--tr-font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--tr-ink-soft);border:1px solid var(--tr-line);background:color-mix(in srgb, var(--tr-surface) 72%, transparent);border-radius:999px;padding:6px 12px;font-size:12.5px;display:inline-flex}.landing-title{margin:0 0 var(--tr-space-4);letter-spacing:.01em;color:var(--tr-ink);white-space:pre-line;font-size:clamp(30px,4.6vw,46px);font-weight:800;line-height:1.22}.landing-lede{margin:0 0 var(--tr-space-6);max-width:34em;color:var(--tr-ink-soft);font-size:15.5px;line-height:1.8}.landing-departures{--dep-panel:var(--tr-surface);--dep-line:var(--tr-line);--dep-head:var(--tr-ink-soft);--dep-soft:var(--tr-ink-soft);--dep-amber:var(--tr-ember);--dep-go:var(--tr-ok);--dep-hover-bg:color-mix(in srgb, var(--tr-ink) 6%, transparent);--dep-hover-ink:var(--tr-ink);background:var(--dep-panel);border:1px solid var(--dep-line);border-radius:var(--tr-radius);max-width:560px;box-shadow:var(--tr-shadow);overflow:hidden}:root[data-theme=dark] .landing-departures{--dep-panel:#14181e;--dep-line:#262c35;--dep-head:#d8dde4;--dep-soft:#9aa4b1;--dep-amber:#f5b942;--dep-go:#43d17c;--dep-hover-bg:#ffffff0d;--dep-hover-ink:#fff;box-shadow:var(--tr-shadow), inset 0 0 0 1px #ffffff05;background-image:repeating-linear-gradient(0deg,#ffffff04 0 1px,#0000 1px 3px)}.landing-departures-head{align-items:baseline;gap:var(--tr-space-3);border-bottom:1px solid var(--dep-line);font-family:var(--tr-font-mono);padding:10px 16px;display:flex}.landing-departures-zh{letter-spacing:.3em;color:var(--dep-head);font-size:13px}.landing-departures-en{letter-spacing:.34em;color:var(--dep-soft);font-size:10.5px}button.landing-departure{align-items:center;column-gap:var(--tr-space-4);text-align:start;width:100%;color:var(--dep-amber);font-family:var(--tr-font-mono);background:0 0;border:none;border-radius:0;grid-template-columns:1fr auto auto;grid-template-areas:"dest status arrow""meta status arrow";row-gap:2px;padding:14px 16px;transition:background .15s;display:grid}button.landing-departure+button.landing-departure{border-top:1px solid var(--dep-line)}button.landing-departure:hover:not(:disabled){filter:none;background:var(--dep-hover-bg)}.landing-departure-dest{letter-spacing:.08em;grid-area:dest;font-size:19px;font-weight:700}.landing-departure-meta{letter-spacing:.05em;color:var(--dep-soft);grid-area:meta;font-size:12px}.landing-departure-status{letter-spacing:.08em;border:1px solid color-mix(in srgb, var(--dep-amber) 55%, transparent);white-space:nowrap;border-radius:4px;grid-area:status;padding:4px 10px;font-size:11.5px}.landing-departure-status--go{border-color:color-mix(in srgb, var(--dep-go) 55%, transparent);color:var(--dep-go)}.landing-departure-arrow{color:var(--dep-soft);grid-area:arrow;transition:transform .15s,color .15s}button.landing-departure:hover .landing-departure-arrow{color:var(--dep-hover-ink);transform:translate(3px)}.landing-store{align-items:center;gap:var(--tr-space-4);margin-top:var(--tr-space-4);flex-wrap:wrap;display:flex}.landing-store-lede{margin:0;font-size:13px}.landing-board{border:1px solid var(--tr-coast);border-radius:var(--tr-radius-lg);height:clamp(380px,56vh,560px);box-shadow:var(--tr-shadow);background:var(--tr-sea);position:relative;overflow:hidden}.landing-board-map{pointer-events:none;position:absolute;inset:0}.landing-board-map .board{width:100%;height:100%}.landing-section{padding-top:clamp(40px,7vh,72px);padding-bottom:clamp(40px,7vh,72px)}.landing-section+.landing-section{padding-top:0}.landing-h2{margin:0 0 var(--tr-space-2);font-size:clamp(22px,2.6vw,28px);font-weight:750}.landing-section-lede{margin:0 0 var(--tr-space-6);max-width:40em;color:var(--tr-ink-soft);line-height:1.7}.landing-how-grid{gap:var(--tr-space-4);grid-template-columns:repeat(3,1fr);display:grid}.landing-how-card{background:var(--tr-surface);border:1px solid var(--tr-line);border-radius:var(--tr-radius);box-shadow:var(--tr-shadow);padding:20px}.landing-how-icon{background:color-mix(in srgb, var(--tr-blue) 12%, var(--tr-surface));width:40px;height:40px;color:var(--tr-blue);margin-bottom:var(--tr-space-3);border-radius:10px;justify-content:center;align-items:center;display:flex}.landing-how-card h3{margin:0 0 6px;font-size:16.5px}.landing-how-card p{color:var(--tr-ink-soft);margin:0;font-size:13.5px;line-height:1.7}.landing-scoring{align-items:flex-start;gap:var(--tr-space-2);margin:var(--tr-space-6) 0 0;border:1px dashed var(--tr-coast);border-radius:var(--tr-radius);background:color-mix(in srgb, var(--tr-land) 30%, var(--tr-surface));color:var(--tr-ink-soft);padding:14px 16px;font-size:13.5px;line-height:1.6;display:flex}.landing-scoring svg{color:var(--tr-ember);flex:none;margin-top:2px}.landing-features-grid{gap:var(--tr-space-4);grid-template-columns:repeat(3,1fr);display:grid}.landing-feature{align-items:flex-start;gap:var(--tr-space-3);border:1px solid var(--tr-line);border-radius:var(--tr-radius);background:var(--tr-surface);padding:16px;display:flex}.landing-feature-icon{background:color-mix(in srgb, var(--tr-ember) 12%, var(--tr-surface));width:34px;height:34px;color:var(--tr-ember);border-radius:8px;flex:none;justify-content:center;align-items:center;display:flex}.landing-feature h3{margin:0 0 4px;font-size:14.5px}.landing-feature p{color:var(--tr-ink-soft);margin:0;font-size:13px;line-height:1.65}.landing-account-points{margin:0 0 var(--tr-space-6);gap:var(--tr-space-4);flex-direction:column;max-width:46em;padding:0;list-style:none;display:flex}.landing-account-points li{color:var(--tr-ink-soft);padding-left:26px;font-size:14px;line-height:1.7;position:relative}.landing-account-points li:before{content:"";border:2px solid var(--tr-blue);background:var(--tr-paper);border-radius:50%;width:10px;height:10px;position:absolute;top:.45em;left:2px}.landing-account-points li:after{content:"";top:calc(.45em + 16px);left:8px;bottom:calc(-1 * var(--tr-space-4));background:var(--tr-line);width:2px;position:absolute}.landing-account-points li:last-child:after{display:none}.landing-account-links{gap:var(--tr-space-6);flex-wrap:wrap;display:flex}.landing-account-links .link{font-size:14px}a.link{color:inherit}.landing-discord{background:color-mix(in srgb, #5865f2 9%, var(--tr-paper));border-top:1px solid var(--tr-line);border-bottom:1px solid var(--tr-line)}.landing-section.landing-discord{padding-top:clamp(40px,7vh,72px)}.landing-discord-inner{justify-content:space-between;align-items:center;gap:var(--tr-space-6);flex-wrap:wrap;display:flex}.landing-discord-copy{align-items:center;gap:var(--tr-space-4);max-width:40em;display:flex}.landing-discord-icon{color:#fff;background:#5865f2;border-radius:50%;flex:none;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.landing-discord-copy .landing-h2{margin-bottom:4px}.landing-discord-copy .landing-section-lede{margin:0}.landing-discord-cta{flex:none}.landing-footer{border-top:1px solid var(--tr-line);background:var(--tr-surface)}.landing-footer-inner{gap:var(--tr-space-3);padding-top:var(--tr-space-8);padding-bottom:var(--tr-space-8);flex-direction:column;display:flex}.landing-footer-tagline{margin:0;font-size:13px}.landing-footer-store{align-self:flex-start}.landing-footer-links{gap:var(--tr-space-3);flex-wrap:wrap;display:flex}.landing-footer-links button{align-items:center;gap:6px;font-size:13px;display:inline-flex}.landing-footer-disclaimer{margin:var(--tr-space-2) 0 0;font-size:12px}@media (prefers-reduced-motion:no-preference){.landing-hero-rails path{animation:26s linear infinite landing-rails-drift}.landing-hero-copy>*{animation:.55s both landing-rise}.landing-hero-copy>:nth-child(2){animation-delay:60ms}.landing-hero-copy>:nth-child(3){animation-delay:.12s}.landing-hero-copy>:nth-child(4){animation-delay:.18s}.landing-hero-copy>:nth-child(5){animation-delay:.24s}.landing-board{animation:.55s .2s both landing-rise}button.landing-departure{animation:.4s both landing-light}button.landing-departure:first-of-type{animation-delay:.34s}button.landing-departure:nth-of-type(2){animation-delay:.46s}}@keyframes landing-rails-drift{to{stroke-dashoffset:-160px}}@keyframes landing-rise{0%{opacity:0;transform:translateY(10px)}}@keyframes landing-light{0%{opacity:0}}@media (width<=900px){.landing-hero-grid{grid-template-columns:1fr}.landing-board{height:clamp(300px,46vh,420px)}.landing-how-grid,.landing-features-grid{grid-template-columns:1fr 1fr}}@media (width<=700px){.landing-wrap{padding-left:var(--tr-space-4);padding-right:var(--tr-space-4)}.landing-title{font-size:28px}.landing-how-grid,.landing-features-grid{grid-template-columns:1fr}.landing-discord-inner{flex-direction:column;align-items:flex-start}.landing-discord-cta{justify-content:center;width:100%}.landing-departure-arrow{display:none}button.landing-departure{grid-template-columns:1fr auto;grid-template-areas:"dest status""meta status"}}.app{flex-direction:column;min-height:100%;display:flex}.app--game{height:100dvh;min-height:0}.app-header{padding:var(--tr-space-3) var(--tr-space-6);border-bottom:1px solid var(--tr-line);background:var(--tr-surface);justify-content:space-between;align-items:center;display:flex}.brand{cursor:pointer;background:0 0;border:none;align-items:center;padding:0;display:flex}.brand-banner{align-items:center;gap:var(--tr-space-3);display:flex}.brand-banner-icon{border-radius:22%;flex:none}.brand-banner-text{flex-direction:column;gap:3px;display:flex}.brand-banner-zh{font-family:var(--tr-font-cjk);color:#e55509;letter-spacing:.056em;font-weight:750;line-height:1;transform:skew(-6deg)}.brand-banner-en{letter-spacing:.455em;color:var(--tr-brand-navy);font-family:Archivo,sans-serif;font-weight:600;transform:skew(-6deg)}.brand-banner--header{gap:var(--tr-space-2)}.brand-banner--header .brand-banner-icon{width:36px;height:36px}.brand-banner--header .brand-banner-zh{font-size:17px}.brand-banner--header .brand-banner-en{font-size:7px}.brand-banner--hero{font-size:48px}.brand-banner--hero .brand-banner-icon{width:1.667em;height:1.667em}.brand-banner--hero .brand-banner-zh{font-size:1em}.brand-banner--hero .brand-banner-en{font-size:.333em}.header-actions{gap:var(--tr-space-2);display:flex}.leave-btn{align-items:center;gap:var(--tr-space-2);color:var(--tr-danger);border-color:var(--tr-danger);display:flex}.header-signin{align-items:center;gap:var(--tr-space-2);font-weight:600;display:inline-flex}.header-status{justify-content:center;align-items:center;gap:var(--tr-space-3);flex:1;min-width:0;display:flex}.turn-label{white-space:nowrap}.app-main{width:100%;max-width:720px;padding:var(--tr-space-8) var(--tr-space-4);flex:1;margin:0 auto}.app-main--game{max-width:min(1680px,100%);padding:var(--tr-space-4) var(--tr-space-6);flex-direction:column;min-height:0;display:flex;overflow:hidden}.stack{gap:var(--tr-space-4);flex-direction:column;display:flex}.row{gap:var(--tr-space-2);align-items:center;display:flex}.row.between{justify-content:space-between}.error{color:var(--tr-danger)}.room-code{font-family:var(--tr-font-mono);letter-spacing:2px;background:var(--tr-surface-2);border-radius:var(--tr-radius-sm);padding:2px 8px;font-size:1.2em}.member-list{gap:var(--tr-space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.member-list li{align-items:center;gap:var(--tr-space-2);background:var(--tr-surface);border:1px solid var(--tr-line);border-radius:var(--tr-radius-sm);padding:var(--tr-space-2) var(--tr-space-3);display:flex}.seat-dot{border-radius:50%;flex:none;width:14px;height:14px}.badge{white-space:nowrap;background:var(--tr-surface-2);color:var(--tr-ink-soft);border-radius:999px;flex-shrink:0;margin-left:auto;padding:2px 8px;font-size:.8em}.badge.ok{background:color-mix(in srgb, var(--tr-ok) 20%, transparent);color:var(--tr-ok)}.badge.bot{background:color-mix(in srgb, var(--tr-blue) 18%, transparent);color:var(--tr-blue)}.tabs{gap:var(--tr-space-2);display:flex}.tab{background:var(--tr-surface-2);color:var(--tr-ink-soft);flex:1}.tab.active{background:var(--tr-blue);color:#fff}.user-chip{color:var(--tr-ink-soft);background:var(--tr-surface-2);border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:.85em;display:inline-flex}.user-avatar{object-fit:cover;border-radius:50%;flex:none;width:16px;height:16px}.bot-controls{flex-wrap:wrap}.app-main.app-main--room{max-width:min(1080px,100%)}.header-menu-wrap{position:relative}.header-menu{z-index:45;min-width:12.5em;padding:var(--tr-space-1);background:var(--tr-surface);border:1px solid var(--tr-line);border-radius:var(--tr-radius);box-shadow:var(--tr-shadow);flex-direction:column;display:flex;position:absolute;top:calc(100% + 6px);right:0}.header-menu-user{align-items:center;gap:var(--tr-space-2);padding:var(--tr-space-2) var(--tr-space-3);color:var(--tr-ink-soft);border-bottom:1px solid var(--tr-line);margin-bottom:var(--tr-space-1);overflow-wrap:anywhere;font-size:.9em;display:flex}.header-menu-item{align-items:center;gap:var(--tr-space-2);text-align:left;width:100%;padding:var(--tr-space-2) var(--tr-space-3);border-radius:var(--tr-radius-sm);white-space:nowrap;background:0 0;border:none;display:flex}.header-menu-item:hover:not(:disabled){filter:none;background:var(--tr-surface-2)}.header-menu-item--danger{color:var(--tr-danger)}.icon-btn{padding:var(--tr-space-2);justify-content:center;align-items:center;display:inline-flex}.link{color:var(--tr-blue);cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:0;text-decoration:underline}.conn{background:var(--tr-surface-2);border-radius:999px;padding:2px 8px;font-size:.85em}.conn-open{color:var(--tr-ok)}.conn-reconnecting{color:var(--tr-ember)}.conn-closed{color:var(--tr-danger)}.modal-backdrop{padding:var(--tr-space-4);z-index:50;background:#14161973;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--tr-surface);border-radius:var(--tr-radius);box-shadow:var(--tr-shadow);padding:var(--tr-space-6);gap:var(--tr-space-3);flex-direction:column;width:100%;max-width:440px;max-height:90dvh;display:flex;overflow:auto}.app-store-badge{border-radius:var(--tr-radius-sm);line-height:0;display:inline-block}.app-store-badge img{width:auto;height:40px;display:block}.app-prompt-backdrop{z-index:60;align-items:flex-end;padding:0}.app-prompt{align-items:flex-start;gap:var(--tr-space-3);max-width:520px;padding:var(--tr-space-6) var(--tr-space-6) calc(var(--tr-space-6) + env(safe-area-inset-bottom));border-radius:var(--tr-radius-lg) var(--tr-radius-lg) 0 0;animation:.24s ease-out app-prompt-rise}@keyframes app-prompt-rise{0%{opacity:0;transform:translateY(14px)}}@media (prefers-reduced-motion:reduce){.app-prompt{animation:none}}.app-prompt-brand{margin-bottom:calc(-1 * var(--tr-space-1))}.app-prompt-title{margin:0;font-size:1.15rem}.app-prompt-lede{color:var(--tr-ink-soft);margin:0;font-size:14px}.app-prompt-points{gap:var(--tr-space-2);flex-direction:column;margin:0;padding:0;font-size:14px;list-style:none;display:flex}.app-prompt-points li{align-items:flex-start;gap:var(--tr-space-2);display:flex}.app-prompt-points svg{color:var(--tr-blue);flex:none;margin-top:2px}.app-prompt-badge{margin-top:var(--tr-space-1);align-self:center}.app-prompt-continue{padding:var(--tr-space-2) var(--tr-space-3);align-self:center;min-height:44px;font-size:14px}.discord-cta{align-items:center;gap:var(--tr-space-2);color:#fff;background:#5865f2;border-color:#5865f2;padding:11px 22px;font-size:14.5px;font-weight:600;display:inline-flex}.modal-head{justify-content:space-between;align-items:center;gap:var(--tr-space-3);display:flex}.modal-head h3{align-items:center;gap:var(--tr-space-2);margin:0;display:flex}.setting{gap:var(--tr-space-2);flex-direction:column;display:flex}.setting-row{flex-direction:row;justify-content:space-between;align-items:center}.setting-label{font-weight:600}.setting-desc{font-size:.85em}.segmented{gap:var(--tr-space-1);background:var(--tr-surface-2);border-radius:var(--tr-radius-sm);padding:3px;display:flex}.segment{white-space:nowrap;color:var(--tr-ink-soft);padding:var(--tr-space-2);background:0 0;border:1px solid #0000;flex:1;justify-content:center;align-items:center;gap:6px;display:inline-flex}.segment:hover:not(:disabled){filter:none;color:var(--tr-ink)}.segment.active{background:var(--tr-surface);border-color:var(--tr-line);color:var(--tr-ink);box-shadow:var(--tr-shadow)}.dropdown{width:100%;position:relative}.dropdown-trigger{justify-content:space-between;align-items:center;gap:var(--tr-space-2);text-align:left;width:100%;min-width:4.5em;display:flex}.dropdown-trigger-value{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.dropdown-chevron{color:var(--tr-ink-soft);flex-shrink:0;transition:transform .15s}.dropdown.open .dropdown-chevron{transform:rotate(180deg)}.dropdown-panel{z-index:40;background:var(--tr-surface);border:1px solid var(--tr-line);border-radius:var(--tr-radius);box-shadow:var(--tr-shadow);flex-direction:column;display:flex;overflow:hidden}.dropdown-search{padding:var(--tr-space-2) var(--tr-space-3);border-bottom:1px solid var(--tr-line);color:var(--tr-ink-soft);flex-shrink:0;align-items:center;gap:6px;display:flex}.dropdown-search input{background:0 0;border:none;flex:1;padding:2px 0}.dropdown-search input:focus{outline:none}.dropdown-list{max-height:15em;padding:4px;overflow-y:auto}.dropdown-option{text-align:left;width:100%;padding:var(--tr-space-2);border-radius:var(--tr-radius-sm);white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;align-items:center;display:flex;overflow:hidden}.dropdown-option:hover:not(:disabled){filter:none;background:var(--tr-surface-2)}.dropdown-option.selected{background:color-mix(in srgb, var(--tr-blue) 14%, var(--tr-surface));font-weight:600}.dropdown-empty{padding:var(--tr-space-3);text-align:center;font-size:.9em}.color-option{gap:var(--tr-space-2)}.color-swatch{border:1px solid var(--tr-line);border-radius:3px;flex-shrink:0;width:1em;height:1em}.app-main--login{justify-content:center;align-items:stretch;max-width:100%;padding:0;display:flex;position:relative;overflow:hidden}.login-screen{padding:var(--tr-space-8) var(--tr-space-4);flex:1;justify-content:center;align-items:center;display:flex;position:relative}.login-backdrop{z-index:0;pointer-events:none;filter:blur(8px);opacity:.55;position:absolute;inset:0;overflow:hidden;transform:scale(1.08)}.login-backdrop .board{width:100%;height:100%}.login-scrim{z-index:1;pointer-events:none;background:radial-gradient(125% 90% at 50% 45%, color-mix(in srgb, var(--tr-paper) 32%, transparent), color-mix(in srgb, var(--tr-paper) 80%, transparent));position:absolute;inset:0}.login-card{z-index:2;width:100%;max-width:380px;position:relative}.login-head{text-align:center;flex-direction:column;align-items:center;display:flex}.login-head .login-brand{font-size:clamp(30px,10.5vw,48px)}.login-head h1{margin:0 0 var(--tr-space-2)}.login-head p{margin:0}.login-legal{text-align:center;margin:0;font-size:.78rem;line-height:1.5}.login-legal a{color:var(--tr-blue)}.oauth-divider{align-items:center;gap:var(--tr-space-2);color:var(--tr-ink-soft);font-size:.85em;display:flex}.oauth-divider:before,.oauth-divider:after{content:"";background:var(--tr-line);flex:1;height:1px}.oauth-btn{justify-content:center;align-items:center;gap:var(--tr-space-2);font:inherit;padding:var(--tr-space-2) var(--tr-space-3);border-radius:var(--tr-radius-sm);border:1px solid var(--tr-line);background:var(--tr-surface);color:var(--tr-ink);font-weight:600;text-decoration:none;transition:filter .12s;display:inline-flex}.oauth-btn:hover{filter:brightness(.97)}.oauth-icon{flex:none;width:18px;height:18px}.oauth-google{color:#3c4043;background:#fff;border-color:#dadce0}.oauth-google-btn{justify-content:center;display:flex}.oauth-discord{color:#fff;background:#5865f2;border-color:#5865f2}.oauth-apple{color:#fff;background:#000;border-color:#000}.switch{border:1px solid var(--tr-line);background:var(--tr-surface-2);border-radius:999px;flex:none;width:44px;height:26px;padding:0;transition:background .15s;position:relative}.switch.on{background:var(--tr-blue);border-color:var(--tr-blue)}.switch:hover:not(:disabled){filter:none}.switch-knob{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .15s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #00000040}.switch.on .switch-knob{transform:translate(18px)}.volume-slider{align-items:center;gap:var(--tr-space-2);margin-top:var(--tr-space-1);display:flex}.volume-icon-btn{border-radius:var(--tr-radius-sm);width:28px;height:28px;color:var(--tr-ink-soft);cursor:pointer;background:0 0;border:none;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.volume-icon-btn:hover{color:var(--tr-ink);background:var(--tr-surface-2)}.volume-icon-btn:focus-visible{outline:2px solid var(--tr-blue);outline-offset:2px}.slider-range{appearance:none;cursor:pointer;background:0 0;outline:none;flex:1;min-width:100px;max-width:160px}.slider-range::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--tr-blue) calc(8px + var(--tr-range-fill,0) * (100% - 16px)), var(--tr-surface-2) calc(8px + var(--tr-range-fill,0) * (100% - 16px)));border-radius:999px;height:4px}.slider-range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--tr-blue);cursor:pointer;border-radius:50%;width:16px;height:16px;margin-top:-6px;transition:transform .15s;box-shadow:0 1px 2px #00000040}.slider-range::-webkit-slider-thumb:hover{transform:scale(1.15)}.slider-range::-moz-range-track{background:var(--tr-surface-2);border-radius:999px;height:4px}.slider-range::-moz-range-progress{background:var(--tr-blue);border-radius:999px;height:4px}.slider-range::-moz-range-thumb{background:var(--tr-blue);cursor:pointer;border:none;border-radius:50%;width:16px;height:16px;box-shadow:0 1px 2px #00000040}.slider-range:focus-visible{outline:2px solid var(--tr-blue);outline-offset:2px}.slider-range:disabled{cursor:not-allowed}.slider-range:disabled::-webkit-slider-runnable-track{background:var(--tr-surface-2)}.slider-range:disabled::-moz-range-progress{background:var(--tr-surface-2)}.slider-range:disabled::-webkit-slider-thumb{background:var(--tr-ink-soft)}.slider-range:disabled::-moz-range-thumb{background:var(--tr-ink-soft)}.tut-focus-pulse{animation:1.1s ease-in-out 3 tut-focus-pulse}@keyframes tut-focus-pulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--tr-blue,#2b6cb0) 55%, transparent)}50%{box-shadow:0 0 0 8px color-mix(in srgb, var(--tr-blue,#2b6cb0) 0%, transparent)}}@media (prefers-reduced-motion:reduce){.tut-focus-pulse{outline:2px solid var(--tr-blue,#2b6cb0);outline-offset:2px;animation:none}}@media (pointer:coarse),(width<=700px){.icon-btn{min-width:48px;min-height:48px}.brand{min-height:48px}}@media (width<=700px){.app-header{padding:var(--tr-space-2) var(--tr-space-3);gap:var(--tr-space-2)}.brand{white-space:nowrap;flex:none}.row>input{flex:8em;min-width:0}.row>button{white-space:nowrap}.header-status{flex:auto;justify-content:flex-start;min-width:0;overflow:hidden}.turn-label{text-overflow:ellipsis;min-width:0;overflow:hidden}.conn{background:var(--tr-ink-soft);border-radius:50%;flex:none;width:10px;height:10px;padding:0;overflow:hidden}.conn-label{display:none}.conn-open{background:var(--tr-ok)}.conn-reconnecting{background:var(--tr-ember)}.conn-closed{background:var(--tr-danger)}.app-main{padding:var(--tr-space-4) var(--tr-space-3)}.setting-row{row-gap:var(--tr-space-2);flex-wrap:wrap}.setting-row>.row{flex-wrap:wrap;flex:100%;min-width:0}.setting-row select{flex:100%;min-width:0}.member-list li{flex-wrap:wrap}}.app-main.app-main--home{max-width:min(980px,100%)}.home{gap:var(--tr-space-6);flex-direction:column;display:flex}.home-hero{background:var(--tr-blue);border-radius:var(--tr-radius-lg);box-shadow:var(--tr-shadow);padding:40px 40px 32px;position:relative;overflow:hidden}.home-hero-rails{opacity:.16;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.home-hero-rails path{stroke:#fff;stroke-width:3px;fill:none;stroke-dasharray:2 14;stroke-linecap:round}.home-hero-rails circle{fill:#fff}.home-hero-top{justify-content:space-between;align-items:flex-end;gap:var(--tr-space-8);flex-wrap:wrap;display:flex;position:relative}.home-hero-eyebrow{letter-spacing:.04em;color:#cfe0f0;margin:0 0 6px;font-size:13px}.home-hero-code{font-family:var(--tr-font-mono);letter-spacing:1px;color:#fff}.home-hero-title{color:#fff;margin:0 0 10px;font-size:32px;font-weight:700}.home-hero-tagline{color:#dce9f4;max-width:460px;margin:0;font-size:15px;line-height:1.6}button.home-rejoin{color:var(--tr-blue);white-space:nowrap;background:#fff;border-color:#fff;padding:12px 18px;font-size:14px;font-weight:600}.home-hero-actions{gap:var(--tr-space-3);flex-wrap:wrap;margin-top:28px;display:flex;position:relative}button.home-create{align-items:center;gap:var(--tr-space-2);border-radius:8px;padding:13px 20px;font-size:15px;font-weight:600;display:flex}.home-join{align-items:center;gap:var(--tr-space-2);background:var(--tr-surface);border-radius:8px;padding:4px 4px 4px 14px;display:flex}.home-join:focus-within{outline:3px solid var(--tr-ember);outline-offset:2px}.home-join-icon{color:var(--tr-ink-soft);flex:none}.home-join input{font-family:var(--tr-font-mono);letter-spacing:1px;width:7.5em;padding:var(--tr-space-2) 0;background:0 0;border:none;font-size:14px}.home-join input:focus-visible{outline:none}.home-join button{background:var(--tr-surface-2);padding:var(--tr-space-2) var(--tr-space-4);border-color:#0000;font-size:14px;font-weight:600}.home-hero-error{color:#ffd9cf;margin:12px 0 0;font-size:13.5px;position:relative}.home-grid{grid-template-columns:1.6fr 1fr;align-items:start;gap:20px;display:grid}.home-rooms{background:var(--tr-surface);border:1px solid var(--tr-line);box-shadow:var(--tr-shadow);border-radius:12px;overflow:hidden}.home-rooms-head{padding:var(--tr-space-4) 20px;border-bottom:1px solid var(--tr-line);justify-content:space-between;align-items:center;display:flex}.home-rooms-head strong{font-size:14.5px}.home-rooms-head .muted{font-size:12.5px}.home-rooms-empty{padding:var(--tr-space-4) 20px;margin:0;font-size:13.5px}.home-room-row{justify-content:space-between;align-items:center;gap:var(--tr-space-3);padding:13px 20px;display:flex}.home-room-row+.home-room-row{border-top:1px solid var(--tr-surface-2)}.home-room-info{align-items:center;gap:var(--tr-space-3);flex-wrap:wrap;min-width:0;display:flex}.home-room-info .room-code{font-size:1em}.home-room-info .muted{font-size:13px}.home-pill{background:var(--tr-surface-2);color:var(--tr-ink-soft);white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:11.5px}.home-pill--lobby{background:color-mix(in srgb, var(--tr-ok) 20%, transparent);color:var(--tr-ok)}.home-room-row>button{flex:none;padding:7px 14px;font-size:13px;font-weight:600}button.home-watch{background:var(--tr-surface-2);color:var(--tr-ink-soft);border-color:#0000}.home-side{flex-direction:column;gap:14px;display:flex}button.home-side-card{align-items:center;gap:var(--tr-space-3);text-align:start;background:var(--tr-surface);border:1px solid var(--tr-line);padding:var(--tr-space-4) 18px;border-radius:12px;display:flex}.home-side-icon{background:color-mix(in srgb, var(--tr-blue) 10%, var(--tr-surface));width:36px;height:36px;color:var(--tr-blue);border-radius:8px;flex:none;justify-content:center;align-items:center;display:flex}.home-side-icon--accent{color:var(--tr-accent)}.home-side-text{flex-direction:column;gap:2px;min-width:0;display:flex}.home-side-text strong{color:var(--tr-ink);font-size:13.5px}.home-side-text span:last-child{color:var(--tr-ink-soft);font-size:12.5px}.home-side-chevron{border:1px solid var(--tr-line);border-radius:var(--tr-radius-sm);width:28px;height:28px;color:var(--tr-ink-soft);flex:none;justify-content:center;align-items:center;margin-left:auto;display:flex}.home-guest-card{background:var(--tr-surface-2);padding:var(--tr-space-4) 18px;border-radius:12px;flex-direction:column;gap:6px;display:flex}.home-guest-card>p{color:var(--tr-ink-soft);margin:0;font-size:12.5px;line-height:1.5}.home-guest-link{align-self:flex-start;font-size:12.5px;font-weight:600}.welcome{text-align:center;padding:var(--tr-space-8) var(--tr-space-4);flex-direction:column;align-items:center;display:flex}.welcome-brand{margin-bottom:var(--tr-space-6)}.welcome-title{margin:0 0 var(--tr-space-3);font-size:34px;font-weight:700}.welcome-subtitle{margin:0 0 var(--tr-space-8);max-width:480px;color:var(--tr-ink-soft);font-size:16px;line-height:1.7}.welcome-options{gap:var(--tr-space-6);width:100%;max-width:1040px;display:flex}.welcome-option{text-align:center;align-items:center;gap:var(--tr-space-3);background:var(--tr-surface);border:1px solid var(--tr-line);border-radius:var(--tr-radius-lg);box-shadow:var(--tr-shadow);flex-direction:column;flex:1;padding:28px 24px;display:flex}.welcome-option--primary{border:2px solid var(--tr-blue)}.welcome-option-icon{background:color-mix(in srgb, var(--tr-ember) 14%, var(--tr-surface));width:52px;height:52px;color:var(--tr-ember);border-radius:50%;justify-content:center;align-items:center;display:flex}.welcome-option-icon--primary{background:color-mix(in srgb, var(--tr-blue) 12%, var(--tr-surface));color:var(--tr-blue)}.welcome-option h3{margin:0;font-size:20px}.welcome-option p{color:var(--tr-ink-soft);margin:0;font-size:14px;line-height:1.6}.welcome-option-cta{margin-top:auto;padding:11px 22px;font-size:14.5px;font-weight:600}.welcome-discord{margin-top:var(--tr-space-6);justify-content:center;display:flex}.welcome-footnote{margin:var(--tr-space-6) 0 0;font-size:12.5px}@media (width<=900px){.home-grid{grid-template-columns:1fr}}@media (width>=701px){.welcome-options .welcome-option:first-child{order:2}.welcome-options .welcome-option:nth-child(2){order:1}.welcome-options .welcome-option:nth-child(3){order:3}}@media (width<=700px){.welcome{padding:var(--tr-space-6) var(--tr-space-3)}.welcome-title{font-size:26px}.welcome-options{flex-direction:column}.home-hero{border-radius:var(--tr-radius);padding:24px 20px}.home-hero-title{font-size:26px}button.home-rejoin{width:100%}.home-hero-actions{flex-direction:column;align-items:stretch}button.home-create{justify-content:center}.home-join input{flex:1;width:auto;min-width:0}}