:root{color:#15231f;font-synthesis:none;text-rendering:optimizelegibility;background:#f7f4ec;font-family:Microsoft YaHei,PingFang SC,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{overflow-x:hidden}a{color:inherit;text-decoration:none}button,a{font:inherit}button{cursor:pointer}.home-shell{--ink:#15231f;--muted:#15231fad;--accent:#dd5b3f;isolation:isolate;background:radial-gradient(circle at 13% 18%,#f7c7b9b8,#0000 24rem),radial-gradient(circle at 86% 80%,#699e8633,#0000 28rem),#f7f4ec;grid-template-rows:auto 1fr auto;min-height:100svh;padding:0 clamp(22px,4vw,64px);display:grid;position:relative;overflow:hidden}.top-nav{z-index:5;justify-content:space-between;align-items:center;gap:24px;min-height:90px;display:flex;position:relative}.brand{letter-spacing:.04em;align-items:center;gap:12px;font-weight:900;display:inline-flex}.brand-logo{border-radius:50%;width:46px;height:46px;display:block;box-shadow:0 8px 25px #15231f24}.nav-actions{align-items:center;gap:10px;display:flex}.nav-link{padding:11px 14px;font-weight:800}.login-link{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff8a;border:1px solid #15231f26;border-radius:999px;justify-content:center;align-items:center;min-height:44px;padding:0 19px;font-weight:900;display:inline-flex}.hero{z-index:3;text-align:center;width:min(1120px,100%);margin:auto;padding:clamp(32px,5vh,64px) 0 clamp(24px,4vh,42px);position:relative}.brand-line{color:var(--muted);letter-spacing:.12em;margin:0 0 clamp(20px,3vh,34px);font-size:clamp(17px,1.55vw,22px);font-weight:900}h1{letter-spacing:-.06em;margin:0;font-size:clamp(58px,9.2vw,136px);font-weight:950;line-height:1.1}h1 span{display:block}.breathing-word{color:var(--accent);transform-origin:50%;animation:8s ease-in-out infinite color-breathe}@keyframes color-breathe{0%,to{color:#dd5b3f;opacity:.94;text-shadow:0 0 #dd5b3f00;transform:scale(1)}25%{color:#376d55;opacity:1;text-shadow:0 10px 34px #376d551a;transform:scale(1.012)}50%{color:#a66c18;opacity:.92;text-shadow:0 0 #a66c1800;transform:scale(1)}75%{color:#3f6f83;opacity:1;text-shadow:0 10px 34px #3f6f831a;transform:scale(1.012)}}.hero-copy{max-width:570px;color:var(--muted);margin:clamp(28px,4vh,46px) auto 0;font-size:clamp(16px,1.65vw,21px);line-height:1.75}.hero-actions{grid-template-columns:1fr 1fr;gap:14px;width:min(450px,100%);margin:clamp(28px,4vh,45px) auto 0;display:grid}.primary-action{border:1px solid var(--accent);color:#fff;background:var(--accent);border-radius:999px;justify-content:center;align-items:center;gap:9px;min-height:56px;padding:0 25px;font-weight:900;transition:transform .2s,box-shadow .2s,filter .2s;display:inline-flex;box-shadow:0 12px 34px #15231f29}.primary-action:hover{filter:saturate(1.08);transform:translateY(-3px);box-shadow:0 17px 42px #15231f36}.primary-action svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.footer{z-index:4;min-height:72px;color:var(--muted);border-top:1px solid #15231f1c;justify-content:space-between;align-items:center;gap:24px;font-size:12px;font-weight:750;display:flex;position:relative}.footer button{color:inherit;background:0 0;border:0;padding:8px 5px}.game-cover{--tilt:0deg;--lift:13px;--duration:4.8s;--delay:0s;z-index:2;aspect-ratio:1;opacity:.72;pointer-events:none;width:clamp(104px,10vw,148px);transform:rotate(var(--tilt));animation:cover-hop var(--duration) cubic-bezier(.45, 0, .55, 1) var(--delay) infinite;background:#ffffff8c;border:7px solid #ffffffb8;border-radius:22px;margin:0;position:absolute;overflow:hidden;box-shadow:0 22px 55px #15231f29}.game-cover img{object-fit:cover;width:100%;height:100%}.cover-left-top{--tilt:-13deg;--duration:4.7s;top:20%;left:-30px}.cover-left-middle{--tilt:8deg;--lift:10px;--duration:5.2s;--delay:-.9s;opacity:.56;width:clamp(76px,7vw,108px);top:58%;left:8%}.cover-left-bottom{--tilt:-7deg;--lift:9px;--duration:4.3s;--delay:-2.1s;opacity:.42;width:clamp(64px,5.5vw,88px);bottom:4%;left:1.8%}.cover-right-top{--tilt:12deg;--duration:5s;--delay:-1.8s;top:18%;right:-24px}.cover-right-middle{--tilt:-9deg;--lift:11px;--duration:4.5s;--delay:-.4s;opacity:.56;width:clamp(76px,7vw,108px);top:57%;right:8%}.cover-right-bottom{--tilt:7deg;--lift:8px;--duration:5.4s;--delay:-2.7s;opacity:.42;width:clamp(64px,5.5vw,88px);bottom:4%;right:1.8%}@keyframes cover-hop{0%,to{transform:translateY(0) rotate(var(--tilt))}43%{transform:translateY(calc(var(--lift) * -1)) rotate(calc(var(--tilt) + 1.5deg))}58%{transform:translateY(-3px) rotate(var(--tilt))}72%{transform:translateY(calc(var(--lift) * -.45)) rotate(calc(var(--tilt) - .8deg))}}.piece{z-index:1;pointer-events:none;position:absolute}.piece.token{background:#15231f14;border-radius:50% 50% 12px 12px;width:28px;height:62px;top:16%;right:24%;transform:rotate(32deg)}.piece.disc{aspect-ratio:1;background:var(--accent);opacity:.14;border-radius:50%;width:clamp(58px,7vw,105px);bottom:12%;left:11%}.piece.ring{aspect-ratio:1;border:11px solid #15231f14;border-radius:50%;width:clamp(42px,5vw,75px);bottom:9%;right:12%}.privacy-dialog{width:min(560px,100% - 30px);color:var(--ink);background:#fbf8f1;border:0;border-radius:28px;padding:0;box-shadow:0 30px 100px #15231f3d}.privacy-dialog::backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#15231f5c}.privacy-card{padding:clamp(28px,5vw,46px);position:relative}.privacy-card h2{letter-spacing:-.05em;max-width:420px;margin:8px 0 20px;font-size:clamp(28px,5vw,42px);line-height:1.12}.privacy-card>p:last-child{color:var(--muted);margin:0;line-height:1.8}.dialog-label{color:var(--accent);letter-spacing:.16em;margin:0;font-size:11px;font-weight:900}.dialog-close{background:#fff;border:1px solid #15231f1f;border-radius:50%;width:42px;height:42px;font-size:23px;position:absolute;top:22px;right:22px}:focus-visible{outline-offset:4px;outline:3px solid #dd5b3f61}@media (width<=700px){.home-shell{min-height:100svh;padding-inline:18px}.top-nav{min-height:74px}.brand{gap:9px;font-size:14px}.brand-logo{width:38px;height:38px}.nav-link{padding:8px;font-size:13px}.login-link{min-height:40px;padding-inline:15px;font-size:13px}.hero{padding-block:42px 34px}h1{letter-spacing:-.055em;font-size:clamp(54px,18vw,82px);line-height:1.12}.hero-copy{max-width:330px;font-size:16px}.hero-actions{width:min(340px,100%)}.primary-action{width:100%;padding-inline:14px}.footer{justify-content:center;min-height:66px}.footer>span{display:none}.game-cover{opacity:.38;border-width:5px;border-radius:17px;width:102px}.cover-left-top{--tilt:-15deg;top:20%;left:-55px}.cover-right-top{--tilt:14deg;top:25%;right:-56px}.cover-left-middle{opacity:.27;width:78px;top:auto;bottom:16%;left:-34px}.cover-right-middle{opacity:.27;width:78px;top:auto;bottom:17%;right:-35px}.cover-left-bottom,.cover-right-bottom,.piece.token{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}