*{margin:0;padding:0;box-sizing:border-box}body{overflow:hidden;font-family:SF Mono,Fira Code,Consolas,monospace;background:#1a1a1a;color:#e0e0e0}canvas{display:block}#topbar{position:fixed;top:0;left:0;right:0;z-index:200;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;background:transparent;pointer-events:none}#topbar>*{pointer-events:auto}.topbar-left{display:flex;align-items:center;gap:18px;min-width:0}.brand-mark{position:relative;z-index:101;font-size:13px;font-weight:700;letter-spacing:.02em;line-height:1;color:#e0e0e0;text-decoration:none;white-space:nowrap}.brand-mark:hover{color:#fff}.menu{position:relative}.menu-trigger{position:relative;z-index:101;display:flex;align-items:baseline;gap:6px;background:none;border:none;border-radius:0;padding:2px 0;font-family:inherit;color:#fff;cursor:pointer}.menu-value{font-size:12px;font-weight:600;color:#fff;white-space:nowrap}.menu-trigger:hover .menu-value,.menu-trigger[aria-expanded=true] .menu-value{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}.menu-caret{font-size:9px;color:#888;transition:transform .15s ease}.menu-trigger:hover .menu-caret{color:#ccc}.menu-trigger[aria-expanded=true] .menu-caret{transform:rotate(180deg);color:#fff}.menu-panel{position:fixed;left:0;right:0;top:0;z-index:100;background:#101012eb;border-bottom:1px solid rgba(255,255,255,.12);padding:46px 16px 18px;max-height:100vh;overflow:auto}.menu-panel[hidden]{display:none}.menu-cat-header{font-size:11px;font-style:italic;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#8a8a8a;padding:12px 2px 5px;border-bottom:1px solid rgba(255,255,255,.14);margin-bottom:7px}.menu-panel>*:first-child>.menu-cat-header{padding-top:2px}.scenario-cat-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1px 10px;padding-bottom:4px}.scenario-item{background:none;color:#cfcfcf;border:none;border-radius:0;padding:5px 4px;font-family:inherit;font-size:13px;cursor:pointer;text-align:left;white-space:nowrap;transition:color .1s ease}.scenario-item:hover{color:#fff}.scenario-item.active{color:#3dd6c9}.scenario-item.unsupported:not(.active){opacity:.35;cursor:default}.scenario-item.unsupported:not(.active):hover{color:#cfcfcf}#unsupported-overlay{display:none;position:fixed;inset:0;align-items:center;justify-content:center;z-index:50;pointer-events:none}#unsupported-overlay.visible{display:flex}.unsupported-banner{background:#141414e0;border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:18px 28px;text-align:center;display:flex;flex-direction:column;gap:6px}.unsupported-title{font-size:13px;color:#e0e0e0}.unsupported-missing{font-size:12px;color:#f87171}.engine-grid{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:4px}.engine-tile{flex:0 0 190px;background:#2a2a2a;color:#888;border:1px solid #444;border-radius:0;padding:10px 12px;font-family:inherit;font-size:13px;text-align:left;cursor:pointer;transition:all .15s ease}.engine-tile:hover{border-color:#666;color:#e0e0e0}.engine-tile.active{background:#0f8;color:#000;border-color:#0f8}.card-header{display:flex;align-items:center;gap:6px;margin-bottom:3px}.card-name{font-size:12px;font-weight:700;letter-spacing:.02em;color:#e0e0e0}.engine-tile.active .card-name{color:#000}.tile-repo{margin-left:auto;font-size:12px;line-height:1;color:#888;text-decoration:none;padding:0 2px}.tile-repo:hover{color:#fff}.engine-tile.active .tile-repo{color:#053}.engine-tile.active .tile-repo:hover{color:#000}.card-version{font-size:9px;color:#888;letter-spacing:.03em;margin-bottom:8px}.engine-tile.active .card-version{color:#053}.card-stat-label{font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#888;flex-shrink:0;white-space:nowrap}.engine-tile.active .card-stat-label{color:#053}.card-stat-value{font-size:10px;color:#ccc;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.engine-tile.active .card-stat-value{color:#032}.card-cols{display:flex;gap:0;margin-bottom:6px}.card-col{flex:1;display:flex;flex-direction:column;gap:2px}.card-col-label{font-size:8px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#666;margin-bottom:2px}.engine-tile.active .card-col-label{color:#074}.card-col-divider{width:1px;background:#333;margin:0 8px;align-self:stretch}.engine-tile.active .card-col-divider{background:#0b6}.card-col-stat{display:flex;justify-content:space-between;align-items:baseline;gap:4px}.card-totals{border-top:1px solid #333;padding-top:5px;display:flex;flex-direction:column;gap:2px}.engine-tile.active .card-totals{border-top-color:#0b6}.card-total-stat{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.card-stat-value--highlight{color:#e0e0e0;font-weight:700}.engine-tile.active .card-stat-value--highlight{color:#000}.engine-tag{display:inline-block;font-size:8px;font-weight:700;letter-spacing:.04em;padding:1px 4px;border-radius:0;text-transform:uppercase}.tag-js{background:#3a3000;color:#f0c040;border:1px solid #6a5800}.tag-wasm{background:#1a0a3a;color:#a080ff;border:1px solid #4a2a8a}#top-right-panel{position:fixed;top:10px;right:12px;z-index:90;display:flex;flex-direction:column;align-items:flex-end;gap:8px;max-width:calc(100vw - 24px)}#scenario-gui{display:flex;flex-direction:column;align-items:flex-end}.stats-card{display:flex;flex-direction:column;padding:10px 12px;background:#080808d1;border:1px solid rgba(255,255,255,.09);border-radius:0}.stat-panel{display:flex;flex-direction:column;gap:2px;padding:5px 0}.stat-panel+.stat-panel{border-top:1px solid rgba(255,255,255,.05)}.stat-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.stat-name{display:inline-flex;align-items:center;font-size:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.stat-name:before{content:"";display:inline-block;width:6px;height:6px;margin-right:7px;background:currentColor}.stat-nums{display:inline-flex;align-items:baseline;gap:5px;font-variant-numeric:tabular-nums}.stat-cur{font-size:12px;font-weight:700;color:#f4f4f4}.stat-unit{font-size:9px;color:#666}.stat-right{display:flex;align-items:baseline;gap:8px}.stat-computed-col{display:flex;flex-direction:column;align-items:flex-end;gap:1px}.stat-computed{font-size:9px;color:#5a5a5a;letter-spacing:.02em;font-variant-numeric:tabular-nums}.stat-graph{display:block}.stat-panel--primary{padding:2px 0 8px;margin-bottom:2px;border-bottom:1px solid rgba(255,255,255,.12)}.stat-panel--primary .stat-name{font-size:10px}.stat-panel--primary .stat-cur{font-size:20px}.stat-panel--primary .stat-unit{font-size:11px}.stat-panel--primary .stat-computed{font-size:10px}@media(max-width:640px){#topbar{gap:10px;padding:8px 10px}.brand-mark{display:none}.topbar-left{gap:16px}.menu-trigger{padding:6px 2px}.menu-value{font-size:14px}.menu-panel{padding:40px 10px 16px}.scenario-cat-items{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:0 8px}.scenario-item{font-size:14px;padding:8px 4px}.engine-tile{flex:1 1 150px}#top-right-panel{top:8px;right:8px;gap:6px;transform:scale(.85);transform-origin:top right}}