:root{--bg: #05070f;--bg-deep: #03050b;--surface-1: #0a1020;--surface-2: #101932;--surface-3: #16203f;--overlay: rgba(3, 5, 11, .86);--line: rgba(124, 243, 255, .14);--line-strong: rgba(124, 243, 255, .3);--line-soft: rgba(160, 180, 230, .1);--text: #e7edff;--text-dim: #9fb0d8;--text-faint: #6b7ba3;--cyan: #7cf3ff;--cyan-deep: #2bc4e0;--violet: #b48cff;--violet-deep: #7b53e0;--orange: #ffa24d;--green: #5ee6a8;--red: #ff6b8b;--yellow: #ffd166;--glow-cyan: 0 0 0 1px rgba(124, 243, 255, .35), 0 0 24px rgba(124, 243, 255, .16);--shadow-1: 0 2px 8px rgba(0, 0, 0, .4);--shadow-2: 0 12px 32px rgba(0, 0, 0, .45);--shadow-3: 0 24px 64px rgba(0, 0, 0, .55);--radius-s: 8px;--radius: 12px;--radius-l: 18px;--font: "Segoe UI Variable Display", "Segoe UI", Inter, system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--font-mono: "Cascadia Code", "JetBrains Mono", Consolas, "SFMono-Regular", ui-monospace, "Liberation Mono", monospace;--header-h: 64px;--maxw: 1400px;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-wrap:break-word}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;pointer-events:none;background:radial-gradient(1100px 620px at 12% -8%,rgba(124,243,255,.11),transparent 62%),radial-gradient(900px 560px at 92% 4%,rgba(180,140,255,.12),transparent 60%),radial-gradient(760px 520px at 50% 112%,rgba(255,162,77,.07),transparent 62%)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:.5;background-image:repeating-linear-gradient(to bottom,rgba(255,255,255,.016) 0px,rgba(255,255,255,.016) 1px,transparent 1px,transparent 3px)}h1,h2,h3,h4{margin:0;line-height:1.22;font-weight:700;letter-spacing:-.015em}h1{font-size:clamp(1.6rem,1.2rem + 1.6vw,2.3rem)}h2{font-size:clamp(1.15rem,1rem + .7vw,1.45rem)}p{margin:0 0 .8em}a{color:var(--cyan);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;display:block}:focus-visible{outline:3px solid var(--cyan);outline-offset:2px;border-radius:4px}:focus:not(:focus-visible){outline:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-60px;left:12px;z-index:200;padding:10px 18px;border-radius:var(--radius-s);background:var(--surface-3);color:var(--text);border:1px solid var(--line-strong);transition:top .15s ease}.skip-link:focus{top:12px}.shell{min-height:100%;display:flex;flex-direction:column}.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 clamp(14px,3vw,32px)}main{flex:1;padding:26px 0 64px}.site-header{position:sticky;top:0;z-index:50;background:linear-gradient(180deg,#05070ff5,#05070fd1);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.site-header__inner{height:var(--header-h);display:flex;align-items:center;gap:18px}.brand{display:inline-flex;align-items:center;gap:11px;color:var(--text);font-weight:800;letter-spacing:.04em;text-transform:uppercase;font-size:15.5px;white-space:nowrap}.brand:hover{text-decoration:none}.brand__mark{width:34px;height:34px;flex:none;border-radius:9px;display:grid;place-items:center;background:linear-gradient(140deg,#7cf3ff33,#b48cff2e);border:1px solid var(--line-strong);font-family:var(--font-mono);font-size:13px;font-weight:700;color:var(--cyan);letter-spacing:0}.brand__name em{font-style:normal;background:linear-gradient(92deg,var(--cyan),var(--violet) 60%,var(--orange));-webkit-background-clip:text;background-clip:text;color:transparent}.site-nav{display:flex;align-items:center;gap:4px;margin-left:auto}.navlink{padding:8px 13px;border-radius:var(--radius-s);color:var(--text-dim);font-weight:600;font-size:14px;border:1px solid transparent;white-space:nowrap}.navlink:hover{color:var(--text);background:#7cf3ff12;text-decoration:none}.navlink[aria-current=page]{color:var(--cyan);background:#7cf3ff1a;border-color:var(--line)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 17px;border-radius:var(--radius-s);border:1px solid var(--line);background:var(--surface-2);color:var(--text);font:inherit;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .14s ease,border-color .14s ease,transform .1s ease}.btn:hover:not(:disabled){background:var(--surface-3);border-color:var(--line-strong)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:linear-gradient(180deg,#7cf3ff38,#7cf3ff17);border-color:#7cf3ff80;color:var(--cyan)}.btn--primary:hover:not(:disabled){background:linear-gradient(180deg,#7cf3ff52,#7cf3ff24);border-color:var(--cyan)}.btn--violet{background:linear-gradient(180deg,#b48cff33,#b48cff14);border-color:#b48cff73;color:var(--violet)}.btn--violet:hover:not(:disabled){background:#b48cff47}.btn--danger{border-color:#ff6b8b73;color:var(--red);background:#ff6b8b17}.btn--danger:hover:not(:disabled){background:#ff6b8b2e}.btn--ghost{background:transparent;border-color:var(--line);color:var(--text-dim)}.btn--ghost:hover:not(:disabled){color:var(--text);background:#7cf3ff12}.btn--sm{padding:6px 11px;font-size:13px}.btn--lg{padding:13px 26px;font-size:15.5px}.btn--block{width:100%}.btn--icon{padding:8px;min-width:36px}.field{display:flex;flex-direction:column;gap:6px}.label{font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint)}.input,.select,.textarea{width:100%;padding:10px 13px;border-radius:var(--radius-s);border:1px solid var(--line);background:var(--surface-1);color:var(--text);font:inherit;font-size:14.5px;transition:border-color .14s ease,box-shadow .14s ease}.input::placeholder,.textarea::placeholder{color:var(--text-faint)}.input:hover,.select:hover,.textarea:hover{border-color:var(--line-strong)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--cyan);box-shadow:0 0 0 3px #7cf3ff29}.textarea{resize:vertical;min-height:84px;line-height:1.55}.select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--text-dim) 50%),linear-gradient(135deg,var(--text-dim) 50%,transparent 50%);background-position:calc(100% - 17px) calc(50% + 1px),calc(100% - 12px) calc(50% + 1px);background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:34px}.select option{background:var(--surface-2);color:var(--text)}.checkbox{display:inline-flex;align-items:center;gap:9px;cursor:pointer;font-size:14px;color:var(--text-dim);-webkit-user-select:none;user-select:none}.checkbox input{width:17px;height:17px;accent-color:var(--cyan-deep);cursor:pointer;flex:none}.checkbox:hover{color:var(--text)}.panel{background:linear-gradient(180deg,#101932b8,#0a1020b8);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-1)}.panel--pad{padding:clamp(16px,2.4vw,26px)}.section{margin-bottom:40px}.section__head{display:flex;align-items:baseline;gap:14px;margin-bottom:16px;flex-wrap:wrap}.section__title{display:inline-flex;align-items:center;gap:10px;font-size:1.02rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--text)}.section__title:before{content:"";width:4px;height:19px;border-radius:2px;background:linear-gradient(180deg,var(--cyan),var(--violet))}.section__count{font-family:var(--font-mono);font-size:12.5px;color:var(--text-faint)}.grid-games{display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.grid-games--wide{grid-template-columns:repeat(auto-fill,minmax(290px,1fr))}.card{position:relative;display:flex;flex-direction:column;border-radius:var(--radius);overflow:hidden;background:linear-gradient(180deg,var(--surface-2),var(--surface-1));border:1px solid var(--line);box-shadow:var(--shadow-1);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.card:hover,.card:focus-within{transform:translateY(-3px);border-color:var(--line-strong);box-shadow:var(--shadow-2)}.card__media{position:relative;aspect-ratio:8 / 5;background:var(--bg-deep);overflow:hidden}.card__media img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.card:hover .card__media img{transform:scale(1.045)}.card__badges{position:absolute;top:9px;left:9px;right:9px;display:flex;gap:6px;align-items:flex-start;pointer-events:none}.card__badges .spacer{flex:1}.card__body{padding:13px 14px 15px;display:flex;flex-direction:column;gap:9px;flex:1}.card__title{font-size:15.5px;font-weight:700;line-height:1.3;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card__meta{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-faint);font-family:var(--font-mono);margin-top:auto}.card__meta .dot{opacity:.5}.card__actions{display:flex;gap:8px;align-items:center}.card__actions .btn{flex:1}.card__fav{position:absolute;top:8px;right:8px;z-index:3;width:32px;height:32px;border-radius:8px;display:grid;place-items:center;border:1px solid var(--line);background:#03050bb8;color:var(--text-dim);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:color .14s ease,border-color .14s ease}.card__fav:hover{color:var(--orange);border-color:#ffa24d80}.card__fav[aria-pressed=true]{color:var(--orange);border-color:#ffa24d8c;background:#ffa24d24}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:6px;font-family:var(--font-mono);font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--line);background:#03050bbf;color:var(--text-dim);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);white-space:nowrap}.badge--swf{color:var(--orange);border-color:#ffa24d6b;background:#ffa24d24}.badge--html5{color:var(--cyan);border-color:#7cf3ff66;background:#7cf3ff1f}.badge--featured{color:var(--violet);border-color:#b48cff73;background:#b48cff29}.badge--off{color:var(--red);border-color:#ff6b8b66;background:#ff6b8b1f}.badge--ok{color:var(--green);border-color:#5ee6a866;background:#5ee6a81f}.chip{display:inline-flex;align-items:center;padding:3px 9px;border-radius:999px;font-size:12px;border:1px solid var(--line-soft);background:#7cf3ff0d;color:var(--text-dim)}.toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:22px}.toolbar__search{position:relative;flex:1 1 260px;min-width:0}.toolbar__search .input{padding-left:38px}.toolbar__search svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-faint);pointer-events:none}.toolbar__clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:none;background:transparent;color:var(--text-faint);cursor:pointer;padding:4px 6px;border-radius:5px;font-size:15px;line-height:1}.toolbar__clear:hover{color:var(--text);background:#ffffff12}.cat-scroll{display:flex;gap:7px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin;margin-bottom:22px}.cat-btn{flex:none;padding:7px 15px;border-radius:999px;border:1px solid var(--line);background:var(--surface-1);color:var(--text-dim);font:inherit;font-size:13.5px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .14s ease}.cat-btn:hover{color:var(--text);border-color:var(--line-strong)}.cat-btn[aria-pressed=true]{color:var(--bg);background:linear-gradient(95deg,var(--cyan),var(--violet));border-color:transparent;font-weight:700}.cat-btn .n{opacity:.65;font-family:var(--font-mono);font-size:11.5px;margin-left:5px}.hero{position:relative;overflow:hidden;border-radius:var(--radius-l);border:1px solid var(--line);background:radial-gradient(760px 320px at 78% 8%,rgba(180,140,255,.24),transparent 68%),radial-gradient(620px 300px at 12% 92%,rgba(124,243,255,.18),transparent 66%),linear-gradient(160deg,#101c3c,#080d1c 62%);padding:clamp(22px,4vw,40px);margin-bottom:36px;box-shadow:var(--shadow-2)}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(124,243,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(124,243,255,.05) 1px,transparent 1px);background-size:34px 34px;-webkit-mask-image:radial-gradient(circle at 50% 40%,#000 15%,transparent 78%);mask-image:radial-gradient(circle at 50% 40%,#000 15%,transparent 78%);opacity:.7}.hero__inner{position:relative;z-index:1;display:grid;gap:26px;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center}.hero__eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--cyan);margin-bottom:12px}.hero__eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}.hero h1{margin-bottom:10px}.hero p{color:var(--text-dim);max-width:52ch;font-size:15.5px}.hero__actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.hero__stats{display:flex;gap:24px;margin-top:22px;flex-wrap:wrap}.hero__stat b{display:block;font-size:22px;font-family:var(--font-mono);color:var(--cyan);line-height:1.2}.hero__stat span{font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint)}.hero__feature{border-radius:var(--radius);overflow:hidden;border:1px solid var(--line-strong);box-shadow:var(--shadow-2);background:var(--bg-deep)}.hero__feature img{aspect-ratio:8 / 5;object-fit:cover;width:100%}.hero__feature-body{padding:13px 15px;background:#050812b8;display:flex;align-items:center;gap:12px}.hero__feature-body strong{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:900px){.hero__inner{grid-template-columns:1fr}.hero__feature{order:-1}}.state{text-align:center;padding:clamp(38px,7vw,78px) 22px;border:1px dashed var(--line);border-radius:var(--radius-l);background:#0a102073}.state__icon{font-size:42px;margin-bottom:14px;opacity:.85;line-height:1}.state h3{margin-bottom:8px;font-size:1.15rem}.state p{color:var(--text-dim);max-width:46ch;margin:0 auto 18px}.state--error{border-style:solid;border-color:#ff6b8b59;background:#ff6b8b0f}.alert{display:flex;gap:11px;align-items:flex-start;padding:12px 15px;border-radius:var(--radius-s);border:1px solid var(--line);background:var(--surface-1);font-size:14px;line-height:1.55}.alert--error{border-color:#ff6b8b6b;background:#ff6b8b17;color:#ffc9d4}.alert--warn{border-color:#ffd16666;background:#ffd16614;color:#ffe8b0}.alert--ok{border-color:#5ee6a866;background:#5ee6a814;color:#b6f5da}.alert--info{border-color:#7cf3ff52;background:#7cf3ff12;color:#c4ecf7}.spinner{width:18px;height:18px;border-radius:50%;border:2px solid rgba(124,243,255,.25);border-top-color:var(--cyan);animation:spin .7s linear infinite;flex:none}.spinner--lg{width:34px;height:34px;border-width:3px}@keyframes spin{to{transform:rotate(360deg)}}.loading-block{display:flex;flex-direction:column;align-items:center;gap:14px;padding:70px 20px;color:var(--text-dim)}.skeleton{border-radius:var(--radius);background:linear-gradient(90deg,var(--surface-1) 25%,var(--surface-2) 50%,var(--surface-1) 75%);background-size:200% 100%;animation:shimmer 1.4s ease-in-out infinite}@keyframes shimmer{to{background-position:-200% 0}}.skeleton--card{aspect-ratio:8 / 5}.offline-bar{background:#ffd16624;border-bottom:1px solid rgba(255,209,102,.35);color:#ffe8b0;text-align:center;padding:7px 14px;font-size:13.5px;font-weight:600}.login-wrap{min-height:100%;display:grid;place-items:center;padding:28px 18px 56px}.login-card{width:100%;max-width:430px;padding:clamp(26px,5vw,40px);border-radius:var(--radius-l);border:1px solid var(--line-strong);background:linear-gradient(180deg,#131d3ae6,#080d1cf0);box-shadow:var(--shadow-3);position:relative;overflow:hidden}.login-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--cyan),var(--violet),var(--orange))}.login-brand{text-align:center;margin-bottom:26px}.login-brand__mark{width:62px;height:62px;margin:0 auto 16px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(140deg,#7cf3ff33,#b48cff33);border:1px solid var(--line-strong);box-shadow:var(--glow-cyan)}.login-brand h1{font-size:1.6rem;letter-spacing:.05em;text-transform:uppercase;margin-bottom:6px}.login-brand h1 em{font-style:normal;background:linear-gradient(92deg,var(--cyan),var(--violet) 60%,var(--orange));-webkit-background-clip:text;background-clip:text;color:transparent}.login-brand p{color:var(--text-faint);font-size:13.5px;margin:0}.pin-input{width:100%;padding:15px 16px;font-family:var(--font-mono);font-size:25px;letter-spacing:.5em;text-align:center;text-indent:.5em;border-radius:var(--radius);border:1px solid var(--line);background:var(--bg-deep);color:var(--text);transition:border-color .14s ease,box-shadow .14s ease}.pin-input::placeholder{color:var(--text-faint);letter-spacing:.4em}.pin-input:focus{outline:none;border-color:var(--cyan);box-shadow:0 0 0 3px #7cf3ff2e}.pin-input:disabled{opacity:.6}.login-foot{margin-top:22px;padding-top:18px;border-top:1px solid var(--line-soft);text-align:center;color:var(--text-faint);font-size:12.5px;line-height:1.6}.game-head{display:flex;align-items:flex-start;gap:16px;flex-wrap:wrap;margin-bottom:18px}.game-head__text{flex:1;min-width:240px}.game-head h1{margin-bottom:8px}.game-head__tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.stage-shell{border-radius:var(--radius);border:1px solid var(--line-strong);background:var(--bg-deep);overflow:hidden;box-shadow:var(--shadow-2)}.stage-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:9px 11px;background:linear-gradient(180deg,var(--surface-2),var(--surface-1));border-bottom:1px solid var(--line)}.stage-bar__group{display:flex;align-items:center;gap:5px;padding:2px;border-radius:9px;border:1px solid var(--line-soft);background:#03050b80}.stage-bar__group .btn{border:none;background:transparent;padding:6px 11px;font-size:12.5px;color:var(--text-faint)}.stage-bar__group .btn:hover{background:#7cf3ff1a;color:var(--text)}.stage-bar__group .btn[aria-pressed=true]{background:#7cf3ff2e;color:var(--cyan)}.stage-bar__spacer{flex:1}.stage-bar__vol{display:flex;align-items:center;gap:8px;padding:0 8px}.stage-bar__vol input[type=range]{width:92px;accent-color:var(--cyan-deep);cursor:pointer}.stage{position:relative;background:repeating-linear-gradient(45deg,#05070f 0,#05070f 10px,#070a14 10px,#070a14 20px);display:grid;place-items:center;min-height:320px}.stage__frame{display:block;border:0;background:#000;width:100%;height:100%}.stage[data-mode=auto] .stage__box{width:100%;height:min(72vh,780px)}.stage[data-mode=fit] .stage__box{width:100%;height:calc(100vh - 210px);min-height:320px}.stage[data-mode="4:3"] .stage__box{width:100%;max-width:calc((100vh - 240px) * 4 / 3);aspect-ratio:4 / 3;margin:0 auto}.stage[data-mode="16:9"] .stage__box{width:100%;max-width:calc((100vh - 240px) * 16 / 9);aspect-ratio:16 / 9;margin:0 auto}.stage__box{position:relative}.stage:fullscreen,.stage-shell:fullscreen{background:#000}.stage-shell:fullscreen .stage__box{width:100vw!important;height:100vh!important;max-width:none!important;aspect-ratio:auto!important}.stage__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#03050be6;z-index:2;padding:24px;text-align:center}.info-grid{display:grid;gap:18px;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);margin-top:22px}@media(max-width:860px){.info-grid{grid-template-columns:1fr}}.info-card h3{font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);margin-bottom:10px}.controls-pre{font-family:var(--font-mono);font-size:13px;line-height:1.85;white-space:pre-wrap;color:var(--text-dim);margin:0}.kv{display:grid;grid-template-columns:auto 1fr;gap:7px 16px;font-size:13.5px}.kv dt{color:var(--text-faint)}.kv dd{margin:0;color:var(--text);font-family:var(--font-mono);font-size:13px}.dropzone{border:2px dashed var(--line-strong);border-radius:var(--radius-l);padding:clamp(30px,6vw,58px) 22px;text-align:center;background:#0a102080;cursor:pointer;transition:border-color .15s ease,background .15s ease}.dropzone:hover,.dropzone:focus-visible{border-color:var(--cyan);background:#7cf3ff0f}.dropzone--active{border-color:var(--cyan);background:#7cf3ff1f}.dropzone__icon{font-size:40px;margin-bottom:12px;line-height:1}.dropzone h3{margin-bottom:6px}.dropzone p{color:var(--text-dim);margin:0;font-size:14px}.queue{display:flex;flex-direction:column;gap:9px;margin-top:20px}.queue-item{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:var(--radius-s);border:1px solid var(--line);background:var(--surface-1)}.queue-item__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.queue-item__size{font-family:var(--font-mono);font-size:12px;color:var(--text-faint);flex:none}.progress{height:6px;border-radius:3px;background:#ffffff14;overflow:hidden;width:130px;flex:none}.progress__bar{height:100%;background:linear-gradient(90deg,var(--cyan),var(--violet));transition:width .2s ease}.queue-item--done{border-color:#5ee6a859}.queue-item--error{border-color:#ff6b8b66;background:#ff6b8b0f}.preview-item{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-1);overflow:hidden}.preview-item__head{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--surface-2);border-bottom:1px solid var(--line);flex-wrap:wrap}.preview-item__head strong{flex:1;min-width:160px}.preview-item__body{padding:14px;display:grid;gap:13px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.preview-item__body .field--wide{grid-column:1 / -1}.table-wrap{overflow-x:auto;border-radius:var(--radius);border:1px solid var(--line)}table.games{width:100%;border-collapse:collapse;font-size:14px;min-width:780px}table.games th,table.games td{padding:11px 13px;text-align:left;border-bottom:1px solid var(--line-soft);vertical-align:middle}table.games th{background:var(--surface-2);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);font-weight:700;position:sticky;top:0;z-index:1}table.games tbody tr:hover{background:#7cf3ff0a}table.games tbody tr:last-child td{border-bottom:none}.games__thumb{width:60px;height:38px;object-fit:cover;border-radius:5px;border:1px solid var(--line);flex:none}.row-actions{display:flex;gap:5px;flex-wrap:wrap}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:var(--overlay);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:grid;place-items:center;padding:20px;overflow-y:auto}.modal{width:100%;max-width:620px;border-radius:var(--radius-l);border:1px solid var(--line-strong);background:linear-gradient(180deg,var(--surface-2),var(--surface-1));box-shadow:var(--shadow-3);max-height:calc(100vh - 40px);display:flex;flex-direction:column}.modal__head{padding:17px 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px}.modal__head h2{flex:1;font-size:1.08rem}.modal__body{padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:14px}.modal__foot{padding:15px 20px;border-top:1px solid var(--line);display:flex;gap:9px;justify-content:flex-end;flex-wrap:wrap}.toasts{position:fixed;bottom:20px;right:20px;z-index:200;display:flex;flex-direction:column;gap:9px;max-width:min(400px,calc(100vw - 40px))}.toast{padding:12px 16px;border-radius:var(--radius-s);border:1px solid var(--line-strong);background:var(--surface-3);box-shadow:var(--shadow-2);font-size:14px;animation:slide-in .22s ease}.toast--error{border-color:#ff6b8b80;background:#2a1220}.toast--ok{border-color:#5ee6a873;background:#0f2a20}@keyframes slide-in{0%{opacity:0;transform:translate(18px)}}.site-footer{border-top:1px solid var(--line);padding:20px 0 30px;color:var(--text-faint);font-size:12.5px}.site-footer__inner{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.site-footer__inner .spacer{flex:1}.stack{display:flex;flex-direction:column;gap:14px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.row--tight{gap:6px}.muted{color:var(--text-dim)}.faint{color:var(--text-faint)}.mono{font-family:var(--font-mono)}.text-sm{font-size:13px}.grow{flex:1;min-width:0}.nowrap{white-space:nowrap}.mt-0{margin-top:0}.mb-0{margin-bottom:0}@media(max-width:720px){.site-header__inner{gap:10px}.brand__name{display:none}.navlink{padding:8px 10px;font-size:13.5px}.grid-games{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.card__title{font-size:14px}.hero__stats{gap:16px}.stage[data-mode=fit] .stage__box{height:calc(100vh - 260px)}}@media(max-width:420px){.grid-games{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.card:hover,.card:hover .card__media img{transform:none}body:after{display:none}.spinner{animation:none;border-top-color:var(--cyan);opacity:.75}}@media(prefers-contrast:more){:root{--text-dim: #c3cfec;--text-faint: #97a6c9;--line: rgba(124, 243, 255, .32)}}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:6px;border:2px solid var(--bg-deep)}::-webkit-scrollbar-thumb:hover{background:#22305c}