:root{--bg:#080b1a;--surface:#11162b;--surface-alt:#171e38;--surface-soft:#20294b;--text:#f7f8ff;--muted:#a8b0cc;--primary:#7c3aed;--primary-2:#9b6cff;--secondary:#22d3c5;--accent:#ff8a3d;--success:#22c55e;--warning:#fbbf24;--danger:#ef4444;--border:rgba(168,176,204,.18);--shadow:0 18px 50px rgba(0,0,0,.28);--radius-sm:8px;--radius-md:14px;--radius-lg:22px;--container:1200px;--header:76px;color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
:root[data-theme="light"]{--bg:#f4f5fb;--surface:#fff;--surface-alt:#edf0f9;--surface-soft:#e1e6f5;--text:#12162a;--muted:#5e6680;--border:rgba(28,34,60,.14);--shadow:0 18px 50px rgba(26,31,60,.12);color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-size:16px;line-height:1.6;min-width:320px}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(circle at 20% 15%,rgba(124,58,237,.1),transparent 24%),radial-gradient(circle at 85% 20%,rgba(34,211,197,.07),transparent 20%);z-index:-1}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{color:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.12;letter-spacing:-.025em}h1{font-size:clamp(2.3rem,6vw,4.8rem)}h2{font-size:clamp(1.65rem,3vw,2.55rem)}h3{font-size:1.08rem}.container{width:min(calc(100% - 32px),var(--container));margin-inline:auto}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:1rem;top:-100px;background:var(--accent);color:#15101b;padding:.7rem 1rem;border-radius:var(--radius-sm);z-index:1000;font-weight:800}.skip-link:focus{top:1rem}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--secondary);outline-offset:3px}.eyebrow{margin:0 0 .6rem;color:var(--secondary);font-size:.76rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.muted{color:var(--muted)}.notice{font-size:.88rem;color:var(--muted);border-left:3px solid var(--warning);padding-left:1rem}
.button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;border:1px solid transparent;border-radius:999px;padding:.7rem 1.15rem;font-weight:800;cursor:pointer;transition:transform .18s ease,background .18s ease,border-color .18s ease}.button:hover{transform:translateY(-2px)}.button-primary{background:linear-gradient(135deg,var(--primary),#5e24c7);color:#fff;box-shadow:0 10px 30px rgba(124,58,237,.28)}.button-secondary{background:var(--secondary);color:#061716}.button-accent{background:var(--accent);color:#1b1010}.button-ghost{background:transparent;border-color:var(--border);color:var(--text)}.button-large{min-height:54px;padding:.9rem 1.5rem}.button-block{width:100%}.icon-button{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--border);border-radius:50%;background:var(--surface);cursor:pointer}.link-button{padding:0;border:0;background:none;color:var(--muted);text-align:left;cursor:pointer}.link-button:hover{color:var(--secondary)}.link-button.danger,.danger,.text-danger{color:var(--danger)}
.site-header{height:var(--header);position:sticky;top:0;z-index:100;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid var(--border)}.header-inner{height:100%;display:flex;align-items:center;gap:1.4rem}.brand{display:inline-flex;align-items:center;gap:.75rem;min-width:max-content}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,var(--primary),#4e1b9c);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18),0 8px 24px rgba(124,58,237,.35);color:#fff;font-weight:950;font-size:1.35rem;transform:rotate(-4deg)}.brand strong,.brand small{display:block;line-height:1.1}.brand strong{font-size:1.1rem}.brand small{color:var(--muted);font-size:.67rem;margin-top:.2rem}.main-nav{display:flex;align-items:center;gap:.25rem;margin-left:auto}.main-nav a{padding:.6rem .78rem;border-radius:999px;color:var(--muted);font-weight:700;font-size:.92rem}.main-nav a:hover,.main-nav a[aria-current="page"]{color:var(--text);background:var(--surface-alt)}.header-actions{display:flex;gap:.45rem}.menu-toggle{display:none}
.hero{position:relative;overflow:hidden;padding:clamp(4rem,8vw,7.5rem) 0 5rem;border-bottom:1px solid var(--border)}.hero:after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.2) .7px,transparent .7px);background-size:38px 38px;mask-image:linear-gradient(to bottom,#000,transparent);opacity:.25;pointer-events:none}.hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(3rem,8vw,7rem);align-items:center;position:relative;z-index:1}.hero-copy h1{max-width:780px;margin-bottom:1.25rem}.hero-copy h1 span{color:transparent;background:linear-gradient(90deg,var(--secondary),#70f2d8,var(--accent));-webkit-background-clip:text;background-clip:text}.hero-copy>p:not(.eyebrow){font-size:1.12rem;color:var(--muted);max-width:670px}.hero-search{display:flex;padding:.45rem;background:var(--surface);border:1px solid var(--border);border-radius:999px;max-width:650px;box-shadow:var(--shadow)}.hero-search input{flex:1;min-width:0;border:0;background:transparent;color:var(--text);padding:0 1rem;outline:0}.hero-points{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.2rem;color:var(--muted);font-size:.82rem;font-weight:700}.hero-orb{position:absolute;border-radius:50%;filter:blur(4px);opacity:.4}.hero-orb-one{width:380px;height:380px;right:-100px;top:-160px;background:radial-gradient(circle,var(--primary),transparent 70%)}.hero-orb-two{width:220px;height:220px;left:42%;bottom:-150px;background:radial-gradient(circle,var(--secondary),transparent 70%)}.hero-console{justify-self:center;width:min(340px,86vw);padding:20px;border:1px solid rgba(255,255,255,.16);border-radius:38px;background:linear-gradient(145deg,#272d53,#12162c);box-shadow:0 35px 80px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.2);transform:rotate(3deg)}.console-screen{position:relative;display:grid;place-items:center;aspect-ratio:4/3;border-radius:22px;background:radial-gradient(circle at 50% 30%,#262b64,#080b1a 68%);border:6px solid #090d1d;overflow:hidden}.console-screen:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px);background-size:100% 4px}.console-logo{position:relative;display:grid;place-items:center}.console-logo b{font-size:5rem;color:var(--secondary);text-shadow:0 0 28px rgba(34,211,197,.55)}.console-logo small{letter-spacing:.35em;color:#fff}.screen-star{position:absolute;width:4px;height:4px;background:#fff;border-radius:50%;box-shadow:0 0 8px #fff}.screen-star.one{left:20%;top:22%}.screen-star.two{right:16%;top:36%}.screen-star.three{left:32%;bottom:16%}.console-controls{display:flex;gap:18px;justify-content:flex-end;padding:20px 25px 3px}.console-controls i{width:22px;height:22px;border-radius:50%;background:var(--accent);box-shadow:0 4px 0 #9d4520}.console-controls i:nth-child(2){background:var(--secondary);box-shadow:0 4px 0 #0b7c74}.console-controls i:nth-child(3),.console-controls i:nth-child(4){width:12px;height:12px;margin-top:5px;background:#777e9f;box-shadow:none}
.category-strip,.games-section,.listing-section,.content-section{padding:4.5rem 0}.category-strip{background:var(--surface)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1.8rem}.section-heading h2{margin:0}.section-heading>a{color:var(--secondary);font-weight:800}.category-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:.75rem}.category-chip{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;padding:1rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-alt);transition:.2s}.category-chip:hover{transform:translateY(-3px);border-color:var(--secondary)}.category-chip>span{font-size:1.4rem;color:var(--secondary)}.category-chip b{font-size:.93rem}.category-chip small{color:var(--muted)}.game-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.1rem}.game-card{min-width:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 12px 30px rgba(0,0,0,.13);transition:transform .2s,border-color .2s}.game-card:hover{transform:translateY(-5px);border-color:rgba(34,211,197,.5)}.game-card-link{display:block;height:100%}.game-cover{aspect-ratio:16/9;position:relative;overflow:hidden;background:linear-gradient(145deg,var(--surface-soft),var(--bg))}.game-cover img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.game-card:hover .game-cover img{transform:scale(1.04)}.cover-placeholder{display:grid;place-items:center;width:100%;height:100%;background:radial-gradient(circle at 60% 20%,rgba(34,211,197,.24),transparent 30%),linear-gradient(135deg,#201453,#0c1730)}.cover-placeholder b{font-size:3.5rem;color:var(--secondary);text-shadow:0 0 22px rgba(34,211,197,.4)}.cover-placeholder i{font-style:normal;font-weight:900;letter-spacing:.25em;font-size:.65rem}.card-badges{position:absolute;left:.7rem;top:.7rem;display:flex;gap:.35rem}.card-badges span{padding:.25rem .5rem;border-radius:999px;background:rgba(8,11,26,.85);color:#fff;font-size:.66rem;font-weight:800;backdrop-filter:blur(8px)}.game-card-body{padding:1rem}.card-category{color:var(--secondary);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;font-weight:900}.game-card h3{margin:.35rem 0}.game-card p{font-size:.86rem;color:var(--muted);min-height:2.8em}.card-play{display:flex;justify-content:space-between;font-weight:800;color:var(--text);font-size:.88rem}.empty-section{padding:5rem 0}.empty-state{padding:clamp(2rem,6vw,5rem);text-align:center;border:1px dashed var(--border);border-radius:var(--radius-lg);background:var(--surface)}.empty-state.compact{padding:3rem}.empty-state p{color:var(--muted)}.empty-planet{display:grid;place-items:center;width:90px;height:90px;margin:0 auto 1.5rem;border-radius:50%;background:linear-gradient(145deg,var(--primary),#30175c);box-shadow:20px 8px 0 -13px var(--secondary),0 0 50px rgba(124,58,237,.35);font-size:2rem;font-weight:950}.about-band{padding:4rem 0;background:linear-gradient(100deg,rgba(124,58,237,.18),rgba(34,211,197,.08));border-block:1px solid var(--border)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.about-grid p{color:var(--muted)}
.page-hero{padding:4.5rem 0 3.5rem;background:linear-gradient(180deg,var(--surface),transparent);border-bottom:1px solid var(--border)}.page-hero.compact h1{font-size:clamp(2.2rem,5vw,3.8rem)}.page-hero p{max-width:720px;color:var(--muted)}.breadcrumb{display:flex;flex-wrap:wrap;gap:.55rem;margin-bottom:2rem;color:var(--muted);font-size:.82rem}.breadcrumb a:hover{color:var(--secondary)}.listing-layout{display:grid;grid-template-columns:240px 1fr;gap:2rem;align-items:start}.filter-panel{position:sticky;top:calc(var(--header) + 1rem);display:grid;gap:1.5rem}.filter-panel>form,.filter-panel>div{padding:1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md)}.filter-panel h2{font-size:1rem}.filter-links{display:grid}.filter-links a{display:flex;justify-content:space-between;padding:.55rem 0;border-bottom:1px solid var(--border);font-size:.85rem}.filter-links a:last-child{border:0}.filter-links small{color:var(--muted)}.results-bar{display:flex;justify-content:space-between;color:var(--muted);margin-bottom:1rem}.pagination{display:flex;justify-content:center;gap:.4rem;margin-top:2rem}.pagination a{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--border);border-radius:10px}.pagination a[aria-current="page"]{background:var(--primary);border-color:var(--primary);color:#fff}
label{display:grid;gap:.35rem;color:var(--text);font-weight:700;font-size:.88rem}input,textarea,select{width:100%;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-alt);color:var(--text);padding:.72rem .8rem;outline:none}textarea{min-height:120px;resize:vertical}input:focus,textarea:focus,select:focus{border-color:var(--secondary);box-shadow:0 0 0 3px rgba(34,211,197,.12)}label small{font-weight:400;color:var(--muted)}.check-row{display:flex;grid-template-columns:none;align-items:flex-start;gap:.65rem;font-weight:600}.check-row input{width:18px;height:18px;accent-color:var(--primary);flex:0 0 auto;margin-top:.17rem}.form-stack{display:grid;gap:1rem}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.panel,.info-card,.report-card{padding:1.25rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:0 12px 30px rgba(0,0,0,.08)}.honeypot{position:absolute!important;left:-9999px!important}.toast{position:fixed;top:calc(var(--header) + 1rem);right:1rem;max-width:420px;padding:.85rem 1rem;border-radius:var(--radius-sm);z-index:500;box-shadow:var(--shadow);font-weight:700}.toast-success{background:#103922;color:#b8ffd0;border:1px solid #216b3f}.toast-error{background:#461a24;color:#ffd1d8;border:1px solid #8d2c3d}
.game-page{padding:2.5rem 0 4.5rem}.game-title-row{display:flex;justify-content:space-between;gap:2rem;align-items:end;margin-bottom:1.5rem}.game-title-row h1{font-size:clamp(2.2rem,5vw,4rem);margin-bottom:.6rem}.game-title-row p{max-width:760px;color:var(--muted)}.game-title-actions{display:flex;gap:.5rem;min-width:max-content}.game-shell{border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;background:#03050d;box-shadow:var(--shadow)}.game-stage{display:grid;place-items:center;position:relative;width:100%;max-height:80vh;margin:auto;overflow:hidden;background:#03050d}.game-poster,.game-stage iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.game-poster img{width:100%;height:100%;object-fit:cover;filter:brightness(.55)}.game-poster .cover-placeholder{position:absolute}.game-poster-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:1.5rem;background:radial-gradient(circle,transparent,rgba(3,5,13,.48))}.game-poster-overlay h2{font-size:clamp(1.8rem,4vw,3.2rem);color:#fff;margin-bottom:.5rem}.game-poster-overlay p{color:#d5daf0}.cover-placeholder.large b{font-size:8rem}.game-toolbar{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-top:1px solid #252a43;background:#0c1020;color:#fff}.game-toolbar button{border:1px solid #2d3559;background:#171c34;border-radius:999px;padding:.5rem .8rem;color:#fff;cursor:pointer}.game-toolbar button:disabled{opacity:.4}.game-toolbar span{margin-left:auto;color:#9ea8c5;font-size:.78rem}.game-info-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:2rem;margin-top:2.5rem}.prose{font-size:1.02rem}.prose section{padding-bottom:1.2rem;margin-bottom:1.8rem;border-bottom:1px solid var(--border)}.prose p,.prose li{color:var(--muted)}.prose a{color:var(--secondary);text-decoration:underline}.prose code{padding:.12rem .3rem;background:var(--surface-alt);border-radius:4px}.prose blockquote{border-left:3px solid var(--primary);margin-left:0;padding-left:1rem}.detail-list{display:grid;gap:.2rem}.detail-list div{display:grid;grid-template-columns:150px 1fr;padding:.6rem 0;border-bottom:1px solid var(--border)}.detail-list dt{color:var(--muted)}.game-side{display:grid;align-content:start;gap:1rem}.info-card ul{padding:0;list-style:none}.info-card li{padding:.45rem 0;border-bottom:1px solid var(--border)}.report-card summary{cursor:pointer;font-weight:800}.report-card form{display:grid;gap:.8rem;margin-top:1rem}.legal-prose{max-width:860px}.contact-grid{display:grid;grid-template-columns:330px 1fr;gap:2rem;align-items:start}.error-page{min-height:65vh;display:grid;place-items:center;padding:4rem 0}.error-card{text-align:center}.error-code{font-size:clamp(6rem,18vw,13rem);line-height:.8;font-weight:950;color:transparent;-webkit-text-stroke:2px var(--primary);opacity:.7}.error-card>p:not(.eyebrow){color:var(--muted);max-width:600px;margin-inline:auto}.error-actions{display:flex;justify-content:center;gap:.7rem}
.ad-slot{width:min(calc(100% - 32px),970px);min-height:100px;margin:2rem auto;padding:1.6rem;border:1px solid var(--border);border-radius:var(--radius-md);background:repeating-linear-gradient(135deg,var(--surface),var(--surface) 10px,var(--surface-alt) 10px,var(--surface-alt) 20px);text-align:center}.ad-label{display:block;color:var(--muted);font-size:.65rem;text-transform:uppercase;letter-spacing:.15em;margin-bottom:.4rem}.adsbygoogle{display:block;min-height:90px}.ad-mobile{display:none}.site-footer{padding:4rem 0 1.5rem;border-top:1px solid var(--border);background:#060814}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:3rem}.footer-grid p{max-width:440px;color:#9099b8}.footer-grid nav{display:grid;align-content:start;gap:.5rem}.footer-grid nav h2{font-size:.9rem;color:#fff}.footer-grid nav a,.footer-grid .link-button{color:#9099b8}.footer-bottom{display:flex;justify-content:space-between;gap:1rem;margin-top:3rem;padding-top:1.2rem;border-top:1px solid #202642;color:#79819e;font-size:.8rem}
.consent-banner{position:fixed;left:1rem;right:1rem;bottom:1rem;z-index:800;width:min(calc(100% - 2rem),1100px);margin:auto;display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:center;padding:1.3rem 1.5rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.consent-banner[hidden],.modal-backdrop[hidden]{display:none}.consent-banner h2{font-size:1.4rem;margin-bottom:.3rem}.consent-banner p:not(.eyebrow){margin:0;color:var(--muted)}.consent-actions{display:flex;gap:.55rem;flex-wrap:wrap;justify-content:flex-end}.modal-backdrop{position:fixed;inset:0;z-index:900;display:grid;place-items:center;padding:1rem;background:rgba(2,4,12,.78);backdrop-filter:blur(6px)}.modal{width:min(100%,610px);max-height:90vh;overflow:auto;padding:1.5rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.modal-header{display:flex;justify-content:space-between;align-items:center}.preference-list{display:grid;gap:.7rem;margin:1.2rem 0}.preference-list label{display:flex;justify-content:space-between;align-items:center;padding:.8rem;background:var(--surface-alt);border-radius:var(--radius-sm)}.preference-list label span{display:grid}.preference-list small{color:var(--muted);font-weight:400}.preference-list input{width:20px;height:20px}.site-footer .brand-mark{width:36px;height:36px}
@media(max-width:1050px){.category-grid{grid-template-columns:repeat(4,1fr)}.game-grid{grid-template-columns:repeat(3,1fr)}.main-nav{position:fixed;left:1rem;right:1rem;top:calc(var(--header) + .5rem);display:none;flex-direction:column;align-items:stretch;padding:.8rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow)}.main-nav.is-open{display:flex}.menu-toggle{display:grid;margin-left:auto}.header-actions{margin-left:0}.hero-grid{grid-template-columns:1fr .6fr}.game-info-grid{grid-template-columns:1fr 260px}}
@media(max-width:760px){:root{--header:68px}.container{width:min(calc(100% - 24px),var(--container))}.brand small{display:none}.hero{padding:3.5rem 0}.hero-grid{grid-template-columns:1fr}.hero-console{width:260px}.hero-search{border-radius:var(--radius-md);flex-direction:column}.hero-search input{min-height:48px}.category-grid{grid-template-columns:repeat(2,1fr)}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.game-card-body{padding:.8rem}.game-card p{display:none}.about-grid,.listing-layout,.game-info-grid,.contact-grid,.footer-grid{grid-template-columns:1fr}.filter-panel{position:static}.filter-panel>div{display:none}.game-title-row{align-items:start;flex-direction:column}.game-title-actions{min-width:0;flex-wrap:wrap}.game-toolbar{flex-wrap:wrap}.game-toolbar span{width:100%;margin:0}.game-side{grid-row:auto}.footer-grid{gap:2rem}.footer-bottom{flex-direction:column}.consent-banner{grid-template-columns:1fr}.consent-actions{justify-content:flex-start}.form-grid{grid-template-columns:1fr}.ad-desktop{display:none}.ad-mobile{display:block}.detail-list div{grid-template-columns:1fr}.error-actions{flex-direction:column;align-items:center}}
@media(max-width:440px){.game-grid{grid-template-columns:1fr}.category-grid{grid-template-columns:1fr 1fr}.category-chip{padding:.8rem}.header-actions .icon-button:first-child{display:none}.section-heading{align-items:start}.section-heading>a{font-size:.8rem}.consent-actions .button{width:100%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* MonerOyun arcade portal UI — v1.1 */
:root{
  --bg:#02091a;
  --surface:#07152e;
  --surface-alt:#0b1d3c;
  --surface-soft:#10274d;
  --text:#f6f9ff;
  --muted:#91a4c7;
  --primary:#087dff;
  --primary-2:#22b7ff;
  --secondary:#22d3ee;
  --accent:#ff9b22;
  --success:#30d477;
  --warning:#ffd12f;
  --border:rgba(87,142,221,.34);
  --shadow:0 18px 48px rgba(0,4,18,.46);
  --radius-sm:7px;
  --radius-md:12px;
  --radius-lg:18px;
  --container:1380px;
  --header:78px;
  color-scheme:dark;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif
}
:root[data-theme="light"]{
  --bg:#07172d;
  --surface:#0c2241;
  --surface-alt:#112b50;
  --surface-soft:#17365f;
  --text:#fff;
  --muted:#b5c6e2;
  --border:rgba(117,169,239,.38);
  --shadow:0 18px 48px rgba(0,5,20,.38);
  color-scheme:dark
}
body{
  background:
    radial-gradient(circle at 78% 4%,rgba(67,38,209,.16),transparent 27rem),
    radial-gradient(circle at 18% 12%,rgba(0,119,255,.13),transparent 24rem),
    linear-gradient(180deg,#020817 0%,var(--bg) 48%,#031127 100%);
  font-size:15px;
  line-height:1.5
}
body:before{
  background-image:
    linear-gradient(rgba(38,106,202,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(38,106,202,.035) 1px,transparent 1px);
  background-size:36px 36px;
  opacity:.8
}
h1,h2,h3{letter-spacing:-.03em}
.container{width:min(calc(100% - 48px),var(--container))}
.eyebrow{margin-bottom:.35rem;color:#42a8ff;font-size:.66rem;letter-spacing:.17em}
.button{border-radius:8px}
.button-primary,.hero-button{
  color:#fff;
  background:linear-gradient(135deg,#ffb326,#ff7a19);
  border-color:#ffc04a;
  box-shadow:0 0 22px rgba(255,139,29,.33),inset 0 1px rgba(255,255,255,.42)
}
.button-secondary{color:#03142e;background:linear-gradient(135deg,#5ee9ff,#19a9ff)}
.button-ghost{border-color:rgba(75,137,225,.54);background:rgba(8,30,63,.45)}
.icon-button{border-radius:8px;border-color:rgba(84,137,213,.38);background:rgba(7,21,46,.84)}

/* Header */
.site-header{
  height:var(--header);
  background:rgba(2,10,27,.93);
  border-bottom:1px solid rgba(31,101,205,.48);
  box-shadow:0 8px 30px rgba(0,4,17,.34);
  backdrop-filter:blur(18px)
}
.header-inner{gap:1rem}
.brand{gap:.65rem}
.brand-mark{
  width:56px;
  height:56px;
  overflow:visible;
  border:0;
  border-radius:50%;
  background:transparent;
  box-shadow:none;
  transform:none
}
.brand-mark img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 10px rgba(54,147,255,.42))}
.brand-copy strong{font-size:1.36rem;font-weight:950;letter-spacing:-.065em;color:#fff;text-shadow:0 0 16px rgba(52,142,255,.25)}
.brand-copy small{margin-top:.08rem;color:#7f9bc4;font-size:.59rem;letter-spacing:.08em;text-transform:uppercase}
.main-nav{gap:.12rem;margin-left:1.2rem}
.main-nav a{
  min-height:38px;
  display:flex;
  align-items:center;
  padding:.52rem .76rem;
  color:#dce8fb;
  border:1px solid transparent;
  border-radius:6px;
  font-size:.82rem;
  font-weight:750
}
.main-nav a:hover,.main-nav a[aria-current="page"]{
  color:#fff;
  border-color:#118cff;
  background:linear-gradient(180deg,rgba(9,102,213,.25),rgba(5,43,96,.55));
  box-shadow:0 0 14px rgba(0,131,255,.2)
}
.header-actions{margin-left:auto;align-items:center;gap:.5rem}
.header-search{
  width:210px;
  height:39px;
  display:flex;
  overflow:hidden;
  border:1px solid rgba(101,143,205,.38);
  border-radius:7px;
  background:linear-gradient(180deg,rgba(18,37,70,.95),rgba(8,23,48,.95))
}
.header-search input{min-width:0;height:100%;padding:.5rem .75rem;border:0;border-radius:0;background:transparent;color:#fff;box-shadow:none;font-size:.8rem}
.header-search input::placeholder{color:#8fa1bf}
.header-search button{width:42px;border:0;background:transparent;color:#dbeaff;font-size:1.35rem;cursor:pointer}
.theme-toggle{width:39px;height:39px}
.header-cta{
  min-height:39px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.45rem;
  padding:.55rem 1rem;
  border:1px solid #ffc14c;
  border-radius:7px;
  color:#fff;
  background:linear-gradient(135deg,#ffb326,#ff7b18);
  box-shadow:0 0 20px rgba(255,129,24,.33);
  font-size:.82rem;
  font-weight:900
}

/* Homepage hero */
.portal-ad-row{padding:.55rem 0 0}
.portal-ad-row .ad-slot{margin:.5rem auto}
.hero{
  padding:18px 0 8px;
  border:0;
  overflow:hidden
}
.hero:after{display:none}
.hero-panel{
  min-height:340px;
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,.82fr) minmax(430px,1.18fr);
  align-items:stretch;
  overflow:hidden;
  border:1px solid #126ad8;
  border-radius:18px;
  background:
    radial-gradient(circle at 76% 55%,rgba(3,106,255,.34),transparent 31%),
    radial-gradient(circle at 95% 36%,rgba(220,17,255,.18),transparent 25%),
    linear-gradient(106deg,#03122d 0%,#06183a 45%,#07132f 100%);
  box-shadow:inset 0 0 0 1px rgba(90,164,255,.08),0 16px 48px rgba(0,5,23,.45)
}
.hero-panel:before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.34;
  background-image:radial-gradient(rgba(115,190,255,.9) .7px,transparent .8px);
  background-size:34px 34px;
  mask-image:linear-gradient(90deg,transparent 10%,#000 48%,#000)
}
.hero-copy{
  position:relative;
  z-index:2;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  padding:clamp(2rem,4vw,3.4rem)
}
.hero-kicker{
  margin:0 0 .85rem;
  padding:.25rem .68rem;
  border:1px solid #178cff;
  border-radius:5px;
  color:#50b6ff;
  background:rgba(5,76,160,.22);
  font-size:.68rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase
}
.hero-copy h1{max-width:620px;margin:0 0 .75rem;font-size:clamp(2.3rem,4.2vw,4rem);line-height:.96;color:#fff}
.hero-copy h1 span{display:block;color:#ffc317;background:none;-webkit-text-fill-color:initial}
.hero-copy>p:not(.hero-kicker){max-width:590px;margin-bottom:1.1rem;color:#d4def0;font-size:1rem}
.hero-actions{display:flex;align-items:center;gap:1rem}
.hero-button{min-height:46px;padding:.75rem 1.25rem;font-size:.94rem}
.hero-text-link{color:#86c9ff;font-size:.8rem;font-weight:800}
.hero-points{margin-top:1.25rem;gap:1.2rem;color:#e6effd;font-size:.7rem}
.hero-points b{margin-right:.28rem;color:#1fb7ff}
.hero-art{position:relative;z-index:1;min-height:340px;overflow:hidden}
.hero-art:before{
  content:"";
  position:absolute;
  width:440px;
  height:440px;
  right:2%;
  top:-12%;
  border-radius:50%;
  background:radial-gradient(circle,rgba(13,105,255,.45) 0,rgba(60,30,209,.17) 40%,transparent 70%);
  filter:blur(2px)
}
.hero-logo-card{
  position:absolute;
  z-index:4;
  right:23%;
  top:50%;
  width:285px;
  padding:0;
  border:0;
  border-radius:50%;
  background:transparent;
  box-shadow:none;
  transform:translateY(-50%) rotate(-4deg)
}
.hero-logo-card img{width:100%;aspect-ratio:1;object-fit:contain;border-radius:50%;filter:drop-shadow(0 0 28px rgba(53,128,255,.5)) drop-shadow(0 0 24px rgba(236,45,255,.28))}
.hero-controller{
  position:absolute;
  z-index:5;
  right:6%;
  bottom:12%;
  width:155px;
  height:86px;
  border:2px solid #6b91ce;
  border-radius:46px 46px 34px 34px;
  background:linear-gradient(145deg,#163d74,#071b40);
  box-shadow:0 0 28px rgba(0,132,255,.4),inset 0 1px 2px rgba(255,255,255,.25);
  transform:rotate(8deg)
}
.hero-controller:before,.hero-controller:after{content:"";position:absolute;background:#8cd7ff}
.hero-controller:before{left:31px;top:25px;width:35px;height:10px;border-radius:3px;box-shadow:0 0 10px #37bfff}
.hero-controller:after{left:43px;top:13px;width:10px;height:35px;border-radius:3px;box-shadow:0 0 10px #37bfff}
.hero-controller i,.hero-controller b{position:absolute;width:14px;height:14px;border-radius:50%;box-shadow:0 0 12px currentColor}
.hero-controller i:first-child{right:37px;top:19px;color:#ff42c9;background:#ff42c9}
.hero-controller i:nth-child(2){right:19px;top:37px;color:#ffd435;background:#ffd435}
.hero-controller b:nth-of-type(1){right:49px;top:43px;color:#35eaff;background:#35eaff}
.hero-controller b:nth-of-type(2){left:73px;bottom:11px;width:22px;height:5px;border-radius:5px;color:#7896c2;background:#7896c2}
.hero-token{position:absolute;z-index:3;display:grid;place-items:center;border:1px solid rgba(255,255,255,.35);border-radius:50%;font-weight:950;box-shadow:0 0 24px currentColor}
.token-one{width:54px;height:54px;left:10%;top:20%;color:#ffc622;background:#d87b0a;transform:rotate(-12deg)}
.token-two{width:43px;height:43px;right:8%;top:17%;color:#ff5adb;background:#7e1e9f;transform:rotate(12deg)}
.token-three{width:46px;height:46px;left:19%;bottom:12%;color:#5df8ff;background:#075ca1}
.hero-orbit{position:absolute;border:2px solid;border-radius:50%;transform:rotate(-18deg)}
.orbit-one{width:330px;height:105px;right:11%;top:38%;border-color:rgba(38,192,255,.38)}
.orbit-two{width:510px;height:160px;right:-9%;top:31%;border-color:rgba(255,50,220,.22)}
.neon-line{position:absolute;z-index:1;height:2px;transform-origin:right;background:linear-gradient(90deg,transparent,#1d92ff,#f73fe8);box-shadow:0 0 12px #1d92ff}
.neon-line-one{width:380px;right:0;top:23%;transform:rotate(-8deg)}
.neon-line-two{width:420px;right:-10px;bottom:18%;transform:rotate(11deg)}
.pixel{position:absolute;width:13px;height:13px;border:2px solid #40b5ff;box-shadow:0 0 14px #168fff}
.pixel-one{right:37%;top:13%;transform:rotate(20deg)}.pixel-two{right:5%;top:49%;border-color:#ff45d1}.pixel-three{left:17%;top:48%;width:8px;height:8px}

/* Homepage content */
.games-section,.category-strip{padding:8px 0;background:transparent}
.home-panel{
  padding:14px 16px 16px;
  border:1px solid rgba(40,99,184,.46);
  border-radius:16px;
  background:linear-gradient(180deg,rgba(5,19,45,.92),rgba(3,14,34,.88));
  box-shadow:inset 0 1px rgba(124,176,245,.045)
}
.section-heading{margin-bottom:12px}
.compact-heading{align-items:center}
.compact-heading .eyebrow{margin-bottom:.15rem}
.compact-heading h2{font-size:1.06rem;letter-spacing:-.02em}
.compact-heading h2>span{margin-right:.28rem;font-size:.9em}
.compact-heading>a{color:#3cb4ff;font-size:.72rem}
.game-grid{gap:10px}
.featured-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
.game-card{
  border-color:rgba(67,120,197,.55);
  border-radius:10px;
  background:linear-gradient(180deg,#0b1c39,#08152d);
  box-shadow:0 8px 22px rgba(0,3,15,.24)
}
.game-card:hover{transform:translateY(-3px);border-color:#1a9cff;box-shadow:0 0 18px rgba(0,133,255,.18)}
.game-cover{aspect-ratio:16/9;background:#06142d}
.game-cover picture{display:block;width:100%;height:100%}
.cover-placeholder{
  position:relative;
  grid-template-rows:1fr auto;
  padding:14px;
  background:
    radial-gradient(circle at 72% 18%,rgba(241,36,223,.29),transparent 22%),
    radial-gradient(circle at 25% 78%,rgba(0,177,255,.32),transparent 28%),
    linear-gradient(135deg,#092966,#160842)
}
.cover-placeholder:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.5) .6px,transparent .7px);background-size:17px 17px;opacity:.32}
.cover-placeholder img{position:relative;width:72px!important;height:72px!important;align-self:center;border:0;border-radius:50%;object-fit:contain;filter:drop-shadow(0 0 15px rgba(50,176,255,.5))}
.cover-placeholder i{position:relative;color:#dff4ff;font-size:.52rem}
.card-badges{left:.45rem;top:.42rem}
.card-badges span{padding:.16rem .35rem;border:1px solid rgba(78,171,255,.3);border-radius:4px;background:rgba(1,9,25,.82);font-size:.55rem}
.cover-play{
  position:absolute;
  left:50%;
  top:50%;
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  padding-left:2px;
  border:1px solid rgba(255,255,255,.72);
  border-radius:50%;
  color:#fff;
  background:rgba(0,121,255,.86);
  box-shadow:0 0 24px rgba(0,151,255,.58);
  opacity:0;
  transform:translate(-50%,-43%) scale(.82);
  transition:.2s
}
.game-card:hover .cover-play,.game-card-link:focus-visible .cover-play{opacity:1;transform:translate(-50%,-50%) scale(1)}
.game-card-body{padding:.65rem .68rem .7rem}
.game-card h3{margin:0 0 .45rem;color:#fff;font-size:.87rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.game-card-meta{display:flex;align-items:center;justify-content:space-between;gap:.45rem;color:#7e94b9;font-size:.58rem}
.card-category{display:inline-block;max-width:62%;padding:.12rem .34rem;overflow:hidden;border:1px solid rgba(44,163,255,.5);border-radius:4px;color:#55c8ff;font-size:.57rem;letter-spacing:0;text-transform:none;white-space:nowrap;text-overflow:ellipsis}
.category-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:8px}
.category-chip{
  min-height:102px;
  align-items:center;
  justify-content:center;
  padding:.75rem .45rem;
  border-color:rgba(67,120,197,.52);
  border-radius:9px;
  background:linear-gradient(180deg,rgba(18,43,82,.75),rgba(7,22,48,.9));
  text-align:center
}
.category-chip:hover{border-color:currentColor;box-shadow:0 0 18px color-mix(in srgb,currentColor 25%,transparent)}
.category-chip>span{font-size:1.65rem;line-height:1;filter:drop-shadow(0 0 8px currentColor)}
.category-chip b{color:#f3f7ff;font-size:.76rem}
.category-chip small{color:#7890b6;font-size:.58rem}
.category-tone-1{color:#bd51ff}.category-tone-2{color:#ff4c51}.category-tone-3{color:#ffd02e}.category-tone-4{color:#4e9cff}.category-tone-5{color:#55e54e}.category-tone-6{color:#ff718e}.category-tone-7{color:#27ddff}.category-tone-8{color:#ff9c31}
.home-columns{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.compact-panel{min-width:0}
.compact-grid{grid-template-columns:repeat(2,minmax(0,1fr));counter-reset:game-rank}
.compact-grid .game-card-link{display:grid;grid-template-columns:92px minmax(0,1fr);height:76px}
.compact-grid .game-cover{height:76px;aspect-ratio:auto}
.compact-grid .cover-placeholder{padding:7px}
.compact-grid .cover-placeholder img{width:39px!important;height:39px!important}
.compact-grid .cover-placeholder i,.compact-grid .card-badges,.compact-grid .cover-play{display:none}
.compact-grid .game-card-body{min-width:0;display:flex;flex-direction:column;justify-content:center;padding:.52rem}
.compact-grid .game-card h3{font-size:.73rem}
.compact-grid .game-card-meta{display:grid;justify-content:start;gap:.18rem}
.compact-grid .card-category{max-width:100%;width:max-content}
.ranked-grid .game-card{position:relative;counter-increment:game-rank}
.ranked-grid .game-card:before{
  content:counter(game-rank);
  position:absolute;
  z-index:5;
  left:-5px;
  top:-5px;
  width:22px;
  height:22px;
  display:grid;
  place-items:center;
  border:2px solid #07152e;
  border-radius:50%;
  color:#05152c;
  background:#ffd329;
  font-size:.62rem;
  font-weight:950
}
.editor-section{padding-bottom:16px}
.about-band{margin-top:10px;padding:2.5rem 0;background:linear-gradient(100deg,rgba(0,91,202,.2),rgba(90,26,183,.13));border-color:rgba(55,112,194,.4)}
.about-grid h2{font-size:1.8rem}

/* Inner pages */
.page-hero{padding:3.1rem 0 2.3rem;background:radial-gradient(circle at 80% 0,rgba(0,112,255,.2),transparent 32%),linear-gradient(180deg,#071933,transparent);border-color:rgba(47,107,191,.42)}
.page-hero.compact h1,.page-hero h1{font-size:clamp(2rem,4vw,3.4rem)}
.breadcrumb{margin-bottom:1.1rem;font-size:.72rem}
.listing-section,.content-section{padding:2rem 0 3.5rem}
.filter-panel>form,.filter-panel>div,.panel,.info-card,.report-card{border-color:rgba(65,119,194,.46);background:linear-gradient(180deg,#091c39,#07152d)}
.listing-content>.game-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.pagination a{border-color:rgba(74,129,207,.5);background:#081a35}
.pagination a[aria-current="page"]{background:#087dff}
.game-shell{border-color:#146dd4;box-shadow:0 0 28px rgba(0,100,255,.18)}
input,textarea,select{border-color:rgba(81,130,199,.46);background:#0a1d3a}

/* Ads and footer */
.ad-slot{
  min-height:82px;
  margin:12px auto;
  padding:1rem;
  border-color:rgba(109,145,201,.72);
  border-radius:6px;
  background:linear-gradient(120deg,#112746,#1a294c,#102243)
}
.ad-label{color:#8da6d1;letter-spacing:.45em}
.site-footer{
  margin-top:0;
  padding:2rem 0 .8rem;
  border-top-color:rgba(44,105,191,.48);
  background:linear-gradient(180deg,#04132d,#020a1d)
}
.footer-grid{grid-template-columns:1.35fr .72fr .78fr 1.2fr;gap:2rem}
.footer-intro p,.footer-discover p{max-width:330px;color:#8da3c6;font-size:.72rem}
.site-footer .brand-mark{width:50px;height:50px}
.footer-grid nav,.footer-discover{display:grid;align-content:start;justify-items:start;gap:.32rem}
.footer-grid nav h2,.footer-discover h2{margin-bottom:.35rem;color:#fff;font-size:.78rem}
.footer-grid nav a,.footer-grid .link-button{color:#8fa4c6;font-size:.7rem}
.footer-grid nav a:hover,.footer-grid .link-button:hover{color:#43bdff}
.footer-rss{display:inline-flex;align-items:center;gap:.4rem;margin:.2rem 0 .55rem;padding:.5rem .72rem;border:1px solid #ff9b22;border-radius:6px;color:#fff;background:linear-gradient(135deg,#ffab22,#f06d19);font-size:.7rem;font-weight:850}
.social-links{display:flex;flex-wrap:wrap;gap:.35rem}
.social-links a{padding:.3rem .48rem;border:1px solid rgba(73,132,216,.5);border-radius:5px;color:#b8c9e2;font-size:.64rem}
.footer-bottom{margin-top:1.5rem;padding-top:.8rem;border-color:#142c51;color:#7088af;font-size:.67rem}
.consent-banner,.modal{border-color:rgba(66,129,218,.62);background:#071a36}

@media(max-width:1240px){
  .container{width:min(calc(100% - 32px),var(--container))}
  .main-nav{position:fixed;left:1rem;right:1rem;top:calc(var(--header) + .5rem);display:none;flex-direction:column;align-items:stretch;margin:0;padding:.8rem;border:1px solid rgba(54,122,218,.62);border-radius:10px;background:#06162f;box-shadow:var(--shadow)}
  .main-nav.is-open{display:flex}
  .menu-toggle{display:grid;margin-left:auto}
  .header-actions{margin-left:0}
  .featured-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:960px){
  .header-search{display:none}
  .hero-panel{grid-template-columns:1fr .75fr}
  .hero-logo-card{right:14%;width:225px}
  .hero-controller{right:2%;width:130px}
  .home-columns{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1.4fr 1fr 1fr}
  .footer-discover{grid-column:1/-1;padding-top:1rem;border-top:1px solid #142c51}
  .listing-content>.game-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:720px){
  :root{--header:68px}
  .container{width:min(calc(100% - 22px),var(--container))}
  .brand-mark{width:49px;height:49px}
  .brand-copy strong{font-size:1.12rem}
  .brand-copy small{display:none}
  .header-cta{min-height:38px;padding:.45rem .62rem;font-size:.7rem}
  .theme-toggle{display:none}
  .hero{padding-top:11px}
  .hero-panel{grid-template-columns:1fr;min-height:auto}
  .hero-copy{padding:1.7rem 1.35rem 1.35rem}
  .hero-copy h1{font-size:clamp(2.15rem,11vw,3.25rem)}
  .hero-copy>p:not(.hero-kicker){font-size:.86rem}
  .hero-points{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:.55rem;font-size:.65rem}
  .hero-art{min-height:230px;border-top:1px solid rgba(59,124,213,.26)}
  .hero-logo-card{right:50%;top:48%;width:185px;transform:translate(50%,-50%) rotate(-3deg)}
  .hero-controller{right:6%;bottom:7%;width:105px;height:61px;transform:rotate(8deg) scale(.86)}
  .token-one{left:8%;top:18%;width:42px;height:42px}.token-two{right:8%;top:12%;width:36px;height:36px}.token-three{left:15%;bottom:11%}
  .featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .category-chip{min-height:88px}
  .compact-grid{grid-template-columns:1fr}
  .listing-content>.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .footer-grid{grid-template-columns:1fr 1fr}
  .footer-intro,.footer-discover{grid-column:1/-1}
  .footer-bottom{flex-direction:column}
}
@media(max-width:440px){
  .header-cta span{display:none}
  .header-cta{max-width:92px}
  .hero-actions{align-items:flex-start;flex-direction:column;gap:.65rem}
  .hero-text-link{padding-left:.2rem}
  .home-panel{padding:12px}
  .compact-heading h2{font-size:.95rem}
  .compact-heading .eyebrow{display:none}
  .featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .game-card-body{padding:.55rem}
  .game-card h3{font-size:.77rem}
  .game-card-meta>span:last-child{display:none}
  .listing-content>.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .footer-grid{gap:1.35rem}
}