:root{color-scheme:dark;--bg:#10111b;--panel:#191a28;--panel2:#202132;--text:#f6f5ff;--muted:#a3a4b9;--purple:#9c7cff;--pink:#ff78b7;--cyan:#63e6d2;--line:rgba(255,255,255,.09);--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-family:"DM Sans",sans-serif;line-height:1.5;overflow-x:hidden}body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit;cursor:pointer}.ambient{position:absolute;pointer-events:none;filter:blur(90px);opacity:.13;border-radius:50%;z-index:-1}.ambient-one{width:370px;height:370px;background:#865aff;top:100px;left:-160px}.ambient-two{width:420px;height:420px;background:#ff5ca8;top:280px;right:-210px}.site-header{height:84px;max-width:1200px;margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:2}.brand{display:inline-flex;align-items:center;gap:10px;font:700 22px "Space Grotesk",sans-serif;letter-spacing:-1px}.brand-mark{width:35px;height:35px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#a18aff,#6c52e8);font-size:14px;letter-spacing:-2px;box-shadow:0 5px 22px #8268f044}.brand-mark span{color:#d4fff6}.brand-light{font-weight:500;color:#b4a4ff}.main-nav{display:flex;gap:34px}.nav-link{font-size:13px;color:var(--muted);transition:color .2s}.nav-link:hover,.nav-link.active{color:#fff}.header-actions{display:flex;gap:13px;align-items:center}.icon-button{width:42px;height:42px;border:1px solid var(--line);border-radius:14px;background:#ffffff06;font-size:23px;display:grid;place-items:center;transition:.2s}.icon-button:hover,.icon-button[aria-pressed=true]{border-color:#a18aff;color:#c4b4ff;background:#a18aff14}.header-cta,.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:18px;border:0;border-radius:13px;padding:12px 17px;background:linear-gradient(110deg,#a48bff,#8064f3);color:#fff;font-size:13px;font-weight:700;box-shadow:0 8px 25px #8268f02a;transition:transform .2s,filter .2s}.header-cta:hover,.primary-button:hover{transform:translateY(-2px);filter:brightness(1.08)}.header-cta span,.primary-button span{font-size:17px}.hero{max-width:1144px;margin:0 auto;padding:75px 24px 55px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:35px;min-height:455px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.7px;color:#b7a7ff}.hero .eyebrow{display:flex;align-items:center;gap:9px}.live-dot,.online-dot{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px #63e6d2aa}.hero h1{font:700 clamp(42px,5vw,65px)/1.05 "Space Grotesk",sans-serif;letter-spacing:-3.5px;margin:22px 0 18px}.gradient-text{background:linear-gradient(100deg,#a18aff 10%,#ff8bc7 88%);color:transparent;background-clip:text;-webkit-background-clip:text}.hero-copy>p{max-width:450px;font-size:15px;color:var(--muted);line-height:1.8;margin:0}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:29px}.social-proof{display:flex;align-items:center;gap:11px}.avatar-stack{display:flex;padding-left:4px}.avatar-stack i{width:29px;height:29px;margin-left:-4px;border:2px solid var(--bg);border-radius:50%;background:#29283d;display:grid;place-items:center;font-style:normal;font-size:13px}.social-proof span{display:flex;flex-direction:column;font-size:11px}.social-proof strong{font-size:11px}.social-proof small{color:var(--muted);font-size:10px}.hero-art{height:330px;position:relative;display:grid;place-items:center}.art-orbit{position:absolute;border:1px solid #a18aff24;border-radius:50%;transform:rotate(-20deg)}.orbit-a{width:310px;height:235px}.orbit-b{width:250px;height:310px;transform:rotate(42deg);border-color:#ff8bc724}.game-planet{position:absolute;display:grid;place-items:center;border:1px solid #ffffff26;box-shadow:inset 0 0 25px #ffffff13,0 20px 65px #0004}.planet-main{width:154px;height:154px;border-radius:44px;font-size:73px;background:linear-gradient(140deg,#302653,#51408c);transform:rotate(-8deg);z-index:1}.planet-small{width:70px;height:70px;border-radius:24px;font-size:35px;top:48px;right:43px;background:linear-gradient(140deg,#433054,#7c466f);transform:rotate(12deg)}.planet-star{width:62px;height:62px;border-radius:21px;font-size:31px;bottom:45px;left:49px;background:linear-gradient(140deg,#164c51,#287c7d);transform:rotate(-12deg)}.float-card{position:absolute;z-index:2;border:1px solid #ffffff16;background:#191a28e8;backdrop-filter:blur(12px);border-radius:14px;padding:12px 15px;box-shadow:0 12px 30px #0003}.float-card-one{top:25px;left:15px;display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:center}.float-card-one>span{color:#ffcf6d;font-size:19px;grid-row:span 2}.float-card-one small{font-size:8px;color:var(--muted);letter-spacing:1px}.float-card-one strong{font:700 20px "Space Grotesk"}.float-card-two{bottom:21px;right:0;display:flex;align-items:center;gap:9px;font-size:10px}.art-spark{position:absolute;color:#b6a0ff;font-size:23px}.spark-one{top:78px;left:94px}.spark-two{right:20px;bottom:95px;color:#ff8bc7}.spark-three{right:90px;top:13px;font-size:15px}.stats-strip{max-width:1096px;margin:0 auto 85px;padding:22px 29px;border:1px solid var(--line);border-radius:19px;background:linear-gradient(110deg,#ffffff07,#ffffff02);display:grid;grid-template-columns:repeat(3,1fr) 1.4fr;align-items:center}.stats-strip>div:not(.stats-note){display:flex;align-items:center;gap:12px;border-right:1px solid var(--line);padding-left:13px}.stats-strip strong{font:700 22px "Space Grotesk";color:#d1c5ff}.stats-strip span{font-size:11px;color:var(--muted)}.stats-note{display:flex;align-items:center;justify-content:flex-end;gap:8px;font-size:11px;color:var(--muted)}.stats-note .sparkle{color:#ff9acb;font-size:17px}.games-section{max-width:1096px;margin:0 auto;padding:0 0 88px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.section-heading h2,.bottom-banner h2{font:700 34px "Space Grotesk";letter-spacing:-1.5px;margin:8px 0 4px}.section-heading p,.bottom-banner p{margin:0;color:var(--muted);font-size:12px}.search-wrap{width:235px;height:43px;display:flex;align-items:center;gap:10px;padding:0 12px;border:1px solid var(--line);background:#ffffff05;border-radius:12px;color:var(--muted)}.search-wrap>span{font-size:23px}.search-wrap input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:var(--text);font-size:12px}.search-wrap input::placeholder{color:#77788f}.search-wrap kbd{border:1px solid var(--line);border-radius:5px;padding:1px 6px;font-size:10px}.filter-row{display:flex;flex-wrap:wrap;gap:9px;margin:27px 0 21px}.filter-chip{border:1px solid var(--line);background:#ffffff04;border-radius:10px;padding:9px 13px;color:#a6a6bc;font-size:11px;transition:.2s}.filter-chip:hover,.filter-chip.selected{color:#fff;background:#9d83ff19;border-color:#9d83ff80}.filter-chip span{padding-left:5px;color:#bcaaff}.games-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.game-card{min-width:0;border:1px solid var(--line);border-radius:17px;overflow:hidden;background:linear-gradient(160deg,#1b1c2b,#171824);transition:transform .22s,border-color .22s,box-shadow .22s}.game-card:hover{transform:translateY(-5px);border-color:#a18aff65;box-shadow:0 16px 40px #0002}.game-cover{height:174px;position:relative;overflow:hidden;display:grid;place-items:center}.cover-badge{position:absolute;z-index:2;left:12px;top:12px;border:1px solid #ffffff28;background:#11111d66;backdrop-filter:blur(8px);padding:5px 7px;border-radius:6px;font-size:7px;letter-spacing:1px;font-weight:700}.cover-2048{background:radial-gradient(circle at 60% 40%,#7a56c4 0,#382a65 42%,#24203e 100%)}.tile-stack{display:grid;grid-template-columns:repeat(2,54px);gap:7px;transform:rotate(-9deg);filter:drop-shadow(0 12px 14px #120d2b66)}.tile-stack i{height:54px;border-radius:11px;display:grid;place-items:center;font:700 25px "Space Grotesk";font-style:normal;color:#fff;background:linear-gradient(145deg,#ffca87,#db7a6e);border:1px solid #ffffff33}.tile-stack i:nth-child(2){background:linear-gradient(145deg,#c2b0ff,#8264df)}.tile-stack i:nth-child(3){background:linear-gradient(145deg,#ff94c7,#d94f9c)}.tile-stack i:nth-child(4){background:linear-gradient(145deg,#72e7d0,#279f9c)}.cover-deco{position:absolute;right:25px;bottom:15px;font-size:27px;color:#ffffff66}.cover-snake{background:radial-gradient(circle at 50% 50%,#205653,#132c37 60%,#15212d)}.snake-board{display:grid;grid-template-columns:repeat(4,24px);grid-template-rows:repeat(3,24px);gap:3px;transform:rotate(-8deg)}.snake-board i{background:#44e2b5;border-radius:6px;box-shadow:0 0 14px #44e2b577}.snake-board i:nth-child(2){opacity:.9}.snake-board i:nth-child(3){opacity:.7}.snake-board i:nth-child(4){opacity:.5}.snake-board b{grid-column:4;grid-row:1;background:#ff7eac;border-radius:50%;box-shadow:0 0 16px #ff7eac99}.snake-food{position:absolute;right:44px;top:62px;color:#ff8db9;font-size:20px}.cover-memory{background:radial-gradient(circle at 50% 40%,#62407b,#342449 60%,#201a31)}.memory-cards{display:grid;grid-template-columns:repeat(2,53px);gap:7px;transform:rotate(8deg)}.memory-cards i{height:62px;border-radius:9px;display:grid;place-items:center;font-style:normal;font-size:24px;background:linear-gradient(145deg,#ffb2cf,#a35bba);border:1px solid #ffffff5a;box-shadow:0 8px 17px #160e2a66}.memory-cards i:nth-child(2){background:linear-gradient(145deg,#b8a4ff,#7255d4)}.memory-cards i:nth-child(3){background:linear-gradient(145deg,#7debd7,#399b9f)}.memory-cards i:nth-child(4){background:linear-gradient(145deg,#ffd58d,#d98761)}.cover-glow{position:absolute;width:100px;height:100px;border-radius:50%;background:#ff82c42a;filter:blur(25px)}.cover-ttt{background:radial-gradient(circle at 45% 45%,#3e497b,#222642 75%)}.ttt-board{width:126px;height:126px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);transform:rotate(-7deg)}.ttt-board i{display:grid;place-items:center;border-right:2px solid #a3b5ff70;border-bottom:2px solid #a3b5ff70;font:700 27px "Space Grotesk";font-style:normal;color:#ff93c7}.ttt-board i:nth-child(3n){border-right:0}.ttt-board i:nth-child(n+7){border-bottom:0}.ttt-board i:nth-child(2),.ttt-board i:nth-child(4),.ttt-board i:nth-child(8){color:#8deadd}.ttt-star{position:absolute;right:29px;top:49px;color:#b3a6ff;font-size:25px}.game-info{display:flex;justify-content:space-between;align-items:center;padding:14px 13px 10px}.game-info h3{font:700 15px "Space Grotesk";margin:0 0 3px}.game-info p{font-size:10px;color:var(--muted);margin:0}.favorite-button{border:0;background:transparent;color:#77788e;font-size:23px;line-height:1;padding:4px}.favorite-button:hover,.favorite-button[aria-pressed=true]{color:#ff8bc7}.card-bottom{display:flex;align-items:center;justify-content:space-between;padding:9px 13px 13px}.category-tag{font-size:8px;letter-spacing:1.2px;font-weight:700;color:#b9a9ff}.play-button{border:1px solid #a18aff45;border-radius:8px;background:#a18aff12;padding:7px 11px;font-size:10px;font-weight:700;transition:.2s}.play-button:hover{background:#a18aff2b;border-color:#a18aff}.play-button span{margin-left:10px;color:#c8baff}.empty-state{text-align:center;padding:50px 10px;color:var(--muted)}.empty-state>span{font-size:30px}.empty-state h3{color:var(--text);margin-bottom:4px}.empty-state p{font-size:12px}.text-button{border:0;background:transparent;color:#c5b5ff;text-decoration:underline}.bottom-banner{max-width:1096px;margin:0 auto 70px;padding:28px 32px;display:flex;align-items:center;gap:20px;border:1px solid #a18aff2c;border-radius:20px;background:radial-gradient(ellipse at 0 0,#a18aff18,transparent 60%),linear-gradient(110deg,#201e34,#1b1b2a)}.banner-icon{flex-shrink:0;width:54px;height:54px;border-radius:17px;display:grid;place-items:center;font-size:26px;color:#ffd38a;background:linear-gradient(145deg,#463666,#2b2544);border:1px solid #ffffff17}.bottom-banner h2{font-size:23px;margin:4px 0}.bottom-banner p{font-size:11px}.bottom-banner .primary-button{margin-left:auto;white-space:nowrap}.site-footer{max-width:1144px;margin:auto;border-top:1px solid var(--line);padding:24px 24px 30px;display:flex;align-items:center;justify-content:space-between;color:#77788e;font-size:10px}.footer-brand{font-size:17px;color:var(--text)}.footer-brand .brand-mark{width:29px;height:29px;border-radius:9px;font-size:12px}.game-modal[hidden]{display:none}.game-modal{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:20px}.modal-backdrop{position:absolute;inset:0;background:#080811d9;backdrop-filter:blur(8px)}.modal-panel{position:relative;width:min(650px,100%);max-height:min(90vh,850px);overflow:auto;background:#191a29;border:1px solid #ffffff1c;border-radius:22px;box-shadow:0 30px 100px #0008}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 23px;border-bottom:1px solid var(--line)}.modal-header h2{font:700 23px "Space Grotesk";margin:4px 0 0}.modal-header .eyebrow{font-size:9px}.modal-close{font-size:26px}.modal-content{padding:22px;min-height:240px}.modal-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 22px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.secondary-button{border:1px solid var(--line);background:#ffffff08;border-radius:10px;padding:9px 12px;font-size:11px}.secondary-button:hover{border-color:#a18aff}.game-status{font-size:13px;text-align:center;color:#d7ccff;margin:0 0 15px}.game-actions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:15px}.game-board{margin:auto}.ttt-play-board{display:grid;grid-template-columns:repeat(3,minmax(70px,90px));gap:8px;justify-content:center}.ttt-cell{aspect-ratio:1;border:1px solid #ffffff16;border-radius:13px;background:#ffffff08;font-size:34px;color:#b8a4ff}.ttt-cell:hover:not(:disabled){background:#a18aff20}.ttt-cell:disabled{cursor:default}.ttt-cell.o{color:#75e8d4}.memory-play-board{display:grid;grid-template-columns:repeat(4,minmax(48px,72px));gap:9px;justify-content:center}.memory-card{aspect-ratio:1;border:1px solid #a18aff38;border-radius:12px;background:linear-gradient(145deg,#383153,#252238);font-size:24px;transition:transform .18s,background .18s}.memory-card:hover{transform:translateY(-2px)}.memory-card.revealed,.memory-card.matched{background:#a18aff1b;border-color:#a18aff85}.memory-card.matched{border-color:#63e6d2;color:#63e6d2}.snake-canvas{display:block;width:min(100%,360px);aspect-ratio:1;margin:auto;border:1px solid #ffffff16;border-radius:12px;background:#101c24;touch-action:none}.mobile-controls{display:grid;grid-template-columns:repeat(3,45px);grid-template-rows:repeat(2,40px);gap:5px;justify-content:center;margin-top:12px}.mobile-controls button{border:1px solid var(--line);border-radius:9px;background:#ffffff0a;font-size:17px}.mobile-controls button:nth-child(1){grid-column:2;grid-row:1}.mobile-controls button:nth-child(2){grid-column:1;grid-row:2}.mobile-controls button:nth-child(3){grid-column:2;grid-row:2}.mobile-controls button:nth-child(4){grid-column:3;grid-row:2}.board-2048{display:grid;grid-template-columns:repeat(4,minmax(45px,70px));gap:7px;justify-content:center;padding:9px;border-radius:12px;background:#2c2940;width:max-content;max-width:100%;margin:auto;touch-action:pan-y}.tile-2048{aspect-ratio:1;display:grid;place-items:center;border-radius:8px;background:#45415a;font:700 22px "Space Grotesk";color:#fff}.tile-2048[data-value="2"]{background:#746a94}.tile-2048[data-value="4"]{background:#9380c7}.tile-2048[data-value="8"]{background:#b17bcb}.tile-2048[data-value="16"]{background:#d779b4}.tile-2048[data-value="32"]{background:#e56f95}.tile-2048[data-value="64"]{background:#ed8b67}.tile-2048[data-value="128"],.tile-2048[data-value="256"],.tile-2048[data-value="512"]{background:#e9b95f;color:#211c2d;font-size:18px}.tile-2048[data-value="1024"],.tile-2048[data-value="2048"]{background:#63e6d2;color:#17232d;font-size:16px}.instructions{text-align:center;color:var(--muted);font-size:11px;margin:13px 0 0}.noscript-note{padding:20px;text-align:center;color:#fff;background:#6b3158}@media(max-width:1150px){.stats-strip,.games-section,.bottom-banner{margin-left:24px;margin-right:24px}.games-section{padding-top:0}.hero{padding-left:35px;padding-right:35px}}@media(max-width:800px){.site-header{height:72px;padding:0 18px}.main-nav{gap:16px}.nav-link{font-size:11px}.header-cta{padding:10px 12px;gap:8px}.hero{padding-top:55px;grid-template-columns:1fr 1fr;gap:10px}.hero h1{font-size:48px;letter-spacing:-2.7px}.hero-art{transform:scale(.88);margin:0 -20px}.stats-strip{grid-template-columns:repeat(3,1fr);row-gap:20px;margin-bottom:65px}.stats-note{grid-column:1/-1;justify-content:center}.stats-strip>div:nth-child(3){border:0}.games-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.game-cover{height:190px}.games-section{padding-bottom:65px}}@media(max-width:560px){.site-header{padding:0 15px}.brand{font-size:19px}.brand-mark{width:31px;height:31px}.main-nav{display:none}.header-actions{gap:8px}.header-cta{font-size:11px}.hero{display:block;padding:49px 22px 26px}.hero h1{font-size:47px;margin-top:18px}.hero-copy>p{font-size:13px}.hero-actions{gap:16px;flex-wrap:wrap}.hero-art{height:270px;margin:10px -10px 0;transform:scale(.9)}.planet-main{width:125px;height:125px;font-size:59px;border-radius:37px}.orbit-a{width:260px;height:200px}.orbit-b{width:210px;height:260px}.planet-small{right:32px;top:35px}.planet-star{left:36px;bottom:34px}.float-card-one{left:0;top:20px}.float-card-two{right:0;bottom:12px}.stats-strip{margin:0 15px 57px;padding:18px 8px;gap:13px}.stats-strip>div:not(.stats-note){padding-left:5px;gap:6px;display:flex;flex-direction:column;align-items:center;text-align:center}.stats-strip strong{font-size:20px}.stats-strip span{font-size:9px}.stats-note{font-size:10px}.games-section{margin:0 15px;padding-bottom:50px}.section-heading{display:block}.section-heading h2{font-size:30px}.search-wrap{margin-top:20px;width:100%}.filter-row{gap:7px;margin-top:20px}.filter-chip{padding:8px 10px;font-size:10px}.games-grid{gap:11px}.game-cover{height:142px}.game-info{padding:11px 10px 8px}.game-info h3{font-size:13px}.game-info p{font-size:9px}.favorite-button{font-size:21px}.card-bottom{padding:8px 10px 10px}.play-button{padding:7px 8px}.play-button span{margin-left:4px}.category-tag{font-size:7px;letter-spacing:.8px}.tile-stack{grid-template-columns:repeat(2,43px);gap:5px}.tile-stack i{height:43px;font-size:20px}.snake-board{grid-template-columns:repeat(4,18px);grid-template-rows:repeat(3,18px)}.memory-cards{grid-template-columns:repeat(2,43px);gap:5px}.memory-cards i{height:49px;font-size:20px}.ttt-board{width:104px;height:104px}.ttt-board i{font-size:23px}.cover-badge{left:8px;top:8px;font-size:6px}.bottom-banner{margin:0 15px 45px;padding:20px;gap:13px;flex-wrap:wrap}.banner-icon{width:44px;height:44px;border-radius:13px}.bottom-banner h2{font-size:19px}.bottom-banner p{max-width:260px;line-height:1.7}.bottom-banner .primary-button{margin-left:0;width:100%}.site-footer{padding:20px 15px 26px;gap:12px;flex-wrap:wrap}.site-footer>span:nth-child(2){order:3;width:100%}.modal-panel{border-radius:17px}.modal-content{padding:16px 10px}.modal-header{padding:16px}.modal-footer{padding:12px 16px}.memory-play-board{gap:6px;grid-template-columns:repeat(4,minmax(45px,62px))}.memory-card{border-radius:9px}.tile-2048{font-size:18px}.board-2048{gap:5px;padding:6px}.ttt-play-board{grid-template-columns:repeat(3,minmax(65px,82px));gap:6px}.ttt-cell{font-size:29px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* Gaming portal layout refresh */
.site-header{max-width:none;padding:0 clamp(16px,3vw,48px);height:76px;background:#11121c;border-bottom:1px solid rgba(255,255,255,.1)}.category-bar{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:8px;overflow-x:auto;white-space:nowrap;padding:12px clamp(16px,3vw,48px);background:#171824f2;border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(16px)}.category-bar a{display:inline-flex;align-items:center;gap:7px;padding:9px 13px;border-radius:10px;background:#ffffff07;border:1px solid #ffffff0c;color:#d8d8e7;font-size:12px;font-weight:600}.category-bar a:hover{background:#9d83ff20;border-color:#9d83ff70;color:#fff}.category-bar-note{margin-left:auto;color:#8d8ea5;font-size:10px;letter-spacing:1.5px;font-weight:800}.hero{max-width:none;min-height:360px;padding:44px clamp(20px,5vw,72px) 36px;grid-template-columns:1.2fr .8fr;background:linear-gradient(105deg,#181627 0%,#141521 58%,#1b1730 100%);border-bottom:1px solid var(--line)}.hero h1{font-size:clamp(38px,4.4vw,58px);letter-spacing:-2.7px}.hero-art{height:280px;transform:scale(.9)}.stats-strip{max-width:none;margin:20px clamp(16px,3vw,48px) 42px;padding:16px 22px;border-radius:14px}.games-section{max-width:none;padding:0 clamp(16px,3vw,48px) 65px}.section-heading h2{font-size:30px}.filter-row{margin:20px 0 18px}.games-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.game-card{border-radius:15px;overflow:hidden;background:#191a28;border-color:#ffffff12;transition:transform .2s,border-color .2s,box-shadow .2s}.game-card:hover{transform:translateY(-4px);border-color:#9d83ff70;box-shadow:0 15px 35px #0003}.game-cover{height:auto;aspect-ratio:1.65/1;border-radius:0;border:0}.game-info{padding:13px 13px 7px}.game-info h3{font-size:14px}.game-info p{font-size:11px}.card-bottom{padding:0 13px 13px}.play-button{border-radius:9px}.bottom-banner{margin:0 clamp(16px,3vw,48px) 38px}.new-games-anchor{padding:30px 0 4px}.new-games-anchor h2{font:700 25px "Space Grotesk";margin:7px 0}.new-games-anchor p{color:var(--muted);font-size:12px;margin:0}@media(max-width:900px){.games-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.category-bar-note{display:none}.hero{padding-top:36px}}@media(max-width:650px){.site-header{height:66px;padding:0 15px}.main-nav{display:none}.header-actions{gap:8px}.header-cta{padding:10px 12px}.category-bar{padding:10px 14px}.hero{display:block;min-height:0;padding:35px 20px 24px}.hero-art{height:205px;max-width:380px;margin:12px auto 0;transform:scale(.78);transform-origin:top center}.hero-actions{flex-wrap:wrap;gap:16px}.stats-strip{margin:16px 14px 32px;padding:14px 8px;grid-template-columns:repeat(3,1fr);gap:7px}.stats-strip>div:not(.stats-note){padding-left:5px;gap:6px}.stats-strip strong{font-size:17px}.stats-strip span{font-size:9px}.stats-note{display:none}.games-section{padding:0 14px 44px}.section-heading{align-items:stretch;flex-direction:column}.search-wrap{width:100%}.games-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.game-info{padding:10px 9px 5px}.card-bottom{padding:0 9px 10px}.game-info h3{font-size:12px}.game-info p{font-size:10px}.category-tag{font-size:8px}.play-button{padding:8px 10px;font-size:10px}.filter-row{gap:7px}.filter-chip{padding:8px 10px}.bottom-banner{margin:0 14px 28px;display:flex;flex-wrap:wrap}.bottom-banner .primary-button{margin-top:8px}}

/* Polished game art, motion previews and spotlight section */
.game-cover::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#ffffff09,transparent 42%,#09091422)}
.game-card:hover .game-cover>div{filter:saturate(1.18) brightness(1.08)}
.cover-breakout{background:radial-gradient(ellipse at 50% 20%,#7e59b7 0,#39275f 47%,#1a1c35 100%)}
.brick-scene{position:relative;width:176px;height:112px;display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:5px 12px 25px;transform:perspective(250px) rotateX(7deg) rotate(-5deg);filter:drop-shadow(0 12px 15px #07071580)}
.brick-scene i{height:17px;border-radius:5px;background:linear-gradient(135deg,#ff9bc8,#d84e9b);border:1px solid #ffffff6b;box-shadow:inset 0 2px 2px #ffffff4a}
.brick-scene i:nth-child(3n+2){background:linear-gradient(135deg,#ffda86,#f08b53)}
.brick-scene i:nth-child(3n){background:linear-gradient(135deg,#87f3df,#2bb9b4)}
.brick-scene b{position:absolute;left:48%;bottom:17px;width:11px;height:11px;border-radius:50%;background:#fff;box-shadow:0 0 16px #9af5ff;animation:brick-ball 2.1s ease-in-out infinite alternate}
.brick-scene span{position:absolute;bottom:0;left:37%;width:54px;height:7px;border-radius:8px;background:#b4a0ff;box-shadow:0 0 18px #a18aff99}
@keyframes brick-ball{0%{transform:translate(-35px,-5px)}50%{transform:translate(30px,-30px)}100%{transform:translate(4px,-4px)}}
.cover-mines{background:radial-gradient(circle at 45% 42%,#5866a4,#242846 70%,#191b2c)}
.mine-scene{display:grid;grid-template-columns:repeat(3,40px);gap:5px;transform:rotate(-7deg);filter:drop-shadow(0 12px 15px #08091688)}
.mine-scene i{height:35px;border-radius:7px;display:grid;place-items:center;background:linear-gradient(145deg,#f0f2ff,#b5c0e7);color:#4162d5;font:700 19px "Space Grotesk";font-style:normal;box-shadow:inset 0 -3px 0 #8c9bc8}
.mine-scene i:nth-child(3n+2){color:#e65d75}.mine-scene i:nth-child(4),.mine-scene i:nth-child(9){background:linear-gradient(145deg,#ffbd82,#e36c6c);font-size:18px}
.cover-reaction{background:radial-gradient(circle at 50% 50%,#5e2f83,#291c49 72%,#1b1830)}
.reaction-scene{position:relative;display:grid;place-items:center;width:116px;height:116px;border-radius:50%;background:conic-gradient(from 10deg,#ff8ac8,#a18aff,#64e6d2,#ffca87,#ff8ac8);box-shadow:0 0 36px #b05aff45;animation:reaction-pulse 2s ease-in-out infinite}
.reaction-scene:before{content:"";position:absolute;inset:8px;border-radius:50%;background:#241a3e;border:1px solid #ffffff26}
.reaction-scene span{position:relative;font-size:43px;filter:drop-shadow(0 0 12px #ffd77899);animation:reaction-flash 1.4s ease-in-out infinite}
.reaction-scene b{position:absolute;bottom:-5px;right:-20px;padding:7px 9px;border-radius:9px;background:#fff;color:#4e2874;font:700 11px "Space Grotesk";box-shadow:0 7px 16px #09071155;transform:rotate(7deg)}
.reaction-scene i{position:absolute;inset:-7px;border:1px solid #ffffff25;border-radius:50%;animation:reaction-ring 2s ease-out infinite}
@keyframes reaction-pulse{50%{transform:scale(1.04)}}@keyframes reaction-flash{50%{transform:scale(1.15) rotate(-8deg)}}@keyframes reaction-ring{0%{transform:scale(.9);opacity:.7}100%{transform:scale(1.25);opacity:0}}
.cover-mole{background:radial-gradient(circle at 50% 25%,#538d70,#1e493f 68%,#18342f)}
.mole-scene{position:relative;width:160px;height:105px;border-radius:50%;background:#234d40;display:flex;align-items:flex-end;justify-content:space-evenly;padding:0 8px 13px;box-shadow:inset 0 10px 24px #0b231c77}
.mole-scene i{width:35px;height:21px;border-radius:50%;background:#102820;box-shadow:inset 0 4px 6px #0008}
.mole-scene b{position:absolute;top:8px;left:calc(50% - 22px);font-size:40px;filter:drop-shadow(0 6px 5px #091b16aa);animation:mole-pop 1.8s ease-in-out infinite}
@keyframes mole-pop{0%,100%{transform:translateY(18px) scale(.88)}45%,65%{transform:translateY(-5px) scale(1)}}
.spotlight-section{margin:10px clamp(16px,3vw,48px) 46px;padding:30px;display:grid;grid-template-columns:.8fr 1.2fr;gap:34px;align-items:center;border:1px solid #ffffff12;border-radius:20px;background:radial-gradient(ellipse at 5% 10%,#8e69ff20,transparent 45%),linear-gradient(110deg,#1c1b2b,#141620)}
.spotlight-copy h2{font:700 clamp(27px,3vw,38px)/1.12 "Space Grotesk";letter-spacing:-1.5px;margin:13px 0}
.spotlight-copy p{font-size:12px;color:var(--muted);max-width:340px;line-height:1.8;margin:0 0 20px}
.spotlight-preview{min-width:0;overflow:hidden;border-radius:15px;border:1px solid #ffffff22;background:#10121f;box-shadow:0 20px 50px #0004;transition:transform .25s,border-color .25s}
.spotlight-preview:hover{transform:translateY(-3px);border-color:#a18aff88}
.preview-top{height:35px;display:flex;align-items:center;gap:5px;padding:0 12px;background:#ffffff06;border-bottom:1px solid #ffffff0d}
.preview-top i{width:7px;height:7px;border-radius:50%;background:#ff7b9c}.preview-top i:nth-child(2){background:#ffd078}.preview-top i:nth-child(3){background:#63e6d2}
.preview-top b{margin-left:auto;color:#a8a7c0;font-size:8px;letter-spacing:1.5px}
.preview-arena{position:relative;height:225px;overflow:hidden;background:radial-gradient(ellipse at 50% 30%,#29264f,#15172b 72%);background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px),radial-gradient(ellipse at 50% 30%,#29264f,#15172b 72%);background-size:28px 28px,28px 28px,auto}
.preview-score{position:absolute;top:14px;left:16px;display:flex;flex-direction:column;gap:2px;font-size:8px;letter-spacing:1.5px;color:#a8a5c8}.preview-score strong{font:700 17px "Space Grotesk";color:#8df1dc}
.preview-block{position:absolute;width:15%;height:15px;border-radius:5px;box-shadow:0 5px 14px #0004,inset 0 2px 2px #ffffff55;animation:block-glow 2.5s ease-in-out infinite alternate}
.block-a{top:55px;left:26%;background:linear-gradient(90deg,#ff84bb,#d94f9e)}.block-b{top:55px;left:43%;background:linear-gradient(90deg,#ffd47b,#f18b59);animation-delay:.3s}.block-c{top:55px;left:60%;background:linear-gradient(90deg,#7debd7,#35aeb0);animation-delay:.6s}
.preview-ball{position:absolute;top:95px;left:48%;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 0 18px #b7aaff;animation:preview-flight 3s ease-in-out infinite}
.preview-paddle{position:absolute;bottom:37px;left:calc(50% - 42px);width:84px;height:9px;border-radius:10px;background:linear-gradient(90deg,#8d7bff,#65e7d2);box-shadow:0 0 20px #8d7bff88;animation:paddle-move 3s ease-in-out infinite alternate}
.preview-combo{position:absolute;right:20px;top:94px;color:#ff9ccf;font:700 13px "Space Grotesk";text-shadow:0 0 14px #ff6fba;animation:combo-pop 2.5s ease-in-out infinite}
@keyframes preview-flight{0%,100%{transform:translate(-40px,70px)}25%{transform:translate(25px,20px)}50%{transform:translate(70px,-25px)}75%{transform:translate(15px,40px)}}
@keyframes paddle-move{from{transform:translateX(-35px)}to{transform:translateX(35px)}}@keyframes block-glow{to{filter:brightness(1.35);transform:translateY(-3px)}}@keyframes combo-pop{0%,100%{opacity:.45;transform:scale(.92)}45%{opacity:1;transform:scale(1.08)}}
.preview-caption{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;color:#aaa9c2;font-size:10px}.preview-caption b{color:#c2b2ff;font-size:17px}
@media(max-width:760px){.spotlight-section{grid-template-columns:1fr;padding:21px;gap:18px}.spotlight-copy p{max-width:none}.preview-arena{height:190px}.spotlight-copy h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){.brick-scene b,.reaction-scene,.reaction-scene span,.reaction-scene i,.mole-scene b,.preview-ball,.preview-paddle,.preview-block,.preview-combo{animation:none!important}}

/* Local illustrated cover assets */
.game-cover{isolation:isolate;background:#191a28}
.cover-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;z-index:1;transition:transform .45s cubic-bezier(.2,.7,.2,1),filter .35s}
.game-card:hover .cover-art{transform:scale(1.055);filter:saturate(1.12) brightness(1.06)}
.game-cover .cover-badge{z-index:2;box-shadow:0 4px 16px #0004}