:root{--bg: #0a0a0a;--bg-elevated: rgba(17, 17, 17, .92);--border: #222222;--border-hover: #ffffff;--text: #ffffff;--text-muted: #888888;--accent: #ffffff;--transition: .2s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden;background:var(--bg);color:var(--text)}body{font-family:Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;font-size:12px;letter-spacing:.04em;-webkit-font-smoothing:antialiased}canvas#c{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}button{font:inherit;letter-spacing:.12em;text-transform:uppercase;font-size:11px;color:var(--text);background:transparent;border:1px solid var(--border);padding:6px 12px;cursor:pointer;transition:border-color var(--transition),background var(--transition),color var(--transition)}button:hover{border-color:var(--border-hover)}button.active{background:var(--text);color:var(--bg);border-color:var(--text)}.bar{position:fixed;top:0;left:0;right:0;height:40px;z-index:10;display:flex;align-items:center;gap:24px;padding:0 12px;background:var(--bg-elevated);border-bottom:1px solid var(--border);backdrop-filter:blur(8px)}.brand{font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:400;display:flex;align-items:center;gap:8px}.brand-btn{display:inline-flex;align-items:center;gap:6px;font-size:12px;letter-spacing:.18em;padding:4px 6px;margin:0 -6px;border-color:transparent}.brand-btn:hover,.brand.open .brand-btn{border-color:var(--border);background-color:transparent}.burger{display:inline-flex;flex-direction:column;justify-content:center;gap:3px;width:24px;height:24px;padding:0 4px;margin-left:-4px;border-color:transparent;background:none}.burger span{display:block;height:1px;background:currentColor;transition:transform var(--transition),opacity var(--transition);transform-origin:center}.brand.open .burger span:nth-child(1){transform:translateY(4px) rotate(45deg)}.brand.open .burger span:nth-child(2){opacity:0;transform:scaleX(0)}.brand.open .burger span:nth-child(3){transform:translateY(-4px) rotate(-45deg)}.burger:hover,.brand.open .burger{border-color:var(--border);background-color:transparent}.sel-menu.brand-menu{max-height:calc(100vh - 40px);border:0;border-right:1px solid var(--border);border-bottom:1px solid var(--border)}.sel-menu.brand-menu button,.sel-menu.brand-menu .sel-head{font-size:12px;letter-spacing:.18em;padding:8px 12px;display:flex;justify-content:space-between;align-items:baseline;gap:12px}.sel-menu.brand-menu button.indent{padding-left:28px}.sel-menu .sel-head{text-transform:uppercase;color:var(--text-muted);cursor:default}.sel-menu .meta{font-size:10px;letter-spacing:.12em;color:var(--text-muted);font-variant-numeric:tabular-nums}.sel-menu button:hover .meta,.sel-menu button.selected .meta{color:inherit;opacity:.7}.dim{color:var(--text-muted)}.modes{position:fixed;top:56px;left:248px;z-index:9;display:flex;gap:0;padding:4px;background:var(--bg-elevated);border:1px solid var(--border);backdrop-filter:blur(8px)}.modes .mode{border-color:transparent;padding:5px 10px}.modes .mode:hover{border-color:var(--border)}.modes .mode.active{border-color:var(--text)}.right{margin-left:auto;display:flex;align-items:center;gap:12px}.dev-toggle{border-color:transparent;color:var(--text-muted);padding:6px 8px}.dev-toggle:hover,.dev-toggle.active{color:var(--text);border-color:var(--border);background:transparent}.stats-launch{top:100px}.stats-panel{position:fixed;left:248px;top:146px;width:440px;max-height:calc(100vh - 200px);z-index:11;background:var(--bg-elevated);border:1px solid var(--border);backdrop-filter:blur(8px);display:flex;flex-direction:column}.stats-head{display:flex;align-items:center;justify-content:space-between;padding:6px 8px 6px 6px;border-bottom:1px solid var(--border)}.stats-tabs{position:static;padding:0;border:0;background:none;backdrop-filter:none}.stats-body{overflow-y:auto;padding:8px 14px 14px}.stats-body::-webkit-scrollbar{width:6px}.stats-body::-webkit-scrollbar-thumb{background:var(--border)}.stat-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:6px 0 4px}.stats-body>.stat-tiles:first-child{margin-bottom:14px}.stat-tile{border:1px solid var(--border);padding:8px 9px;min-width:0}.stat-tile b{display:block;font-weight:400;font-size:12px;letter-spacing:.06em;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-tile span{display:block;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);margin-top:3px}.stat-section{margin-top:16px}.stat-head{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted);margin-bottom:5px}.stat-row{display:grid;grid-template-columns:150px 1fr 64px;align-items:center;gap:8px;margin:3px 0;font-size:10px;letter-spacing:.08em}.stat-row.stat-text{grid-template-columns:150px 1fr}.stat-label{color:var(--text);text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-track{height:6px;background:#1a1a1a;border:1px solid var(--border)}.stat-fill{display:block;height:100%;background:var(--text)}.stat-val{color:var(--text-muted);text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.stat-val.wide{text-align:left}.stat-val a{color:var(--text);text-decoration:none;border-bottom:1px solid var(--border)}.stat-line{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--text);margin-bottom:8px}.stat-note{font-size:10px;letter-spacing:.06em;color:var(--text-muted);line-height:1.6}.dev{position:fixed;right:16px;bottom:48px;width:272px;max-height:calc(100vh - 120px);z-index:12;background:var(--bg-elevated);border:1px solid var(--border);backdrop-filter:blur(8px);display:flex;flex-direction:column}.dev-head{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--border);font-size:10px;letter-spacing:.16em}.dev-actions{display:flex;gap:4px}.dev-actions button{padding:4px 7px;font-size:10px}.dev-body{overflow-y:auto;padding:6px 12px 10px}.dev-body::-webkit-scrollbar{width:6px}.dev-body::-webkit-scrollbar-thumb{background:var(--border)}.dev-section{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted);margin:10px 0 4px}.dev-row{display:grid;grid-template-columns:92px 1fr 42px;align-items:center;gap:8px;margin:3px 0;font-size:10px;letter-spacing:.08em}.dev-row label{color:var(--text);text-transform:uppercase}.dev-row .val{color:var(--text-muted);text-align:right;font-variant-numeric:tabular-nums}.dev-row input[type=range]{width:100%;accent-color:var(--text);height:2px}.dev-row input[type=color]{width:100%;height:18px;border:1px solid var(--border);background:#000;padding:0;cursor:pointer}.dev-row input[type=checkbox]{accent-color:var(--text);justify-self:start}button:disabled{opacity:.35;cursor:not-allowed}button:disabled:hover{border-color:var(--border)}.badge{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);border:1px solid var(--border);padding:4px 8px}.badge.gpu{color:#9ef0b0;border-color:#2e5a3a}.badge.gl{color:#f0c27a;border-color:#5a4a2e}.badge.loading{color:var(--text);animation:badge-pulse 1.2s ease-in-out infinite}@keyframes badge-pulse{0%,to{opacity:.35}50%{opacity:1}}.catalog{position:fixed;top:40px;left:0;bottom:0;width:232px;z-index:9;overflow-y:auto;background:var(--bg-elevated);border-right:1px solid var(--border);backdrop-filter:blur(8px);padding:4px 12px 12px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px;align-content:start}.catalog .stats{grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;padding:10px 0 6px;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);white-space:nowrap}.catalog .stats b{font-weight:400;color:var(--text)}.catalog .stats a{color:var(--text);text-decoration:none;border-bottom:1px solid var(--border)}.catalog .stats .contract{flex-basis:100%;display:flex;gap:8px}.catalog .stats .contract a{font-variant-numeric:tabular-nums}.catalog .stats a:hover{border-color:var(--border-hover)}.catalog .filters{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:2px 0 6px}.catalog .filters label{display:block;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);margin:4px 0 3px 1px}.catalog .filters .wide{grid-column:1 / -1}.catalog select{width:100%;font:inherit;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--text);background:#000;border:1px solid var(--border);padding:5px 6px;cursor:pointer;appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--text-muted) 50%),linear-gradient(135deg,var(--text-muted) 50%,transparent 50%);background-position:calc(100% - 12px) 55%,calc(100% - 8px) 55%;background-size:4px 4px;background-repeat:no-repeat}.catalog select:hover{border-color:var(--border-hover)}.sel{position:relative}.sel-btn{width:100%;text-align:left;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--text);background:#000;border:1px solid var(--border);padding:5px 22px 5px 6px;cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,var(--text-muted) 50%),linear-gradient(135deg,var(--text-muted) 50%,transparent 50%);background-position:calc(100% - 12px) 55%,calc(100% - 8px) 55%;background-size:4px 4px;background-repeat:no-repeat}.sel-btn:hover,.sel.open .sel-btn{border-color:var(--border-hover)}.sel-menu{position:fixed;z-index:30;min-width:100px;max-height:50vh;overflow-y:auto;background:#000;border:1px solid var(--border-hover)}.sel-menu button{display:block;width:100%;text-align:left;border:0;padding:6px 8px;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--text);background:#000}.sel-menu button:hover,.sel-menu button.selected{background:var(--text);color:var(--bg)}.sel-menu button.selected:hover{background:#ddd}.catalog .empty{grid-column:1 / -1;color:var(--text-muted);font-size:10px;letter-spacing:.12em;text-transform:uppercase;padding:12px 4px}.catalog::-webkit-scrollbar{width:6px}.catalog::-webkit-scrollbar-thumb{background:var(--border)}.item{display:block;width:100%;min-width:0;padding:0;border:1px solid var(--border);background:#000;text-align:left;cursor:pointer;transition:border-color var(--transition)}.item:hover{border-color:var(--border-hover)}.item.active{border-color:var(--border-hover);background:#000}.item.active .label{background:var(--text);color:var(--bg)}.item.active .label small{color:#555}.item{position:relative}.item img{display:block;width:100%;aspect-ratio:1;object-fit:cover;background:#111}.item .label{display:block;padding:6px 7px 7px;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--text);line-height:1.3;overflow-wrap:anywhere}.item .label small{display:block;color:var(--text-muted);font-size:9px;margin-top:2px}.info{position:fixed;top:56px;right:16px;width:260px;z-index:9;padding:14px 16px;background:var(--bg-elevated);border:1px solid var(--border);backdrop-filter:blur(8px)}.info-title{font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:400;margin-bottom:8px}.info-desc{color:var(--text-muted);font-size:11px;line-height:1.6;letter-spacing:.02em;margin:0 0 8px;max-height:9.6em;overflow:hidden}.info-chips{display:flex;flex-wrap:wrap;gap:4px;margin:2px 0 8px}.info-chips:empty{display:none}.chip{font-size:10px;letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--border);padding:3px 7px;color:var(--text);white-space:nowrap}.chip b{font-weight:400;color:var(--text-muted);margin-right:5px}.info-meta{color:var(--text-muted);font-size:11px;line-height:1.7;white-space:pre-line}.info-links{display:flex;gap:12px;flex-wrap:wrap}.info-link{display:inline-block;white-space:nowrap;margin-top:10px;font-size:10px;letter-spacing:.14em;color:var(--text);text-decoration:none;border-bottom:1px solid var(--border)}.info-link:hover{border-color:var(--border-hover)}.tools{position:fixed;left:248px;bottom:48px;z-index:9;display:flex;gap:6px;align-items:center}.tools .count{color:var(--text-muted);font-size:11px;letter-spacing:.12em;margin-left:8px;text-transform:uppercase}.hints{position:fixed;left:232px;right:0;bottom:0;height:36px;z-index:9;display:flex;align-items:center;gap:18px;padding:0 16px;background:var(--bg-elevated);border-top:1px solid var(--border);backdrop-filter:blur(8px);color:var(--text-muted);font-size:10px;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;overflow:hidden}.hints kbd{font:inherit;color:var(--text);border:1px solid var(--border);padding:1px 5px;margin-right:4px}.toast{position:fixed;left:50%;bottom:56px;transform:translate(-50%);z-index:20;background:var(--text);color:var(--bg);padding:8px 14px;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.loading{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:30;background:var(--bg);color:var(--text-muted);letter-spacing:.3em;font-size:11px;transition:opacity .4s;pointer-events:none}.loading.done{opacity:0}[hidden]{display:none!important}@media(max-width:760px){.bar{gap:12px}.catalog{top:auto;bottom:0;right:0;width:100%;height:150px;border-right:0;border-top:1px solid var(--border);display:flex;gap:6px;overflow-x:auto;overflow-y:hidden;padding:8px 12px;align-items:stretch}.catalog .stats,.catalog .filters,.catalog .empty{display:none}.catalog .item{flex:0 0 100px;width:100px}.catalog::-webkit-scrollbar{height:4px}.modes{left:12px;top:52px}.stats-launch{top:92px}.info{inset:auto 12px 162px;width:auto;padding:10px 12px}.info-desc{max-height:4.8em}.stats-panel{left:12px;right:12px;width:auto;top:132px;max-height:calc(100vh - 300px)}.stat-tiles{grid-template-columns:repeat(2,1fr)}.stat-row{grid-template-columns:96px 1fr 48px}.stat-row.stat-text{grid-template-columns:96px 1fr}.tools,.hints,.dev{display:none!important}.toast{bottom:170px}}