:root{--bg:#0b1020;--panel:#11182b;--text:#f5f7ff;--muted:#98a3bb;--line:rgba(255,255,255,.09);--lime:#c8ff5f;--purple:#9d8cff;--font:'DM Sans',sans-serif;--display:'Space Grotesk',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.ambient{position:absolute;pointer-events:none;filter:blur(90px);opacity:.13;border-radius:50%;z-index:-1}.ambient-one{width:350px;height:350px;background:#7958ff;top:80px;right:-130px}.ambient-two{width:300px;height:300px;background:#b5f747;top:650px;left:-180px;opacity:.06}
.site-header{height:86px;max-width:1180px;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:flex;align-items:center;gap:11px;font:700 24px var(--display);letter-spacing:-1.2px;line-height:1}.brand-accent{color:var(--lime)}.brand small{display:block;font:600 8px var(--font);letter-spacing:2.5px;color:#7f8ba5;margin-top:6px}.brand-mark{height:30px;width:30px;display:flex;align-items:flex-end;gap:3px;padding:5px;background:#c8ff5f;border-radius:9px;transform:rotate(-5deg)}.brand-mark span{display:block;width:5px;border-radius:3px;background:#0b1020}.brand-mark span:nth-child(1){height:9px}.brand-mark span:nth-child(2){height:15px}.brand-mark span:nth-child(3){height:20px}.desktop-nav{display:flex;gap:32px;align-items:center}.nav-link{font-size:12px;color:#a6afc4;transition:color .2s;background:none;border:0;cursor:pointer;padding:8px 0}.nav-link:hover,.nav-link.active{color:#fff}.nav-link.active:after{content:"";height:3px;width:15px;display:block;background:var(--lime);border-radius:4px;margin-top:7px}.history-button{border:1px solid rgba(200,255,95,.3);background:rgba(200,255,95,.07);color:var(--lime);padding:11px 15px;border-radius:11px;display:flex;gap:8px;align-items:center;font-size:12px;font-weight:700;cursor:pointer;transition:.2s}.history-button:hover{background:rgba(200,255,95,.15);transform:translateY(-1px)}.history-button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
main{max-width:1124px;margin:auto;padding:0 28px}.hero{display:grid;grid-template-columns:1fr .92fr;align-items:center;gap:45px;min-height:490px;padding:54px 0 62px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:var(--lime);display:flex;align-items:center;gap:9px}.live-dot{width:6px;height:6px;background:var(--lime);border-radius:50%;display:inline-block;box-shadow:0 0 12px #c8ff5f66}.hero h1{font:700 clamp(42px,5.1vw,64px)/1.05 var(--display);letter-spacing:-3px;margin:23px 0 18px}.hero h1 span{color:var(--lime)}.hero-copy>p{font-size:14px;line-height:1.8;color:var(--muted);max-width:390px;margin:0 0 26px}.hero-cta{display:inline-flex;align-items:center;gap:27px;background:var(--lime);color:#111827;border-radius:10px;padding:14px 18px;font-weight:700;font-size:12px;box-shadow:0 8px 30px #c8ff5f14;transition:transform .2s}.hero-cta:hover{transform:translateY(-2px)}.hero-cta span{font-size:17px}.hero-proof{display:flex;align-items:center;gap:11px;margin-top:35px}.proof-icon{width:29px;height:29px;border-radius:9px;background:#202b30;color:var(--lime);display:grid;place-items:center;font-size:14px}.hero-proof strong,.hero-proof small{display:block}.hero-proof strong{font-size:11px}.hero-proof small{font-size:10px;color:var(--muted);margin-top:4px}
.hero-art{height:350px;position:relative;display:flex;align-items:center;justify-content:center}.art-orbit{position:absolute;border:1px solid rgba(255,255,255,.09);border-radius:50%;transform:rotate(-22deg)}.orbit-a{width:380px;height:220px}.orbit-b{width:310px;height:310px;border-style:dashed;opacity:.5}.art-card{position:absolute;width:250px;height:285px;border-radius:22px;box-shadow:0 25px 80px #0006}.card-back{background:linear-gradient(145deg,#35306b,#17172e);transform:rotate(12deg) translate(18px,1px);border:1px solid #8175c755;display:flex;flex-direction:column;justify-content:space-between;padding:24px;color:#d5d1ff;font:700 10px var(--display);letter-spacing:2px}.card-symbol{font-size:30px}.card-front{background:linear-gradient(155deg,#d4ff83 0%,#a5e34e 42%,#587b39 100%);transform:rotate(-7deg) translate(-3px,1px);padding:17px 19px;color:#101828;overflow:hidden}.card-top{display:flex;justify-content:space-between;align-items:center}.mini-logo{display:grid;place-items:center;width:26px;height:26px;background:#101828;color:var(--lime);border-radius:8px;font:700 16px var(--display)}.card-status{font-size:7px;font-weight:700;letter-spacing:1.2px}.controller{height:165px;display:grid;place-items:center;position:relative}.controller svg{width:145px;fill:#17222b;filter:drop-shadow(0 8px 5px #0002)}.controller-detail{stroke:#c8ff5f;stroke-width:4;fill:none;stroke-linecap:round}.card-bottom{display:flex;align-items:end;justify-content:space-between;font:700 14px/1.3 var(--display);letter-spacing:1px}.arrow-circle{width:31px;height:31px;background:#101828;color:var(--lime);border-radius:50%;display:grid;place-items:center;font-size:18px}.art-spark{position:absolute;color:var(--lime);font-size:25px}.spark-a{top:38px;right:49px}.spark-b{bottom:38px;left:30px;color:#a89cff}.floating-tag{position:absolute;z-index:1;display:flex;align-items:center;gap:8px;background:#171f31;border:1px solid #ffffff18;padding:11px 13px;border-radius:11px;box-shadow:0 10px 35px #0003;font-size:10px;font-weight:600}.tag-one{top:65px;left:4px;transform:rotate(-5deg)}.tag-one span{color:var(--lime);font-size:16px}.tag-two{bottom:43px;right:2px;transform:rotate(4deg)}.tiny-star{color:#a89cff;font-size:17px}
.games-section{padding:43px 0 78px;border-top:1px solid var(--line)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:27px}.section-eyebrow{font-size:9px;letter-spacing:1.8px}.section-heading h2,.modal-header h2{font:700 28px var(--display);letter-spacing:-1px;margin:10px 0 7px}.section-heading p{font-size:12px;color:var(--muted);margin:0}.game-count{font-size:9px;letter-spacing:1px;color:#9ca8bc;display:flex;align-items:center;gap:8px;padding-bottom:6px}.game-count .live-dot{width:5px;height:5px}.game-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.game-card{display:block;background:#10172a;border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:transform .25s,border-color .25s,box-shadow .25s}.game-card:hover{transform:translateY(-5px);border-color:#c8ff5f55;box-shadow:0 20px 45px #0003}.game-visual{height:225px;position:relative;overflow:hidden;padding:22px}.ml-visual{background:linear-gradient(120deg,#171e43,#34326c 55%,#171d36)}.ff-visual{background:linear-gradient(115deg,#3b1e1b,#a54426 55%,#261a27)}.visual-glow{position:absolute;width:240px;height:240px;border-radius:50%;filter:blur(3px);right:-45px;top:-95px;background:#8d8cff30}.ff-visual .visual-glow{background:#ff9a3d35}.ml-emblem{position:absolute;right:55px;top:33px;font:700 64px/.8 var(--display);font-style:italic;color:#e4ddff;text-shadow:0 0 35px #c4b6ff77;transform:skew(-10deg);letter-spacing:-6px}.ml-emblem span{font-size:24px;letter-spacing:0;color:#b6aaff}.ff-sun{position:absolute;width:150px;height:150px;border-radius:50%;background:linear-gradient(145deg,#ffda7a,#f05d28);right:35px;top:15px;box-shadow:0 0 60px #ff642b44}.ff-title{position:absolute;right:38px;top:33px;font:700 34px/.82 var(--display);font-style:italic;letter-spacing:-2px;color:#fff4d8;transform:rotate(-8deg);text-shadow:3px 4px 0 #5b201b;z-index:1}.ff-title b{color:#ffbc54}.ff-title i{position:absolute;width:6px;height:43px;background:#f8f1d7;transform:rotate(24deg);right:12px;top:19px}.game-art-text{position:absolute;bottom:23px;left:23px;z-index:1}.game-art-text span{font-size:8px;letter-spacing:2px;color:#c4c5ff;font-weight:700}.ff-visual .game-art-text span{color:#ffc48b}.game-art-text strong{display:block;font:700 21px/1.12 var(--display);letter-spacing:-.4px;margin-top:7px}.game-number{position:absolute;right:21px;bottom:22px;font:600 11px var(--display);color:#ffffff88}.game-info{display:flex;align-items:center;justify-content:space-between;padding:18px 20px}.game-info h3{font:600 15px var(--display);margin:0 0 5px}.game-info p{font-size:10px;color:var(--muted);margin:0}.game-arrow{width:33px;height:33px;border:1px solid #ffffff21;border-radius:50%;display:grid;place-items:center;color:var(--lime);font-size:17px;transition:background .2s,color .2s}.game-card:hover .game-arrow{background:var(--lime);color:#101828}.bottom-note{margin-top:23px;padding:17px 19px;display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:12px;background:#ffffff03}.note-icon{width:30px;height:30px;border-radius:9px;background:#c8ff5f13;color:var(--lime);display:grid;place-items:center}.bottom-note strong,.bottom-note small{display:block}.bottom-note strong{font-size:11px}.bottom-note small{font-size:10px;color:var(--muted);margin-top:4px}
.site-footer{max-width:1180px;margin:auto;border-top:1px solid var(--line);padding:23px 28px 28px;display:flex;align-items:center;justify-content:space-between;color:#79849b;font-size:10px}.footer-brand{font:700 17px var(--display);color:#f4f6ff;letter-spacing:-1px}.footer-brand span{color:var(--lime)}.site-footer>a:last-child{color:#aab4c8}
.modal-backdrop{position:fixed;inset:0;background:#050814c9;backdrop-filter:blur(8px);z-index:10;display:none;align-items:center;justify-content:center;padding:20px}.modal-backdrop.show{display:flex}.history-modal{width:min(100%,520px);max-height:85vh;overflow:auto;background:#11182a;border:1px solid #ffffff19;border-radius:18px;padding:25px;box-shadow:0 30px 100px #0009;animation:modal-in .2s ease-out}@keyframes modal-in{from{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.modal-header h2{font-size:25px;margin-bottom:0}.close-modal{width:34px;height:34px;border-radius:10px;background:#ffffff09;border:1px solid var(--line);color:white;font-size:24px;line-height:1;cursor:pointer}.modal-description{font-size:12px;line-height:1.6;color:var(--muted);margin:13px 0 20px}.history-content{min-height:125px}.empty-history{min-height:140px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px dashed #ffffff20;border-radius:12px;padding:20px}.empty-history .empty-icon{font-size:25px;color:var(--lime);margin-bottom:8px}.empty-history strong{font-size:12px}.empty-history p{font-size:11px;color:var(--muted);margin:6px 0 0;line-height:1.6}.history-item{display:flex;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.history-game-icon{width:39px;height:39px;display:grid;place-items:center;background:#26264a;color:#c9c0ff;border-radius:11px;font:700 12px var(--display)}.history-item-info{flex:1;min-width:0}.history-item-info strong{font-size:12px;display:block}.history-item-info small{font-size:10px;color:var(--muted);display:block;margin-top:5px}.history-status{font-size:9px;color:var(--lime);background:#c8ff5f13;padding:6px 8px;border-radius:7px;white-space:nowrap}.modal-footer{border-top:1px solid var(--line);margin-top:18px;padding-top:16px;display:flex;align-items:center;justify-content:space-between;gap:15px}.modal-footer span{font-size:9px;color:#8490a7}.clear-history{font-size:10px;background:none;border:0;color:#ff9c9c;cursor:pointer;padding:6px}.clear-history:hover{text-decoration:underline}
@media(min-width:1200px){.hero{min-height:510px}}@media(max-width:760px){.site-header{height:72px;padding:0 20px}.desktop-nav{display:none}.brand{font-size:22px}.history-button{padding:10px 11px;font-size:11px}main{padding:0 20px}.hero{grid-template-columns:1fr;gap:0;padding:48px 0 40px;min-height:auto}.hero-copy{position:relative;z-index:1}.hero h1{font-size:clamp(43px,10vw,59px);letter-spacing:-2.5px;margin-top:20px}.hero-copy>p{font-size:13px;max-width:420px}.hero-proof{margin-top:25px}.hero-art{height:310px;margin-top:10px;max-width:500px;width:100%;justify-self:center;transform:scale(.92)}.games-section{padding:35px 0 55px}.section-heading{align-items:flex-start;gap:15px}.section-heading h2{font-size:24px}.section-heading p{max-width:300px;line-height:1.6}.game-count{font-size:8px;white-space:nowrap;padding-top:5px}.game-grid{gap:13px}.game-visual{height:190px;padding:16px}.ml-emblem{right:25px;top:28px;font-size:52px}.ff-sun{width:120px;height:120px;right:15px;top:18px}.ff-title{right:18px;top:32px;font-size:30px}.game-art-text{left:16px;bottom:18px}.game-art-text strong{font-size:17px}.game-art-text span{font-size:7px;letter-spacing:1.4px}.game-info{padding:15px 14px}.game-info h3{font-size:13px}.game-info p{font-size:9px}.game-arrow{width:29px;height:29px;flex-shrink:0}.site-footer{padding:22px 20px;gap:14px;flex-wrap:wrap}.site-footer>span{order:3;width:100%}}
@media(max-width:480px){.site-header{padding:0 16px}.brand{gap:8px}.brand-mark{width:27px;height:27px}.history-button{gap:6px;padding:9px 10px}.history-button svg{width:14px}main{padding:0 16px}.hero{padding-top:40px}.hero h1{font-size:44px}.hero-art{height:275px;transform:scale(.82);width:120%;margin-left:-10%}.section-heading{display:block}.game-count{margin-top:15px;display:inline-flex}.game-grid{grid-template-columns:1fr;gap:14px}.game-visual{height:205px}.ml-emblem{right:55px;font-size:62px}.ff-sun{width:145px;height:145px;right:45px}.ff-title{right:45px;font-size:34px}.game-info h3{font-size:14px}.bottom-note{align-items:flex-start}.bottom-note small{line-height:1.5}.history-modal{padding:20px}.modal-footer{align-items:flex-start;flex-direction:column}.modal-footer span{order:2}.clear-history{padding:0}.site-footer{padding-left:16px;padding-right:16px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}