@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--bg:#080d19;--panel:#111a2b;--text:#f4f7ff;--muted:#9aa8bd;--gold:#f5c66a;--cyan:#62d9e8;--line:rgba(255,255,255,.1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',Arial,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}.wrap{width:min(1120px,calc(100% - 40px));margin:auto}.site-header{height:78px;border-bottom:1px solid var(--line);background:rgba(8,13,25,.92);position:relative;z-index:5}.nav{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font:700 17px 'Space Grotesk';letter-spacing:.08em}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#f6d37d,#a66b27);color:#101625;font-weight:800}.brand-light{color:var(--gold)}nav{display:flex;gap:30px;color:#aebbd0;font-size:14px}nav a:hover,nav a.active{color:var(--gold)}.nav-cta{font-size:13px;border:1px solid #80663b;border-radius:30px;padding:9px 16px;color:var(--gold)}.nav-cta b{margin-left:8px}.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 75% 40%,#17334a 0%,#0c1729 38%,#080d19 75%);padding:92px 0 76px}.hero-glow{position:absolute;width:520px;height:520px;border-radius:50%;background:#0b8193;filter:blur(150px);opacity:.16;right:4%;top:0}.hero-grid{position:relative;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:40px}.eyebrow{font-size:11px;letter-spacing:.2em;color:var(--gold);font-weight:800}.eyebrow i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--cyan);margin-right:9px;box-shadow:0 0 12px var(--cyan)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:'Space Grotesk';line-height:1.12}h1{font-size:clamp(42px,5.5vw,66px);letter-spacing:-.045em;margin:20px 0}h1 span,h2 span{color:var(--gold)}.hero-copy>p,.page-hero p{color:#adbbcf;max-width:570px;font-size:16px}.hero-actions{display:flex;gap:13px;margin-top:28px;flex-wrap:wrap}.btn{padding:13px 19px;border-radius:9px;font-weight:700;font-size:13px}.btn.primary{background:linear-gradient(110deg,#f6d47e,#d99a3d);color:#151a25;box-shadow:0 8px 28px #d99a3d2b}.btn.primary span{margin-left:18px}.btn.ghost{border:1px solid #506077;color:#dce5f2}.hero-note{font-size:11px;color:#8191a8;margin-top:28px}.pulse{display:inline-block;width:7px;height:7px;background:#70d8a4;border-radius:50%;margin-right:8px}.hero-art{height:360px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid #74d7df38;border-radius:50%;transform:rotate(-22deg)}.orbit-one{width:330px;height:230px}.orbit-two{width:410px;height:290px;transform:rotate(38deg)}.hero-tile{width:210px;height:260px;border:1px solid #e5bd6a88;border-radius:20px;background:linear-gradient(145deg,#243e54,#101a2d 65%,#563d24);box-shadow:0 25px 80px #0009,inset 0 0 35px #e7b74c20;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(-7deg)}.tile-top{font:700 27px 'Space Grotesk';color:var(--gold);letter-spacing:.12em}.tile-top small{font-size:10px}.tile-symbol{font-size:105px;color:#f6d57d;text-shadow:0 5px 25px #e9aa3d77}.tile-bottom{font-size:11px;letter-spacing:.3em;color:#c9d6e5}.hero-chip{position:absolute;display:grid;place-items:center;border-radius:15px;background:linear-gradient(135deg,#f5d47d,#a56c2e);color:#182033;font-size:26px;font-weight:800;box-shadow:0 12px 35px #0008}.chip-a{width:55px;height:55px;top:40px;right:65px}.chip-b{width:48px;height:48px;bottom:36px;left:55px}.float-card{position:absolute;right:0;bottom:40px;background:#121f31eF;border:1px solid #ffffff24;padding:13px 18px;border-radius:12px;box-shadow:0 15px 35px #0007}.float-card span,.float-card small{display:block;color:#94a6bc;font-size:9px;letter-spacing:.16em}.float-card strong{font:700 20px 'Space Grotesk';color:var(--gold)}.stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:14px;margin-top:-1px;background:#0c1423;padding:20px 28px}.stats div{display:flex;flex-direction:column;border-right:1px solid var(--line);padding-left:22px}.stats div:first-child{padding-left:0}.stats div:last-child{border:0}.stats strong{font:700 23px 'Space Grotesk';color:var(--gold)}.stats span{font-size:12px;color:var(--muted)}.section{padding-top:82px;padding-bottom:82px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:28px}.section-heading h2,.showcase h2,.guide-panel h2{font-size:34px;margin:9px 0 0}.section-heading>p{max-width:440px;color:var(--muted);font-size:13px;margin:0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.feature{background:linear-gradient(145deg,#131f32,#0d1524);border:1px solid var(--line);border-radius:14px;padding:25px}.feature-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:12px;background:#d8ad5430;color:var(--gold);font-size:24px}.feature h3{font:600 18px 'Space Grotesk';margin:18px 0 8px}.feature p{font-size:13px;color:var(--muted);margin:0}.showcase{background:linear-gradient(110deg,#111d2e,#172c3a);border-block:1px solid var(--line);padding:60px 0}.showcase-inner{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:45px}.showcase p{color:var(--muted);font-size:14px;max-width:410px;margin:16px 0}.text-link{color:var(--gold);font-size:13px;font-weight:700}.text-link span{margin-left:12px}.showcase-cards{display:flex;justify-content:center;gap:14px}.mini-card{height:170px;flex:1;max-width:155px;border-radius:13px;border:1px solid #ffffff35;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:48px;text-shadow:0 4px 20px #0008;box-shadow:0 16px 30px #0005}.mini-card b{font:700 13px 'Space Grotesk';letter-spacing:.08em}.mini-card small{font-size:10px;letter-spacing:.18em}.mini-gold{background:linear-gradient(145deg,#76521d,#c28b34 50%,#2a1d16)}.mini-purple{background:linear-gradient(145deg,#542f7e,#b05a9e 55%,#21172d)}.mini-blue{background:linear-gradient(145deg,#155d75,#42a5a4 55%,#172e47)}.notice{display:flex;gap:18px;padding:23px;border:1px solid #d5a84b55;border-radius:13px;background:#d5a84b0c}.notice-icon{flex:none;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#d5a84b22;color:var(--gold);font-weight:800}.notice h3{font:600 17px 'Space Grotesk';margin:0 0 5px}.notice p{font-size:12px;color:#aab7c9;margin:0}footer{border-top:1px solid var(--line);padding:25px 0;background:#070b13}.footer-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-row>span,.footer-row>a:last-child{font-size:11px;color:#8b9ab0}.page-hero{padding:65px 0 48px;background:radial-gradient(ellipse at 80% 0%,#21465a,#0c1728 55%,#080d19)}.page-hero h1{font-size:51px;margin:14px 0}.page-hero p{max-width:690px}.crumb{font-size:11px;color:#7e90a8;margin-top:25px}.crumb a{color:var(--gold)}.crumb span{padding:0 9px}.game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.game-card{overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#101a2b;transition:transform .2s,border-color .2s}.game-card:hover{transform:translateY(-4px);border-color:#d5a84b88}.game-art{height:175px;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;overflow:hidden}.game-art:before,.game-art:after{content:"";position:absolute;border:1px solid #ffffff35;border-radius:50%;width:210px;height:130px;transform:rotate(-25deg)}.game-art:after{width:260px;height:170px;transform:rotate(35deg)}.game-art span{font-size:68px;line-height:1;text-shadow:0 8px 25px #0009;z-index:1}.game-art small{font-size:9px;letter-spacing:.25em;margin-top:13px;z-index:1;color:#fff9}.art-mahjong{background:radial-gradient(circle,#c88b34,#4b2818 75%)}.art-mahjong2{background:radial-gradient(circle,#e0b75a,#63401d 70%)}.art-neko{background:radial-gradient(circle,#c65b9b,#3d225d 75%)}.art-aztec{background:radial-gradient(circle,#48a69b,#174a50 75%)}.art-wild{background:radial-gradient(circle,#c27b36,#542b22 75%)}.art-ice{background:radial-gradient(circle,#75cbdc,#214d70 75%)}.game-info{padding:18px}.game-info h3{font:600 17px 'Space Grotesk';margin:0 0 7px}.game-info p{font-size:12px;color:var(--muted);min-height:40px;margin:0 0 14px}.game-info a{font-size:11px;color:var(--gold);font-weight:700}.game-info a b{margin-left:9px}.guide-panel{display:grid;grid-template-columns:1fr 1fr;gap:35px;padding:30px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(120deg,#14263a,#101827)}.guide-panel p{color:var(--muted);font-size:13px;margin:15px 0 0}.guide-panel ol{margin:0;padding-left:20px;color:#c6d2e2;font-size:13px}.guide-panel li{padding:8px 0}.guide-panel li b{color:var(--gold)}.back-link{margin-top:25px;font-size:12px;color:var(--gold)}
@media(max-width:760px){.nav{gap:12px}.nav nav{gap:13px;font-size:12px}.nav-cta{display:none}.hero{padding:65px 0 45px}.hero-grid,.showcase-inner{grid-template-columns:1fr}.hero-art{height:300px}.stats{grid-template-columns:repeat(2,1fr);gap:15px}.stats div:nth-child(2){border:0}.stats div:nth-child(3){padding-left:0}.section{padding-top:58px;padding-bottom:58px}.section-heading{display:block}.section-heading>p{margin-top:15px}.feature-grid,.game-grid{grid-template-columns:repeat(2,1fr)}.guide-panel{grid-template-columns:1fr}.footer-row{flex-wrap:wrap}.footer-row>span{order:3;width:100%}}@media(max-width:480px){.wrap{width:calc(100% - 28px)}.brand{font-size:14px}.nav nav{gap:10px}.hero-art{transform:scale(.9);margin:-10px -15px}.feature-grid,.game-grid{grid-template-columns:1fr}.game-art{height:190px}.showcase-cards{gap:8px}.mini-card{height:140px}.page-hero h1{font-size:40px}.section-heading h2,.showcase h2,.guide-panel h2{font-size:29px}}
