.games-page{min-height:100vh;overflow-x:hidden;background:#070c18}.games-backdrop{position:fixed;z-index:-1;inset:0;background:radial-gradient(circle at 72% 4%,#262257 0,transparent 32%),radial-gradient(circle at 9% 41%,#093750 0,transparent 30%),linear-gradient(175deg,#07101e,#050812 90%)}.games-backdrop:after{content:'';position:absolute;inset:0;background-image:linear-gradient(#ffffff07 1px,transparent 1px),linear-gradient(90deg,#ffffff07 1px,transparent 1px);background-size:60px 60px;mask-image:linear-gradient(180deg,#000,transparent 60%)}.games-main{max-width:1300px;padding:0 38px;margin:auto}.hero{position:relative;min-height:590px;padding:88px 0 70px}.hero:after{content:'✦';position:absolute;right:8%;top:10%;font-size:290px;line-height:1;color:#9d75ff0e;pointer-events:none}.hero-eyebrow,.eyebrow{font-size:11px;letter-spacing:2.6px;font-weight:800;color:#80e0f0}.hero-eyebrow{display:flex;align-items:center;gap:9px}.hero h1{position:relative;margin:35px 0 17px;font-weight:900;font-size:clamp(60px,9.1vw,145px);line-height:.87;letter-spacing:-7px;z-index:1}.hero h1 em{font-style:normal;background:linear-gradient(96deg,#73f2ff,#9e8cfb,#ef93f2);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-star{font-size:31px;vertical-align:top;color:#93effe;margin-left:22px}.hero>p{color:#b2c3d0;font-size:15px;line-height:1.8;max-width:560px}.hero-actions{display:flex;gap:12px;margin-top:29px}.hero-actions button{padding:15px 24px}.hero-stats{margin-top:57px;display:flex;gap:56px}.hero-stats>div{display:flex;flex-direction:column;gap:4px}.hero-stats b{font-size:30px;letter-spacing:-1px}.hero-stats span{color:#728ea6;font-size:9px;letter-spacing:1.7px}.library,.arena,.scoreboard{margin:38px 0 110px;scroll-margin-top:86px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:26px}.section-head h2{margin:8px 0 5px;font-size:32px;letter-spacing:-1.4px}.section-head p{font-size:13px;color:#95adbe;margin:8px 0 0;line-height:1.7;max-width:550px}.section-count{font-size:10px;letter-spacing:1.6px;color:#7e9bab;border:1px solid #42677868;padding:9px 12px;border-radius:7px;white-space:nowrap}.game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.game-card{min-height:276px;border:1px solid #ffffff19;border-radius:15px;text-align:left;position:relative;padding:25px;background:#15243a;color:#fff;display:flex;flex-direction:column;overflow:hidden;transition:transform .23s,border-color .23s,box-shadow .23s;cursor:pointer}.game-card:before{content:'';position:absolute;inset:0;z-index:0;background:radial-gradient(circle at 80% 0%,var(--glow),transparent 66%);opacity:.75}.game-card>*{position:relative;z-index:1}.game-card:hover,.game-card:focus-visible{transform:translateY(-5px);border-color:#93cfe688;box-shadow:0 16px 35px #0007}.card-snake{--glow:#19bda04d}.card-star{--glow:#6d7ffb75}.card-orbit{--glow:#db7c5270}.card-memory{--glow:#9b67ec6b}.card-reflex{--glow:#67bdf16b}.card-icon{height:88px;font-size:75px;font-weight:200;color:#d6faff;text-shadow:0 0 28px var(--glow)}.card-serial{font-size:10px;color:#89a7b9;letter-spacing:2px}.game-card>b{font-size:20px;letter-spacing:.4px;margin:12px 0 7px}.game-card small{color:#adc0ce;font-size:11px;line-height:1.6}.card-foot{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:19px}.card-foot>span:first-child{font-size:9px;color:#9aaec3;letter-spacing:1px}.play-pill{font-size:10px;font-weight:800;color:#e4fbff;border-radius:20px;padding:8px 12px;background:#ffffff1b}.arena{margin-top:115px}.arena-actions{display:flex;gap:8px}.arena-actions button{padding:10px 13px}.game-stage{position:relative;background:radial-gradient(circle at 48% 42%,#152d49,#060c19 74%);border:1px solid #ffffff31;border-radius:16px;overflow:hidden;box-shadow:0 22px 80px #0006;aspect-ratio:900/520}.game-stage:focus-within{border-color:#66defe}.game-stage canvas{width:100%;height:100%;display:block;touch-action:none;outline:none}.game-cover,.stage-overlay{position:absolute;inset:0;z-index:4;display:flex;align-items:center;justify-content:center;text-align:center;flex-direction:column;background:linear-gradient(140deg,#131c36dc,#091b2fe8);padding:20px}.game-cover>span{font-size:72px;color:#b5b3ff;line-height:1;text-shadow:0 0 30px #7d77ff}.game-cover h3,.stage-overlay h3{font-size:clamp(23px,4.1vw,50px);letter-spacing:-1.5px;line-height:1.15;margin:20px 0}.game-cover p,.stage-overlay p{font-size:13px;color:#aec1d1}.stage-overlay{background:rgba(4,9,23,.91);backdrop-filter:blur(13px)}.stage-overlay[hidden]{display:none}.stage-overlay button{margin:5px}.stage-overlay #end-score{font-size:31px;color:#8bebff;font-weight:800;margin:12px}.arena-hud{position:absolute;inset:0 0 auto;display:flex;justify-content:space-between;align-items:center;padding:14px 19px;pointer-events:none;font-size:12px;letter-spacing:1.5px;color:#c6e5f4;font-weight:800}.arena-hud span{background:#050d19b9;padding:8px 13px;border-radius:6px}.game-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px;min-height:36px}.game-controls>span{font-size:11px;color:#95b0c1}.mobile-game-control{display:none;gap:7px}.mobile-game-control button{width:44px;min-height:44px;border:1px solid #486c8d;border-radius:9px;background:#1b344e;color:#fff;font-size:16px;touch-action:manipulation}.mobile-game-control #game-action{min-width:88px;font-size:10px;font-weight:800;background:#2d6271}.scoreboard{margin-top:120px}.scoreboard select{min-width:200px;background:#15263b;color:#fff;border:1px solid #39576f;padding:12px;border-radius:9px}.leader-table{background:#0b192bc9;border:1px solid #ffffff22;border-radius:12px;overflow:hidden}.leader-row{display:grid;grid-template-columns:92px 1fr 120px;gap:14px;padding:16px 25px;border-bottom:1px solid #ffffff13;font-size:13px;align-items:center}.leader-head{color:#8da9bc;font-size:10px;letter-spacing:1.6px;background:#142740}.leader-row>span:last-child{text-align:right}.leader-loading{padding:15px 25px}.leader-body .leader-row:last-child{border:0}.leader-rank{font-family:monospace;color:#79e7ff;font-weight:800}.score-disclaimer{color:#6e90a1;font-size:11px;margin-top:14px}.games-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid #ffffff24;padding:28px 0 38px;margin-top:20px;color:#849db1;font-size:10px;letter-spacing:1.3px}.games-footer a{color:#9be8ff}
@media(max-width:960px){.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero h1{letter-spacing:-5px}.games-main{padding:0 24px}}
@media(max-width:650px){.games-main{padding:0 15px}.hero{padding:78px 0 32px;min-height:490px}.hero h1{font-size:clamp(54px,11.7vw,85px);letter-spacing:-3px}.hero>p{font-size:13px}.hero-stats{gap:22px;margin-top:45px}.hero-stats b{font-size:23px}.hero-stats span{font-size:8px}.hero-actions button{padding:13px 12px;font-size:12px}.game-grid{grid-template-columns:1fr;gap:12px}.game-card{min-height:205px;padding:18px}.card-icon{font-size:52px;height:63px}.game-card>b{font-size:18px;margin:8px 0 5px}.section-head{align-items:start;flex-direction:column;gap:14px}.section-head h2{font-size:26px}.section-count{display:none}.library,.arena,.scoreboard{margin:48px 0 76px}.arena-actions{flex-wrap:wrap;width:100%}.arena-actions button{flex:1;min-width:86px;font-size:11px}.game-stage{border-radius:10px;aspect-ratio:4/3}.arena-hud{padding:6px;font-size:9px;letter-spacing:.5px}.arena-hud span{padding:5px 6px}.mobile-game-control{display:flex;width:100%;justify-content:center}.game-controls{display:block}.game-controls>span{display:block;margin-top:9px;text-align:center;line-height:1.5}.leader-row{grid-template-columns:45px 1fr 80px;padding:14px;gap:8px}.games-footer span:nth-child(2){display:none}.games-footer{font-size:9px}}
@media(prefers-reduced-motion:reduce){.game-card{transition:none}.game-card:hover{transform:none}}