:root{color-scheme:dark;font-family:system-ui,-apple-system,sans-serif;background:#171824;color:#f7f7fc;--accent:#afaaff}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.home{max-width:1040px;margin:auto;padding:56px 24px}.brand{display:inline-flex;align-items:center;gap:12px;color:#fff;font-size:32px;font-weight:800;letter-spacing:-.055em}.brand img{display:block;object-fit:contain;flex-shrink:0}
h1{font-size:clamp(30px,6vw,48px);line-height:1.2;word-break:keep-all;margin:40px 0 16px}.intro{color:#bab9cc;line-height:1.8}
.games{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-top:48px}
.card{background:#222232;border:1px solid #39374e;border-radius:20px;padding:28px;transition:border-color .15s}.card:hover{border-color:var(--accent)}
.card h2{font-size:22px;margin:0 0 12px;overflow-wrap:anywhere}.card p{color:#bab9cc}.card span{display:block;color:var(--accent);margin-top:32px;font-weight:600}
.empty{padding:40px 24px;border:1px solid #39374e;border-radius:20px;color:#bab9cc}
.player{height:100vh;height:100dvh;display:flex;flex-direction:column}.player header{display:flex;gap:16px;align-items:center;padding:12px 20px;background:#171824;border-bottom:1px solid #39374e;font-size:14px}
.player header>a:last-child{flex-shrink:0;color:var(--accent)}.player header>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player header .brand{font-size:22px}.player header .brand img{width:28px;height:28px}
iframe{display:block;flex:1;min-height:0;width:100%;border:0;background:#171824}
.developer-link{margin-top:40px;font-size:13px;color:var(--accent)}
@media(max-width:480px){.home{padding-top:32px}.player header{gap:10px;padding:10px 12px}.player header .brand{font-size:18px;gap:6px}}