:root{color-scheme:dark;--accent:#8b5cf6;--muted:#ccc;--border:#26222e}*{box-sizing:border-box}body{margin:0;background:#000;color:#fff;font-family:system-ui,-apple-system,sans-serif}a{color:inherit}button,input{font:inherit}button{cursor:pointer}button,a,input{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #a78bfa;outline-offset:4px}[hidden]{display:none!important}.site-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px max(20px,calc((100% - 1132px)/2));border-bottom:1px solid var(--border)}.brand{font-weight:800;letter-spacing:.08em;text-decoration:none;white-space:nowrap}.site-header nav{display:flex;gap:20px}.site-header nav a{text-decoration:none;color:#ddd}body>main{max-width:1180px;margin:auto;padding:24px}h1{font-size:clamp(28px,4vw,42px);line-height:1.15}h2{font-size:24px}.intro,.copy p,.play-note{color:var(--muted);line-height:1.7;max-width:850px}.breadcrumbs{font-size:13px;color:#aaa;line-height:1.8}.player{margin:24px auto;border:1px solid var(--border);border-radius:16px;background:#101010;overflow:hidden;max-width:min(100%,max(380px,var(--frame-width)))}.play-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;background:#141218}.play-toolbar span{font-size:14px}.play-toolbar button,.play-note button{background:#25183e;border:1px solid #634195;border-radius:8px;color:white;padding:8px 12px}.frame{position:relative;width:100%;aspect-ratio:var(--game-ratio);background:#080808}.frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.player.expanded{position:fixed;inset:0;max-width:none;width:100%;height:var(--play-height,100dvh);border:0;border-radius:0;z-index:100;display:flex;flex-direction:column;margin:0;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.player.expanded .frame{flex:1;min-height:0;aspect-ratio:auto}.player.expanded .play-toolbar{flex-shrink:0}.game-expanded{overflow:hidden}.copy{margin:32px 0 40px}.source{font-size:13px}.catalog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.catalog-card{display:block;min-width:0;background:#101010;border:1px solid var(--border);border-radius:12px;overflow:hidden;text-decoration:none;transition:border-color .15s,transform .15s}.catalog-card:hover{border-color:var(--accent);transform:translateY(-2px)}.catalog-card img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}.catalog-card span{display:block;padding:12px 14px;font-size:15px;font-weight:600;line-height:1.35}.catalog-tools{margin:28px 0}.catalog-tools label{display:block;max-width:480px;font-size:14px}.catalog-tools input{display:block;width:100%;margin:8px 0 20px;padding:12px 14px;border:1px solid #494051;border-radius:8px;background:#131017;color:white}.filters{display:flex;flex-wrap:wrap;gap:9px}.filters button{border:1px solid #44384e;border-radius:20px;padding:9px 14px;background:#121014;color:#ddd}.filters button[aria-pressed=true]{background:#6d28d9;color:#fff;border-color:#8b5cf6}#result-count{font-size:14px;color:#aaa}footer{display:flex;flex-wrap:wrap;justify-content:center;gap:24px;border-top:1px solid var(--border);padding:28px;margin-top:48px;font-size:14px;color:#bbb}.section-card .catalog-grid{margin-top:22px;grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:700px){body>main{padding:20px 16px}.site-header{padding:15px 16px;gap:12px}.site-header nav{gap:12px;font-size:12px}.brand{font-size:13px}.catalog-grid,.section-card .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.catalog-card span{padding:10px;font-size:14px}.player{max-width:100%}.play-toolbar{padding:8px 10px}.play-toolbar span{max-width:55%}.play-note{font-size:13px}}
.riot-screenshot-cover{position:relative;aspect-ratio:4/3;overflow:hidden}.catalog-card .riot-screenshot-cover img{position:absolute;width:200%;height:150%;max-width:none;left:-50%;top:-22.5%;aspect-ratio:auto;object-fit:fill}
.frame iframe.fixed-game-viewport{inset:auto;left:50%;top:50%;max-width:none;max-height:none;transform-origin:center}