:root{color-scheme:dark;--bg:#080810;--panel:#10101b;--panel-2:#141421;--text:#f5f4ff;--muted:#9291a7;--purple:#a78bfa;--violet:#8155ff;--cyan:#62e6e1;--line:rgba(255,255,255,.085);--font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--display:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;overflow-x:hidden}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit}::selection{background:#7651e8;color:white}.shell{width:min(1190px,calc(100% - 64px));margin-inline:auto}.page-glow{position:absolute;z-index:-1;pointer-events:none;border-radius:50%;filter:blur(100px);opacity:.14}.page-glow-one{width:480px;height:480px;background:#663aff;top:150px;left:-300px}.page-glow-two{width:420px;height:420px;background:#12aaa6;top:1000px;right:-360px}.loading-screen{position:fixed;inset:0;z-index:20;background:#080810;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;transition:opacity .4s,visibility .4s}.loading-screen.loaded{opacity:0;visibility:hidden}.loader-mark,.brand-symbol{font:700 31px var(--display);letter-spacing:-3px}.loader-mark span,.brand-symbol span{color:var(--cyan)}.loader-line{width:120px;height:2px;background:#29283b;overflow:hidden}.loader-line i{display:block;height:100%;width:45%;background:linear-gradient(90deg,var(--violet),var(--cyan));animation:load 1s ease-in-out infinite alternate}.loading-screen p{font-size:9px;letter-spacing:2px;color:var(--muted)}@keyframes load{to{transform:translateX(125%)}}.site-header{height:78px;position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:0 max(32px,calc((100vw - 1190px)/2));border-bottom:1px solid rgba(255,255,255,.055);background:rgba(8,8,16,.82);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.brand{display:inline-flex;align-items:center;gap:11px}.brand-symbol{width:40px;height:40px;border-radius:13px;background:linear-gradient(145deg,#1e1937,#11111d);border:1px solid rgba(167,139,250,.3);display:grid;place-items:center;font-size:18px;letter-spacing:-2px;box-shadow:inset 0 0 18px rgba(117,73,255,.12)}.brand-copy{display:flex;flex-direction:column;gap:3px}.brand-copy strong{font:700 13px var(--display);letter-spacing:.45px}.brand-copy em{color:var(--cyan);font-style:normal}.brand-copy small{font-size:8px;letter-spacing:1.15px;color:#7e7d91}.main-nav{height:100%;display:flex;align-items:center;gap:36px}.nav-link{height:100%;display:grid;place-items:center;position:relative;color:#aaa9b8;font-size:12px;transition:color .2s}.nav-link:hover,.nav-link.active{color:white}.nav-link.active:after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--violet),var(--cyan));box-shadow:0 0 12px var(--violet)}.header-actions{display:flex;align-items:center;gap:12px}.icon-button,.login-button{border:1px solid var(--line);background:rgba(255,255,255,.025);cursor:pointer;transition:.2s}.icon-button{width:37px;height:37px;border-radius:12px;font-size:24px;color:#c3c1d4;line-height:1}.login-button{height:37px;padding:0 14px;border-radius:11px;font-size:11px;font-weight:600;display:flex;align-items:center;gap:8px}.login-button:hover,.icon-button:hover{border-color:rgba(167,139,250,.5);background:rgba(131,91,255,.1)}.user-icon{color:var(--cyan);font-size:17px}.menu-toggle{display:none}.hero{min-height:570px;margin-top:30px;border:1px solid rgba(255,255,255,.09);border-radius:24px;overflow:hidden;position:relative;background:linear-gradient(112deg,#11101d 0%,#11101d 42%,#151426 72%,#10101b 100%);box-shadow:0 22px 90px rgba(0,0,0,.2)}.hero:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(17,16,29,.98) 0%,rgba(17,16,29,.93) 40%,rgba(17,16,29,.27) 78%,rgba(17,16,29,.1)),linear-gradient(0deg,rgba(8,8,16,.4),transparent 28%)}.hero-content{position:relative;z-index:2;padding:70px 0 48px 7.3%;max-width:560px}.eyebrow{font:600 9px var(--display);letter-spacing:1.75px;color:#bbb7d1}.live-dot{width:7px;height:7px;border-radius:50%;display:inline-block;background:var(--cyan);box-shadow:0 0 10px var(--cyan);margin-right:8px}.hero h1{font:600 clamp(47px,6.4vw,77px)/.98 var(--display);letter-spacing:-4.4px;margin:25px 0 20px}.hero h1 span,.section-heading h2 span,.category-inner h2 span{background:linear-gradient(100deg,#c9b5ff 0%,#8c6bff 55%,#64e8e2 110%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-description{max-width:375px;color:#aaa8bb;line-height:1.8;font-size:13px;margin:0}.hero-buttons{display:flex;align-items:center;gap:12px;margin-top:28px}.button{min-height:43px;padding:0 17px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;gap:15px;font-size:11px;font-weight:700;border:1px solid transparent;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:linear-gradient(105deg,#8058f6,#6940dc);box-shadow:0 8px 24px rgba(119,76,241,.26);color:white}.button-primary:hover{box-shadow:0 9px 28px rgba(119,76,241,.45)}.button-primary span{font-size:15px}.button-quiet{color:#dddbea;background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.12)}.play-icon{font-size:10px;color:var(--cyan)}.hero-footnote{display:flex;align-items:center;gap:12px;margin-top:49px;color:#89889a;font-size:9px;line-height:1.7}.hero-footnote b{color:#e3e1ed;font-size:10px}.avatar-stack{display:flex;padding-left:2px}.avatar-stack span{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#27233b;border:2px solid #171522;margin-left:-3px;font-size:12px}.hero-backdrop{position:absolute;inset:0;overflow:hidden}.hero-grid{position:absolute;right:-2%;top:-30%;width:66%;height:150%;opacity:.23;background-image:linear-gradient(rgba(137,118,222,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(137,118,222,.22) 1px,transparent 1px);background-size:43px 43px;transform:perspective(500px) rotateY(-26deg) rotateZ(-5deg);mask-image:linear-gradient(90deg,transparent,#000 30%,#000)}.hero-orbit{position:absolute;border:1px solid rgba(162,139,244,.21);border-radius:50%;right:8%;top:5%;width:480px;height:480px;transform:rotate(-28deg) scaleY(.64);box-shadow:0 0 40px rgba(112,69,233,.12),inset 0 0 45px rgba(112,69,233,.08)}.orbit-two{right:17%;top:18%;width:340px;height:340px;border-color:rgba(98,230,225,.16);transform:rotate(40deg) scaleY(.55)}.hero-art{position:absolute;right:10%;top:50%;width:360px;height:390px;transform:translateY(-48%);display:grid;place-items:center}.art-core{width:175px;height:220px;display:grid;place-items:center;clip-path:polygon(50% 0,90% 18%,100% 66%,50% 100%,0 66%,10% 18%);background:linear-gradient(145deg,#c6bdff 0%,#8663ff 27%,#25254f 66%,#38d6d0 100%);color:#171326;font:700 86px serif;text-shadow:0 0 35px #e5dfff;filter:drop-shadow(0 0 34px rgba(138,103,255,.7));animation:float 5s ease-in-out infinite}.art-core:after{content:'';position:absolute;width:145px;height:190px;background:linear-gradient(130deg,transparent 35%,rgba(255,255,255,.36) 50%,transparent 63%);clip-path:polygon(50% 0,90% 18%,100% 66%,50% 100%,0 66%,10% 18%)}.art-ring{position:absolute;width:320px;height:110px;border:1px solid rgba(115,227,222,.72);border-radius:50%;transform:rotate(-24deg);box-shadow:0 0 25px rgba(89,231,219,.18);animation:orbit 12s linear infinite}.art-caption{position:absolute;right:-27px;bottom:34px;color:#7d7997;letter-spacing:3px;font:500 9px/1.8 var(--display);transform:rotate(-8deg)}.art-caption b{color:#d5d2e7;font-size:14px;letter-spacing:5px}.art-spark{position:absolute;color:#b6a1ff;text-shadow:0 0 14px #9b7dff;z-index:2}.spark-a{font-size:24px;top:57px;right:70px}.spark-b{font-size:18px;left:25px;bottom:93px;color:var(--cyan)}@keyframes float{50%{transform:translateY(-10px) rotate(2deg)}}@keyframes orbit{to{transform:rotate(336deg)}}.hero-index{position:absolute;right:34px;bottom:28px;z-index:2;display:flex;align-items:center;gap:9px;color:#8d8b9c;font:10px var(--display)}.hero-index span:first-child{color:white}.hero-index i{display:block;width:32px;height:1px;background:linear-gradient(90deg,var(--violet),var(--cyan))}.stats-strip{min-height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 7px;border-bottom:1px solid var(--line)}.stat-item{display:flex;align-items:center;gap:12px}.stat-icon{font-size:18px;color:var(--cyan)}.stat-item strong,.stat-item small{display:block}.stat-item strong{font:600 9px var(--display);letter-spacing:1px}.stat-item small{font-size:10px;color:#848396;margin-top:4px}.stat-note{font:500 8px var(--display);letter-spacing:1.05px;color:#878598}.stat-note .live-dot{width:6px;height:6px}.section{padding-top:89px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:26px}.section-kicker{color:#9290a8;margin-bottom:9px}.section-heading h2,.category-inner h2{font:600 34px/1.1 var(--display);letter-spacing:-1.2px;margin:0}.section-heading p{font-size:11px;color:#9391a2;margin:10px 0 0}.text-link{font-size:10px;color:#ccc9dc;font-weight:600;white-space:nowrap}.text-link span{color:var(--cyan);padding-left:5px;font-size:14px}.text-link:hover{color:white}.game-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.game-card{min-width:0;position:relative;border-radius:17px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(145deg,rgba(23,22,37,.95),rgba(13,13,22,.96));overflow:hidden;transition:transform .25s,border-color .25s,box-shadow .25s;animation:card-in .45s both}.game-card:hover{transform:translateY(-5px);border-color:rgba(155,127,255,.46);box-shadow:0 12px 34px rgba(0,0,0,.3),0 0 25px rgba(113,78,218,.12)}@keyframes card-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.card-art{height:143px;position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:13px;background:var(--art-bg);isolation:isolate}.card-art:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 72% 34%,var(--art-glow),transparent 48%),linear-gradient(0deg,rgba(9,9,16,.65),transparent 67%)}.card-art:after{content:attr(data-mark);position:absolute;z-index:-1;right:15px;top:-28px;font:700 142px/.98 var(--display);color:rgba(255,255,255,.12);text-shadow:0 0 45px var(--art-glow);transform:rotate(-9deg)}.art-lines{position:absolute;inset:0;z-index:-1;opacity:.34;background:repeating-linear-gradient(135deg,transparent 0 27px,rgba(255,255,255,.13) 28px,transparent 29px 53px);mask-image:linear-gradient(135deg,transparent 10%,#000 90%)}.card-badge{position:absolute;left:12px;top:11px;border:1px solid rgba(255,255,255,.17);background:rgba(9,9,16,.48);backdrop-filter:blur(8px);border-radius:6px;padding:5px 7px;font:600 8px var(--display);letter-spacing:.55px;color:#e7e4f5}.card-badge.hot{color:#ffbf86}.card-badge.new{color:#7bf0d9}.card-icon{width:44px;height:44px;border-radius:13px;background:linear-gradient(145deg,var(--icon-a),var(--icon-b));border:1px solid rgba(255,255,255,.3);display:grid;place-items:center;font-size:22px;box-shadow:0 6px 20px rgba(0,0,0,.4);position:relative}.favorite-button{position:absolute;right:11px;top:10px;width:30px;height:30px;border-radius:10px;background:rgba(9,9,16,.5);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.13);font-size:16px;color:#d4d0e3;cursor:pointer;transition:.2s}.favorite-button:hover,.favorite-button.is-favorite{color:#ff80b4;border-color:rgba(255,128,180,.5)}.card-body{padding:13px 13px 12px}.card-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:6px}.card-title{font:600 14px/1.25 var(--display);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rating{font-size:10px;color:#f5cf7c;white-space:nowrap}.card-genre{color:#9290a4;font-size:10px;margin-top:5px}.card-meta{display:flex;justify-content:space-between;gap:6px;padding:11px 0 10px;margin-top:3px;border-bottom:1px solid rgba(255,255,255,.07);color:#a09eb1;font-size:9px}.card-meta span{white-space:nowrap}.card-meta b{color:#e1deec;font-weight:600}.card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:10px}.download-count{font-size:9px;color:#868496}.download-count span{color:#b5b2c6}.card-detail{border:0;background:transparent;color:#c6b8ff;font:600 9px var(--display);cursor:pointer;padding:5px 0}.card-detail:hover{color:var(--cyan)}.category-band{margin-top:91px;border-block:1px solid rgba(255,255,255,.06);background:linear-gradient(110deg,rgba(103,71,180,.08),rgba(22,110,112,.055),rgba(103,71,180,.04));padding:35px 0}.category-inner{display:flex;align-items:center;justify-content:space-between;gap:25px}.category-inner h2{font-size:27px;line-height:1.25}.category-chips{display:flex;justify-content:flex-end;gap:9px;flex-wrap:wrap;max-width:640px}.category-chip,.filter-chip{border:1px solid rgba(255,255,255,.1);border-radius:10px;background:rgba(255,255,255,.025);color:#b0aec0;font-size:10px;padding:9px 12px;cursor:pointer;transition:.2s}.category-chip:hover,.category-chip.selected,.filter-chip:hover,.filter-chip.selected{color:#fff;border-color:rgba(167,139,250,.52);background:rgba(128,88,246,.15);box-shadow:0 0 16px rgba(128,88,246,.09)}.catalog-section{padding-top:86px}.catalog-heading{align-items:flex-end}.catalog-controls{display:flex;align-items:center;gap:15px}.search-box{width:250px;height:39px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.025);border-radius:10px;display:flex;align-items:center;padding:0 10px;gap:8px;color:#aaa8ba}.search-box>span{font-size:21px;line-height:1}.search-box input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:white;font-size:10px}.search-box input::placeholder{color:#747386}.search-box:focus-within{border-color:rgba(167,139,250,.55);box-shadow:0 0 0 3px rgba(128,88,246,.08)}kbd{font:9px var(--font);color:#747386;border:1px solid var(--line);padding:3px 5px;border-radius:4px;white-space:nowrap}.sort-label{font-size:9px;color:#888699;display:flex;align-items:center;gap:6px;white-space:nowrap}.sort-label select{appearance:none;background:#12121e;color:#d9d6e5;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:9px 23px 9px 9px;font-size:9px;outline:0;background-image:linear-gradient(45deg,transparent 50%,#aaa 50%),linear-gradient(135deg,#aaa 50%,transparent 50%);background-position:calc(100% - 11px) 13px,calc(100% - 7px) 13px;background-size:4px 4px;background-repeat:no-repeat}.filter-row{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 18px}.filter-chips{display:flex;gap:7px;flex-wrap:wrap}.filter-chip{font-size:9px;padding:7px 10px;border-radius:8px}.clear-filter{border:0;background:transparent;color:#8f8da0;font-size:9px;cursor:pointer;white-space:nowrap}.clear-filter:hover{color:white}.clear-filter span{font-size:15px;color:var(--cyan);vertical-align:-1px;margin-left:3px}.results-label{font-size:9px;color:#777588;margin:-6px 0 11px}.catalog-grid{row-gap:18px}.empty-state{text-align:center;padding:60px 10px;color:#918fa2}.empty-state>span{font-size:32px;color:var(--purple)}.empty-state h3{color:#e4e1ed;font:600 18px var(--display);margin:13px 0 8px}.empty-state p{font-size:11px;margin-bottom:19px}.button-outline{background:transparent;border-color:rgba(255,255,255,.17);color:#ddd}.editorial{padding-block:87px}.editorial-card{min-height:280px;border-radius:20px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(105deg,#11101d 0%,#141426 54%,#131b24 100%);position:relative;overflow:hidden;display:flex;align-items:center}.editorial-content{padding:40px 0 40px 6.5%;width:50%;position:relative;z-index:1}.editorial-content .eyebrow{color:#aaa1d2}.editorial-content h2{font:600 37px/1.08 var(--display);letter-spacing:-1.3px;margin:17px 0 12px}.editorial-content p{color:#9e9bad;font-size:11px;line-height:1.8;max-width:355px;margin:0 0 17px}.editorial-art{position:absolute;right:0;top:0;bottom:0;width:52%;overflow:hidden;background:radial-gradient(ellipse at 65% 52%,rgba(92,206,202,.17),transparent 53%),linear-gradient(100deg,transparent,rgba(49,63,87,.18))}.editorial-sun{position:absolute;width:115px;height:115px;right:29%;top:39px;border-radius:50%;background:linear-gradient(135deg,#e2c8ff,#9f7bff 58%,#7c5be0);box-shadow:0 0 70px rgba(155,119,255,.35)}.editorial-mountain{position:absolute;bottom:-65px;width:130%;height:180px;right:-14%;transform:rotate(-7deg);clip-path:polygon(0 90%,16% 61%,26% 70%,47% 24%,61% 66%,72% 48%,100% 81%,100% 100%,0 100%)}.mountain-back{background:linear-gradient(130deg,#302b52,#192d40);bottom:-22px}.mountain-front{background:linear-gradient(140deg,#1d2036,#101722);bottom:-72px;transform:rotate(6deg);opacity:.95}.editorial-art>span{position:absolute;right:10%;bottom:28px;font:600 9px var(--display);letter-spacing:3px;color:#9bdedb}.site-footer{border-top:1px solid var(--line);background:rgba(12,12,20,.65)}.footer-main{display:flex;justify-content:space-between;padding-block:44px 34px}.footer-brand p{font-size:10px;color:#858396;line-height:1.8;margin:15px 0 0}.footer-links{display:flex;gap:65px}.footer-links>div{display:flex;flex-direction:column;gap:10px}.footer-links b{font:600 9px var(--display);letter-spacing:1px;color:#c5c2d3;margin-bottom:4px}.footer-links a{font-size:10px;color:#888698;transition:color .2s}.footer-links a:hover{color:var(--cyan)}.footer-bottom{height:52px;border-top:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:space-between;color:#6f6d7f;font-size:9px}.footer-bottom a{color:#aaa6bb;font:600 8px var(--display);letter-spacing:1px}.modal-backdrop{position:fixed;z-index:30;inset:0;padding:20px;background:rgba(4,4,10,.78);backdrop-filter:blur(9px);display:grid;place-items:center;animation:fade-in .2s}.modal-backdrop[hidden]{display:none}@keyframes fade-in{from{opacity:0}to{opacity:1}}.modal{position:relative;width:min(560px,100%);max-height:min(82vh,750px);overflow:auto;background:linear-gradient(145deg,#191827,#101019);border:1px solid rgba(255,255,255,.13);border-radius:20px;padding:28px;box-shadow:0 25px 100px #0009;animation:modal-up .25s}.modal::-webkit-scrollbar{width:5px}.modal::-webkit-scrollbar-thumb{background:#49415e;border-radius:10px}@keyframes modal-up{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}.modal-close{position:absolute;right:15px;top:13px;width:32px;height:32px;border-radius:9px;border:1px solid var(--line);background:#ffffff08;color:#c7c4d5;font-size:22px;cursor:pointer;z-index:2}.modal-close:hover{color:white;border-color:#a78bfa}.modal h2{font:600 25px var(--display);letter-spacing:-.6px;margin:5px 38px 10px 0}.modal p{color:#aaa8b9;font-size:12px;line-height:1.75}.detail-banner{height:150px;border-radius:13px;margin:-5px 0 20px;position:relative;overflow:hidden;background:var(--art-bg)}.detail-banner:after{content:attr(data-mark);position:absolute;right:20px;top:-15px;font:700 145px var(--display);color:#ffffff20}.detail-heading{display:flex;align-items:center;gap:13px}.detail-heading .card-icon{width:54px;height:54px;flex-shrink:0}.detail-heading h2{margin:0 0 4px}.detail-heading p{margin:0;font-size:10px}.detail-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:19px 0}.detail-stat{padding:11px;border:1px solid var(--line);border-radius:10px;background:#ffffff04}.detail-stat small,.detail-stat strong{display:block}.detail-stat small{color:#858397;font-size:9px;margin-bottom:5px}.detail-stat strong{font:600 11px var(--display)}.detail-note{border:1px solid rgba(98,230,225,.16);background:rgba(98,230,225,.04);padding:12px;border-radius:10px;color:#b2b0bf;font-size:10px;line-height:1.7}.detail-note b{color:var(--cyan)}.modal-actions{display:flex;gap:9px;margin-top:17px;flex-wrap:wrap}.modal-actions .button{min-height:39px}.notice-icon{width:47px;height:47px;border-radius:14px;display:grid;place-items:center;color:#ffcf85;background:rgba(246,177,79,.1);border:1px solid rgba(246,177,79,.22);font-size:22px;margin-bottom:16px}.notice-box{padding:13px;border:1px solid rgba(246,177,79,.16);background:rgba(246,177,79,.045);border-radius:10px;font-size:10px;line-height:1.8;color:#bcb8c7;margin:16px 0}.notice-box b{color:#f1c982}.backend-list{margin:14px 0;padding:0;list-style:none;display:grid;gap:8px}.backend-list li{font-size:11px;color:#bcb9c9}.backend-list li:before{content:'✦';color:var(--cyan);margin-right:9px}.toast{position:fixed;z-index:50;bottom:24px;left:50%;transform:translate(-50%,15px);padding:12px 16px;border:1px solid rgba(167,139,250,.3);background:rgba(24,22,38,.96);backdrop-filter:blur(12px);border-radius:11px;color:#e7e3f2;font-size:11px;box-shadow:0 10px 35px #0008;opacity:0;pointer-events:none;transition:.25s;max-width:calc(100% - 32px);text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(min-width:1350px){.hero{min-height:590px}.hero-content{padding-top:82px}.card-art{height:155px}}
@media(max-width:1000px){.shell{width:calc(100% - 44px)}.site-header{padding-inline:22px}.main-nav{gap:21px}.hero-art{right:1%;transform:translateY(-48%) scale(.88)}.hero-content{padding-left:6%}.game-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.trending-grid .game-card:nth-child(4){display:none}.stat-note{display:none}.footer-links{gap:38px}.category-inner{align-items:flex-start;flex-direction:column}.category-chips{justify-content:flex-start;max-width:100%}}
@media(max-width:700px){html{scroll-padding-top:74px}.shell{width:calc(100% - 32px)}.site-header{height:66px;padding-inline:16px}.brand-symbol{width:36px;height:36px;border-radius:11px}.brand-copy strong{font-size:12px}.brand-copy small{font-size:7px}.header-actions{gap:8px}.login-button{width:36px;padding:0;justify-content:center}.login-button>span:last-child{display:none}.icon-button{width:35px;height:35px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;order:3;background:none;border:0;width:30px;height:35px;padding:5px;cursor:pointer}.menu-toggle span{width:19px;height:1px;background:#dedbea;transition:.2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3px) rotate(-45deg)}.main-nav{display:none;position:absolute;top:65px;left:0;right:0;height:auto;padding:9px 16px 15px;background:rgba(11,10,19,.97);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0;box-shadow:0 16px 30px #0005}.main-nav.open{display:flex}.nav-link{height:43px;display:flex;padding:0 8px;font-size:12px}.nav-link.active:after{left:0;right:auto;top:10px;bottom:10px;width:2px;height:auto}.hero{width:calc(100% - 20px);margin-top:13px;min-height:635px;border-radius:19px}.hero:after{background:linear-gradient(180deg,rgba(17,16,29,.45) 0%,rgba(17,16,29,.92) 43%,#11101d 75%),linear-gradient(90deg,rgba(17,16,29,.4),transparent)}.hero-content{padding:265px 23px 28px;max-width:100%}.hero h1{font-size:55px;letter-spacing:-3.3px;margin:17px 0 12px}.hero-description{font-size:11px;max-width:315px}.hero-buttons{margin-top:19px;gap:8px}.button{font-size:10px;min-height:41px;padding-inline:12px;gap:9px}.hero-footnote{margin-top:21px}.hero-art{width:260px;height:250px;top:9px;right:50%;transform:translateX(50%) scale(.72);transform-origin:top center}.hero-orbit{width:300px;height:300px;right:50%;transform:translateX(50%) rotate(-28deg) scaleY(.64);top:-79px}.orbit-two{width:230px;height:230px;right:50%;transform:translateX(50%) rotate(40deg) scaleY(.55);top:-40px}.hero-grid{width:100%;height:60%;top:-5%;right:-10%;background-size:35px 35px}.hero-index{right:17px;bottom:18px;font-size:8px}.stats-strip{width:calc(100% - 32px);min-height:75px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:0}.stat-item{gap:7px}.stat-icon{font-size:15px}.stat-item strong{font-size:7px;letter-spacing:.5px}.stat-item small{font-size:8px;line-height:1.25}.section{padding-top:64px}.section-heading{align-items:flex-start;gap:12px;margin-bottom:20px}.section-heading h2{font-size:29px}.section-heading p{font-size:10px;max-width:260px;line-height:1.55}.section-heading>.text-link{font-size:9px;margin-top:25px}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.trending-grid .game-card:nth-child(4){display:block}.card-art{height:112px;padding:9px}.card-art:after{font-size:115px;right:8px}.card-icon{width:37px;height:37px;border-radius:11px;font-size:19px}.card-badge{left:8px;top:8px;font-size:7px;padding:4px 5px}.favorite-button{right:7px;top:7px;width:27px;height:27px}.card-body{padding:10px 9px 9px}.card-title{font-size:12px}.rating{font-size:9px}.card-genre{font-size:9px;margin-top:4px}.card-meta{font-size:8px;padding:9px 0 8px;gap:4px}.card-footer{padding-top:8px}.download-count,.card-detail{font-size:8px}.category-band{margin-top:62px;padding:27px 0}.category-inner{gap:19px}.category-inner h2{font-size:24px}.category-chips{gap:7px}.category-chip{font-size:9px;padding:8px 10px}.catalog-section{padding-top:63px}.catalog-heading{display:block}.catalog-controls{margin-top:17px;gap:8px}.search-box{flex:1;width:auto;height:38px}.sort-label{font-size:0;gap:0}.sort-label select{font-size:9px}.filter-row{margin-top:15px;align-items:flex-start}.filter-chips{gap:6px}.filter-chip{font-size:8px;padding:7px 8px}.clear-filter{padding:8px 0}.results-label{margin-top:-5px}.editorial{padding-block:63px}.editorial-card{min-height:350px;align-items:flex-start}.editorial-content{width:100%;padding:28px 24px;z-index:1}.editorial-content h2{font-size:33px}.editorial-content p{font-size:10px;max-width:290px}.editorial-art{width:100%;top:130px;opacity:.72}.editorial-sun{width:80px;height:80px;top:50px;right:27%}.editorial-mountain{height:115px}.editorial-art>span{bottom:15px;right:8%}.footer-main{display:block;padding-block:34px 25px}.footer-brand p{margin-top:12px}.footer-links{margin-top:29px;justify-content:space-between;gap:15px}.footer-links b{font-size:8px}.footer-links a{font-size:9px}.footer-bottom{height:auto;min-height:55px;gap:8px;flex-wrap:wrap;padding-block:12px;font-size:8px}.footer-bottom span:nth-child(2){display:none}.modal{padding:23px 18px;border-radius:17px}.modal h2{font-size:22px}.detail-banner{height:120px}.detail-stats{gap:5px}.detail-stat{padding:9px 7px}.detail-stat strong{font-size:10px}.detail-stat small{font-size:8px}}
@media(max-width:370px){.brand{gap:7px}.brand-copy strong{font-size:10px}.brand-copy small{font-size:6px;letter-spacing:.8px}.hero h1{font-size:49px}.hero-buttons{flex-wrap:wrap}.game-grid{gap:8px}.card-title{font-size:11px}.rating{font-size:8px}.card-meta{font-size:7px}.footer-links{gap:8px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}