.th-root{--th-accent: #c4b5fd;--th-accent-fill: rgba(139, 92, 246, .16);--th-accent-stroke: rgba(139, 92, 246, .34);position:fixed;inset:0;display:flex;flex-direction:column;background:radial-gradient(120% 90% at 50% -10%,rgba(139,92,246,.14),transparent 60%),#05050a;color:var(--ink, #e8e8e8);font-family:var(--font-body, system-ui, sans-serif);overflow:hidden}.th-topbar{display:flex;align-items:center;gap:var(--space-4, 16px);padding:var(--space-3, 12px) var(--space-5, 20px);border-bottom:1px solid var(--stroke, rgba(255, 255, 255, .08));-webkit-backdrop-filter:blur(var(--blur-sm, 8px));backdrop-filter:blur(var(--blur-sm, 8px))}.th-back{color:var(--ink-dim, #888);text-decoration:none;font-size:var(--text-sm, .78rem);font-weight:var(--weight-medium, 500);white-space:nowrap;transition:color var(--duration-fast, .14s) var(--ease-standard, ease)}.th-back:hover{color:var(--ink-bright, #fff)}.th-title-wrap{flex:1;min-width:0}.th-title{margin:0;font-family:var(--font-display, system-ui);font-size:var(--text-lg, 1.24rem);font-weight:var(--weight-bold, 700);letter-spacing:-.01em;color:var(--ink-bright, #fff);line-height:1.1}.th-room-hint{margin:2px 0 0;font-size:var(--text-xs, .7rem);color:var(--ink-dim, #888);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.th-status{display:inline-flex;align-items:center;gap:var(--space-2, 8px);padding:6px 12px;border-radius:var(--radius-pill, 999px);border:1px solid var(--stroke, rgba(255, 255, 255, .08));background:var(--surface-1, rgba(255, 255, 255, .03));font-size:var(--text-2xs, .69rem);font-weight:var(--weight-semibold, 600);font-variant-numeric:tabular-nums;white-space:nowrap}.th-status-dot{width:8px;height:8px;border-radius:50%;background:var(--ink-dim, #888);box-shadow:0 0 0 0 currentColor}.th-dot-green{color:var(--success, #4ade80)}.th-dot-green .th-status-dot{background:var(--success, #4ade80);animation:th-pulse 2s infinite}.th-dot-amber{color:var(--warn, #fbbf24)}.th-dot-amber .th-status-dot{background:var(--warn, #fbbf24)}.th-dot-red{color:var(--danger, #f87171)}.th-dot-red .th-status-dot{background:var(--danger, #f87171)}@keyframes th-pulse{0%{box-shadow:0 0 #4ade8080}70%{box-shadow:0 0 0 6px #4ade8000}to{box-shadow:0 0 #4ade8000}}.th-rooms{display:flex;gap:var(--space-2, 8px);padding:var(--space-2, 8px) var(--space-5, 20px);border-bottom:1px solid var(--stroke, rgba(255, 255, 255, .08));overflow-x:auto;scrollbar-width:none}.th-rooms::-webkit-scrollbar{display:none}.th-room{flex:0 0 auto;padding:7px 14px;border-radius:var(--radius-pill, 999px);border:1px solid var(--stroke, rgba(255, 255, 255, .08));background:transparent;color:var(--ink-dim, #888);font-size:var(--text-sm, .78rem);font-weight:var(--weight-medium, 500);cursor:pointer;transition:all var(--duration-fast, .14s) var(--ease-standard, ease)}.th-room:hover{color:var(--ink-bright, #fff);border-color:var(--stroke-strong, rgba(255, 255, 255, .14))}.th-room.is-active{color:var(--ink-bright, #fff);background:var(--th-accent-fill);border-color:var(--th-accent-stroke)}.th-room:focus-visible{outline:2px solid var(--th-accent);outline-offset:2px}.th-layout{flex:1;display:grid;grid-template-columns:1fr 320px;min-height:0}.th-stage{position:relative;min-height:0;overflow:hidden}.th-canvas{display:block;width:100%;height:100%;touch-action:none}.th-overlay{position:absolute;inset:0;pointer-events:none;overflow:hidden}.th-plate{position:absolute;top:0;left:0;display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border-radius:var(--radius-pill, 999px);border:1px solid var(--stroke, rgba(255, 255, 255, .08));background:#0a0a12b3;-webkit-backdrop-filter:blur(var(--blur-sm, 8px));backdrop-filter:blur(var(--blur-sm, 8px));color:var(--ink, #e8e8e8);font-family:var(--font-body, system-ui);font-size:var(--text-2xs, .69rem);font-weight:var(--weight-semibold, 600);white-space:nowrap;cursor:pointer;will-change:transform,opacity;transition:border-color var(--duration-fast, .14s) var(--ease-standard, ease),background var(--duration-fast, .14s) var(--ease-standard, ease)}.th-plate:hover,.th-plate.is-highlight{border-color:var(--th-accent-stroke);background:#120c1cd9}.th-plate:focus-visible{outline:2px solid var(--th-accent);outline-offset:2px}.th-plate-name{max-width:120px;overflow:hidden;text-overflow:ellipsis}.th-plate-score{font-family:var(--font-mono, monospace);font-size:.6rem;color:var(--th-accent);background:var(--th-accent-fill);border-radius:var(--radius-pill, 999px);padding:1px 5px}.th-receipt{position:absolute;top:0;left:0;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 12px;border-radius:var(--radius-md, 10px);background:#0a0a12d1;border:1px solid var(--th-accent-stroke);-webkit-backdrop-filter:blur(var(--blur-sm, 8px));backdrop-filter:blur(var(--blur-sm, 8px));box-shadow:var(--shadow-2, 0 4px 24px rgba(0, 0, 0, .4));white-space:nowrap;pointer-events:auto;will-change:transform,opacity;transition:opacity .12s linear}.th-rec-title{font-size:var(--text-2xs, .69rem);font-weight:var(--weight-bold, 700);color:var(--ink-bright, #fff);letter-spacing:.02em}.th-rec-sub{font-family:var(--font-mono, monospace);font-size:var(--text-2xs, .69rem);color:var(--th-accent)}.th-rec-link{font-size:var(--text-2xs, .69rem);color:var(--ink-dim, #888);text-decoration:none}.th-rec-link:hover{color:var(--ink-bright, #fff)}.th-rec-win{border-color:#4ade8073}.th-rec-win .th-rec-sub{color:var(--success, #4ade80)}.th-rec-loss{border-color:#f8717173}.th-rec-loss .th-rec-sub{color:var(--danger, #f87171)}.th-state{position:absolute;margin:auto;max-width:460px;inset:50% 0 0 50%;transform:translate(-50%,-50%);text-align:center;padding:var(--space-6, 24px);border-radius:var(--radius-lg, 14px);background:#08080eb8;border:1px solid var(--stroke, rgba(255, 255, 255, .08));-webkit-backdrop-filter:blur(var(--blur-md, 16px));backdrop-filter:blur(var(--blur-md, 16px));box-shadow:var(--shadow-3, 0 8px 32px rgba(0, 0, 0, .5))}.th-state[hidden]{display:none}.th-state h2{margin:0 0 8px;font-family:var(--font-display, system-ui);font-size:var(--text-lg, 1.24rem);color:var(--ink-bright, #fff)}.th-state p{margin:0;font-size:var(--text-sm, .78rem);line-height:var(--leading-normal, 1.6)}.th-muted{color:var(--ink-dim, #888)}.th-spinner{width:34px;height:34px;margin:0 auto 14px;border:3px solid var(--stroke-strong, rgba(255, 255, 255, .14));border-top-color:var(--th-accent);border-radius:50%;animation:th-spin .9s linear infinite}@keyframes th-spin{to{transform:rotate(360deg)}}.th-loading p{color:var(--ink-dim, #888);font-size:var(--text-sm, .78rem)}.th-quiet{top:auto;right:auto;bottom:var(--space-5, 20px);transform:translate(-50%);text-align:left;width:min(440px,calc(100% - 32px));pointer-events:auto}.th-quiet h2{font-size:var(--text-md, .81rem)}.th-quiet>p{font-size:var(--text-xs, .7rem)}.th-highlights{margin-top:var(--space-4, 16px);display:flex;flex-direction:column;gap:6px;text-align:left;max-height:38vh;overflow-y:auto}.th-hl{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:var(--radius-md, 10px);background:var(--surface-1, rgba(255, 255, 255, .03));border:1px solid var(--stroke, rgba(255, 255, 255, .08));text-decoration:none;color:var(--ink, #e8e8e8);transition:background var(--duration-fast, .14s) var(--ease-standard, ease)}.th-hl:hover{background:var(--surface-2, rgba(255, 255, 255, .05))}.th-hl-title{font-size:var(--text-sm, .78rem);font-weight:var(--weight-semibold, 600)}.th-hl-sub{font-family:var(--font-mono, monospace);font-size:var(--text-2xs, .69rem);color:var(--th-accent)}.th-hl .th-tick-time{margin-left:auto}.th-panel{position:absolute;top:var(--space-4, 16px);left:var(--space-4, 16px);width:min(340px,calc(100% - 32px));max-height:calc(100% - 32px);overflow-y:auto;padding:var(--space-5, 20px);border-radius:var(--radius-lg, 14px);background:#08080ee6;border:1px solid var(--th-accent-stroke);-webkit-backdrop-filter:blur(var(--blur-lg, 28px));backdrop-filter:blur(var(--blur-lg, 28px));box-shadow:var(--shadow-3, 0 8px 32px rgba(0, 0, 0, .5));opacity:0;transform:translate(-12px) scale(.98);pointer-events:none;transition:opacity var(--duration-base, .22s) var(--ease-emphasized, ease),transform var(--duration-base, .22s) var(--ease-emphasized, ease)}.th-panel.is-open{opacity:1;transform:none;pointer-events:auto}.th-panel-close{position:absolute;top:12px;right:12px;width:28px;height:28px;border-radius:var(--radius-sm, 6px);border:1px solid var(--stroke, rgba(255, 255, 255, .08));background:var(--surface-1, rgba(255, 255, 255, .03));color:var(--ink-dim, #888);cursor:pointer;font-size:13px;line-height:1}.th-panel-close:hover{color:var(--ink-bright, #fff)}.th-panel-head{display:flex;gap:var(--space-3, 12px);align-items:center;margin-bottom:var(--space-4, 16px);padding-right:28px}.th-panel-av{width:52px;height:52px;border-radius:var(--radius-md, 10px);object-fit:cover;background:var(--surface-2, rgba(255, 255, 255, .05));flex:0 0 auto}.th-panel-av-fallback{display:flex;align-items:center;justify-content:center;font-family:var(--font-display, system-ui);font-weight:var(--weight-bold, 700);font-size:22px;color:var(--th-accent);border:1px solid var(--th-accent-stroke)}.th-panel-name{margin:0;font-size:var(--text-md, .81rem);font-weight:var(--weight-bold, 700);color:var(--ink-bright, #fff)}.th-panel-tier{font-size:var(--text-2xs, .69rem);color:var(--th-accent);font-weight:var(--weight-medium, 500)}.th-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2, 8px);margin-bottom:var(--space-3, 12px)}.th-stat{display:flex;flex-direction:column;gap:2px;padding:8px 6px;border-radius:var(--radius-md, 10px);background:var(--surface-1, rgba(255, 255, 255, .03));text-align:center}.th-stat-v{font-family:var(--font-mono, monospace);font-size:var(--text-md, .81rem);font-weight:var(--weight-bold, 700);color:var(--ink-bright, #fff)}.th-stat-l{font-size:.6rem;color:var(--ink-dim, #888);text-transform:uppercase;letter-spacing:.04em}.th-skel-inline{display:inline-block;width:32px;height:12px;border-radius:4px;background:linear-gradient(90deg,var(--surface-1) 25%,var(--surface-3) 50%,var(--surface-1) 75%);background-size:200% 100%;animation:th-shimmer 1.4s infinite}@keyframes th-shimmer{to{background-position:-200% 0}}.th-addr{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;margin-bottom:var(--space-3, 12px);border-radius:var(--radius-md, 10px);background:var(--surface-1, rgba(255, 255, 255, .03));border:1px solid var(--stroke, rgba(255, 255, 255, .08));font-family:var(--font-mono, monospace);font-size:var(--text-2xs, .69rem);color:var(--ink, #e8e8e8);text-decoration:none}.th-addr:hover{border-color:var(--th-accent-stroke)}.th-addr-ext{color:var(--ink-dim, #888)}.th-panel-actions{display:flex;flex-wrap:wrap;gap:var(--space-2, 8px);margin-bottom:var(--space-3, 12px)}.th-btn{flex:1 1 auto;display:inline-flex;align-items:center;justify-content:center;padding:9px 12px;border-radius:var(--radius-md, 10px);border:1px solid var(--stroke-strong, rgba(255, 255, 255, .14));background:var(--surface-1, rgba(255, 255, 255, .03));color:var(--ink, #e8e8e8);font-size:var(--text-sm, .78rem);font-weight:var(--weight-semibold, 600);text-decoration:none;cursor:pointer;white-space:nowrap;transition:all var(--duration-fast, .14s) var(--ease-standard, ease)}.th-btn:hover{background:var(--surface-2, rgba(255, 255, 255, .05));border-color:var(--th-accent-stroke)}.th-btn:focus-visible{outline:2px solid var(--th-accent);outline-offset:2px}.th-btn-primary,.th-btn-on{background:var(--th-accent-fill);border-color:var(--th-accent-stroke);color:var(--ink-bright, #fff)}.th-btn-sm{flex:0 0 auto;padding:5px 10px;font-size:var(--text-2xs, .69rem)}.th-panel-foot{font-size:var(--text-2xs, .69rem);line-height:var(--leading-normal, 1.6);margin:0 0 var(--space-3, 12px)}.th-panel-foot a{color:var(--th-accent);text-decoration:none}.th-panel-foot a:hover{text-decoration:underline}.th-panel-recent-h,.th-rail-h{font-size:var(--text-2xs, .69rem);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-dim, #888);margin:0 0 8px;font-weight:var(--weight-semibold, 600)}.th-panel-recent ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px}.th-panel-recent li{display:flex;align-items:center;gap:7px;font-size:var(--text-2xs, .69rem);color:var(--ink, #e8e8e8)}.th-panel-recent .th-tick-time{margin-left:auto}.th-rail{border-left:1px solid var(--stroke, rgba(255, 255, 255, .08));background:var(--surface-1, rgba(255, 255, 255, .03));display:flex;flex-direction:column;min-height:0}.th-rail-block{padding:var(--space-4, 16px);border-bottom:1px solid var(--stroke, rgba(255, 255, 255, .08));min-height:0;display:flex;flex-direction:column}.th-rail-block:first-child{flex:1}.th-rail-h{display:flex;align-items:center;gap:7px}.th-rail-dot{background:var(--success, #4ade80);animation:th-pulse 2s infinite;color:var(--success)}.th-ticker{list-style:none;margin:0;padding:0;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.th-tick{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:var(--radius-md, 10px);background:var(--surface-1, rgba(255, 255, 255, .03));animation:th-slidein var(--duration-base, .22s) var(--ease-emphasized, ease)}@keyframes th-slidein{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.th-tick-dot{width:7px;height:7px;border-radius:50%;background:var(--ink-dim, #888);flex:0 0 auto}.th-tick-buy .th-tick-dot,.th-tick-win .th-tick-dot{background:var(--success, #4ade80)}.th-tick-loss .th-tick-dot{background:var(--danger, #f87171)}.th-tick-launch .th-tick-dot,.th-tick-verify .th-tick-dot,.th-tick-pay .th-tick-dot{background:var(--th-accent)}.th-tick-body{flex:1;min-width:0;display:flex;flex-direction:column}.th-tick-title{font-size:var(--text-sm, .78rem);font-weight:var(--weight-semibold, 600);color:var(--ink-bright, #fff);text-transform:capitalize}.th-tick-sub{font-family:var(--font-mono, monospace);font-size:var(--text-2xs, .69rem);color:var(--ink-dim, #888);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.th-tick-link{color:var(--ink-dim, #888);text-decoration:none;font-size:13px;flex:0 0 auto}.th-tick-link:hover{color:var(--th-accent)}.th-tick-time{font-size:.6rem;color:var(--ink-faint, rgba(255, 255, 255, .45));font-variant-numeric:tabular-nums;flex:0 0 auto}.th-replay-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.th-replay-empty{font-size:var(--text-2xs, .69rem);margin:0}.th-replay-rail{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.th-replay-mark{width:16px;height:16px;border-radius:var(--radius-sm, 6px);border:1px solid var(--stroke-strong, rgba(255, 255, 255, .14));background:var(--surface-2, rgba(255, 255, 255, .05));cursor:pointer;padding:0;transition:transform var(--duration-fast, .14s) var(--ease-standard, ease)}.th-replay-mark:hover{transform:scale(1.2)}.th-replay-mark.th-tick-buy,.th-replay-mark.th-tick-win{border-color:var(--success, #4ade80);background:#4ade8033}.th-replay-mark.th-tick-loss{border-color:var(--danger, #f87171);background:#f8717133}.th-replay-mark.th-tick-launch,.th-replay-mark.th-tick-verify,.th-replay-mark.th-tick-pay{border-color:var(--th-accent-stroke);background:var(--th-accent-fill)}@media(max-width:900px){.th-layout{grid-template-columns:1fr}.th-rail{position:absolute;right:0;bottom:0;left:0;max-height:40%;flex-direction:row;border-left:none;border-top:1px solid var(--stroke, rgba(255, 255, 255, .08));background:#08080edb;-webkit-backdrop-filter:blur(var(--blur-md, 16px));backdrop-filter:blur(var(--blur-md, 16px))}.th-rail-block{flex:1;border-bottom:none;border-right:1px solid var(--stroke, rgba(255, 255, 255, .08))}.th-replay{max-width:40%}.th-panel{width:calc(100% - 24px);top:12px;left:12px;max-height:50%}}@media(max-width:560px){.th-topbar{gap:var(--space-2, 8px);padding:10px 14px}.th-title{font-size:var(--text-md, .81rem)}.th-room-hint{display:none}.th-rail{flex-direction:column;max-height:46%}.th-rail-block{border-right:none;border-bottom:1px solid var(--stroke, rgba(255, 255, 255, .08))}.th-replay{max-width:none}.th-stats{grid-template-columns:repeat(2,1fr)}}@media(prefers-reduced-motion:reduce){.th-spinner,.th-dot-green .th-status-dot,.th-rail-dot,.th-tick{animation:none}.th-receipt{transition:none}}