:root{
  color-scheme:dark;
  --bg:#090e1a;--panel:#131d30;--panel2:#1b2941;
  --border:#26364f;--text:#f0f4ff;--muted:#9baac5;
  --purple:#a487ff;--sidebar:245px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
button{cursor:pointer}
button:disabled{opacity:.4;cursor:default}
[hidden]{display:none!important}
.topbar{position:sticky;top:0;z-index:50;background:#0b1220f7;border-bottom:1px solid var(--border);backdrop-filter:blur(15px)}
.topinner{height:76px;display:flex;align-items:center;gap:25px;padding:0 25px}
.brand{display:flex;align-items:center;gap:11px;min-width:245px;font-weight:900;font-size:18px;letter-spacing:-.5px;white-space:nowrap}
.brand img{width:52px;height:52px;object-fit:contain}
.brand strong{color:var(--purple)}
.search{flex:1;max-width:720px}
.search input{width:100%;padding:13px 18px;background:#17233a;border:1px solid #35435e;border-radius:12px;color:white;outline:none}
.search input:focus{border-color:var(--purple)}
.header-note{margin-left:auto;color:var(--muted);white-space:nowrap;font-size:13px}
.app-layout{display:flex;align-items:stretch}
.sidebar{position:sticky;top:76px;align-self:flex-start;height:calc(100vh - 76px);width:var(--sidebar);flex-shrink:0;overflow-y:auto;background:#0d1525;border-right:1px solid var(--border);padding:20px 12px;scrollbar-width:thin}
.sidebar-title{font-size:11px;font-weight:800;color:#7387a8;letter-spacing:1.5px;padding:15px 13px 9px}
.side-link{display:flex;align-items:center;gap:12px;width:100%;padding:10px 13px;border:0;border-radius:10px;background:transparent;color:#b5c4dd;text-align:left}
.side-link span{display:inline-flex;width:23px;justify-content:center;font-size:19px;color:#b8a4ff}
.side-link:hover,.side-link.active{background:#2b2148;color:#fff}
.sidebar-bottom{display:flex;align-items:center;gap:8px;padding:20px 10px;color:var(--muted);font-size:12px}
.sidebar-bottom img{width:38px;height:38px;object-fit:contain}
.main-content{width:calc(100% - var(--sidebar));max-width:1800px;margin:0 auto;padding:26px 30px}
.welcome{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:255px;padding:30px 42px;background:radial-gradient(ellipse at 85% 50%,#503286 0%,#251c46 35%,#121d34 80%);border:1px solid #4c3a7a;border-radius:20px;overflow:hidden}
.eyebrow{font-size:11px;font-weight:800;letter-spacing:2px;color:#c2adff}
.welcome h1{font-size:clamp(27px,3.4vw,46px);line-height:1.1;margin:12px 0}
.welcome h1 em{color:#c6a8ff;font-style:normal}
.welcome p{color:#c2cce1}
.welcome-logo{width:min(28%,230px);max-height:220px;object-fit:contain;filter:drop-shadow(0 0 30px #9d71ff66)}
.welcome-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.btn{display:inline-block;border:1px solid #9776f5;background:#6546b7;color:white;border-radius:10px;padding:10px 16px;font-weight:650}
.btn:hover{background:#7859d0}
.btn.secondary{background:#1c2940;border-color:#3c4b67}
.btn.secondary:hover{background:#2c3d5e}
.section{margin:32px 0 40px}
.heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:15px}
.heading h2{font-size:21px;margin:0}
.heading a{color:#c0aaff;font-size:13px}
.heading-icon{color:#b18dff;margin-right:5px}
.originals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.original-card{display:flex;align-items:center;gap:20px;padding:20px;background:linear-gradient(125deg,#211a3f,#152139);border:1px solid #51417e;border-radius:16px;min-height:105px}
.original-card h3{font-size:19px;margin:0}
.original-card span{color:#b7a3e8}
.original-icon{display:grid;place-items:center;width:62px;height:62px;flex-shrink:0;border-radius:15px;background:#3a2a69;color:#d8caff;font-size:32px}
.game-row{display:flex;gap:14px;overflow-x:auto;padding:3px 2px 13px;scrollbar-width:thin}
.game-row .card{flex:0 0 170px}
.grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.card{display:block;min-width:0;background:var(--panel);border:1px solid var(--border);border-radius:13px;overflow:hidden;transition:transform .15s,border-color .15s}
.card:hover{transform:translateY(-3px);border-color:var(--purple)}
.card img{display:block;width:100%;aspect-ratio:1.25;object-fit:cover;background:#1b2940}
.cardbody{padding:10px}
.card h3{margin:0;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.card small{color:var(--muted)}
.pills{display:flex;gap:8px;overflow-x:auto;padding:5px 0 20px;scrollbar-width:thin}
.pill{white-space:nowrap;border:1px solid var(--border);border-radius:100px;padding:9px 13px;background:var(--panel);color:var(--muted)}
.pill:hover,.pill.active{background:#35275c;border-color:#9679e9;color:white}
.muted{color:var(--muted)}
.controls{display:flex;align-items:center;justify-content:center;gap:15px;margin:30px 0 45px}
.footer{display:flex;flex-wrap:wrap;gap:18px;border-top:1px solid var(--border);padding:26px 0;color:var(--muted)}
.footer span{margin-left:auto}
.iconbutton{border:0;background:transparent;color:white;font-size:24px}
.menu-toggle{display:none}
.player{display:block;width:100%;height:min(76vh,850px);background:black;border:0;border-radius:14px}
.playerwrap{margin:20px 0}
.gameinfo{max-width:950px;white-space:pre-line;color:var(--muted)}
.actions{display:flex;flex-wrap:wrap;gap:10px;margin:15px 0}
.notice{font-size:13px;color:var(--muted)}
@media(max-width:1450px){.grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:1150px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}.header-note{display:none}}
@media(max-width:900px){
 .menu-toggle{display:block}
 .brand{min-width:auto}
 .sidebar{position:fixed;z-index:45;left:0;top:76px;height:calc(100vh - 76px);transform:translateX(-105%);transition:transform .2s;box-shadow:15px 0 30px #0006}
 .sidebar.open{transform:translateX(0)}
 .main-content{width:100%;padding:20px}
 .grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:650px){
 .topinner{height:auto;min-height:70px;padding:10px 14px;flex-wrap:wrap;gap:9px}
 .brand{font-size:15px}
 .brand img{width:43px;height:43px}
 .search{order:3;flex-basis:100%;max-width:none}
 .sidebar{top:113px;height:calc(100vh - 113px)}
 .main-content{padding:14px}
 .welcome{padding:23px;min-height:220px}
 .welcome-logo{width:90px}
 .welcome h1{font-size:28px}
 .originals{grid-template-columns:1fr}
 .grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
 .game-row .card{flex-basis:145px}
 .heading h2{font-size:18px}
}
@media(max-width:430px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.welcome-logo{display:none}}


/* PIXELREALM FEATURED IMAGE ONLY */
.featured-card .game-info,
.featured-card .game-meta,
.featured-card .card-info,
.featured-card .card-body,
.featured-card .game-title,
.featured-card .game-category,
.featured-card h3,
.featured-card p {
    display: none !important;
}

.featured-card {
    overflow: hidden;
}

.featured-card img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* PIXELREALM : grandes vignettes À la une, images seules */
#featured-grid > :nth-child(-n+2) .card-info,
#featured-grid > :nth-child(-n+2) .game-info,
#featured-grid > :nth-child(-n+2) .card-body,
#featured-grid > :nth-child(-n+2) .featured-info,
#featured-grid > :nth-child(-n+2) .featured-card-info {
    display: none !important;
}