:root{--bg: #09070d;--bg-2: #120d18;--panel: rgba(16, 13, 22, .88);--panel-soft: rgba(255, 255, 255, .065);--line: rgba(255, 255, 255, .16);--line-strong: rgba(255, 255, 255, .28);--text: #fff7fb;--muted: #d7c6d0;--soft: #9f8f9b;--pink: #ff4fa3;--cyan: #3bd7ff;--yellow: #ffd447;--green: #60ff9b;--black: #030305;--radius: 8px;--shadow: 0 16px 48px rgba(0, 0, 0, .42);font-family:Avenir Next,Trebuchet MS,Verdana,sans-serif}*{box-sizing:border-box}html{min-width:320px;background:var(--bg);scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--text);background:linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(115deg,rgba(255,79,163,.18),transparent 28%),linear-gradient(245deg,rgba(59,215,255,.16),transparent 30%),linear-gradient(180deg,#060408,#100b16 42%,#08070b);background-size:54px 54px,54px 54px,auto,auto,auto}body::selection{color:#07050a;background:var(--cyan)}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input{font:inherit}button{border:0}code{padding:.15rem .4rem;border-radius:6px;background:#ffffff1a;color:var(--cyan)}.site-bg{position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(115deg,transparent 0 42%,rgba(255,79,163,.18) 42% 43%,transparent 43%),linear-gradient(245deg,transparent 0 54%,rgba(59,215,255,.14) 54% 55%,transparent 55%);opacity:.95}.site-header{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:center;padding:12px 24px;border-bottom:1px solid rgba(255,255,255,.13);background:#060409db;backdrop-filter:blur(16px)}.logo,.footer-logo{display:inline-flex;align-items:center;gap:10px;font-weight:900;letter-spacing:0}.logo-mark,.footer-logo-mark{display:block;object-fit:contain}.logo-mark{width:42px;height:42px}.footer-logo-mark{width:32px;height:32px}.logo-text{font-size:1.45rem}.top-nav{display:flex;align-items:center;justify-content:flex-end;gap:8px;overflow-x:auto;scrollbar-width:none}.top-nav::-webkit-scrollbar{display:none}.top-nav a{flex:0 0 auto;min-height:40px;display:inline-flex;align-items:center;padding:0 12px;border:1px solid transparent;border-radius:var(--radius);color:var(--muted);font-size:.94rem}.top-nav a:hover,.top-nav a.is-active{color:#fff;border-color:#ff4fa38c;background:#ff4fa31f}.game-page,.directory-hero,.directory-grid,.about-page,.not-found{width:min(1500px,calc(100% - 32px));margin-inline:auto}.game-page{padding:18px 0 64px}.play-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start}.play-main{overflow:hidden;border:1px solid var(--line-strong);border-radius:var(--radius);background:#050407;box-shadow:var(--shadow)}.player-card{overflow:hidden;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 18%,transparent),transparent 42%),#00000047}.player-topline{display:flex;align-items:center;gap:9px;min-height:42px;padding:0 14px;border-bottom:1px solid rgba(255,255,255,.14);color:var(--muted);font-size:.9rem;background:#00000052}.live-dot{width:10px;height:10px;border-radius:999px;background:var(--accent);box-shadow:0 0 18px var(--accent)}.game-stage{position:relative;width:100%;aspect-ratio:var(--game-aspect, 16 / 9);overflow:hidden;background:#000}.cover-layer,.game-iframe{position:absolute;inset:0;width:100%;height:100%}.cover-layer{display:grid;place-items:center}.cover-image{width:100%;height:100%;object-fit:cover;opacity:.72;filter:saturate(.95) contrast(1.08)}.cover-glow{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.78),transparent 58%),linear-gradient(0deg,rgba(0,0,0,.38),transparent 44%)}.cover-copy{position:absolute;left:22px;bottom:22px;width:min(520px,calc(100% - 44px));display:grid;gap:10px}.mini-label,.eyebrow,.breadcrumb{margin:0;color:var(--cyan);font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.cover-copy strong{font-size:2rem;line-height:1.02}.cover-copy span{color:var(--muted);line-height:1.55}.play-button,.primary-link,.secondary-link{min-height:46px;width:fit-content;max-width:100%;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 16px;border-radius:var(--radius);font-weight:900;line-height:1.1;cursor:pointer}.play-button,.primary-link{color:#070409;background:linear-gradient(90deg,var(--pink),var(--cyan));box-shadow:0 14px 34px #ff4fa342}.secondary-link{border:1px solid var(--line-strong);color:var(--text);background:#ffffff14}.cover-copy small{color:var(--soft)}.game-iframe{border:0;background:#000}.game-stage.is-loaded .cover-layer{display:none}.game-titlebar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:end;padding:18px;border-top:1px solid rgba(255,255,255,.12);background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 18%,transparent),transparent 52%),#ffffff0d}.game-titlebar h1,.directory-hero h1,.content-card h1,.not-found h1{margin:6px 0 8px;font-family:Impact,Avenir Next Condensed,Trebuchet MS,sans-serif;font-size:3rem;line-height:.98;letter-spacing:0;text-transform:uppercase}.game-titlebar p,.directory-hero p,.more-games p,.content-card p,.side-panel p,.site-footer p{color:var(--muted);line-height:1.65}.breadcrumb a{color:var(--cyan)}.breadcrumb span{color:var(--soft)}.title-tags{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.title-tags span{padding:7px 9px;border:1px solid color-mix(in srgb,var(--accent) 48%,rgba(255,255,255,.18));border-radius:var(--radius);color:#fff;background:color-mix(in srgb,var(--accent) 16%,rgba(0,0,0,.4));font-size:.78rem;font-weight:800}.play-next{display:grid;gap:12px}.play-next h2,.more-games h2,.content-card h2,.side-panel h2{margin:0 0 10px;font-size:1.45rem;line-height:1.12}.play-next-list,.game-grid,.directory-grid{display:grid;gap:12px}.game-card{display:grid;grid-template-columns:112px minmax(0,1fr);gap:12px;min-height:104px;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 12%,transparent),transparent),#ffffff0f}.game-card:hover{border-color:color-mix(in srgb,var(--accent) 65%,white);transform:translateY(-1px)}.game-card.is-compact{grid-template-columns:86px minmax(0,1fr);min-height:84px}.card-art{min-height:100%;background:#000}.card-art img{width:100%;height:100%;object-fit:cover}.card-body{min-width:0;display:grid;align-content:center;gap:7px;padding:10px 10px 10px 0}.card-body strong{line-height:1.16}.card-body small{color:var(--muted);line-height:1.35}.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px;margin-top:38px;align-items:start}.content-card{min-width:0}.content-card .lead,.directory-hero p{font-size:1.08rem;color:#fff0f8}.content-card h2{margin-top:34px}.content-card h3{margin:0 0 8px}.feature-list,.steps-list,.source-list{display:grid;gap:10px;padding-left:22px;color:var(--muted);line-height:1.58}.source-list a{color:var(--cyan);text-decoration:underline;text-underline-offset:3px}.caution-box{margin:22px 0;padding:14px;border:1px solid rgba(255,212,71,.48);border-radius:var(--radius);background:#ffd44717}.caution-box strong{color:var(--yellow)}.details-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.details-grid>div{padding:14px;border:1px solid var(--line);border-radius:var(--radius);background:#ffffff0e}.details-grid p{margin:0}.release-note{padding:12px 0 0}.side-panel{min-width:0}.sticky-panel{position:sticky;top:88px}.collection-list{display:grid;gap:8px}.collection-list a{display:grid;gap:4px;padding:10px;border-left:3px solid rgba(255,255,255,.18);background:#ffffff0b}.collection-list a:hover,.collection-list a.is-current{border-left-color:var(--pink);background:#ff4fa31a}.collection-list small{color:var(--soft);line-height:1.35}.more-games{margin-top:46px;padding-top:28px;border-top:1px solid var(--line)}.more-games>div:first-child{max-width:780px}.game-grid,.directory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.directory-hero{padding:44px 0 28px}.directory-hero h1{max-width:820px}.directory-grid{padding-bottom:64px}.about-page{padding:42px 0 70px}.site-footer{width:min(1500px,calc(100% - 32px));margin:0 auto 24px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;padding:22px;border:1px solid var(--line);border-radius:var(--radius);background:#00000057}.site-footer p{max-width:760px;margin:10px 0 0}.site-footer nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px 14px;max-width:560px}.site-footer nav a{color:var(--muted)}.site-footer nav a:hover{color:var(--cyan)}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}@media(max-width:1100px){.play-layout,.content-layout{grid-template-columns:1fr}.play-next-list{grid-template-columns:repeat(2,minmax(0,1fr))}.sticky-panel{position:static}}@media(max-width:820px){.site-header{grid-template-columns:1fr;padding:10px 14px}.top-nav{justify-content:flex-start}.game-page,.directory-hero,.directory-grid,.about-page,.not-found,.site-footer{width:min(100% - 20px,1500px)}.game-titlebar{grid-template-columns:1fr}.title-tags{justify-content:flex-start}.game-titlebar h1,.directory-hero h1,.content-card h1,.not-found h1{font-size:2.25rem}.cover-copy{left:14px;right:14px;bottom:14px;width:auto}.cover-copy strong{font-size:1.55rem}.game-grid,.directory-grid,.play-next-list,.details-grid,.site-footer{grid-template-columns:1fr}.site-footer nav{justify-content:flex-start}}@media(max-width:520px){.cover-copy{gap:8px}.cover-copy strong{font-size:1.35rem}.cover-copy span,.cover-copy small{display:none}.game-card,.game-card.is-compact{grid-template-columns:96px minmax(0,1fr)}.card-body strong{font-size:.95rem}.card-body small{font-size:.82rem}.play-button,.primary-link,.secondary-link{width:100%;white-space:normal}}
