/* Official hero styling, isolated from the upstream game UI. */
#game-root #intro.brand-entry{position:fixed;inset:0;z-index:100;width:100%;height:100dvh;min-height:0;display:block;margin:0;padding:0;color:#f3ead8;background:#0d1513;text-align:center;overflow:auto;isolation:isolate}
#intro.brand-entry[hidden],#account-modal[hidden],#account-modal [hidden]{display:none!important}
#game-root #intro.brand-entry :is(div,p,a,button,span,small),#game-root #account-modal.web3-account :is(div,p,a,button,span,small,h2,strong){font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif!important}
.brand-entry *,.web3-account *{box-sizing:border-box}.brand-entry button,.brand-entry a,.web3-account button,.web3-account a{-webkit-tap-highlight-color:transparent}.brand-entry button{cursor:pointer;letter-spacing:.04em}.brand-entry :is(button,a):focus-visible,.web3-account :is(button,a):focus-visible{outline:2px solid #f3d49a;outline-offset:4px}
.brand-entry .entry-hero{position:relative;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:110px 0 120px;overflow:hidden;isolation:isolate}
.brand-entry .entry-backdrop{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.brand-entry :is(.entry-poster,#entry-background){position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 48%}.brand-entry .entry-shade{position:absolute;inset:0;background:linear-gradient(180deg,#050d16a6 0%,#07110a26 27%,#060d0c33 48%,#0a1513a1 100%),radial-gradient(ellipse at 50% 62%,#140c0633,transparent 75%)}
.brand-entry .entry-header{position:absolute;inset:0 0 auto;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 3.6vw;background:linear-gradient(#08120b60,transparent);border:0}.brand-entry .entry-brand{display:block;width:250px;line-height:0;flex-shrink:0}.brand-entry .entry-brand img{display:block;width:100%;height:auto;filter:drop-shadow(0 2px 7px #0008)}.brand-entry .entry-header-tools{display:flex;align-items:center;gap:24px}.brand-entry .entry-header-tools button{display:inline-flex;align-items:center;justify-content:center;padding:0;min-height:38px;border:0;background:transparent;box-shadow:none;color:#f4e7cc;font-size:13px;border-radius:3px;white-space:nowrap}.brand-entry #entry-language{width:30px}#intro.brand-entry #site-layout-open{padding:10px 16px;background:linear-gradient(135deg,#18291fbd,#10251c9c);border:1px solid #d8bd7c99;color:#f8e6c3;font-size:12px;border-radius:4px;min-width:94px;backdrop-filter:blur(8px)}.brand-entry .music-toggle{width:32px}.brand-entry .music-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.brand-entry .music-toggle[aria-pressed=true] .sound-muted,.brand-entry .music-toggle[aria-pressed=false] .sound-waves{display:none}
.brand-entry .entry-stage{--hero-gap:28px;width:min(1150px,calc(100% - 48px));display:flex;flex-direction:column;align-items:center;min-width:0;padding:0;transform:translateY(clamp(24px,8svh,80px))}.brand-entry h1.hero-wordmark{position:relative;width:min(1150px,94vw);aspect-ratio:2172/520;margin:0 auto 8px;line-height:1;padding:0}.brand-entry .entry-wordmark{position:absolute;top:-21.53846%;left:0;width:100%;height:auto;filter:drop-shadow(0 5px 12px #0007)}
#game-root #intro.brand-entry .hero-line,#game-root #intro.brand-entry .hero-line span{font-family:"Songti SC",STSong,Georgia,serif!important}.brand-entry .hero-line{line-height:1.3;margin:0 0 var(--hero-gap);display:flex;align-items:center;justify-content:center;gap:18px;color:#f3d49a;font-weight:600;letter-spacing:.23em;white-space:nowrap;font-size:clamp(16.9px,1.82vw,24.7px);text-shadow:0 2px 6px #000}.brand-entry .tagline-ornament{width:84px;height:20px;flex-shrink:0}.brand-entry .tagline-ornament:last-child{transform:scaleX(-1)}.brand-entry[data-lang=zh] .en,.brand-entry[data-lang=en] .zh{display:none!important}.brand-entry[data-lang=en] .hero-line{letter-spacing:.035em}
.brand-entry .hero-actions{display:flex;justify-content:center;align-items:center;gap:16px}#intro.brand-entry #start-button{display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:190px;min-height:0;height:48px;padding:0 25px;margin:0;border:1px solid #d8bd7c99;border-radius:5px;background:linear-gradient(135deg,#18291fbd,#10251c9c);color:#f8e6c3;font-size:15px;line-height:1.2;font-weight:600;letter-spacing:.06em;box-shadow:0 8px 22px #0004,inset 0 0 18px #dfb66d08;backdrop-filter:blur(10px)}#intro.brand-entry #start-button:hover,#intro.brand-entry #site-layout-open:hover{border-color:#f3d49a;background-color:#293c2c;box-shadow:0 0 18px #dfb66d20}.brand-entry .hero-socials{display:flex;gap:9px;align-items:center}.brand-entry .hero-socials a{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid #8e978c;border-radius:50%;background:#101c1480;color:#eee9d9}.brand-entry .hero-socials a:hover{color:#f3d49a;border-color:#f3d49a}.brand-entry .hero-socials svg{width:17px;height:17px;fill:currentColor}
.brand-entry .hero-meta-row{display:flex;align-items:center;justify-content:center;gap:22px;margin:26px 0 0;color:#eee9df}.brand-entry .platform-support{margin:0;display:flex;align-items:center;gap:10px;font-size:10px;white-space:nowrap}.brand-entry .platform-support svg{width:35px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5}.brand-entry .ecosystem-marks{display:flex;align-items:center;gap:21px;margin:0;padding-left:22px;border-left:1px solid #e8e2cf45}.brand-entry .ecosystem-mark{display:flex;align-items:center;gap:8px;font-size:10px;white-space:nowrap}.brand-entry .ecosystem-mark svg{width:27px;height:24px;fill:currentColor}.brand-entry .ecosystem-mark:last-child svg{width:25px;height:25px}.brand-entry .entry-bottom{position:absolute;bottom:max(18px,env(safe-area-inset-bottom));left:3.6vw;right:3.6vw;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#dbd9ca;opacity:.8;gap:16px}.brand-entry #entry-motion{border:0;background:transparent;color:inherit;padding:6px 0;font-size:10px;box-shadow:none}.brand-entry :is(#load-status,#mobile-play-note){position:absolute;clip-path:inset(50%);height:1px;width:1px;overflow:hidden;white-space:nowrap;margin:0}
/* Wallet surface shares the same dark green / gold brand, without changing native panels. */
#game-root #account-modal.web3-account{z-index:700;background:#040b09aa;backdrop-filter:blur(9px);align-items:center;justify-content:center;padding:18px;position:fixed;inset:0}
#game-root #account-modal.web3-account .wallet-panel{position:relative;transform:none;inset:auto;width:min(490px,92vw);max-width:92vw;max-height:88dvh;min-height:0;margin:0;padding:26px 30px 24px;overflow:auto;border:1px solid #9e8454;border-radius:9px;background:radial-gradient(ellipse at 0 0,#3a432c44,transparent 65%),linear-gradient(145deg,#17251f,#0c1714);color:#eee5cf;box-shadow:0 24px 90px #000a,inset 0 0 0 4px #d7b46b0a;text-align:left}
#account-modal .wallet-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}#account-modal .wallet-top img{width:190px;height:auto}#account-modal .wallet-top>div{display:flex;align-items:center;gap:10px}#account-modal .wallet-top button{padding:7px;border:0;background:transparent;box-shadow:none;color:#cbbd9d;font-size:13px}#account-modal .wallet-heading{display:flex;align-items:center;justify-content:space-between;font-size:11px;letter-spacing:.08em;color:#b1b9ab}#account-modal .wallet-network{padding:4px 8px;border:1px solid #6b795b60;border-radius:3px;color:#d9c494}#account-modal h2{font-size:24px;font-weight:600;margin:10px 0 4px;color:#f1d8a6;letter-spacing:.06em}#account-modal .wallet-intro{margin:0 0 20px;color:#b7beb0;font-size:12px;line-height:1.6}#account-modal .wallet-address{color:#b3c0b2;font-size:12px;word-break:break-all;margin-bottom:14px;line-height:1.6}#account-modal .pass-check{border:1px solid #70805c66;border-radius:5px;padding:17px 19px;background:#06120c60}#account-modal .pass-check-top{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:11px;letter-spacing:.1em;color:#c3b58e}#account-modal #account-balance{font-size:31px;line-height:1.2;letter-spacing:0;color:#f5ddac}#account-modal .pass-check-result{display:flex;align-items:center;gap:8px;margin-top:14px;font-size:14px;color:#dbc89a}#account-modal .pass-check-result i{width:6px;height:6px;background:currentColor;transform:rotate(45deg)}#account-modal[data-access=ready] .pass-check-result{color:#aecba4}#account-modal[data-access=insufficient] .pass-check-result{color:#e8b284}#account-modal :is(#account-access-copy,#account-note){font-size:12px;color:#b6bda9;line-height:1.75;margin:9px 0 0}#account-modal #account-note{margin:15px 0 20px;color:#a3af9e}#account-modal .account-actions{display:flex;flex-direction:column;align-items:stretch;gap:9px}#account-modal .account-actions :is(button,a){display:flex;align-items:center;justify-content:center;min-height:44px;padding:11px 16px;border:1px solid #a58b58;background:linear-gradient(135deg,#253b29,#15291e);border-radius:4px;color:#f2dfb5;font-size:13px;line-height:1.5;text-decoration:none;box-shadow:none;cursor:pointer}#account-modal .account-actions :is(button,a):hover{border-color:#f3d49a;background-color:#345034}#account-modal .account-actions button:disabled{opacity:.45;cursor:wait}#account-modal #account-buy{background:linear-gradient(120deg,#c7a35d,#e2c68a);color:#1c281e;font-weight:600}#account-modal #account-error{color:#efa897;font-size:12px;line-height:1.7;margin:10px 0;white-space:normal;overflow-wrap:anywhere}#account-modal #account-error:empty{display:none}#account-modal .wallet-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:16px}#account-modal #entry-links{display:flex;gap:15px;flex-wrap:wrap;font-size:12px;margin:0}#account-modal #entry-links a{color:#d8c596;text-decoration:none;margin:0}#account-modal #account-logout{border:0;background:transparent;box-shadow:none;color:#a4b09f;font-size:11px;padding:6px 0}#account-modal .wallet-assurance{display:block;font-size:10px;color:#8f9f90;line-height:1.6;border-top:1px solid #a18d5a30;padding-top:14px;margin-top:17px}
@media(max-width:700px){.brand-entry .entry-hero{padding:90px 0 110px}.brand-entry .entry-header{padding:16px 14px;gap:12px}.brand-entry .entry-brand{width:175px}.brand-entry .entry-header-tools{gap:9px}.brand-entry .entry-header-tools button{min-height:34px;font-size:12px}.brand-entry #entry-language{width:24px}.brand-entry .music-toggle{width:27px}#intro.brand-entry #site-layout-open{padding:9px 10px;min-width:76px;font-size:11px}.brand-entry .entry-stage{--hero-gap:24px;width:calc(100% - 32px);transform:translateY(clamp(40px,8svh,64px))}.brand-entry h1.hero-wordmark{width:100%}.brand-entry .hero-line{font-size:15px;gap:9px;letter-spacing:.14em}.brand-entry .tagline-ornament{width:34px;height:15px}.brand-entry[data-lang=en] .hero-line{font-size:13px;gap:7px;letter-spacing:.015em}.brand-entry .hero-actions{gap:12px}#intro.brand-entry #start-button{height:44px;min-width:164px;padding:0 18px;font-size:13px}.brand-entry .hero-socials{gap:8px}.brand-entry .hero-socials a{width:34px;height:34px}.brand-entry .hero-meta-row{gap:10px;margin-top:22px}.brand-entry .platform-support{gap:6px;font-size:8px}.brand-entry .platform-support svg{width:25px;height:17px}.brand-entry .ecosystem-marks{gap:10px;padding-left:10px}.brand-entry .ecosystem-mark{gap:5px;font-size:8px}.brand-entry .ecosystem-mark svg{width:19px;height:18px}.brand-entry .ecosystem-mark:last-child svg{width:18px;height:18px}.brand-entry .entry-bottom{left:16px;right:16px;font-size:9px}.brand-entry #entry-motion{font-size:9px}#game-root #account-modal.web3-account .wallet-panel{padding:21px 22px;max-height:87dvh;width:min(490px,92vw)}#account-modal .wallet-top img{width:170px}#account-modal h2{font-size:22px}}
@media(max-width:374px){.brand-entry .entry-brand{width:140px}.brand-entry .entry-header-tools{gap:6px}#intro.brand-entry #site-layout-open{min-width:70px;padding:8px;font-size:10px}.brand-entry .hero-line{font-size:14px;gap:6px}.brand-entry[data-lang=en] .hero-line{font-size:11.5px}.brand-entry .tagline-ornament{width:26px}.brand-entry .hero-meta-row{gap:8px}.brand-entry .ecosystem-marks{gap:8px;padding-left:8px}.brand-entry .ecosystem-mark{gap:4px}.brand-entry .platform-support{gap:4px}}
@media(max-height:500px) and (min-width:600px){.brand-entry .entry-hero{padding:80px 0 45px}.brand-entry .entry-header{padding:8px 22px}.brand-entry .entry-brand{width:190px}.brand-entry .entry-stage{--hero-gap:13px;transform:translateY(8px);width:min(650px,90vw)}.brand-entry h1.hero-wordmark{width:min(590px,72vw);margin-bottom:2px}.brand-entry .hero-line{font-size:16px}#intro.brand-entry #start-button{height:40px;font-size:13px}.brand-entry .hero-meta-row{margin-top:15px}.brand-entry .entry-bottom{bottom:8px}}

#intro.brand-entry .hero-line>span{font-size:inherit;color:inherit;line-height:inherit}
#intro.brand-entry #start-button:before{display:none}
#game-root #account-modal.web3-account{left:0!important;top:0!important;width:100vw!important;height:100dvh!important}
#game-root #account-modal.web3-account .wallet-panel{width:min(490px,90vw)!important;max-width:90vw!important;max-height:85dvh!important;padding:26px 30px 24px!important}
@media(max-width:700px){#game-root #account-modal.web3-account .wallet-panel{padding:21px 22px!important}}
#game-root #account-modal.web3-account{z-index:700!important}

#account-progress{margin-top:14px}#account-progress[hidden]{display:none}#account-progress .entry-progress-heading{display:flex;justify-content:space-between;align-items:baseline;gap:14px;font-size:11px;color:#b8c3ad}#account-progress strong{font-size:19px;color:#f2d6a0;font-variant-numeric:tabular-nums}#account-progress .entry-progress-track{height:6px;margin-top:8px;overflow:hidden;border-radius:4px;background:#020b0799;border:1px solid #8b805143}#account-progress .entry-progress-track i{display:block;height:100%;width:0;background:linear-gradient(90deg,#809b65,#f2cf86);transition:width .15s linear}@media(prefers-reduced-motion:reduce){#account-progress .entry-progress-track i{transition:none}}