@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&family=Orbitron:wght@700;800&display=swap";:root{font-synthesis:none;text-rendering:optimizelegibility;color:#f2f3f8;--bg:#0b0b0c;--bg-soft:#101114;--surface-1:#141416e6;--surface-2:#1b1b1eeb;--surface-3:#222227f0;--border:#f2f3f814;--border-strong:#f2f3f824;--text:#f2f3f8;--text-secondary:#a1a1aa;--text-muted:#66666e;--pink:#ff47a3;--orange:#f97a1f;--cyan:#0bc9da;--success:#32d583;--shadow:0 24px 80px #00000073;--shadow-soft:0 14px 32px #00000047;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;background:#0b0b0c;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}html{background:var(--bg)}body{min-width:320px;min-height:100vh;color:var(--text);background:radial-gradient(circle at 0 0,#ff47a31f,#0000 24%),radial-gradient(circle at 100% 0,#0bc9da14,#0000 28%),linear-gradient(#ffffff04,#0000 30%),#08090b;margin:0}body:before{content:"";pointer-events:none;opacity:.22;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:56px 56px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 85%);mask-image:radial-gradient(circle,#000,#0000 85%)}a,button,input,select{font:inherit}button{cursor:pointer}code{font-family:JetBrains Mono,ui-monospace,monospace}#root{isolation:isolate}.app-shell{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:20;background:linear-gradient(#ffffff05,#0000),#090a0cf0;flex-direction:column;flex:0 0 240px;gap:24px;height:100vh;padding:24px 18px;display:flex;position:sticky;top:0}.brand-row{gap:14px;display:grid}.brand-logo{filter:brightness(0)invert();width:min(100%,144px);height:auto;display:block}.brand-subtitle,.eyebrow,.panel-header span,.stat-card span,.field-label span,.session-row span,th,.metric-tile span,.hero-cell span,.sidebar-card-label{color:var(--text-secondary);letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:600}.brand-subtitle,.eyebrow{color:var(--pink)}.nav-list{gap:10px;display:grid}.nav-item,.refresh-button,.clear-button,.icon-button,.chip,.session-row,.session-pill{border-radius:var(--radius-md);color:var(--text);background:0 0;border:1px solid #0000;transition:border-color .16s,background .16s,color .16s,transform .16s,box-shadow .16s}.nav-item{color:#d0d1da;text-align:left;align-items:center;gap:12px;padding:13px 14px;font-weight:600;display:flex}.nav-item:hover,.nav-item.active{color:var(--pink);background:#ff47a314;border-color:#ff47a399;box-shadow:inset 0 0 0 1px #ff47a314}.sidebar-card{border:1px solid var(--border);border-radius:var(--radius-md);background:#101114f0;align-items:center;gap:12px;margin-top:auto;padding:16px 14px;display:flex}.status-dot{background:var(--success);border-radius:999px;width:10px;height:10px;box-shadow:0 0 14px #32d583b3}.sidebar-card code{max-width:160px;color:var(--cyan);text-overflow:ellipsis;font-size:12px;display:block;overflow:hidden}.main-panel{width:100%;min-width:0;padding:24px}.topbar{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}h1,h2{color:var(--text);margin:0}h1{letter-spacing:-.04em;text-transform:none;font-family:Orbitron,sans-serif;font-size:clamp(2.4rem,4vw,3.9rem);line-height:.96}h2{font-size:1rem;font-weight:700}.refresh-button,.clear-button,.icon-button,.chip,.segmented-control button,.session-pill,.filter-input,.search-field,.field-label select{min-height:44px}.refresh-button,.clear-button,.icon-button{color:var(--text);box-shadow:var(--shadow-soft);background:#ff47a30d;border-color:#ff47a35c;justify-content:center;align-items:center;gap:8px;padding:0 16px;display:inline-flex}.refresh-button:hover,.clear-button:hover,.icon-button:hover,.chip:hover,.session-pill:hover{border-color:#ff47a3a6;transform:translateY(-1px)}.icon-button:disabled{cursor:not-allowed;opacity:.45}.filter-bar{border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);background:linear-gradient(#ffffff05,#0000),#101114e0;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:12px;margin-bottom:22px;padding:16px;display:grid}.filter-title{color:var(--text);grid-column:1/-1;align-items:center;gap:10px;padding:0 4px 4px;font-weight:700;display:flex}.filter-title strong{min-width:24px;height:24px;color:var(--pink);background:#ff47a31f;border-radius:999px;place-items:center;font-size:11px;display:grid}.filter-input,.search-field,.field-label select{border:1px solid var(--border);border-radius:var(--radius-md);min-width:0;color:var(--text-secondary);background:#0b0c0ff0;align-items:center;gap:10px;padding:0 14px;display:flex}.filter-input:focus-within,.search-field:focus-within,.field-label select:focus{border-color:#ff47a3b3;outline:none;box-shadow:0 0 0 2px #ff47a31f}.filter-input input,.search-field input,select{width:100%;min-width:0;color:var(--text);background:0 0;border:0;outline:0}select option{color:#111216}.clear-button{justify-self:end}.content-grid,.bottom-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.stat-grid{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.stat-grid.compact{grid-template-columns:repeat(4,minmax(0,1fr))}.stat-card,.panel,.hero-card,.metric-tile,.session-pill,.timeline-list-card,.timeline-focus-card{border:1px solid var(--border);box-shadow:var(--shadow);background:linear-gradient(#ffffff05,#0000),#101114eb}.panel{border-radius:var(--radius-lg);min-width:0;padding:18px}.inset-panel{padding:16px}.two-column{grid-column:span 2}.wide{grid-column:1/-1}.panel-header{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:16px;display:flex}.panel-header.small{margin:4px 0 14px}.chart-frame{width:100%;height:320px}.chart-tooltip{border:1px solid var(--border-strong);border-radius:var(--radius-md);min-width:140px;box-shadow:var(--shadow-soft);background:#0a0b0ef5;gap:6px;padding:12px 14px;display:grid}.chart-tooltip strong{font-size:18px}.bucket-list,.bucket-item,.detail-stack,.controls-panel,.field-label,.timeline-section,.game-timeline-grid,.game-timeline-panel{gap:14px;display:grid}.bucket-item>div:first-child{justify-content:space-between;gap:12px;display:flex}.bucket-item code,td code,.session-main code{overflow-wrap:anywhere}.meter{background:#f2f3f814;border-radius:999px;height:8px;overflow:hidden}.meter span{border-radius:inherit;background:linear-gradient(90deg, var(--pink), var(--cyan));height:100%;display:block}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:680px}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #f2f3f814;padding:13px 12px}td{color:#dadbe3;font-size:14px}tbody tr:last-child td{border-bottom:0}tbody tr.interactive-row{cursor:pointer}tbody tr.interactive-row:hover td,tbody tr.interactive-row:focus-visible td{background:#ffffff05}.session-layout{grid-template-columns:minmax(220px,.42fr) minmax(0,1.58fr);gap:18px;display:grid}.session-list{gap:10px;max-height:calc(100vh - 260px);display:grid;overflow:auto}.session-row{border-color:var(--border);text-align:left;background:#0b0c0fe6;justify-content:space-between;align-items:center;gap:14px;width:100%;padding:14px;display:flex}.session-row.active,.session-row:hover{background:#ff47a314;border-color:#ff47a380}.session-main{gap:6px;min-width:0;display:grid}.badge-row,.chip-row,.session-range-summary{flex-wrap:wrap;gap:8px;display:flex}.detail-badge,.session-range-summary span,.timeline-meta span,.event-pill{border:1px solid var(--border);min-height:28px;color:var(--text-secondary);background:#ffffff08;border-radius:999px;align-items:center;padding:0 10px;font-size:11px;font-weight:700;display:inline-flex}.split-panels{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.timeline{gap:14px;display:grid}.timeline-scale,.segmented-control{align-items:center;display:inline-flex}.timeline-scale{border:1px solid var(--border);border-radius:var(--radius-md);background:#ffffff05;justify-content:space-between;gap:12px;padding:11px 14px;font-size:12px;font-weight:600}.timeline-toolbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.segmented-control{border:1px solid var(--border);border-radius:var(--radius-md);background:#ffffff08;gap:4px;padding:4px}.segmented-control button{color:var(--text-secondary);background:0 0;border:0;border-radius:10px;padding:0 14px;font-weight:700}.segmented-control button.active{color:var(--text);background:#ff47a314;border:1px solid #ff47a385}.timeline-stepper{align-items:center;gap:8px;display:inline-flex}.timeline-stepper .icon-button{width:38px;min-height:38px;box-shadow:none;padding:0}.timeline-stepper span{min-width:54px;color:var(--text-secondary);text-align:center;font-size:12px;font-weight:700}.timeline-track-view{gap:16px;display:grid}.timeline-track{border-radius:var(--radius-md);background:linear-gradient(#ffffff05,#0000),#ffffff05;height:118px;margin:4px 8px 0;position:relative}.timeline-track-line{background:linear-gradient(90deg, var(--cyan), #0bc9da66);border-radius:999px;height:2px;position:absolute;top:58px;left:0;right:0}.timeline-point{background:0 0;border:0;border-radius:999px;place-items:center;width:30px;height:30px;padding:0;display:grid;position:absolute;top:58px;transform:translate(-50%,-50%)}.timeline-point span,.timeline-rail span{background:var(--cyan);border-radius:999px;width:12px;height:12px;box-shadow:0 0 0 4px #0bc9da24}.timeline-point:hover span,.timeline-point.active span{background:var(--pink);box-shadow:0 0 0 6px #ff47a324}.timeline-item{gap:8px;display:grid}.timeline-rail{background:#ffffff0a;border-radius:999px;height:10px;position:relative}.timeline-rail span{position:absolute;top:50%;transform:translate(-50%,-50%)}.timeline-card{border:1px solid var(--border);border-radius:var(--radius-md);background:#0b0c0fe6;gap:10px;padding:14px;display:grid}.timeline-card-header,.timeline-meta{gap:8px;display:flex}.timeline-card-header{justify-content:space-between;align-items:center}.timeline-card-header code{color:var(--text);font-weight:700}.timeline-fields-table{border:1px solid var(--border);border-radius:var(--radius-md);width:100%;min-width:0;overflow:hidden}.timeline-fields-table th{background:#ffffff08;width:38%}.timeline-unavailable{text-align:left;grid-template-columns:auto minmax(0,1fr);place-items:center start;min-height:120px}.timeline-unavailable div{gap:4px;display:grid}.events-grid{grid-template-columns:minmax(280px,.42fr) minmax(0,1fr)}.controls-panel{align-self:start}.field-hint,.query-summary span{color:var(--text-secondary);font-size:12px;font-weight:600}.query-summary{border-radius:var(--radius-md);background:#0bc9da0f;border:1px solid #0bc9da38;gap:4px;padding:14px;display:grid}.query-summary strong{color:var(--cyan);font-size:28px;line-height:1}.chip-row{gap:10px}.chip{border-color:var(--border);min-height:36px;color:var(--text);background:#ffffff08;padding:0 12px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px}.state-box{border:1px dashed var(--border-strong);border-radius:var(--radius-md);min-height:180px;color:var(--text-secondary);background:#ffffff05;place-items:center;font-weight:700;display:grid}.state-box.error{color:#ff8aa9;overflow-wrap:anywhere;justify-items:start;padding:18px}.compact-state{min-height:96px}.chart-empty{min-height:320px}.game-session-page{gap:18px;display:grid}.session-rail-panel,.detail-panel-full{overflow:hidden}.session-rail{grid-auto-columns:minmax(260px,1fr);grid-auto-flow:column;gap:12px;padding-bottom:4px;display:grid;overflow-x:auto}.session-pill{text-align:left;background:#0b0c0ff0;gap:10px;min-height:128px;padding:14px;display:grid}.session-pill.active{border-color:#ff47a3a6;box-shadow:inset 0 0 0 1px #ff47a32e,0 18px 40px #00000057}.session-pill strong{overflow-wrap:anywhere;font-size:20px;line-height:1.1}.session-pill-top,.session-pill-meta,.focus-meta{color:var(--text-secondary);justify-content:space-between;gap:10px;font-size:12px;display:flex}.game-session-detail{gap:16px}.hero-card{border-radius:var(--radius-lg);grid-template-columns:1.2fr 1fr repeat(4,minmax(0,.9fr));display:grid;overflow:hidden}.hero-cell{border-right:1px solid var(--border);gap:6px;min-height:124px;padding:18px 22px;display:grid}.hero-cell:last-child{border-right:0}.hero-cell strong{overflow-wrap:anywhere;font-size:clamp(1.5rem,2vw,2.2rem);line-height:1.05}.hero-cell em{color:var(--text-secondary);font-size:14px;font-style:normal}.hero-stat strong{align-items:center;gap:10px;display:flex}.hero-stat-cyan strong,.hero-stat-cyan span{color:var(--cyan)}.hero-stat-pink strong,.hero-stat-pink span{color:var(--pink)}.metric-ribbon{border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(#ffffff05,#0000),#101114eb;grid-template-columns:repeat(6,minmax(0,1fr));display:grid;overflow:hidden}.metric-tile{border:0;border-right:1px solid var(--border);min-height:118px;box-shadow:none;background:0 0;gap:14px;padding:18px;display:flex}.metric-tile:last-child{border-right:0}.metric-tile strong{margin-top:6px;font-size:22px;display:block}.metric-tile-icon{border:1px solid;border-radius:999px;place-items:center;width:42px;height:42px;display:grid}.metric-tile.pink{color:var(--pink)}.metric-tile.orange{color:var(--orange)}.metric-tile.cyan{color:var(--cyan)}.metric-tile div:last-child{color:var(--text)}.timeline-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.timeline-header-actions,.timeline-legend{align-items:center;gap:16px;display:flex}.timeline-legend span{color:var(--text-secondary);align-items:center;gap:8px;font-size:12px;display:inline-flex}.legend-dot{border-radius:999px;width:10px;height:10px}.legend-dot.death,.event-pill.death{color:var(--pink);background:#ff47a324}.legend-dot.cave,.event-pill.cave{color:var(--orange);background:#f97a1f24}.legend-dot.other,.event-pill.other{color:var(--cyan);background:#0bc9da24}.game-track-shell{gap:18px;display:grid}.game-track{border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(#ffffff05,#0000 55%),#0b0c0fe6;padding:52px 24px 50px;position:relative}.game-track-line{background:linear-gradient(90deg,#0bc9daa6,#0bc9da59);height:2px;position:relative}.game-track-line:before,.game-track-line:after{content:"";border-top:2px solid #0bc9dabf;border-right:2px solid #0bc9dabf;width:8px;height:8px;position:absolute;top:50%}.game-track-line:before{left:-2px;transform:translateY(-50%)rotate(-135deg)}.game-track-line:after{right:-2px;transform:translateY(-50%)rotate(45deg)}.game-track-marker{background:0 0;border:0;width:34px;height:34px;padding:0;position:absolute;top:53px;transform:translate(-50%,-50%)}.game-track-marker span{background:#ffffff05;border:2px solid;border-radius:999px;position:absolute;inset:0}.game-track-marker.other span{background:var(--cyan);border-width:0;width:14px;height:14px;inset:10px;box-shadow:0 0 14px #0bc9da8c}.game-track-marker.cave{color:var(--orange)}.game-track-marker.cave span{box-shadow:0 0 18px #f97a1f47}.game-track-marker.death{color:var(--pink)}.game-track-marker.death:before{content:"";background:var(--pink);width:2px;height:42px;position:absolute;bottom:17px;left:50%;transform:translate(-50%);box-shadow:0 0 18px #ff47a373}.game-track-marker.death span{top:-18px;background:var(--pink);border-width:0;width:18px;height:18px;inset:auto 8px;box-shadow:0 0 18px #ff47a38c}.game-track-marker.active{transform:translate(-50%,-50%)scale(1.06)}.game-track-scale{color:var(--text-secondary);grid-template-columns:1fr auto 1fr;gap:12px;margin-top:26px;font-size:12px;display:grid}.game-track-scale span:last-child{text-align:right}.timeline-focus-card{border-radius:var(--radius-md);justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.timeline-focus-card strong{margin-top:8px;font-size:24px;display:block}.timeline-list-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.timeline-list-card{border-radius:var(--radius-md);gap:10px;padding:14px;display:grid}.timeline-list-card strong{font-size:20px}.event-type-cell{align-items:center;gap:10px;display:inline-flex}.event-type-cell.pink{color:var(--pink)}.event-type-cell.orange{color:var(--orange)}.event-type-cell.cyan{color:var(--cyan)}.mobile-only,.scrim{display:none}@media (width<=1380px){.hero-card,.metric-ribbon{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=1100px){.filter-bar,.content-grid,.bottom-grid,.split-panels,.session-layout,.events-grid{grid-template-columns:1fr}.stat-grid,.stat-grid.compact,.hero-card,.metric-ribbon{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-tile{border-right:0;border-bottom:1px solid var(--border)}.metric-ribbon .metric-tile:nth-last-child(-n+2){border-bottom:0}.timeline-header,.timeline-header-actions{flex-direction:column;align-items:flex-start}}@media (width<=760px){.sidebar{transition:transform .18s;position:fixed;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.mobile-only,.scrim{display:inline-flex}.scrim{z-index:10;background:#0000008c;border:0;position:fixed;inset:0}.main-panel{padding:16px}.topbar{flex-wrap:wrap}.filter-bar,.hero-card,.metric-ribbon,.stat-grid,.stat-grid.compact{grid-template-columns:1fr}.hero-cell,.metric-tile{border-right:0;border-bottom:1px solid var(--border)}.hero-card .hero-cell:last-child,.metric-ribbon .metric-tile:last-child{border-bottom:0}.session-rail{grid-auto-columns:minmax(220px,1fr)}.chart-frame{height:260px}.timeline-focus-card{flex-direction:column;align-items:flex-start}table{min-width:560px}}