:root{--bg:#0e1420;--panel:#161e2e;--panel-soft:#1d2739;--line:#2a3550;--text:#e8edf7;--muted:#93a1bd;--accent:#4f8cff;--ok:#37c98b;--warn:#e8b23a;--error:#ef5f6b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font:15px/1.5 Inter,-apple-system,Segoe UI,Roboto,sans-serif}a{color:var(--accent)}.shell{flex-direction:column;min-height:100vh;display:flex}.shell:has(.page--games){height:100dvh;max-height:100dvh;overflow:hidden}.shell--embed{min-height:100vh}.shell--embed .page{gap:0;padding:0}.nav{background:var(--panel);border-bottom:1px solid var(--line);z-index:10;align-items:center;gap:8px;padding:10px 18px;display:flex;position:sticky;top:0}.nav__brand{letter-spacing:.02em;margin-right:12px;font-weight:700}.nav__link{color:var(--muted);border-radius:8px;padding:6px 12px;text-decoration:none}.nav__link:hover{background:var(--panel-soft);color:var(--text)}.nav__link.is-active{background:var(--accent);color:#fff}.nav__spacer{flex:1}.page{flex-direction:column;flex:1;gap:14px;min-height:0;padding:18px;display:flex}.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px}.qcard{background:var(--panel-soft);border:1px solid var(--line);border-radius:10px;margin:12px 0;padding:12px}textarea.input{resize:vertical;min-height:72px}.muted{color:var(--muted)}.error{color:var(--error)}h1,h2,h3{margin:0 0 10px;font-weight:650}h1{font-size:20px}h2{font-size:17px}h3{font-size:15px}.field{flex-direction:column;gap:4px;margin-bottom:12px;display:flex}.field>span{color:var(--muted);font-size:13px}.input,select{background:var(--panel-soft);border:1px solid var(--line);color:var(--text);font:inherit;border-radius:8px;width:100%;padding:8px 10px}.btn{background:var(--accent);color:#fff;cursor:pointer;font:inherit;border:none;border-radius:8px;padding:8px 14px}.btn:disabled{opacity:.55;cursor:default}.btn--ghost{background:var(--panel-soft);border:1px solid var(--line);color:var(--text)}.toolbar{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.toolbar .field{min-width:160px;margin-bottom:0}.check{color:var(--muted);white-space:nowrap;align-items:center;gap:6px;padding-bottom:8px;display:inline-flex}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:7px 10px}th{color:var(--muted);font-size:13px;font-weight:550}tbody tr.is-clickable:hover{background:var(--panel-soft);cursor:pointer}.tag{background:var(--panel-soft);border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:1px 8px;font-size:12px;display:inline-block}.tag--ok{color:var(--ok);border-color:color-mix(in srgb, var(--ok) 45%, transparent)}.tag--warn{color:var(--warn);border-color:color-mix(in srgb, var(--warn) 45%, transparent)}.tag--error{color:var(--error);border-color:color-mix(in srgb, var(--error) 45%, transparent)}.mono{font-family:ui-monospace,SF Mono,Cascadia Mono,Consolas,monospace;font-size:12.5px}.embed-page{flex:1;min-height:100vh;position:relative}.embed-page iframe{background:#fff;border:0;width:100%;height:100vh;display:block}.embed-back{z-index:20;color:#fff;cursor:pointer;font:inherit;background:#0e1420b8;border:0;border-radius:999px;padding:6px 12px;position:fixed;top:12px;left:12px}.split{grid-template-columns:minmax(0,1.15fr) minmax(280px,1fr);align-items:start;gap:14px;display:grid}@media (width<=980px){.split{grid-template-columns:1fr}}.tree-table{table-layout:fixed}.tree-table th:nth-child(2),.tree-table td:nth-child(2){width:72px}.tree-table th:nth-child(3),.tree-table td:nth-child(3){width:88px}.tree-row td:first-child{overflow-wrap:anywhere;word-break:break-word}.tree-name{vertical-align:top;max-width:100%;display:inline-block}pre.payload{background:var(--bg);border:1px solid var(--line);border-radius:8px;max-height:220px;margin:6px 0 0;padding:8px 10px;overflow:auto}.fold{border:1px solid var(--line);background:var(--panel-soft);border-radius:10px;margin-top:10px}.fold--nested{margin-top:8px}.fold__head{width:100%;color:inherit;font:inherit;text-align:left;background:0 0;border:0;align-items:center;gap:10px;padding:10px 12px;display:flex}button.fold__head,.fold__toggle{cursor:pointer;color:inherit;font:inherit;text-align:left;background:0 0;border:0;align-items:center;gap:10px;padding:0;display:flex}.fold__title{margin:0;font-size:15px;font-weight:650}.fold__chevron{color:var(--muted);transition:transform .15s}.fold__chevron.is-open{transform:rotate(90deg)}.fold__body{padding:0 12px 12px}.results__meta{margin:10px 0 4px}.results__grid{margin-top:14px}.results__texts{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.results__texts li{background:var(--bg);border-radius:8px;padding:8px 10px}.results__texts p{margin:4px 0 0}.page--billing{min-height:0}.billing-frame{flex-direction:column;flex:1;min-height:calc(100vh - 92px);padding:0;display:flex;overflow:hidden}.billing-tabs{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:6px;padding:10px 12px;display:flex}.billing-tabs__btn{border:1px solid var(--line);background:var(--panel-soft);color:var(--muted);font:inherit;cursor:pointer;border-radius:999px;padding:6px 12px}.billing-tabs__btn.is-active{background:var(--accent);border-color:var(--accent);color:#fff}.billing-frame iframe{background:#f6f7fb;border:0;flex:1;width:100%;min-height:0}.product-hero{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.product-hero h1{margin:0 0 4px}.stat-row{flex-wrap:wrap;gap:10px;display:flex}.stat{background:var(--panel-soft);border:1px solid var(--line);border-radius:10px;min-width:120px;padding:10px 14px}.stat span{color:var(--muted);font-size:12px;display:block}.stat strong{font-size:22px;font-weight:700}.product-grid{grid-template-columns:minmax(0,1.3fr) minmax(280px,.8fr);align-items:start;gap:14px;display:grid}.product-grid aside{flex-direction:column;gap:14px;min-width:0;display:flex}@media (width<=980px){.product-grid{grid-template-columns:1fr}}.rating-list,.complaint-list{flex-direction:column;gap:10px;display:flex}.complaint-list{max-height:520px;overflow:auto}.page--games{gap:10px;padding:12px 16px;overflow:hidden}.games-pane{flex-direction:column;flex:1;gap:10px;min-height:0;display:flex;overflow:hidden}.games-pane>.covers-hero{flex:none}.games-fit{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.games-fit>h2,.games-fit>h3{margin-bottom:4px}.games-fit>.muted,.games-fit>.error{margin:0 0 6px}.games-fit>h2,.games-fit>h3,.games-fit>.muted,.games-fit>.error,.games-fit>.toolbar{flex:none}.games-fit>.template-layout{flex:1;grid-template-rows:minmax(0,1fr);align-items:stretch;min-height:0}.games-fit .template-list,.games-fit .engine-detail,.games-fit .converter-form,.pane-scroll{min-height:0;overflow:auto}.games-fit .converter-form,.games-fit .engine-detail,.pane-scroll{flex:1}.games-fit .catalog,.pane-scroll{scrollbar-width:thin;scrollbar-color:#3a4866 transparent}.games-fit .catalog::-webkit-scrollbar{width:10px;height:10px}.pane-scroll::-webkit-scrollbar{width:10px;height:10px}.games-fit .catalog::-webkit-scrollbar-thumb{background:#3a4866;border-radius:999px}.pane-scroll::-webkit-scrollbar-thumb{background:#3a4866;border-radius:999px}.games-fit .catalog{flex-direction:column;flex:1;gap:4px;min-height:0;display:flex;overflow:auto}.catalog-row{width:100%;color:inherit;text-align:left;cursor:pointer;font:inherit;background:0 0;border:1px solid #0000;border-radius:8px;grid-template-columns:minmax(0,1.3fr) minmax(120px,.8fr) minmax(90px,auto);align-items:center;gap:10px;padding:8px 10px;display:grid}.catalog-row:hover,.catalog-row.is-on{border-color:var(--line);background:var(--panel-soft)}.catalog-row strong,.catalog-row span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.modal-grid{grid-template-columns:1fr 1fr;gap:10px 14px;display:grid}.modal-grid .field{margin-bottom:0}.modal-wide{grid-column:1/-1}.theme-picks{gap:6px;margin:0;padding:0;list-style:none;display:grid}.covers-table{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.covers-table .toolbar{flex:none}.pane-scroll thead th{background:var(--panel);z-index:1;position:sticky;top:0}.games-table th:first-child,.games-table td:first-child{width:132px}.games-cover{object-fit:cover;background:var(--panel-soft);border:1px solid var(--line);border-radius:8px;width:112px;height:63px;display:block}.games-cover--empty{color:var(--muted);place-items:center;font-size:12px;display:grid}.rating-row,.vote{grid-template-columns:minmax(0,1fr) minmax(80px,140px) auto;align-items:center;gap:8px;display:grid}.rating-bar,.vote__track{background:var(--bg);border-radius:999px;height:8px;overflow:hidden}.rating-bar>span,.vote__track>span{border-radius:inherit;background:var(--accent);height:100%;display:block}.rating-row__meta,.vote__n{color:var(--muted);white-space:nowrap;font-size:12px}.complaint{background:var(--panel-soft);border:1px solid var(--line);border-radius:10px;padding:10px 12px}.complaint header{justify-content:space-between;align-items:center;gap:8px;display:flex}.complaint p{margin:6px 0 0}.complaint select{background:var(--bg);color:inherit;border:1px solid var(--line);border-radius:8px;padding:4px 8px}.engine-head{flex:none;align-items:baseline;gap:12px;display:flex}.engine-head h2,.engine-head p{margin:0}.engine-split{flex:1;grid-template-rows:minmax(0,1fr);grid-template-columns:220px minmax(0,1fr);gap:12px;min-height:0;display:grid}.engine-menu__list,.style-menu__list,.format-pane,.compile-log{scrollbar-width:thin;scrollbar-color:#3a4866 transparent}.engine-menu__list::-webkit-scrollbar{width:10px}.style-menu__list::-webkit-scrollbar{width:10px}.format-pane::-webkit-scrollbar{width:10px}.compile-log::-webkit-scrollbar{width:10px}.engine-menu__list::-webkit-scrollbar-thumb{background:#3a4866;border-radius:999px}.style-menu__list::-webkit-scrollbar-thumb{background:#3a4866;border-radius:999px}.format-pane::-webkit-scrollbar-thumb{background:#3a4866;border-radius:999px}.compile-log::-webkit-scrollbar-thumb{background:#3a4866;border-radius:999px}.engine-menu{flex-direction:column;gap:6px;min-height:0;display:flex}.engine-menu__list{flex-direction:column;flex:1;gap:4px;min-height:0;padding-right:4px;display:flex;overflow:auto}.menu-search{flex:none}.engine-menu__label{letter-spacing:.04em;text-transform:uppercase;color:#6b728d;margin:10px 10px 2px;font-size:11px;font-weight:800}.engine-menu__label:first-child{margin-top:2px}.engine-item{width:100%;color:inherit;text-align:left;cursor:pointer;font:inherit;background:0 0;border:1px solid #0000;border-radius:8px;gap:1px;padding:8px 10px;display:grid}.engine-item strong,.engine-item span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.engine-item:hover,.engine-item.is-on{border-color:var(--line);background:var(--panel-soft)}.engine-item.is-on{border-color:var(--accent)}.engine-main{border:1px solid var(--line);border-radius:12px;flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.engine-tabs{border-bottom:1px solid var(--line);flex:none;align-items:center;gap:4px;padding:6px;display:flex}.engine-tabs button{color:var(--muted);cursor:pointer;font:inherit;background:0 0;border:0;border-radius:8px;padding:6px 12px}.engine-tabs button.is-on{background:var(--panel-soft);color:var(--text)}.engine-tabs__title{text-overflow:ellipsis;white-space:nowrap;margin-left:auto;padding-right:8px;overflow:hidden}.engine-tab{flex:1;min-height:0}.style-split{grid-template-rows:minmax(0,1fr);grid-template-columns:200px minmax(0,1fr);display:grid}.style-menu{border-right:1px solid var(--line);flex-direction:column;min-height:0;display:flex}.style-menu__list{flex-direction:column;flex:1;gap:4px;min-height:0;padding:8px;display:flex;overflow:auto}.style-add{border-top:1px solid var(--line);flex:none;gap:6px;padding:8px;display:grid}.style-editor{flex-direction:column;gap:8px;min-width:0;min-height:0;padding:10px 12px 12px;display:flex}.style-editor__bar{flex-wrap:wrap;flex:none;align-items:end;gap:8px;display:flex}.style-editor__bar .field{flex:1;min-width:140px;margin:0}.code-pane{flex-direction:column;gap:8px;min-height:0;padding:10px 12px 12px;display:flex}.code-split{flex:1;grid-template-columns:minmax(0,1fr) 280px;gap:12px;min-height:0;display:grid}.code-split>.code-editor{height:100%;min-height:0}.hook-list{scrollbar-width:thin;flex-direction:column;gap:8px;min-height:0;display:flex;overflow:auto}.hook-panel{border:1px solid var(--line);background:#101722;border-radius:12px}.hook-panel summary{cursor:pointer;color:#7eb6ff;padding:8px 12px;font-family:ui-monospace,monospace;font-size:12px}.hook-panel .code-editor{padding:0 8px 8px}.code-side{border:1px solid var(--line);scrollbar-width:thin;background:#101722;border-radius:12px;padding:8px 10px 12px;overflow:auto}.code-side h3{margin:10px 0 6px;font-size:13px}.code-side ul{gap:4px;margin:0;padding:0;list-style:none;display:grid}.code-side li{color:var(--muted);font-size:12px}.code-side code{color:var(--text)}.format-pane{scrollbar-width:thin;align-content:start;gap:10px;padding:12px;display:grid;overflow:auto}.format-links{gap:6px;margin:0;padding:0;list-style:none;display:grid}.engine-tab__empty{padding:12px}.style-slots{gap:4px;margin:0;padding:0 12px;list-style:none;display:grid}.style-slots li{flex-wrap:wrap;align-items:baseline;gap:8px;font-size:13px;display:flex}.compile-log{white-space:pre-wrap;color:#e7eefc;border:1px solid var(--line);background:#0b1018;border-radius:10px;flex:none;max-height:120px;margin:0;padding:8px 10px;font-size:12px;overflow:auto}.compile-log.is-bad{color:var(--error)}@media (width<=860px){.engine-split,.style-split{grid-template-rows:180px minmax(0,1fr);grid-template-columns:1fr}.style-menu{border-right:0;border-bottom:1px solid var(--line)}.code-split{grid-template-rows:minmax(0,1fr) 160px;grid-template-columns:1fr}}