:root{--lobby-bg:#0b0918;--lobby-panel:#141226;--lobby-panel-2:#19162e;--lobby-border:#2a2545;--lobby-purple:#7458ff;--lobby-cyan:#4ad9e8;--lobby-gold:#f1c45b;--lobby-copy:#f1efff;--lobby-muted:#88839e}body{background:var(--lobby-bg);background-image:radial-gradient(circle at 78% 8%,rgba(112,78,255,.13),transparent 32%),linear-gradient(115deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:auto,52px 52px}.site-header{height:58px;padding:0 max(28px,calc((100% - 1360px)/2));gap:36px;background:#100d20;border-bottom:1px solid #27233e;box-shadow:0 8px 30px rgba(0,0,0,.2)}.brand{font-size:20px}.brand-mark{width:27px;height:27px;background:linear-gradient(140deg,#52e3de,#7b5cff);color:#fff;box-shadow:none}.main-nav{gap:24px;font-size:10px;text-transform:uppercase;letter-spacing:.7px}.main-nav a{padding:21px 0 18px;color:#7f7999}.main-nav .active,.main-nav a:hover{color:#fff;border-color:var(--lobby-purple)}.header-actions{gap:7px}.icon-button{width:32px;height:32px}.locale-button{font-size:10px;padding:7px 9px;border-radius:4px;color:#aaa4c5;border-color:#393250}.admin-button{font-size:11px;padding:8px 10px;border-radius:4px;background:#242039;color:#ddd6f2}.hero{max-width:1360px;min-height:390px;padding:28px 28px 20px;display:block;position:relative}.hero-copy{position:absolute;z-index:2;left:63px;bottom:70px;max-width:420px}.hero-copy .eyebrow{margin-bottom:12px}.hero-copy h1{font-size:42px;letter-spacing:-1px;line-height:.95;text-shadow:0 4px 25px rgba(0,0,0,.7)}.hero-copy .hero-text,.hero-copy .hero-buttons,.hero-copy .hero-meta{display:none}.hero-art{height:360px;border-radius:7px;background-image:linear-gradient(90deg,rgba(13,10,29,.97) 0%,rgba(13,10,29,.65) 30%,rgba(13,10,29,.1) 70%),url('/games/covers/street-fighter.webp');background-size:cover;background-position:center 32%;border:1px solid #392c5e;box-shadow:0 22px 45px rgba(0,0,0,.35);animation:none}.hero-art:before{background:linear-gradient(110deg,rgba(116,88,255,.17),transparent 45%);inset:0;animation:none}.hero-art:after{background:linear-gradient(0deg,rgba(7,6,16,.66),transparent 35%)}.stars,.planet,.orbiter{display:none}.featured-chip{left:auto;right:28px;bottom:25px;width:205px;background:rgba(15,12,29,.8);border:1px solid rgba(255,255,255,.2);padding:10px 12px}.featured-chip button{background:var(--lobby-purple);color:#fff}.content-section{max-width:1360px;padding:12px 28px 55px}.games-section .section-heading{margin:0 0 12px}.section-heading .eyebrow{display:none}.section-heading h2{font-size:23px;letter-spacing:-.3px}.text-link{font-size:10px;color:#aaa4c5;text-transform:uppercase;letter-spacing:.5px}.lobby-games-layout{display:grid;grid-template-columns:minmax(0,1fr) 235px;gap:14px}.category-bar{margin:0 0 12px;gap:6px}.category-bar button{border-radius:3px;padding:7px 11px;font-size:10px;background:#141228;border-color:#2c2747;color:#928ca9}.category-bar button.active{background:var(--lobby-purple);border-color:var(--lobby-purple);color:#fff}.game-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.game-card-image{border-radius:5px!important;border:1px solid #2d2949;height:auto!important;aspect-ratio:1.28!important;padding:10px!important}.game-card-image .card-title{font-size:16px!important;letter-spacing:-.4px}.game-card p{font-size:10px;margin:6px 0 0;color:#77728d}.tag{top:8px;left:8px;padding:3px 5px;background:rgba(12,9,26,.78);font-size:8px}.play-card{width:28px;height:28px;right:8px;bottom:8px}.game-card:hover .game-card-image{transform:translateY(-3px) scale(1.01);box-shadow:0 15px 25px rgba(0,0,0,.3)}.community-rail{background:linear-gradient(180deg,#17132b,#120f21);border:1px solid var(--lobby-border);border-radius:6px;padding:14px 12px;min-height:100%;display:flex;flex-direction:column;gap:14px}.rail-head,.ranking-title{display:flex;justify-content:space-between;align-items:center;color:#a09bb6;font-size:9px;letter-spacing:1px;font-weight:700}.rail-head svg,.ranking-title svg{width:14px;color:#625b80}.rail-user{display:flex;align-items:center;gap:8px;min-width:0}.rail-user div{min-width:0;display:grid;gap:2px}.rail-user strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#ded9ed}.rail-user small{font-size:8px;color:#77718a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.avatar{width:25px;height:25px;flex:0 0 25px;border-radius:50%;display:grid;place-items:center;font-size:9px;font-weight:700;color:#fff}.avatar-one{background:#9a5e51}.avatar-two{background:#5b7199}.avatar-three{background:#b8753e}.avatar-four{background:#635e96}.avatar-five{background:#388d91}.online{margin-left:auto;width:5px;height:5px;border-radius:50%;background:#5de19a;box-shadow:0 0 7px #5de19a}.rail-footer{margin-top:auto;border-top:1px solid #2b2642;padding-top:12px;display:flex;justify-content:space-between;color:#77718a;font-size:9px}.rail-footer strong{color:var(--lobby-cyan)}.lobby-rankings{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.lobby-rankings article{background:var(--lobby-panel);border:1px solid var(--lobby-border);border-radius:5px;padding:13px}.rank-row{display:grid;grid-template-columns:25px 9px 1fr auto;align-items:center;gap:7px;padding-top:12px;color:#d7d2e5;font-size:11px}.rank-num{color:#625b80;font-size:9px}.rank-dot{width:8px;height:8px;border-radius:50%}.rank-dot.violet{background:#7d61ff}.rank-dot.cyan{background:#45d9e8}.rank-row strong{color:#aaa3bd;font-size:10px}.rank-feature{display:flex;align-items:center;gap:8px;margin-top:11px}.rank-feature img{width:54px;height:33px;object-fit:cover;border-radius:3px}.rank-feature div{display:grid;gap:3px;min-width:0}.rank-feature strong{font-size:10px;color:#ddd8e9}.rank-feature small{font-size:8px;color:#77718a}.mini-play{margin-left:auto;width:25px;height:25px;border:0;border-radius:50%;display:grid;place-items:center;background:var(--lobby-purple);color:#fff}.mini-play svg{width:11px;fill:currentColor}.watch-section{max-width:1360px;margin:0 auto 30px;padding:32px 28px;background:linear-gradient(100deg,#17132d,#111022);border:1px solid var(--lobby-border);border-radius:6px;min-height:210px}.watch-art{height:140px}.watch-copy h2{font-size:26px}.watch-copy p:not(.eyebrow){font-size:11px}.resources-section{padding-top:10px}.resource-grid{grid-template-columns:repeat(3,1fr);gap:10px}.resource-card{min-height:125px;background:var(--lobby-panel);border-color:var(--lobby-border);padding:14px;border-radius:5px}.resource-card h3{font-size:14px;margin:12px 0 4px}.resource-card p{font-size:10px}.resource-icon{width:30px;height:30px}footer{max-width:1360px;padding:20px 28px;border-color:var(--lobby-border);font-size:10px;color:#77718a}footer .brand{font-size:15px}footer .brand-mark{width:22px;height:22px}footer div{gap:12px}.admin-panel{background:#100d20}.form-field input,.form-field select{background:#17132b}.search-dialog,.game-dialog,.video-dialog,.editor-dialog{background:#100d20}.game-dialog{width:min(1050px,100%)}
@media(max-width:900px){.lobby-games-layout{grid-template-columns:1fr}.community-rail{display:none}.game-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-copy{left:48px}.hero-art{height:330px}}
@media(max-width:600px){.site-header{padding:0 16px;gap:15px}.main-nav{display:none}.hero{padding:18px 16px 14px;min-height:275px}.hero-art{height:255px}.hero-copy{left:34px;bottom:44px}.hero-copy h1{font-size:30px}.featured-chip{right:12px;bottom:12px;transform:scale(.84);transform-origin:right bottom}.content-section{padding:12px 16px 40px}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.lobby-rankings{grid-template-columns:1fr}.watch-section{margin:0 16px 22px;padding:20px 16px}.watch-art{display:none}.resource-grid{grid-template-columns:1fr}.hero-copy .eyebrow{display:flex;font-size:9px}}

/* Premium lobby motion: restrained enough for long browsing sessions. */
.hero-art{animation:lobbyFloat 8s ease-in-out infinite}
.hero-art:before{content:"";position:absolute;inset:-35% -12%;background:linear-gradient(105deg,transparent 34%,rgba(255,255,255,.16) 46%,transparent 58%);transform:translateX(-58%) skewX(-18deg);animation:heroSheen 9s ease-in-out infinite;z-index:1;pointer-events:none}
.hero-art:after{background:linear-gradient(0deg,rgba(7,6,16,.7),transparent 38%),linear-gradient(110deg,rgba(116,88,255,.18),transparent 48%);z-index:0;pointer-events:none}
.game-card{animation:cardRise .55s cubic-bezier(.2,.75,.25,1) both}
.game-card:nth-child(2){animation-delay:.04s}.game-card:nth-child(3){animation-delay:.08s}.game-card:nth-child(4){animation-delay:.12s}.game-card:nth-child(5){animation-delay:.16s}.game-card:nth-child(6){animation-delay:.2s}.game-card:nth-child(7){animation-delay:.24s}.game-card:nth-child(8){animation-delay:.28s}
.game-card-image:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.14) 47%,transparent 64%);transform:translateX(-130%);transition:transform .7s ease;z-index:2;pointer-events:none}
.game-card:hover .game-card-image:before{transform:translateX(130%)}
.game-card:hover .game-card-image{transform:translateY(-4px) scale(1.012);box-shadow:0 15px 25px rgba(0,0,0,.3);border-color:#554695}
.online{animation:onlinePulse 2.4s ease-in-out infinite}.rail-footer strong{animation:valueGlow 3s ease-in-out infinite}
.mini-play{box-shadow:0 0 0 0 rgba(116,88,255,.42);animation:playPulse 2.8s ease-out infinite}
@keyframes lobbyFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes heroSheen{0%,20%{transform:translateX(-58%) skewX(-18deg);opacity:0}38%{opacity:1}64%,100%{transform:translateX(58%) skewX(-18deg);opacity:0}}@keyframes cardRise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes onlinePulse{0%,100%{opacity:.55;box-shadow:0 0 0 0 rgba(93,225,154,0)}50%{opacity:1;box-shadow:0 0 0 4px rgba(93,225,154,.08),0 0 10px #5de19a}}@keyframes valueGlow{0%,100%{text-shadow:none}50%{text-shadow:0 0 12px rgba(74,217,232,.45)}}@keyframes playPulse{0%,55%,100%{box-shadow:0 0 0 0 rgba(116,88,255,.42)}25%{box-shadow:0 0 0 7px rgba(116,88,255,0)}}
@media(prefers-reduced-motion:reduce){.hero-art,.game-card,.online,.rail-footer strong,.mini-play,.hero-art:before{animation:none!important}.game-card-image:before{transition:none}}