/* Scorpion Arena Games Pro v1 — additive UI layer */
:root{--gp-bg:#070b15;--gp-card:rgba(16,24,42,.72);--gp-line:rgba(255,255,255,.10);--gp-text:#f7f9ff;--gp-muted:#8fa2be;--gp-blue:#4587ff;--gp-violet:#8b5cf6;--gp-green:#13d790;--gp-gold:#ffc857}
#gamesGrid.games-pro-grid{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;isolation:isolate}
#gamesGrid.games-pro-grid:before{content:"";position:absolute;inset:-20px -12px;z-index:-1;background:radial-gradient(circle at 10% 10%,rgba(69,135,255,.18),transparent 34%),radial-gradient(circle at 90% 25%,rgba(139,92,246,.18),transparent 34%);filter:blur(8px);pointer-events:none}
#gamesGrid .game-card.gp-card{min-height:214px;padding:15px;overflow:hidden;position:relative;border:1px solid var(--gp-line);background:linear-gradient(145deg,rgba(24,35,60,.90),rgba(9,15,29,.88));box-shadow:0 18px 45px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.06);transform:translateZ(0);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
#gamesGrid .game-card.gp-card:active{transform:scale(.975)}
#gamesGrid .game-card.gp-card:after{content:"";position:absolute;width:120px;height:120px;right:-50px;top:-50px;border-radius:50%;background:radial-gradient(circle,rgba(89,139,255,.26),transparent 68%);pointer-events:none}
.gp-topline{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px}
.gp-badge{font-size:9px;font-weight:950;letter-spacing:.7px;padding:6px 8px;border-radius:999px;background:rgba(19,215,144,.12);border:1px solid rgba(19,215,144,.28);color:#69f0bd}.gp-badge.dev{color:#ffd784;background:rgba(255,200,87,.12);border-color:rgba(255,200,87,.28)}
.gp-pulse{width:8px;height:8px;border-radius:50%;background:var(--gp-green);box-shadow:0 0 0 0 rgba(19,215,144,.55);animation:gpPulse 1.8s infinite}
@keyframes gpPulse{70%{box-shadow:0 0 0 9px rgba(19,215,144,0)}100%{box-shadow:0 0 0 0 rgba(19,215,144,0)}}
#gamesGrid .gp-card .game-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:18px;font-size:30px;margin:4px 0 12px;background:linear-gradient(145deg,rgba(69,135,255,.22),rgba(139,92,246,.20));border:1px solid rgba(255,255,255,.10);box-shadow:0 10px 25px rgba(45,82,170,.20)}
#gamesGrid .gp-card .game-name{font-size:16px;font-weight:950;color:var(--gp-text);margin-bottom:10px;line-height:1.25}
#gamesGrid .gp-card .game-meta{display:flex;justify-content:space-between;align-items:center;color:var(--gp-muted);font-size:11px;padding-top:9px;border-top:1px solid rgba(255,255,255,.07)}
#gamesGrid .gp-card .game-meta strong{color:#fff;font-size:12px}.gp-cta{display:flex;align-items:center;justify-content:space-between;margin-top:12px;color:#c9d8ef;font-size:10px;font-weight:800}.gp-arrow{width:27px;height:27px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(135deg,var(--gp-blue),var(--gp-violet));color:#fff;font-size:14px}
.gp-hero{position:relative;overflow:hidden;padding:18px;border-radius:24px;margin-bottom:14px;background:linear-gradient(135deg,rgba(45,76,144,.88),rgba(90,55,164,.86));border:1px solid rgba(255,255,255,.15);box-shadow:0 18px 45px rgba(0,0,0,.28)}
.gp-hero:after{content:"🎮";position:absolute;right:13px;bottom:-16px;font-size:78px;opacity:.14;transform:rotate(-10deg)}.gp-kicker{font-size:10px;font-weight:900;letter-spacing:1.4px;color:#c9d9ff}.gp-title{font-size:23px;font-weight:950;margin:6px 0}.gp-sub{color:#d8e2f5;font-size:12px;line-height:1.55;max-width:80%}
.gp-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.gp-stat{padding:12px 8px;border-radius:16px;background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.08);text-align:center}.gp-stat b{display:block;font-size:17px}.gp-stat span{font-size:9px;color:var(--gp-muted)}
.gp-filterbar{display:flex;gap:8px;overflow:auto;padding:2px 0 10px;scrollbar-width:none}.gp-filterbar::-webkit-scrollbar{display:none}.gp-filter{white-space:nowrap;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.055);color:#aebed4;padding:9px 12px;border-radius:999px;font-weight:850;font-size:10px}.gp-filter.active{background:linear-gradient(135deg,var(--gp-blue),var(--gp-violet));color:#fff;border-color:transparent}
.gp-history-row{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:12px;border-radius:15px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.065);margin-top:8px}.gp-hicon{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:rgba(69,135,255,.14)}.gp-hname{font-weight:900;font-size:12px}.gp-hmeta{font-size:10px;color:var(--gp-muted);margin-top:3px}.gp-result{font-size:10px;font-weight:950;padding:6px 8px;border-radius:999px}.gp-result.win{color:#61efb9;background:rgba(19,215,144,.12)}.gp-result.loss{color:#ff8f9d;background:rgba(255,93,115,.12)}.gp-result.other{color:#c9d5e8;background:rgba(255,255,255,.07)}
@media(min-width:720px){#gamesGrid.games-pro-grid{grid-template-columns:repeat(3,minmax(0,1fr))}#gamesGrid .game-card.gp-card{min-height:225px}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}