:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#1f2933;background:#f4f5f7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}.app-shell{min-height:100vh}.topbar{background:#fff;border-bottom:1px solid #d6dae1;justify-content:space-between;align-items:center;gap:24px;padding:18px 28px;display:flex}.topbar h1{margin:0;font-size:22px;line-height:1.2}.topbar p{color:#667085;margin:3px 0 0;font-size:13px}.tabs{background:#eef1f5;border:1px solid #c9d0da;border-radius:8px;padding:3px;display:inline-flex}.tab{color:#475467;cursor:pointer;background:0 0;border:0;border-radius:6px;min-width:116px;padding:8px 12px}.tab.active{color:#111827;background:#fff;box-shadow:0 1px 2px #1018281f}.workspace{padding:24px 28px}.stack{gap:18px;display:grid}.tool-grid{grid-template-columns:minmax(320px,440px) minmax(0,1fr);align-items:start;gap:18px;display:grid}.preview-grid{grid-template-columns:minmax(420px,520px) minmax(0,1fr)}.panel,.code-panel{background:#fff;border:1px solid #d6dae1;border-radius:8px;padding:18px}.panel-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.panel h2{margin:0;font-size:16px}.section-heading{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px;display:flex}.section-heading.compact{margin-bottom:10px}.section-heading p{color:#667085;margin:4px 0 0;font-size:13px}.segmented{background:#eef1f5;border:1px solid #c9d0da;border-radius:8px;flex:none;padding:3px;display:inline-flex}.segment{color:#475467;cursor:pointer;background:0 0;border:0;border-radius:6px;min-width:68px;padding:7px 10px}.segment.active{color:#101828;background:#fff;box-shadow:0 1px 2px #1018281f}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}label{color:#344054;gap:7px;font-size:13px;display:grid}input,select{color:#101828;background:#fff;border:1px solid #c9d0da;border-radius:6px;width:100%;min-height:36px;padding:7px 9px}input[type=range]{padding:0}output{font-variant-numeric:tabular-nums;color:#101828}.primary{color:#fff;cursor:pointer;background:#1167b1;border:0;border-radius:6px;min-height:36px;padding:8px 14px}.primary:disabled{cursor:default;background:#98a2b3}.metric-grid{grid-template-columns:repeat(4,minmax(120px,1fr));gap:12px;margin:0;display:grid}.metric{background:#f8fafc;border:1px solid #d6dae1;border-radius:8px;min-height:78px;padding:12px}.metric dt{color:#667085;margin-bottom:8px;font-size:12px}.metric dd{font-variant-numeric:tabular-nums;margin:0;font-size:20px;font-weight:700}.source-banner{color:#344054;background:#f8fafc;border:1px solid #c9d0da;border-radius:8px;grid-template-columns:max-content max-content minmax(0,1fr);align-items:center;gap:12px;margin-bottom:14px;padding:10px 12px;font-size:13px;display:grid}.source-banner strong{text-transform:uppercase;color:#101828}.source-banner.real{background:#ecfdf3;border-color:#7ce0a1}.source-banner.auth_required,.source-banner.disabled,.source-banner.blocked{background:#fffaeb;border-color:#fedf89}.broadcast-grid,.chart-grid,.raw-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.leaderboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.broadcast{background:#f8fafc;border:1px solid #d6dae1;border-radius:8px;min-height:128px;padding:12px}.broadcast span{color:#667085;text-transform:uppercase;font-size:11px}.broadcast h3,.chart-list h3{margin:5px 0 8px;font-size:14px}.broadcast p{color:#344054;margin:0;line-height:1.45}.broadcast.success{background:#ecfdf3;border-color:#7ce0a1}.broadcast.warning{background:#fffaeb;border-color:#fedf89}.table-wrap{overflow-x:auto}.chart-list{background:#fff;border:1px solid #e5e7eb;border-radius:8px;min-height:160px;padding:12px}.mini-rows{gap:7px;display:grid}.mini-row{color:#475467;border-bottom:1px solid #eef1f5;justify-content:space-between;align-items:center;gap:10px;min-height:28px;font-size:12px;display:flex}.mini-row strong{color:#101828;font-variant-numeric:tabular-nums}.raw-grid pre{color:#f9fafb;background:#101828;border:1px solid #e5e7eb;border-radius:8px;min-height:220px;max-height:360px;margin:0;padding:12px;font-size:11px;line-height:1.45;overflow:auto}.replay-console{gap:18px;display:grid}.replay-hero{color:#f7f2e7;background:linear-gradient(135deg,#c9482d2e,#0000 32%),#171614;border:1px solid #2f3631;border-radius:8px;grid-template-columns:minmax(300px,1fr) minmax(360px,1.4fr) auto;align-items:center;gap:18px;padding:18px;display:grid}.eyebrow{color:#d6a11b;text-transform:uppercase;margin:0 0 6px;font-size:12px;font-weight:700}.replay-hero h2{margin:0;font-size:28px;line-height:1.1}.hero-copy{color:#d8ded6;margin:8px 0 0;font-size:13px;line-height:1.5}.route-strip{grid-template-columns:repeat(18,minmax(18px,1fr));align-items:end;gap:5px;min-height:54px;display:grid}.route-node{color:#e9eee7;font-variant-numeric:tabular-nums;background:#2b312c;border:1px solid #6d766d;border-radius:4px;place-items:center;min-width:0;height:30px;font-size:11px;display:grid}.route-node.elite{background:#4a3912;border-color:#d6a11b;height:38px}.route-node.boss{color:#fff7ed;background:#5a2118;border-color:#c8482d;height:48px}.replay-mode{background:#252a25;border-color:#475046}.replay-mode .segment{color:#d8ded6}.replay-mode .segment.active{color:#171614;background:#f7f2e7}.replay-section{gap:14px;display:grid}.replay-two-column{grid-template-columns:minmax(520px,1.1fr) minmax(360px,.9fr);align-items:start}.capability-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.capability{background:#fff;border:1px solid #d6dae1;border-radius:8px;min-height:118px;padding:12px}.capability strong,.capability span{display:block}.capability span{color:#51575d;text-transform:uppercase;margin-top:4px;font-size:11px}.capability p{color:#475467;margin:10px 0 0;font-size:12px;line-height:1.45}.capability.ready{background:#f1fbf4;border-color:#76c893}.capability.pending{background:#fff8e3;border-color:#d6a11b}.capability.out_of_scope{background:#f8fafc;border-color:#b9c1c9}.replay-broadcasts{grid-template-columns:repeat(4,minmax(0,1fr))}.leaderboard-matrix{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.leaderboard-panel{background:#fff;border-top:3px solid #2c7da0;border-radius:8px;padding:12px;box-shadow:inset 0 0 0 1px #d6dae1}.leaderboard-panel h3{margin:0 0 10px;font-size:14px}.replay-table th{white-space:nowrap;width:auto}.replay-table td{font-variant-numeric:tabular-nums}.replay-charts,.calibration-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.empty-state.compact{min-height:104px}.config-console{gap:18px;display:grid}.config-hero{color:#eef4f5;background:linear-gradient(135deg,#2c7da033,#0000 35%),#16191a;border:1px solid #31383b;border-radius:8px;grid-template-columns:minmax(260px,.8fr) minmax(520px,1.2fr);align-items:stretch;gap:18px;padding:18px;display:grid}.config-hero h2{margin:0;font-size:28px;line-height:1.08}.config-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.config-tab{color:#d8e1e4;text-align:left;cursor:pointer;background:#202628;border:1px solid #445056;border-radius:8px;align-content:center;min-height:78px;padding:10px;display:grid}.config-tab span,.config-tab small{display:block}.config-tab span{font-weight:700}.config-tab small{color:#97a7ad;text-transform:uppercase;margin-top:6px;font-size:11px}.config-tab.active{color:#102027;background:#e9f8fc;border-color:#b4e6f4}.config-tab.active small{color:#2c6477}.config-layout{grid-template-columns:minmax(0,1fr) minmax(360px,440px);align-items:start;gap:18px;display:grid}.config-main,.config-stack,.preview-rail,.catalog-page{gap:14px;display:grid}.preview-rail{position:sticky;top:18px}.config-panel{padding:16px}.config-panel .panel-header{margin-bottom:12px}.config-panel h3,.draft-preview h3,.catalog-card h3{margin:0;font-size:14px}.form-grid.dense{gap:10px}.form-grid.dense label{background:#fbfcfd;border:1px solid #edf0f3;border-radius:8px;min-width:0;padding:10px}.full-width{width:100%;margin:12px 0}.draft-preview .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rarity-bars{gap:8px;margin-top:12px;display:grid}.rarity-bar{color:#475467;grid-template-columns:44px minmax(0,1fr) 46px;align-items:center;gap:8px;font-size:12px;display:grid}.rarity-bar div{background:#edf0f3;border-radius:99px;height:8px;overflow:hidden}.rarity-bar i{border-radius:inherit;background:linear-gradient(90deg,#2c7da0,#d6a11b,#c8482d);height:100%;display:block}.rarity-bar strong{color:#101828;font-variant-numeric:tabular-nums;text-align:right}.config-table th{white-space:nowrap;width:auto}.config-table input{min-width:86px}.rarity-config-table{min-width:760px}.compact-code{min-height:320px;max-height:520px;font-size:11px}.catalog-heading{background:#f8fafc;align-items:center;min-height:126px;display:flex}.catalog-heading h2{margin:0;font-size:22px}.catalog-heading p:not(.eyebrow){color:#475467;max-width:760px;margin:8px 0 0;line-height:1.5}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.catalog-card{background:#fff;border:1px solid #d6dae1;border-radius:8px;gap:12px;min-height:210px;padding:14px;display:grid}.catalog-card-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.catalog-card-head span{color:#667085;text-align:right;max-width:190px;font-size:12px;line-height:1.35}.catalog-card p{color:#344054;margin:0;font-size:13px;line-height:1.5}.key-list{flex-wrap:wrap;align-content:end;gap:6px;display:flex}.key-list code{color:#344054;background:#f8fafc;border:1px solid #d6dae1;border-radius:5px;padding:4px 6px;font-size:11px}.status-text,.error-text,.muted{color:#667085;font-size:13px}.error-text{color:#b42318}.code-panel{min-height:480px;max-height:calc(100vh - 150px);margin:0;font-size:12px;line-height:1.55;overflow:auto}.status{text-transform:uppercase;color:#667085;font-size:12px}.status.ready{color:#067647}.status.error,.error{color:#b42318}.empty-state{color:#667085;border:1px dashed #c9d0da;border-radius:8px;place-items:center;min-height:180px;display:grid}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #e5e7eb;padding:10px 8px}th{color:#475467;width:42%;font-weight:600}@media (width<=920px){.topbar{flex-direction:column;align-items:flex-start}.tabs{grid-template-columns:repeat(4,1fr);width:100%;display:grid}.tab{min-width:0}.tool-grid,.preview-grid,.form-grid,.metric-grid,.config-hero,.config-tabs,.config-layout,.catalog-grid,.leaderboard-grid,.leaderboard-matrix,.broadcast-grid,.chart-grid,.raw-grid,.replay-hero,.replay-two-column,.capability-grid,.replay-broadcasts,.replay-charts,.calibration-grid,.source-banner{grid-template-columns:1fr}.route-strip{grid-template-columns:repeat(9,minmax(18px,1fr))}.section-heading{display:grid}.preview-rail{position:static}}