:root{--ink: #080935;--muted: #4d5172;--yellow: #ffd529;--yellow-dark: #f3ac10;--blue: #21b8ff;--violet: #743df0;--violet-dark: #271071;--panel: #ffffff;--page: #f7f8ff;--line: rgba(21, 24, 70, .12);--shadow: 0 24px 60px rgba(30, 22, 120, .16)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--page);color:var(--ink);font-family:Inter,ui-rounded,Arial Rounded MT Bold,Nunito,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.hero{position:relative;min-height:610px;overflow:hidden;color:#fff;background:radial-gradient(circle at 85% 24%,rgba(164,40,255,.5),transparent 26%),radial-gradient(circle at 62% 68%,rgba(35,184,255,.24),transparent 30%),linear-gradient(145deg,#05042d,#12005a 52%,#2b087b)}.hero:before,.hero:after{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;content:""}.hero:before{opacity:.8;background-image:radial-gradient(circle,rgba(255,255,255,.75) 0 1px,transparent 1.5px),radial-gradient(circle,rgba(157,69,255,.95) 0 2px,transparent 2.5px);background-position:24px 38px,110px 70px;background-size:130px 118px,180px 170px}.hero:after{background:linear-gradient(180deg,transparent 72%,rgba(3,3,34,.45) 100%)}.site-nav,.hero-grid,.section-inner,.features,.footer-inner{width:min(100% - 72px,1160px);margin-inline:auto}.site-nav{position:relative;z-index:3;display:grid;grid-template-columns:auto 1fr auto;align-items:center;min-height:100px;gap:32px}.brand{position:relative;display:inline-flex;align-items:baseline;width:fit-content;font-size:clamp(2.2rem,4vw,3.1rem);font-weight:1000;line-height:1;letter-spacing:0;text-shadow:0 5px 0 rgba(0,0,0,.16)}.brand-hi{color:var(--yellow)}.brand-sunrise{color:var(--blue)}.brand-i{position:relative;display:inline-block}.brand-i-star{position:absolute;width:.22em;height:.22em;left:50%;top:.025em;transform:translate(-50%)}.nav-links{display:flex;justify-content:center;gap:clamp(22px,3.4vw,42px);font-size:1.08rem;font-weight:900}.nav-links a{position:relative;padding-block:12px;color:#ffffffeb}.nav-links a.active{color:#fff172}.nav-links a.active:after{position:absolute;right:0;bottom:4px;left:0;height:3px;border-radius:999px;background:var(--yellow);content:""}.nav-actions,.hero-actions{display:flex;align-items:center;gap:16px}.btn,.search-button,.card-button{display:inline-flex;align-items:center;justify-content:center;min-height:58px;border-radius:12px;font-weight:1000;letter-spacing:0}.btn{gap:10px;padding:0 28px;border:1px solid transparent;font-size:1.15rem}.btn-primary{color:#07082f;background:linear-gradient(180deg,#ffdf30,var(--yellow));box-shadow:inset 0 -4px #de900047,0 16px 24px #ffcd2933}.btn-secondary{color:#fff;border-color:#a368ffcc;background:#160953ad;box-shadow:inset 0 0 0 1px #ffffff0a}.btn-small{min-height:54px;padding-inline:20px;font-size:1rem}.search-button{width:54px;border:0;color:#10123e;background:#fff;box-shadow:0 12px 26px #02002438;cursor:pointer}.search-button span{transform:translateY(-1px);font-size:2rem;font-weight:1000}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(330px,.9fr) minmax(440px,1.12fr);align-items:center;gap:18px;min-height:510px;padding-bottom:48px}.hero-copy{max-width:485px}.hero-copy h1{margin:0;font-size:clamp(4rem,7vw,5.4rem);font-weight:1000;line-height:1.03;letter-spacing:0;text-shadow:0 7px 0 rgba(0,0,0,.15)}.hero-copy h1 span{color:var(--yellow)}.hero-copy p{margin:28px 0 0;max-width:430px;color:#ffffffed;font-size:clamp(1.12rem,2vw,1.42rem)}.hero-actions{margin-top:36px}.player-proof{display:flex;align-items:center;gap:18px;margin-top:34px}.player-proof p{margin:0;font-size:1.1rem;line-height:1.45}.player-proof strong{color:var(--yellow)}.avatars{display:flex;min-width:118px}.avatars span{display:grid;place-items:center;width:44px;height:44px;margin-right:-10px;border:3px solid #d7e8ff;border-radius:50%;background:linear-gradient(180deg,#e9f5ff,#9bd2ff);box-shadow:0 8px 20px #0000002e}.hero-art{position:relative;min-height:520px}.hero-art img{position:absolute;right:min(-44px,-2vw);bottom:-16px;width:min(100%,680px);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 10%,#000 100%);mask-image:linear-gradient(90deg,transparent 0,#000 10%,#000 100%);filter:drop-shadow(0 30px 48px rgba(10,2,64,.45))}.cube{position:absolute;z-index:1;width:58px;aspect-ratio:1;border-radius:14px;transform:rotate(35deg) skew(-6deg);box-shadow:inset -9px -10px #0000001f,0 16px 34px #00000047}.cube-a{top:36px;left:78px;background:linear-gradient(135deg,#ff5df0,#9c31ff)}.cube-b{top:118px;left:30px;width:44px;background:linear-gradient(135deg,#baff2d,#20c946)}.cube-c{right:36px;bottom:48px;width:46px;background:linear-gradient(135deg,#ff86fb,#a83cff)}.games-section{background:linear-gradient(180deg,#fff,#f7f8ff);padding:30px 0 26px}.games-section h2{margin:0 0 26px;font-size:clamp(2rem,3.4vw,2.7rem);font-weight:1000;letter-spacing:0}.game-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.game-card{overflow:hidden;border-radius:12px;background:var(--panel);box-shadow:var(--shadow)}.game-image{height:clamp(190px,23vw,290px);overflow:hidden;background:#14144a}.game-image img{width:100%;height:100%;object-fit:cover;object-position:top center}.game-content{display:flex;align-items:center;justify-content:space-between;min-height:130px;gap:18px;padding:18px 28px 24px}.game-content h3{margin:0;font-size:clamp(1.5rem,2.4vw,2rem);font-weight:1000;letter-spacing:0}.game-content p{margin:10px 0 0;color:#11133f;font-size:1rem}.tag{display:inline-flex;align-items:center;min-height:26px;margin-top:8px;padding:0 10px;border-radius:7px;font-size:.78rem;font-weight:800}.tag-sim{color:#1d7b46;background:#cbf4da}.tag-puzzle{color:#2d5dce;background:#dde8ff}.card-button{flex:0 0 auto;min-height:54px;padding:0 22px;color:#fff;background:linear-gradient(180deg,#9a65ff,#6732ee);box-shadow:inset 0 -3px #210d8c42,0 14px 28px #6532ee3d}.card-button span{margin-left:12px;font-size:2rem;line-height:0}.features{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:12px;margin-bottom:26px;padding:32px 34px;border-radius:18px;background:linear-gradient(180deg,#f0efff,#f8f8ff);box-shadow:0 18px 50px #5142be14}.feature{min-width:0;padding:0 28px;text-align:center}.feature+.feature{border-left:1px solid #d7d8f3}.feature-icon{display:grid;place-items:center;width:76px;height:76px;margin:0 auto 10px;border-radius:20px;color:#fff;font-size:2rem;font-weight:1000;filter:drop-shadow(0 12px 18px rgba(70,48,180,.22))}.controller{border-radius:40px 40px 26px 26px;background:linear-gradient(135deg,#9c7bff,#5633de)}.rocket{background:transparent;font-size:3rem}.shield{clip-path:polygon(50% 0,90% 18%,82% 70%,50% 100%,18% 70%,10% 18%);background:linear-gradient(135deg,#6db6ff,#4357e8)}.trophy{color:#6b3900;background:linear-gradient(135deg,#ffe36a,#f3a411)}.feature h3{margin:0 0 6px;font-size:1.22rem;font-weight:1000;letter-spacing:0}.feature p{margin:0 auto;max-width:190px;font-size:.98rem}.mission{width:min(100% - 72px,1160px);margin:0 auto 38px}.mission-inner{position:relative;overflow:hidden;padding:34px 42px;border:1px solid rgba(116,61,240,.14);border-radius:18px;background:radial-gradient(circle at 12% 20%,rgba(255,213,41,.24),transparent 24%),linear-gradient(135deg,#fff,#f1f3ff);box-shadow:0 20px 54px #342a971f}.mission-inner:after{position:absolute;top:22px;right:32px;color:#743df01a;content:"FUN";font-size:5rem;font-weight:1000;line-height:1}.mission p{position:relative;z-index:1;max-width:880px;margin:0;color:#11133f;font-size:clamp(1.2rem,2vw,1.55rem);font-weight:800;line-height:1.55}.mission strong{position:relative;z-index:1;display:inline-block;margin-top:18px;color:var(--violet);font-size:1rem;font-weight:1000;letter-spacing:0}.site-footer{padding:30px 0 24px;color:#ffffffd1;background:radial-gradient(circle at 82% 10%,rgba(93,54,245,.2),transparent 34%),linear-gradient(135deg,#05062e,#0a0b39 52%,#06082b)}.footer-inner{display:grid;grid-template-columns:1fr auto;gap:74px;align-items:start}.site-footer .brand{font-size:2.2rem}.site-footer p{margin:12px 0}.site-footer section{display:grid;gap:8px}.site-footer h2{margin:0 0 4px;color:#fff;font-size:1rem}.copyright{margin:20px 0 0;text-align:center;font-size:.9rem}.btn:hover,.card-button:hover,.nav-links a:hover,.site-footer a:hover{transform:translateY(-1px)}.btn,.card-button,.nav-links a,.site-footer a,.search-button{transition:transform .16s ease,filter .16s ease,box-shadow .16s ease}@media(max-width:900px){.site-nav,.hero-grid,.section-inner,.features,.mission,.footer-inner{width:min(100% - 32px,720px)}.site-nav{grid-template-columns:1fr auto;gap:18px;padding-top:18px}.nav-links{grid-column:1 / -1;grid-row:2;justify-content:flex-start;overflow-x:auto;padding-bottom:8px}.hero-grid{grid-template-columns:1fr;min-height:auto;padding-top:30px}.hero-art{min-height:430px}.hero-art img{right:50%;width:min(100%,590px);transform:translate(50%)}.game-grid,.features,.footer-inner{grid-template-columns:1fr}.feature{padding:18px 12px}.feature+.feature{border-top:1px solid #d7d8f3;border-left:0}}@media(max-width:560px){.hero,.site-nav{min-height:auto}.brand{font-size:2rem}.nav-actions{gap:10px}.nav-actions .btn{display:none}.hero-copy h1{font-size:3.25rem}.hero-actions,.player-proof,.game-content{align-items:stretch;flex-direction:column}.btn,.card-button{width:100%}.hero-art{min-height:330px}.games-section{padding-top:24px}.game-image{height:210px}.features{padding:20px 22px}.mission-inner{padding:28px 24px}.mission-inner:after{top:18px;right:20px;font-size:3.4rem}}
