*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}img{max-width:100%;display:block}button{font:inherit}.training-bar{position:relative;z-index:4;display:flex;align-items:center;justify-content:center;gap:24px;padding:9px 14px;background:#b51f2b;color:#fff;font:600 12px/1.4 system-ui,-apple-system,"Microsoft YaHei",sans-serif;text-align:center;letter-spacing:.2px}.training-bar span:last-child{font-weight:400}@media(max-width:650px){.training-bar{gap:5px;flex-wrap:wrap;font-size:10px;padding:7px 5px}}.training-footer{color:#fff;background:#151515;text-align:center;font:12px/1.8 system-ui;padding:16px 8px}.training-footer strong{color:#ffdf88}body{background:#181008;font-family:Arial,"Microsoft YaHei",sans-serif}.page{width:min(100%,430px);margin:auto;color:#ffe7a2;min-height:100vh;background:linear-gradient(110deg,#65461e 0%,#ad8848 40%,#886337 70%,#6e4924 100%);box-shadow:0 0 40px #0008}.top{background:linear-gradient(#43220f,#2c170e);height:52px;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column;border-bottom:2px solid #e9c067}.logo{font:900 22px Georgia,serif;letter-spacing:2px;color:#ffda87;text-shadow:0 1px 2px #000}.domain{font-size:9px;color:#eac982}.hero{position:relative;overflow:hidden}.hero>img{width:100%;height:auto}.hero:after{content:"";position:absolute;inset:auto 0 0;height:18%;background:linear-gradient(transparent,#99733e)}.promo{text-align:center;padding:0 12px}.promo h1{font-size:clamp(30px,9vw,43px);margin:3px 0 12px;line-height:1.15;font-weight:1000;color:#ffdb8a;letter-spacing:1px;text-shadow:2px 3px 1px #67401c,0 0 5px #ffefab}.badges{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:14px 0 16px}.coin{height:74px;border-radius:50%;border:5px ridge #eed397;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,#fce7b2 10%,#bb8140 58%,#593917 100%);box-shadow:0 5px 8px #3821098c;color:#663d13;font-weight:1000;font-size:12px;line-height:1.2}.cta{width:84%;border-radius:35px;background:linear-gradient(#442007,#1d1005);border:2px solid #a57733;box-shadow:inset 0 1px #e6b557,0 5px 15px #3e260e;font-weight:900;font-size:22px;text-align:center;color:#ffe6a6;padding:12px;margin:0 auto 16px}.info{font-size:11px;color:#f5dab2;display:flex;gap:18px;justify-content:center;margin:12px 0 20px}.categories{display:grid;grid-template-columns:repeat(6,1fr);gap:3px;text-align:center;margin:0 6px 20px}.categories div{font-size:12px;color:#f7dfaf}.categories b{display:block;font-size:24px;line-height:1.7;text-shadow:0 2px 3px #372215}.panel{margin:10px 14px 20px;border:2px solid #b68a48;background:linear-gradient(125deg,#3d230f,#55340f);box-shadow:inset 0 0 14px #d19c3a66;border-radius:5px;padding:12px 11px}.panel-title{width:170px;margin:-25px auto 12px;background:linear-gradient(#3f2408,#8d5517);border-radius:30px;border:2px solid #efce7e;text-align:center;padding:5px;font-size:17px;font-weight:900}.small{text-align:center;font-size:9px;margin:0 0 10px}.site{border-radius:30px;background:linear-gradient(90deg,#b58b37,#f7e7a0 22%,#866123 70%,#a67936);color:#fff;margin:9px 0;padding:4px 8px;display:flex;gap:7px;align-items:center;font-size:12px;justify-content:space-between;box-shadow:0 2px 4px #1d1007}.site strong{font-size:13px;color:#54401c;background:#fff6c5;border-radius:20px;padding:3px}.site em{font-style:normal;border:1px solid #f1dca1;border-radius:20px;padding:3px 8px;background:#56310e;white-space:nowrap}.section-title{display:flex;justify-content:center;gap:12px;align-items:center;font-size:21px;font-weight:bold;color:#ffdc92;margin:20px 0}.section-title:before,.section-title:after{content:'◆';font-size:12px}.games{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:0 7px}.game{position:relative;overflow:hidden;border:3px ridge #f6cb73;border-radius:12px;background:#815426;box-shadow:0 4px 10px #3b210d}.game img{width:100%;height:154px;object-fit:cover}.game label{display:block;background:#6a3a18;text-align:center;font-weight:900;padding:5px 1px;font-size:14px}.game small{display:block;font-size:9px;text-align:center;color:#fff}.reco{margin:9px 12px;background:linear-gradient(90deg,#650a0c,#220a0b);border-radius:10px;border:2px solid #d6ae73;padding:9px;display:grid;grid-template-columns:50px 1fr 76px;align-items:center;gap:9px;color:#fff}.reco .symbol{font-size:35px}.reco strong{font-size:16px}.reco small{display:block;font-size:10px;color:#ffecc7}.reco .join{background:linear-gradient(#f5d9a1,#7d551b);border:2px solid #edce87;border-radius:50%;color:#32200e;font-weight:900;text-align:center;padding:12px 4px}.download{display:flex;align-items:center;gap:12px;padding:12px;background:#241404;color:#fff}.app-icon{width:56px;height:56px;background:#fff2ce;color:#876024;border-radius:10px;display:grid;place-items:center;font-weight:900}.download .action{margin-left:auto;background:#cf2610;border:2px solid #ffc15b;border-radius:8px;padding:7px 9px;font-weight:900;white-space:nowrap}@media(min-width:900px){.page{margin:28px auto}} 
/* Purely decorative, offline looping animations */
@keyframes breathing{0%,100%{transform:scale(1) translateY(0)}50%{transform:scale(1.055) translateY(-7px)}}
@keyframes floatArt{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-16px) rotate(1.2deg)}}
@keyframes glow{0%,100%{filter:brightness(1) drop-shadow(0 0 4px #ffdd7155)}50%{filter:brightness(1.21) drop-shadow(0 0 16px #ffdd71aa)}}
@keyframes sweep{0%{transform:translateX(-160%) rotate(18deg)}100%{transform:translateX(460%) rotate(18deg)}}
@keyframes pulse{0%,100%{opacity:.5;transform:scale(.95)}50%{opacity:1;transform:scale(1.09)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important}}

.hero{isolation:isolate}.hero>img{animation:breathing 5.2s ease-in-out infinite;transform-origin:center 48%}
.hero::before{content:"";position:absolute;inset:-30%;z-index:2;pointer-events:none;background:linear-gradient(90deg,transparent 43%,#fff1ab25 50%,transparent 58%);animation:sweep 8s linear infinite}
.promo h1{animation:glow 3.4s ease-in-out infinite}
.coin:nth-child(odd){animation:floatArt 3.8s ease-in-out infinite}.coin:nth-child(even){animation:floatArt 4.4s ease-in-out infinite reverse}
.game img{animation:breathing 5.5s ease-in-out infinite}.game:nth-child(2) img{animation-delay:-1.6s}.game:nth-child(3) img{animation-delay:-3.1s}
.section-title{animation:glow 4s ease-in-out infinite}

/* Sharpness-first gentle movement: no oversized image transforms */
.hero>img,.game img{animation:subtleImage 7s ease-in-out infinite!important;}
@keyframes subtleImage{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.012)}}
.art img{animation:subtleArt 6s ease-in-out infinite!important;}
@keyframes subtleArt{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-7px) rotate(.3deg)}}
@media(prefers-reduced-motion:reduce){.hero>img,.game img,.art img{animation:none!important}}