.tr-shell{font-family:var(--font-body);color:var(--ink);max-width:1280px;padding:var(--space-lg) var(--space-md) var(--space-2xl);margin:0 auto}.tr-sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.tr-dim{color:var(--ink-dim)}.tr-mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.tr-hero{text-align:center;margin:var(--space-lg) auto var(--space-xl);max-width:760px}.tr-kicker{align-items:center;gap:var(--space-2xs);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim);padding:var(--space-3xs) var(--space-sm);border:1px solid var(--stroke);border-radius:var(--radius-pill);background:var(--surface-glass);display:inline-flex}.tr-live-dot{background:var(--success);width:7px;height:7px;animation:tr-pulse 2.2s var(--ease-out) infinite;border-radius:50%}@keyframes tr-pulse{0%{box-shadow:0 0 #34d39980}70%{box-shadow:0 0 0 8px #34d39900}to{box-shadow:0 0 #34d39900}}.tr-title{font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-3xl);line-height:var(--leading-tight);margin:var(--space-sm) 0 var(--space-xs);color:var(--ink-bright)}.tr-sub{color:var(--ink-dim);line-height:var(--leading-normal);margin:0}.tr-lobby-head{justify-content:space-between;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);display:flex}.tr-lobby-head h2{font-size:var(--text-lg);color:var(--ink-bright);margin:0}.tr-lobby-links{gap:var(--space-xs);flex-wrap:wrap;justify-content:flex-end;display:flex}.tr-lobby-note{margin:0 0 var(--space-2xs);padding:var(--space-xs) var(--space-sm);border:1px solid var(--stroke);border-radius:var(--radius-md);background:var(--surface-glass);color:var(--ink-dim);font-size:var(--text-sm);grid-column:1/-1}.tr-grid{gap:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.tr-grid--compact{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.tr-card{gap:var(--space-xs);padding:var(--space-sm);border:1px solid var(--stroke);border-radius:var(--radius-card);background:var(--surface-1);color:var(--ink);transition:transform var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);flex-direction:column;text-decoration:none;display:flex}.tr-card:hover{border-color:var(--stroke-strong);box-shadow:var(--shadow-2);transform:translateY(-2px)}.tr-card:active{transform:translateY(0)}.tr-card:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.tr-card--live{border-color:color-mix(in srgb, var(--success) 40%, var(--stroke))}.tr-card-top{align-items:center;gap:var(--space-xs);min-width:0;display:flex}.tr-card-av{object-fit:cover;background:var(--surface-2);border-radius:50%;flex:none;width:44px;height:44px}.tr-card-id{flex-direction:column;gap:4px;min-width:0;display:flex}.tr-card-name{font-weight:var(--weight-semibold);color:var(--ink-bright);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tr-card-stats{gap:4px var(--space-xs);font-size:var(--text-xs);color:var(--ink-dim);flex-wrap:wrap;display:flex}.tr-card-foot{justify-content:space-between;align-items:center;gap:var(--space-xs);margin-top:auto;display:flex}.tr-card-cta{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--accent);margin-left:auto}.tr-card--compact .tr-card-av{width:36px;height:36px}.tr-state,.tr-watch,.tr-conn{font:var(--weight-semibold) var(--text-2xs) / 1 var(--font-mono);letter-spacing:.04em;text-transform:uppercase;border-radius:var(--radius-pill);border:1px solid var(--stroke);background:var(--surface-glass);color:var(--ink-dim);white-space:nowrap;align-items:center;gap:6px;width:fit-content;padding:5px 9px;display:inline-flex}.tr-state-dot{background:currentColor;border-radius:50%;width:7px;height:7px}.tr-state--live{color:var(--success);border-color:color-mix(in srgb, var(--success) 40%, transparent)}.tr-state--live .tr-state-dot{animation:tr-pulse 2.2s var(--ease-out) infinite}.tr-state--warm{color:var(--warn);border-color:color-mix(in srgb, var(--warn) 35%, transparent)}.tr-state--quiet{color:var(--ink-faint)}.tr-watch{color:var(--ink)}.tr-conn[data-state=live]{color:var(--success)}.tr-conn[data-state=reconnecting]{color:var(--warn)}.tr-conn[data-state=paused]{color:var(--ink-faint)}.tr-crumbs{margin-bottom:var(--space-sm)}.tr-crumbs a{color:var(--ink-dim);font-size:var(--text-sm);text-decoration:none}.tr-crumbs a:hover{color:var(--ink-bright)}.tr-crumbs a:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:2px;border-radius:4px}.tr-room{gap:var(--space-md);grid-template-columns:minmax(0,1fr) 380px;align-items:start;display:grid}.tr-stage{border-radius:var(--radius-card);border:1px solid var(--stroke);height:min(72vh,660px);min-height:360px;top:calc(var(--nav-h,64px) + var(--space-sm));background:radial-gradient(120% 90% at 50% 20%,#161a2b 0%,#07080d 70%);position:sticky;overflow:hidden}.tr-canvas-host{position:absolute;inset:0}.tr-canvas{touch-action:none;width:100%;height:100%;display:block}.tr-stage--flat{height:auto;min-height:0;position:relative;top:auto}.tr-stage--flat .tr-canvas-host{display:none}.tr-stage--flat .tr-hud,.tr-stage--flat .tr-stage-foot{position:relative}.tr-stage--loading .tr-stage-shimmer,.tr-stage--loading .tr-canvas-host:after{content:"";background:linear-gradient(100deg,#0000 20%,#ffffff0d 45%,#0000 70%) 0 0/200% 100%;animation:1.4s linear infinite tr-shimmer;position:absolute;inset:0}@keyframes tr-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.tr-hud{justify-content:space-between;align-items:flex-start;gap:var(--space-xs);padding:var(--space-sm);pointer-events:none;z-index:2;display:flex;position:absolute;top:0;left:0;right:0}.tr-hud>*{pointer-events:auto}.tr-leader-chip{align-items:center;gap:var(--space-xs);border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm));color:#eef1f7;min-width:0;max-width:70%;transition:border-color var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);background:#080a12b8;border:1px solid #ffffff1a;padding:6px 12px 6px 6px;text-decoration:none;display:flex}.tr-leader-chip:hover{border-color:#ffffff47;transform:translateY(-1px)}.tr-leader-chip:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:2px}.tr-leader-av{object-fit:cover;background:#1c2135;border-radius:50%;flex:none;width:38px;height:38px}.tr-leader-meta{flex-direction:column;min-width:0;display:flex}.tr-leader-name{font-weight:var(--weight-semibold);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:4px;display:inline-flex;overflow:hidden}.tr-leader-sub{font-size:var(--text-2xs);color:#9aa3b4}.tr-pills{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.tr-stage .tr-state,.tr-stage .tr-watch,.tr-stage .tr-conn{background:#080a12b8;border-color:#ffffff1f}.tr-stage .tr-watch{color:#eef1f7}.tr-stage-foot{justify-content:space-between;align-items:flex-end;gap:var(--space-xs);padding:var(--space-sm);z-index:2;pointer-events:none;display:flex;position:absolute;bottom:0;left:0;right:0}.tr-stage-foot>*{pointer-events:auto}.tr-stage-note{border-radius:var(--radius-md);color:#cdd3e0;max-width:70%;font-size:var(--text-sm);background:#080a12c7;border:1px solid #ffffff1a;margin:0;padding:8px 12px;line-height:1.4}.tr-stage-note[hidden]{display:none}.tr-tool{border-radius:var(--radius-pill);color:#eef1f7;font:var(--weight-semibold) var(--text-xs) / 1 var(--font-body);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out);background:#080a12b8;border:1px solid #ffffff29;margin-left:auto;padding:8px 12px}.tr-tool:hover{background:#141826e6;border-color:#ffffff57}.tr-tool:active{transform:translateY(1px)}.tr-tool:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:2px}.tr-tool[hidden]{display:none}.tr-stage-panel{padding:88px var(--space-md) 72px;text-align:center}.tr-panel-inner{align-items:center;gap:var(--space-xs);flex-direction:column;max-width:460px;margin:0 auto;display:flex}.tr-panel-title{font-weight:var(--weight-semibold);color:#eef1f7;font-size:var(--text-md);margin:0}.tr-panel-body{color:#9aa3b4;font-size:var(--text-sm);margin:0;line-height:1.5}.tr-stage--flat .tr-stage-foot{display:none}.tr-stage--flat .tr-stage-panel{padding-top:var(--space-md);padding-bottom:var(--space-md)}.tr-stage--flat .tr-hud{padding-bottom:0}.tr-flash{border-radius:var(--radius-lg);max-width:88%;font:var(--weight-bold) var(--text-md) / 1.25 var(--font-body);color:#07080d;text-align:center;opacity:0;pointer-events:none;z-index:3;padding:10px 16px;position:absolute;top:22%;left:50%;transform:translate(-50%,8px)}.tr-flash--buy{background:#60a5fa}.tr-flash--win{background:#34d399}.tr-flash--loss{background:var(--danger)}.tr-flash--flat{background:#cbd5e1}.tr-flash.is-on{animation:tr-flash 3.2s var(--ease-out) both}@keyframes tr-flash{0%{opacity:0;transform:translate(-50%,8px)scale(.96)}10%{opacity:1;transform:translate(-50%)scale(1)}80%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%,-6px)scale(.98)}}.tr-side{gap:var(--space-sm);flex-direction:column;min-width:0;display:flex}.tr-side>section{padding:var(--space-sm);border:1px solid var(--stroke);border-radius:var(--radius-card);background:var(--surface-1)}.tr-side>section[hidden]{display:none}.tr-h{margin:0 0 var(--space-xs);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--ink-bright)}.tr-last{margin:0 0 var(--space-xs);color:var(--ink);font-size:var(--text-sm);line-height:1.45}.tr-stats{gap:var(--space-xs);margin:0 0 var(--space-sm);grid-template-columns:1fr 1fr;display:grid}.tr-stat{border-radius:var(--radius-md);background:var(--surface-2);min-width:0;padding:8px 10px}.tr-stat dt{font-size:var(--text-2xs);color:var(--ink-dim);margin-bottom:2px}.tr-stat dd{font:var(--weight-semibold) var(--text-sm) / 1.3 var(--font-mono);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:0}.tr-actions{gap:var(--space-2xs);flex-wrap:wrap;display:flex}.tr-actions .lb-btn{flex:auto;justify-content:center}.tr-copiers{margin:var(--space-xs) 0 0;font-size:var(--text-xs)}.tr-why-line{margin:0 0 var(--space-xs);font-size:var(--text-sm);color:var(--ink);line-height:1.5}.tr-skel-line{color:var(--ink-faint)}.tr-open-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.tr-open-row{align-items:baseline;gap:4px var(--space-xs);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.tr-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.tr-list-empty{list-style:none}.tr-row{gap:6px var(--space-xs);border-radius:var(--radius-md);background:var(--surface-2);border:1px solid #0000;grid-template-columns:auto minmax(0,1fr);padding:8px 10px;display:grid}.tr-row.is-fresh{animation:tr-row-in 1.6s var(--ease-out)}@keyframes tr-row-in{0%{opacity:0;border-color:var(--accent);transform:translateY(-6px)}15%{opacity:1;transform:translateY(0)}to{border-color:#0000}}.tr-badge{font:800 10px / 1 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:#07080d;border-radius:6px;align-self:start;padding:5px 7px}.tr-badge--buy{background:#60a5fa}.tr-badge--win{background:#34d399}.tr-badge--loss{background:var(--danger)}.tr-badge--flat{background:#cbd5e1}.tr-row-main{min-width:0}.tr-row-line{font-size:var(--text-sm);overflow-wrap:anywhere;margin:0}.tr-row-line strong{color:var(--ink-bright)}.tr-row-meta{font-size:var(--text-xs);color:var(--ink-dim);margin:2px 0 0}.tr-pnl{font-family:var(--font-mono);font-weight:var(--weight-semibold)}.tr-paper{color:var(--warn);font-weight:var(--weight-semibold)}.tr-row-acts{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:6px;display:flex}.tr-mini{box-sizing:border-box;border-radius:var(--radius-pill);border:1px solid var(--stroke);background:var(--surface-1);width:auto;min-width:0;height:32px;min-height:0;color:var(--ink);font:var(--weight-semibold) var(--text-xs) / 1 var(--font-body);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);align-items:center;padding:0 12px;text-decoration:none;display:inline-flex}.tr-mini:hover{border-color:var(--stroke-strong);background:var(--surface-3)}.tr-mini:active{transform:translateY(1px)}.tr-mini:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:2px}.tr-mini[aria-expanded=true]{border-color:var(--accent);color:var(--ink-bright)}.tr-mini--fork{border-color:color-mix(in srgb, var(--accent) 45%, var(--stroke))}.tr-mini[disabled]{opacity:var(--disabled-opacity,.5);cursor:progress}.tr-receipt{grid-column:1/-1}.tr-receipt[hidden]{display:none}.tr-receipt-err{font-size:var(--text-sm);color:var(--ink-dim);align-items:center;gap:var(--space-xs);flex-wrap:wrap;margin:0;display:flex}.tr-others{margin-top:var(--space-xl)}@media (width<=1023px){.tr-room{grid-template-columns:minmax(0,1fr)}.tr-stage{height:min(58vh,520px);min-height:300px;position:relative;top:auto}}@media (width<=560px){.tr-shell{padding:var(--space-sm) var(--space-sm) var(--space-xl)}.tr-title{font-size:var(--text-2xl)}.tr-stage{border-radius:var(--radius-lg);height:54vh;min-height:280px}.tr-leader-chip{max-width:100%}.tr-hud{flex-direction:column}.tr-pills{justify-content:flex-start}.tr-stage-note{max-width:100%;font-size:var(--text-xs)}.tr-stage-foot{flex-direction:column;align-items:stretch}.tr-tool{align-self:flex-end;margin-left:0}.tr-flash{font-size:var(--text-sm);top:36%}.tr-stats{grid-template-columns:1fr 1fr}}@media (prefers-reduced-motion:reduce){.tr-live-dot,.tr-state--live .tr-state-dot,.tr-row.is-fresh,.tr-stage--loading .tr-stage-shimmer,.tr-stage--loading .tr-canvas-host:after{animation:none}.tr-card,.tr-card:hover{transform:none}}