:root{color:#f6f0e6;background:#10100f;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans CJK SC,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--paper: #f6f0e6;--muted: #aaa59d;--line: rgba(255, 255, 255, .1);--accent: #ff684f}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:#10100f}body{min-width:320px;min-height:100vh;min-height:100svh;margin:0;overflow-x:hidden;background:radial-gradient(circle at 12% 2%,rgba(255,104,79,.08),transparent 27rem),radial-gradient(circle at 88% 46%,rgba(99,219,181,.055),transparent 23rem),#10100f}body:before{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;content:"";opacity:.16;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:36px 36px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 78%);mask-image:linear-gradient(to bottom,black,transparent 78%)}a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}svg{display:block;width:100%;height:100%}.page-shell{position:relative;width:min(100%,1180px);min-height:100vh;min-height:100svh;margin:0 auto;padding:max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left))}.ambient{position:fixed;z-index:-1;width:280px;height:280px;border-radius:50%;pointer-events:none;filter:blur(95px);opacity:.11}.ambient--one{top:-130px;left:-130px;background:#ff6c4c}.ambient--two{right:-160px;bottom:8%;background:#65e7bb}.site-header{display:flex;align-items:center;justify-content:space-between;opacity:0;transform:translateY(-10px);transition:opacity .6s ease,transform .6s ease}.is-ready .site-header{opacity:1;transform:translateY(0)}.brand{display:inline-flex;align-items:center;gap:10px;border-radius:12px}.brand:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.brand__mark{display:grid;width:38px;height:38px;place-items:center;border:1px solid rgba(255,255,255,.14);border-radius:12px;color:#ff785f;background:#ffffff0b;box-shadow:inset 0 1px #ffffff14}.brand__mark svg{width:23px;height:23px}.brand__mark path{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.2}.brand__name{font-size:17px;font-weight:700;letter-spacing:.1em}.site-header__tag{color:#8f8b84;font-size:12px;letter-spacing:.12em}main{padding-top:clamp(62px,12vw,120px)}.hero{max-width:720px;opacity:0;transform:translateY(16px);transition:opacity .7s 80ms ease,transform .7s 80ms ease}.is-ready .hero{opacity:1;transform:translateY(0)}.eyebrow{display:flex;align-items:center;gap:9px;margin:0 0 14px;color:#a49e94;font-size:10px;font-weight:600;letter-spacing:.22em}.eyebrow span{width:18px;height:2px;background:var(--accent)}h1{margin:0;color:var(--paper);font-size:clamp(42px,10vw,76px);font-weight:700;letter-spacing:-.055em;line-height:1.1}h1 em{color:var(--accent);font-style:normal}.hero__intro{max-width:440px;margin:22px 0 0;color:var(--muted);font-size:clamp(14px,3.7vw,16px);line-height:1.8}.game-list{margin-top:clamp(64px,14vw,120px)}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:17px;padding-bottom:12px;border-bottom:1px solid var(--line);opacity:0;transition:opacity .6s .18s ease}.is-ready .section-heading{opacity:1}.section-heading h2{margin:0;font-size:15px;font-weight:600;letter-spacing:.08em}.section-heading span{color:#77736d;font-size:11px}.game-grid{display:grid;gap:12px}.game-card{--card-accent: #ff7057;--card-accent-rgb: 255, 112, 87;--pointer-x: 50%;--pointer-y: 50%;position:relative;display:grid;grid-template-columns:auto 1fr auto;min-height:120px;align-items:center;gap:16px;padding:16px 16px 16px 13px;overflow:hidden;border:1px solid rgba(255,255,255,.095);border-radius:24px;background:linear-gradient(105deg,rgba(var(--card-accent-rgb),.07),transparent 48%),#ffffff09;box-shadow:inset 0 1px #ffffff0a,0 12px 30px #00000014;opacity:0;transform:translateY(18px);transition:border-color .22s ease,background-color .22s ease,box-shadow .22s ease,opacity .6s var(--delay) ease,transform .6s var(--delay) cubic-bezier(.22,1,.36,1)}.is-ready .game-card{opacity:1;transform:translateY(0)}.game-card--electric{--card-accent: #72e1bc;--card-accent-rgb: 114, 225, 188}.game-card--sunny{--card-accent: #ffc064;--card-accent-rgb: 255, 192, 100}.game-card__glow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;background:radial-gradient(180px circle at var(--pointer-x) var(--pointer-y),rgba(var(--card-accent-rgb),.12),transparent 70%);transition:opacity .22s ease}.game-card__number{position:absolute;top:14px;right:16px;color:#ffffff29;font-size:9px;font-weight:700;letter-spacing:.12em}.game-card__icon{position:relative;z-index:1;width:82px;height:82px;flex:none;border-radius:22px;filter:drop-shadow(0 10px 12px rgba(0,0,0,.24));transition:transform .3s cubic-bezier(.22,1,.36,1)}.game-card__content{position:relative;z-index:1;display:flex;min-width:0;flex-direction:column;gap:7px}.game-card__content strong{font-size:19px;font-weight:700;letter-spacing:.02em}.game-card__content>span{max-width:320px;color:#8f8a82;font-size:12px;line-height:1.55}.game-card__arrow{position:relative;z-index:1;display:grid;width:34px;height:34px;align-self:end;flex:none;place-items:center;border:1px solid rgba(var(--card-accent-rgb),.3);border-radius:50%;color:var(--card-accent);background:rgba(var(--card-accent-rgb),.07);transition:color .22s ease,background .22s ease,transform .22s ease}.game-card__arrow svg{width:16px;height:16px}.game-card__arrow path{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.game-card:focus-visible{outline:2px solid var(--card-accent);outline-offset:3px}.game-card:active{border-color:rgba(var(--card-accent-rgb),.34);background-color:rgba(var(--card-accent-rgb),.06);transform:scale(.985)}footer{display:flex;align-items:center;justify-content:center;gap:9px;padding-top:clamp(62px,12vw,100px);color:#5f5c57;font-size:10px;letter-spacing:.12em}.footer__dot{width:3px;height:3px;border-radius:50%;background:#ff684f}@media(hover:hover)and (pointer:fine){.game-card:hover{border-color:rgba(var(--card-accent-rgb),.33);background-color:rgba(var(--card-accent-rgb),.025);box-shadow:inset 0 1px #ffffff0f,0 18px 42px #0000002b;transform:translateY(-3px)}.game-card:hover .game-card__glow{opacity:1}.game-card:hover .game-card__icon{transform:scale(1.045) rotate(-1.5deg)}.game-card:hover .game-card__arrow{color:#161514;background:var(--card-accent);transform:translate(2px)}}@media(min-width:760px){.page-shell{padding-right:36px;padding-left:36px}.game-grid{grid-template-columns:repeat(3,1fr);gap:14px}.game-card{grid-template-columns:1fr auto;min-height:300px;align-items:end;padding:24px}.game-card__number{top:24px;right:24px}.game-card__icon{position:absolute;top:25px;left:24px;width:116px;height:116px;border-radius:28px}.game-card__content{gap:9px}.game-card__content strong{font-size:23px}.game-card__content>span{min-height:40px;padding-right:8px}}@media(max-width:380px){.game-card{grid-template-columns:auto 1fr}.game-card__icon{width:74px;height:74px}.game-card__arrow{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}