:root{--bg: #090a0c;--bg-soft: #0e1013;--surface: #141619;--surface-light: #191c20;--orange: #f42134;--orange-light: #ff5c65;--orange-yellow: #ffd34e;--purple: #8065ff;--green: #28dc60;--blue: #2189ff;--text: #f7f7f5;--text-soft: #a7a9ae;--text-muted: #696d75;--border: rgba(255, 255, 255, .08);--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--container: 1180px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:Inter,sans-serif;line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.container{width:min(var(--container),calc(100% - 48px));margin:0 auto}.header{height:76px;position:sticky;top:0;z-index:100;background:#090a0cd1;border-bottom:1px solid var(--border);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:10px;font-family:Space Grotesk,sans-serif;font-size:20px;font-weight:700;letter-spacing:-.7px}.logo-mark{width:47px;height:31px;display:grid;place-items:center;border-radius:8px;background:#090a0cb3;border:1px solid rgba(255,255,255,.12);color:#fff;font-size:16px;box-shadow:0 0 20px #2189ff2e;transition:transform .25s ease,box-shadow .25s ease}.logo-mark{overflow:hidden;padding:3px}.logo-mark img{width:100%;height:100%;display:block}.logo:hover .logo-mark{transform:rotate(-8deg) scale(1.05);box-shadow:0 0 30px #28dc6052}.nav{display:flex;gap:34px;margin-left:70px}.nav-link{color:var(--text-muted);font-size:14px;font-weight:600;transition:color .2s ease}.nav-link:hover,.nav-link.active{color:var(--text)}.header-actions{display:flex;align-items:center;gap:12px}.icon-button{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--border);border-radius:11px;background:#ffffff08;color:var(--text-soft);cursor:pointer;transition:background .2s ease,color .2s ease}.icon-button:hover{background:#ffffff14;color:#fff}.profile-button{height:40px;padding:4px 12px 4px 5px;display:flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:11px;background:#ffffff08;color:var(--text-soft);cursor:pointer;transition:background .2s ease,border-color .2s ease}.profile-button:hover{background:#ffffff14;border-color:#ffffff29}.profile-avatar{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:linear-gradient(135deg,var(--orange),#df4918);color:#fff;font-size:12px;font-weight:800}.auth-open{overflow:hidden}.auth-modal{position:fixed;z-index:200;inset:0;display:grid;place-items:center;padding:24px;background:#000000ad;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.auth-modal[hidden]{display:none}.auth-dialog{width:min(100%,430px);position:relative;padding:34px;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:radial-gradient(circle at top right,rgba(255,107,44,.13),transparent 38%),var(--surface);box-shadow:0 28px 100px #0000008c}.auth-close{width:34px;height:34px;position:absolute;top:14px;right:14px;border:0;border-radius:9px;background:transparent;color:var(--text-soft);font-size:25px;line-height:1;cursor:pointer}.auth-close:hover{background:#ffffff12;color:#fff}.auth-brand{display:flex;align-items:center;gap:9px;color:#fff;font-family:Space Grotesk,sans-serif;font-size:15px;font-weight:700}.auth-brand .logo-mark{width:28px;height:28px}.auth-dialog h2{margin-top:28px;font-family:Space Grotesk,sans-serif;font-size:28px;letter-spacing:-1.2px}.auth-description{margin-top:8px;color:var(--text-soft);font-size:13px}.auth-dialog form,.auth-confirmation{margin-top:25px}.auth-field{display:block;margin-top:15px}.auth-field[hidden]{display:none}.auth-field:first-child{margin-top:0}.auth-field span{display:block;margin-bottom:7px;color:var(--text-soft);font-size:12px;font-weight:700}.auth-field input{width:100%;height:46px;padding:0 13px;border:1px solid var(--border);border-radius:11px;outline:0;background:#0003;color:#fff;font:inherit;font-size:13px}.auth-field input::placeholder{color:var(--text-muted)}.auth-field input:focus{border-color:var(--orange);box-shadow:0 0 0 3px #ff6b2c24}.auth-feedback{min-height:20px;margin-top:14px;color:var(--text-soft);font-size:12px}.auth-feedback[data-type=error]{color:#ff9580}.auth-feedback[data-type=success]{color:var(--green)}.auth-submit{width:100%;height:47px;border:0;border-radius:12px;background:linear-gradient(135deg,var(--orange),#ed511b);color:#fff;font:inherit;font-size:14px;font-weight:800;cursor:pointer}.auth-submit:hover:not(:disabled){background:linear-gradient(135deg,var(--orange-light),var(--orange))}.auth-submit:disabled{opacity:.65;cursor:wait}.auth-switch{margin-top:19px;color:var(--text-muted);font-size:12px;text-align:center}.auth-switch button{margin-left:4px;border:0;background:transparent;color:var(--orange-light);font:inherit;font-weight:800;cursor:pointer}.hero{min-height:600px;position:relative;overflow:hidden;border-bottom:1px solid var(--border);background:radial-gradient(circle at 75% 45%,rgba(255,107,44,.1),transparent 30%),var(--bg)}.hero-content{min-height:600px;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:70px;position:relative;z-index:2}.hero-copy{padding:50px 0}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--orange-light);font-size:11px;font-weight:800;letter-spacing:1.3px;margin-bottom:20px}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}.hero h1{max-width:620px;font-family:Space Grotesk,sans-serif;font-size:clamp(52px,6vw,78px);line-height:.98;letter-spacing:-4px}.hero h1 span{color:var(--orange)}.hero-description{max-width:480px;margin-top:24px;color:var(--text-soft);font-size:17px;line-height:1.7}.hero-actions{display:flex;gap:12px;margin-top:32px}.button{height:48px;padding:0 21px;display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:12px;font-size:14px;font-weight:700;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}.button:hover{transform:translateY(-2px)}.button-primary{background:linear-gradient(135deg,var(--orange),#ed511b);color:#fff;box-shadow:0 10px 35px #ff6b2c38}.button-primary:hover{background:linear-gradient(135deg,var(--orange-light),var(--orange));box-shadow:0 15px 45px #ff6b2c52}.button-secondary{border:1px solid var(--border);background:#ffffff08;color:var(--text)}.button-secondary:hover{background:#ffffff12}.hero-stats{display:flex;align-items:center;gap:20px;margin-top:38px}.stat{display:flex;flex-direction:column}.stat strong{font-size:13px}.stat span{margin-top:2px;color:var(--text-muted);font-size:11px}.stat-divider{width:1px;height:28px;background:var(--border)}.hero-game{padding:45px 0}.game-preview{display:block;overflow:hidden;border:1px solid rgba(255,255,255,.11);border-radius:var(--radius-lg);background:#0d0f13;box-shadow:0 35px 100px #00000073,0 0 80px #ff6b2c12;transform:rotate(1deg);transition:transform .4s ease}.game-preview:hover{transform:rotate(0) translateY(-5px)}.preview-top,.preview-bottom{height:48px;padding:0 17px;display:flex;align-items:center;justify-content:space-between}.preview-label{color:var(--orange-light);font-size:10px;font-weight:800;letter-spacing:1px}.preview-score{color:var(--text-muted);font-size:9px;font-weight:700}.game-visual{height:350px;position:relative;overflow:hidden;display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,rgba(255,107,44,.2),transparent 28%),linear-gradient(135deg,#24160f,#0b0c10)}.game-visual:before{content:"";position:absolute;inset:0;background-image:radial-gradient(white 1px,transparent 1px);background-size:65px 65px;opacity:.14}.game-title{position:relative;z-index:3;text-align:center;text-shadow:0 5px 30px rgba(0,0,0,.8)}.game-title span{display:block;color:#ffc49e;font-size:14px;font-weight:800;letter-spacing:8px}.game-title strong{display:block;margin-top:-4px;font-family:Space Grotesk,sans-serif;font-size:64px;line-height:1;letter-spacing:-4px}.player-ship{position:absolute;z-index:2;bottom:62px;left:51%;color:var(--orange-light);font-size:32px;filter:drop-shadow(0 0 18px rgba(255,107,44,.9));animation:shipFloat 2s ease-in-out infinite}@keyframes shipFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.meteor{position:absolute;color:#a94d29;font-size:22px;filter:drop-shadow(0 0 10px rgba(255,107,44,.5))}.meteor-1{top:60px;left:20%;transform:rotate(20deg)}.meteor-2{top:125px;right:17%;transform:rotate(60deg)}.meteor-3{bottom:50px;right:27%;transform:rotate(15deg)}.planet{position:absolute;border-radius:50%;opacity:.7}.planet-1{width:85px;height:85px;right:-30px;top:25px;background:radial-gradient(circle at 30% 30%,#ffb16f,#632c18);box-shadow:0 0 50px #ff6b2c33}.planet-2{width:35px;height:35px;left:12%;bottom:40px;background:#71351d}.play-button{width:64px;height:64px;position:absolute;z-index:5;display:grid;place-items:center;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:#ff6b2cf0;color:#fff;font-size:19px;padding-left:3px;cursor:pointer;box-shadow:0 15px 45px #ff6b2c66;transition:transform .2s ease,background .2s ease}.play-button:hover{transform:scale(1.08);background:var(--orange-light)}.fruit-visual{background:linear-gradient(180deg,#4aa7d8,#9ad4ef 42%,#f3d9a4 70%,#6d9a3a)}.fruit-visual:before{opacity:.08}.fruit-hills{position:absolute;left:-10%;right:-10%;bottom:18%;height:90px;border-radius:50% 50% 0 0;background:linear-gradient(180deg,#7cbc4a,#4f8a28)}.fruit-ground{position:absolute;left:0;right:0;bottom:0;height:18%;background:linear-gradient(180deg,#5a8f2e,#3d621c)}.fruit-tree{position:absolute;bottom:16%;width:22px;height:72px;background:#5a3418;border-radius:4px}.fruit-tree:after{content:"";position:absolute;left:50%;top:-38px;width:70px;height:70px;transform:translate(-50%);border-radius:50%;background:radial-gradient(circle at 35% 35%,#7ed957,#2f7a28)}.fruit-tree-a{left:12%}.fruit-tree-b{right:16%;height:88px}.fruit-bush{position:absolute;left:32%;bottom:16%;width:54px;height:28px;border-radius:40px 40px 8px 8px;background:#3d8c32}.fruit-sling{position:absolute;left:22%;bottom:22%;width:46px;height:70px}.sling-post{position:absolute;bottom:0;width:8px;height:70px;border-radius:6px;background:#8b4a24}.sling-left{left:0;transform:rotate(-12deg)}.sling-right{right:0;transform:rotate(12deg)}.sling-band{position:absolute;top:8px;left:4px;right:4px;height:8px;border-radius:8px;background:#c45a2a}.hero-fruit{position:absolute;z-index:4;left:18%;bottom:38%;font-size:42px;filter:drop-shadow(0 10px 18px rgba(0,0,0,.35));animation:fruitBob 2.4s ease-in-out infinite}@keyframes fruitBob{0%,to{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-8px) rotate(-2deg)}}.fruit-visual .game-title{position:absolute;bottom:28px}.fruit-visual .game-title span{color:#fff7e8eb}.fruit-visual .game-title strong{font-size:42px;letter-spacing:-2px}.fruit-preview .rating{color:var(--orange-light)!important}.preview-bottom{height:64px}.preview-bottom div{display:flex;flex-direction:column}.preview-bottom strong{font-size:13px}.preview-bottom span{color:var(--text-muted);font-size:10px}.rating{color:#ffc857!important;font-weight:700}.hero-glow{position:absolute;width:400px;height:400px;border-radius:50%;filter:blur(100px);pointer-events:none;opacity:.11}.hero-glow-1{top:-200px;right:5%;background:var(--orange)}.hero-glow-2{bottom:-300px;left:20%;background:var(--purple)}.section{padding:95px 0}.section-header{display:flex;align-items:end;justify-content:space-between;margin-bottom:30px}.section-kicker{color:var(--text-muted);font-size:10px;font-weight:800;letter-spacing:1.5px}.section h2{margin-top:7px;font-family:Space Grotesk,sans-serif;font-size:30px;letter-spacing:-1px}.view-all{color:var(--text-soft);font-size:12px;font-weight:700}.games-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.game-card{display:block;cursor:pointer}.game-card.is-soon{cursor:default;opacity:.72}.card-rating.muted{color:var(--text-muted)}.game-thumbnail{height:210px;position:relative;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-md);transition:transform .25s ease,border-color .25s ease}.game-card:hover .game-thumbnail{transform:translateY(-5px);border-color:#ffffff2e}.game-purple .game-thumbnail{background:radial-gradient(circle at 50% 45%,#5b3fb2,#18132e)}.game-blue .game-thumbnail{background:radial-gradient(circle at 50% 45%,#225eac,#101d35)}.game-orange .game-thumbnail{background:radial-gradient(circle at 50% 45%,#ad4c1f,#321710)}.game-green .game-thumbnail{background:radial-gradient(circle at 50% 45%,#13785e,#0c2721)}.game-badge{position:absolute;z-index:5;top:12px;left:12px;padding:5px 8px;border-radius:6px;background:#00000059;backdrop-filter:blur(8px);color:#fff;font-size:8px;font-weight:800;letter-spacing:.8px}.card-play{position:absolute;left:50%;top:50%;width:48px;height:48px;transform:translate(-50%,-50%) scale(.8);opacity:0;border:0;border-radius:50%;background:#fff;color:#111;font-size:14px;cursor:pointer;transition:opacity .2s ease,transform .2s ease}.game-card:hover .card-play{opacity:1;transform:translate(-50%,-50%) scale(1)}.game-info{padding:13px 2px;display:flex;align-items:start;justify-content:space-between}.game-info h3{font-size:14px;font-weight:700}.game-info p{margin-top:3px;color:var(--text-muted);font-size:10px}.card-rating{color:#ffc857;font-size:10px;font-weight:700}.mini-game{width:100%;height:100%;position:relative}.mini-dodge:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:35px 35px}.mini-player{position:absolute;left:50%;top:53%;color:#ffc09e;font-size:24px;filter:drop-shadow(0 0 12px var(--orange))}.mini-enemy{position:absolute;color:#e04cff;font-size:16px;filter:drop-shadow(0 0 10px #e04cff)}.enemy-a{top:25%;left:20%}.enemy-b{top:38%;right:20%}.enemy-c{bottom:20%;left:33%}.mini-space:before{content:"\2726    \b7    \2727        \b7     \2726";position:absolute;width:100%;height:100%;display:grid;place-items:center;color:#ffffff4d;font-size:30px;letter-spacing:15px}.space-planet{width:70px;height:70px;position:absolute;right:18%;top:25%;border-radius:50%;background:radial-gradient(circle at 30% 30%,#78b5ff,#184a82);box-shadow:0 0 35px #3f8cff66}.space-ship{position:absolute;left:28%;bottom:30%;color:#8ec3ff;font-size:30px;transform:rotate(90deg)}.mini-stack{display:flex;flex-direction:column-reverse;align-items:center;justify-content:center;gap:3px}.mini-stack span{width:90px;height:18px;border-radius:4px;background:linear-gradient(90deg,#ff7d37,#ffc04d);box-shadow:0 0 15px #ff8a3d33}.mini-stack span:nth-child(2){width:70px}.mini-stack span:nth-child(3){width:50px}.mini-stack span:nth-child(4){width:32px}.mini-memory{display:grid;grid-template-columns:repeat(2,55px);grid-template-rows:repeat(2,55px);justify-content:center;align-content:center;gap:8px}.mini-memory span{display:grid;place-items:center;border-radius:8px;background:#ffffff14;border:1px solid rgba(255,255,255,.1);color:#8fffd4;font-size:20px}.mini-fruit{background:linear-gradient(180deg,#5eb4dc,#d9c07a 70%,#4e8a2c)}.mini-fruit-icon{position:absolute;left:28%;top:38%;font-size:42px;filter:drop-shadow(0 8px 12px rgba(0,0,0,.3));animation:fruitBob 2.2s ease-in-out infinite}.mini-fruit-trail{position:absolute;left:18%;top:52%;width:54px;height:6px;border-radius:999px;background:linear-gradient(90deg,rgba(255,107,44,.7),transparent)}.mini-soon{display:grid;place-items:center;color:#ffffff59;font-family:Space Grotesk,sans-serif;font-size:48px;font-weight:700}.categories-section{padding:90px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--bg-soft)}.categories-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.category-card{min-height:130px;position:relative;padding:22px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);transition:transform .25s ease,border-color .25s ease}.category-card:hover{transform:translateY(-4px);border-color:#ffffff26}.category-icon{font-size:25px}.category-card div{display:flex;flex-direction:column;margin-top:20px}.category-card strong{font-size:14px}.category-card div span{margin-top:3px;color:var(--text-muted);font-size:10px}.category-arrow{position:absolute;right:18px;bottom:18px;color:var(--text-muted);font-size:15px;transition:transform .2s ease}.category-card:hover .category-arrow{transform:translate(4px);color:#fff}.category-purple{box-shadow:inset 0 1px #8065ff1f}.category-blue{box-shadow:inset 0 1px #3f8cff1f}.category-orange{box-shadow:inset 0 1px #ff8a3d1f}.category-green{box-shadow:inset 0 1px #20e0a01f}.games-section{min-height:420px}.library-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.filter-button{display:flex;align-items:center;gap:15px;padding:9px 13px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--text-soft);font-size:11px;font-weight:600;cursor:pointer}.empty-games{min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px dashed rgba(255,255,255,.1);border-radius:var(--radius-lg);background:radial-gradient(circle at center,rgba(255,107,44,.04),transparent 60%);text-align:center}.empty-icon{font-size:40px;margin-bottom:15px;opacity:.8}.empty-games h3{font-family:Space Grotesk,sans-serif;font-size:18px}.empty-games p{max-width:350px;margin-top:7px;color:var(--text-muted);font-size:12px}.footer{border-top:1px solid var(--border);background:#06070a}.footer-inner{min-height:150px;display:flex;align-items:center;justify-content:space-between}.footer-brand p{margin-top:10px;color:var(--text-muted);font-size:11px}.footer-links{display:flex;gap:25px}.footer-links a{color:var(--text-muted);font-size:11px;transition:color .2s ease}.footer-links a:hover{color:#fff}.footer-bottom{padding:18px 0;display:flex;justify-content:space-between;border-top:1px solid var(--border);color:#555963;font-size:9px}@media (max-width: 950px){.nav{display:none}.hero-content{grid-template-columns:1fr;gap:0;padding-top:30px;padding-bottom:50px}.hero{min-height:auto}.hero-game{padding-top:0}.hero-copy{padding-bottom:25px}.games-grid,.categories-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.container{width:min(var(--container),calc(100% - 30px))}.header{height:65px}.profile-text{display:none}.profile-button{padding:4px}.hero h1{font-size:50px;letter-spacing:-3px}.hero-description{font-size:15px}.hero-actions{flex-direction:column}.button{width:100%}.hero-stats{gap:12px}.stat-divider{height:22px}.game-visual{height:270px}.game-title strong{font-size:48px}.games-grid{grid-template-columns:1fr}.game-thumbnail{height:220px}.categories-grid{grid-template-columns:1fr}.section{padding:65px 0}.section h2{font-size:25px}.footer-inner{padding:35px 0;flex-direction:column;align-items:flex-start;gap:30px}.footer-links{flex-wrap:wrap}.footer-bottom{flex-direction:column;gap:7px}}.game-back{position:fixed;z-index:40;top:20px;right:20px;display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--border);border-radius:11px;background:#090a0cb8;color:var(--text-soft);font-size:12px;font-weight:700;backdrop-filter:blur(12px);pointer-events:auto}.game-back:hover{color:#fff;background:#141619e6}.game-home-button{display:inline-flex;align-items:center;justify-content:center;width:100%;margin-top:12px;padding:14px 20px;border:1px solid var(--border);border-radius:14px;background:transparent;color:var(--text-soft);font-weight:700}.game-home-button:hover{color:#fff;background:#ffffff0a}.game-logo-link{pointer-events:auto;color:inherit}@media (max-width: 700px){.game-back{top:12px;right:12px;font-size:11px}}.game-card{aspect-ratio:16 / 9;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;border:1px solid var(--border);border-radius:var(--radius-md);background-color:var(--surface);transition:transform .25s ease,border-color .25s ease}.game-card-media{position:absolute;inset:0;overflow:hidden}.game-card-media img{width:100%;height:100%;display:block;object-fit:cover;object-position:center;transition:transform .35s ease}.game-card:hover .game-card-media img{transform:scale(1.035)}.game-card:before{content:"";position:absolute;inset:0;background:linear-gradient(to top,#000000eb,#00000026 70%,#0000000d);pointer-events:none}.game-card:hover{transform:translateY(-5px);border-color:#ffffff2e}.game-card-content{position:relative;z-index:2;padding:22px 18px 18px}.game-card-content h3{font-family:Space Grotesk,sans-serif;font-size:18px;font-weight:700;letter-spacing:-.5px}.game-card-content p{margin-top:5px;color:#ffffffad;font-size:11px;line-height:1.45}.game-card-badge{display:inline-flex;margin-top:12px;padding:5px 8px;border-radius:6px;background:#ff6b2ce6;color:#fff;font-size:8px;font-weight:800;letter-spacing:.8px}.game-card:not(:has(.game-card-media)){background:radial-gradient(circle at 50% 35%,rgba(255,107,44,.16),var(--surface) 65%)}@media (max-width: 600px){.game-card-content{padding:18px 16px 16px}}.catalog-hero{padding:92px 0 48px;background:radial-gradient(circle at 75% 0%,rgba(128,101,255,.14),transparent 35%),var(--bg)}.catalog-hero h1,.game-detail-copy h1{margin-top:12px;max-width:760px;font-family:Space Grotesk,sans-serif;font-size:clamp(42px,6vw,72px);line-height:.98;letter-spacing:-.055em}.catalog-hero p{max-width:620px;margin-top:18px;color:var(--text-soft);font-size:18px;line-height:1.6}.catalog-controls{display:flex;gap:14px;align-items:center;margin-top:36px;flex-wrap:wrap}.catalog-search{display:flex;align-items:center;gap:10px;width:min(360px,100%);height:48px;padding:0 16px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text-muted)}.catalog-search input{width:100%;border:0;outline:0;background:transparent;color:var(--text);font:500 14px Inter,sans-serif}.catalog-search input::placeholder{color:var(--text-muted)}.catalog-filters{display:flex;gap:8px;flex-wrap:wrap}.catalog-filter{border:1px solid var(--border);border-radius:999px;padding:10px 15px;background:transparent;color:var(--text-soft);font:700 12px Inter,sans-serif;cursor:pointer;transition:.18s ease}.catalog-filter:hover,.catalog-filter.active{border-color:#ff6b2c8c;background:#ff6b2c1a;color:var(--text)}.catalog-results{padding-top:38px}.catalog-count{color:var(--text-muted);font-size:13px;font-weight:700}.catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.catalog-card{display:block;aspect-ratio:auto;overflow:hidden}.catalog-card .game-card-badge{position:absolute;z-index:2;top:12px;left:12px;margin:0}.game-card-image{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:var(--surface-light)}.game-card-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease,filter .35s ease}.game-card:hover .game-card-image img{transform:scale(1.045);filter:brightness(.72)}.game-card-play,.game-detail-cover-play{position:absolute;inset:50% auto auto 50%;width:54px;height:54px;display:grid;place-items:center;transform:translate(-50%,-50%) scale(.85);border-radius:50%;background:var(--orange);color:#fff;opacity:0;transition:.2s ease;box-shadow:0 12px 35px #00000059}.game-card:hover .game-card-play,.game-detail-cover:hover .game-detail-cover-play{opacity:1;transform:translate(-50%,-50%) scale(1)}.game-card-meta{display:inline-block;margin-top:9px;color:var(--text-muted);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.empty-state{padding:70px 20px;border:1px dashed var(--border);border-radius:var(--radius-lg);text-align:center;color:var(--text-muted)}.game-detail-hero{padding:72px 0 68px;background:radial-gradient(circle at 80% 25%,rgba(255,107,44,.15),transparent 35%),var(--bg-soft)}.game-detail-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,520px);gap:70px;align-items:center}.game-detail-copy p{max-width:680px;margin-top:22px;color:var(--text-soft);font-size:18px;line-height:1.7}.game-detail-actions{display:flex;align-items:center;gap:18px;margin-top:32px;flex-wrap:wrap}.game-detail-note{color:var(--text-muted);font-size:12px;font-weight:700}.game-detail-cover{position:relative;display:block;overflow:hidden;border-radius:22px;border:1px solid var(--border);box-shadow:0 30px 80px #00000061}.game-detail-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.28));pointer-events:none}.game-detail-cover img{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover;transition:transform .4s ease,filter .4s ease}.game-detail-cover:hover img{transform:scale(1.035);filter:brightness(.76)}.game-detail-cover-play{z-index:2;width:72px;height:72px;font-size:20px}.game-detail-content{padding-top:54px}.game-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:28px;align-items:start}.game-detail-main{display:grid;gap:18px}.detail-panel,.leaderboard-detail-panel{padding:30px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}.detail-panel h2,.leaderboard-detail-panel h2{margin-top:7px;font:700 28px Space Grotesk,sans-serif;letter-spacing:-.035em}.instruction-list,.control-list{margin:22px 0 0;padding-left:24px;color:var(--text-soft);line-height:1.7}.instruction-list li+li,.control-list li+li{margin-top:10px}.game-detail-sidebar{display:grid;gap:18px;position:sticky;top:24px}.leaderboard-intro{margin-top:12px;color:var(--text-muted);font-size:13px;line-height:1.5}.leaderboard-detail-panel{overflow:hidden;background:linear-gradient(145deg,#ffffff0b,#ffffff05)}.leaderboard-detail-panel .leaderboard-list{display:grid;gap:7px;margin:22px 0 0;padding:0;list-style:none}.leaderboard-detail-panel .leaderboard-entry{display:grid;grid-template-columns:32px 30px minmax(0,1fr) auto;gap:9px;align-items:center;min-height:46px;padding:7px 10px;border:1px solid transparent;border-radius:12px;background:#ffffff09}.leaderboard-detail-panel .leaderboard-entry:nth-child(1){background:linear-gradient(90deg,#ffc44930,#ffffff09)}.leaderboard-detail-panel .leaderboard-entry:nth-child(2){background:linear-gradient(90deg,#ccd6e221,#ffffff09)}.leaderboard-detail-panel .leaderboard-entry:nth-child(3){background:linear-gradient(90deg,#cf844b26,#ffffff09)}.leaderboard-detail-panel .leaderboard-entry.is-current-user{border-color:#ff6b2ca3;background:linear-gradient(90deg,#ff6b2c38,#ffffff0e)}.leaderboard-rank{color:var(--text-muted);font-size:12px;font-weight:800;font-variant-numeric:tabular-nums}.leaderboard-avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;color:#20140d;background:linear-gradient(135deg,#ffd35a,#ff8246);font-size:12px;font-weight:800}.leaderboard-player{overflow:hidden;color:var(--text);font-size:13px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.leaderboard-entry strong{color:#ffb05b;font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}.leaderboard-separator{padding:10px 0 2px;color:var(--text-muted);font-size:9px;font-weight:800;letter-spacing:.14em;list-style:none}.leaderboard-detail-panel .leaderboard-empty{margin-top:20px;color:var(--text-muted);font-size:13px;line-height:1.5}.related-play-card{position:relative;display:block;padding:24px;overflow:hidden;border-radius:var(--radius-md);background:linear-gradient(135deg,#24170f,#16191e);border:1px solid rgba(255,107,44,.18);color:var(--text);text-decoration:none}.related-play-card span{display:block;color:var(--orange-light);font-size:10px;font-weight:800;letter-spacing:.12em}.related-play-card strong{display:block;margin-top:8px;font:700 19px Space Grotesk,sans-serif}.related-play-card em{position:absolute;right:22px;bottom:20px;font-style:normal;font-size:24px}@media (max-width: 900px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.game-detail-hero-grid{grid-template-columns:1fr;gap:34px}.game-detail-cover{order:-1;max-width:680px}.game-detail-layout{grid-template-columns:1fr}.game-detail-sidebar{position:static}}@media (max-width: 560px){.catalog-hero{padding-top:52px}.catalog-hero h1,.game-detail-copy h1{font-size:42px}.catalog-grid{grid-template-columns:1fr}.game-detail-hero{padding-top:42px}.detail-panel,.leaderboard-detail-panel{padding:22px}.game-detail-actions .button{width:100%;justify-content:center}}.portal-page{--portal-gap: 28px;background:#08090b}.portal-page .container{width:min(1240px,calc(100% - 48px))}.portal-header{position:fixed;inset:0 0 auto;z-index:120;height:72px;background:linear-gradient(180deg,#08090bf0,#08090bad);border:0;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.portal-header-inner{height:100%;display:flex;align-items:center;gap:42px}.portal-logo{display:flex;align-items:center;gap:10px;font:700 21px/1 Space Grotesk,sans-serif;letter-spacing:-.8px}.portal-logo-mark{width:47px;height:32px;padding:3px;display:grid;place-items:center;border-radius:8px;background:#090a0cb3;border:1px solid rgba(255,255,255,.12);box-shadow:0 0 22px #2189ff2e}.portal-logo-mark img{width:100%;height:100%;display:block}.portal-nav{display:flex;align-items:center;gap:28px}.portal-nav a{color:#858991;font-size:13px;font-weight:700;transition:color .2s ease}.portal-nav a:hover,.portal-nav a.active{color:#fff}.portal-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.portal-search-toggle{width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:11px;background:#ffffff0a;color:#b5b8be;cursor:pointer}.portal-search-toggle:hover{background:#ffffff14;color:#fff}.portal-search input{width:190px;height:40px;padding:0 13px;border:1px solid rgba(255,255,255,.1);border-radius:11px;outline:0;background:#141619;color:#fff;font:13px Inter,sans-serif}.portal-search input:focus{border-color:#ff6b2cb3;box-shadow:0 0 0 3px #ff6b2c1a}.portal-page .profile-button{background:#ffffff0a}.portal-hero{min-height:690px;position:relative;overflow:hidden;display:flex;align-items:flex-end;isolation:isolate}.portal-hero-backdrop{position:absolute;inset:0;z-index:-3;background-image:url("../assets/thumbnail-U4NT32M3.png");background-size:cover;background-position:center 35%;filter:saturate(.9) brightness(.58);transform:scale(1.04)}.portal-hero-overlay{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#08090b,#08090be6 25%,#08090b73 57%,#08090b33),linear-gradient(0deg,#08090b,#08090b26 46%,#08090ba6)}.portal-hero-content{min-height:690px;display:grid;grid-template-columns:minmax(360px,.8fr) minmax(420px,1.2fr);align-items:center;gap:30px;padding-top:72px}.portal-hero-copy{max-width:570px;padding:70px 0 60px}.portal-kicker,.section-kicker{color:#ff8652;font-size:10px;font-weight:800;letter-spacing:.15em}.portal-hero h1{margin-top:12px;font:700 clamp(52px,6vw,84px)/.95 "Space Grotesk",sans-serif;letter-spacing:-.055em;text-shadow:0 10px 50px rgba(0,0,0,.55)}.portal-hero-copy p{max-width:500px;margin-top:22px;color:#d2d4d8;font-size:16px;line-height:1.65}.portal-hero-meta{display:flex;gap:10px;align-items:center;margin-top:17px;color:#a9adb5;font-size:12px;font-weight:600}.portal-hero-actions{display:flex;gap:10px;margin-top:30px}.portal-button-glass{border:1px solid rgba(255,255,255,.18);background:#ffffff12;color:#fff}.portal-button-glass:hover{background:#ffffff1f}.portal-hero-record{margin-top:22px;color:#ffffff8c;font-size:10px;font-weight:800;letter-spacing:.12em}.portal-hero-art{position:relative;justify-self:end;width:min(620px,100%);aspect-ratio:16/10;transform:perspective(1000px) rotateY(-7deg) rotateX(2deg);border:1px solid rgba(255,255,255,.12);border-radius:22px;overflow:hidden;box-shadow:0 40px 100px #0000008c}.portal-hero-art img{width:100%;height:100%;object-fit:cover;display:block}.portal-hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.12),transparent 35%,rgba(0,0,0,.28))}.portal-hero-art-glow{position:absolute;width:55%;aspect-ratio:1;right:-10%;top:-30%;border-radius:50%;background:#ff6b2c47;filter:blur(70px)}.portal-section{padding:36px 0 6px}.portal-section-first{padding-top:18px}.portal-section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:17px}.portal-section h2{margin-top:4px;font:600 25px/1.1 Space Grotesk,sans-serif;letter-spacing:-.035em}.view-all{color:#92959d;font-size:12px;font-weight:700}.view-all:hover{color:#fff}.game-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,23%);gap:var(--portal-gap);overflow-x:auto;overflow-y:visible;padding:4px 2px 22px;scrollbar-width:none}.game-rail::-webkit-scrollbar{display:none}.game-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;padding:4px 0 50px}.portal-game-card{min-width:0;display:block}.portal-game-media{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:13px;background:#15171b;box-shadow:0 8px 30px #0003;transition:transform .25s ease,box-shadow .25s ease}.portal-game-media img{width:100%;height:100%;display:block;object-fit:cover}.portal-game-overlay{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(180deg,transparent 30%,rgba(0,0,0,.55));opacity:0;transition:opacity .2s ease}.portal-game-card:hover .portal-game-media{transform:translateY(-5px) scale(1.015);box-shadow:0 18px 45px #0000006b}.portal-game-card:hover .portal-game-overlay{opacity:1}.portal-play{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:#ff6b2cf5;color:#fff;padding-left:2px;box-shadow:0 8px 30px #ff6b2c59}.portal-game-badge{position:absolute;top:9px;left:9px;padding:5px 8px;border-radius:6px;background:var(--orange);color:#fff;font-size:8px;font-weight:800;letter-spacing:.08em}.portal-game-info{padding:10px 2px 0}.portal-game-info h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700}.portal-game-info p{margin-top:3px;color:#747881;font-size:11px;font-weight:600}.portal-category{min-height:88px;display:flex;align-items:center;gap:15px;padding:15px 17px;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:linear-gradient(135deg,#ffffff0e,#ffffff05);transition:transform .2s ease,border-color .2s ease,background .2s ease}.portal-category:hover{transform:translateY(-3px);border-color:#ffffff26;background:#ffffff12}.portal-category>span{width:43px;height:43px;display:grid;place-items:center;border-radius:12px;background:#ff6b2c1f;font-size:21px}.portal-category div{min-width:0;flex:1}.portal-category strong{display:block;font-size:13px}.portal-category small{display:block;margin-top:3px;color:#747881;font-size:10px}.portal-category b{color:#6f737b;font-size:17px}.category-rail{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding-bottom:12px}.portal-library{padding-top:52px}.portal-filter{border:1px solid rgba(255,255,255,.1);border-radius:9px;background:#ffffff09;color:#bbbfc5;padding:8px 12px;font-size:11px;font-weight:700;cursor:pointer}.portal-filter:hover{color:#fff;background:#ffffff12}.portal-search-result{margin:-4px 0 16px;color:#858991;font-size:12px}.portal-empty{padding:50px 0 90px;text-align:center;color:#747881;font-size:13px}.portal-page .footer{margin-top:20px}@media (max-width:900px){.portal-nav{gap:18px}.portal-hero-content{grid-template-columns:1fr;align-items:end;padding-top:80px}.portal-hero-art{position:absolute;inset:72px 0 auto;width:100%;height:430px;aspect-ratio:auto;opacity:.34;transform:none;border:0;border-radius:0;box-shadow:none}.portal-hero-art:after{background:linear-gradient(90deg,#08090b,#08090b40),linear-gradient(0deg,#08090b 0%,transparent 70%)}.portal-hero-copy{position:relative;z-index:2;padding:270px 0 55px}.game-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.game-rail{grid-auto-columns:minmax(205px,30%)}.category-rail{grid-template-columns:repeat(2,1fr)}}@media (max-width:620px){.portal-page .container{width:min(100% - 28px,1240px)}.portal-header{height:62px}.portal-header-inner{gap:10px}.portal-logo .portal-logo-mark{display:grid}.portal-nav{gap:12px}.portal-nav a:nth-child(3){display:none}.portal-nav a{font-size:11px}.portal-actions{gap:7px}.portal-search-toggle{width:36px;height:36px}.portal-page .profile-button{width:36px;height:36px;padding:0}.portal-search input{position:absolute;top:59px;right:14px;width:calc(100vw - 28px)}.portal-hero{min-height:565px}.portal-hero-content{min-height:565px;padding-top:62px}.portal-hero-art{display:none}.portal-hero-backdrop{background-position:61% center}.portal-hero-copy{padding:222px 0 34px}.portal-hero h1{font-size:43px;line-height:.98}.portal-hero-copy p{margin-top:15px;font-size:13px;line-height:1.55}.portal-hero-meta{margin-top:13px;font-size:10px}.portal-hero-actions{margin-top:22px}.portal-hero-actions .button{padding:0 16px;font-size:12px}.portal-hero-record{margin-top:16px}.portal-section{padding-top:30px}.portal-section h2{font-size:21px}.game-rail{grid-auto-columns:70%;gap:14px}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.portal-game-info h3{font-size:12px}.portal-game-info p{font-size:10px}.category-rail{grid-template-columns:1fr}.portal-page .profile-text{display:none}}.logo{gap:0}.logo-mark{width:154px;height:44px;overflow:visible;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.logo-mark img{width:100%;height:100%;display:block;object-fit:contain}.logo:hover .logo-mark{transform:scale(1.025);box-shadow:none}.auth-brand .logo-mark{width:154px;height:42px}.portal-logo{gap:0}.portal-logo-mark{width:164px;height:42px;display:grid;place-items:center;align-self:center;transform:translateY(-1px)}.portal-logo-mark img{width:100%;height:100%;display:block;object-fit:contain}.portal-logo-mark picture{display:contents}@media (max-width: 620px){.portal-logo-mark{width:68px;height:42px;transform:none}}.portal-logo-mark{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}