:root{color-scheme:light;--ink:#192139;--violet:#b671ff;--paper:#f6f3eb;--yellow:#ffe438;--muted:#7e8390;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0;background-image:radial-gradient(#233b4a13 .7px,transparent .7px);background-size:8px 8px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;border:0}button:focus-visible,a:focus-visible{outline:3px solid #ae6bff;outline-offset:4px}button{transition:transform .15s,filter .15s}button:hover{filter:brightness(1.05)}button:active{transform:translateY(2px)}[hidden]{display:none!important}.site-header{height:86px;margin:0 4.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #202a3920}.wordmark{font-weight:900;text-decoration:none;color:var(--ink);font-size:18px;display:flex;gap:11px;align-items:center;letter-spacing:-.6px}.brand-icon{display:grid;place-items:center;width:32px;height:35px;background:var(--ink);color:var(--yellow);font-size:33px;transform:skew(-7deg);border-radius:4px}.edition{font-size:10px;letter-spacing:1.7px;display:flex;align-items:center;gap:14px;color:#6e7480}.edition i{width:3px;height:3px;background:#8e95a0}.sound-toggle{font-size:12px;background:none;display:flex;gap:13px;align-items:center}.sound-toggle span{font-size:20px}.playground{max-width:1290px;margin:38px auto 25px;padding:0 35px;display:grid;grid-template-columns:1fr minmax(320px,390px) 1fr;align-items:center;gap:65px}.intro{align-self:center;padding-bottom:20px}.eyebrow{font-size:10px;letter-spacing:1.5px;font-weight:700;display:flex;align-items:center;gap:8px;margin-bottom:28px;white-space:nowrap}.eyebrow span{width:7px;height:7px;background:#9b5be9;border-radius:50%}h1{font-size:clamp(30px,3.1vw,46px);font-weight:950;line-height:1.45;letter-spacing:-2px;margin:0 0 25px}.yellow-line{display:block;position:relative;z-index:0;width:max-content}.yellow-line:after{content:"";position:absolute;height:12px;bottom:5px;left:-3px;right:-7px;background:var(--yellow);z-index:-1;transform:rotate(-2deg)}.intro-copy{font-size:13px;line-height:2.1;color:#727886;margin:0 0 37px}.route-story{position:relative;display:grid;gap:23px}.route-story:before{content:"";position:absolute;top:14px;bottom:16px;left:13px;border-left:1px dashed #bbc0c9;z-index:0}.route-story>div{display:flex;gap:15px;align-items:flex-start;position:relative}.route-story b{display:grid;place-items:center;background:var(--paper);border:1px solid #b5bac5;width:27px;height:27px;border-radius:50%;font:11px ui-monospace,monospace;z-index:1}.route-story>div:first-child b{background:var(--ink);color:white;border-color:var(--ink)}.route-story span{font-size:12px;font-weight:750}.route-story small{display:block;font-size:10px;font-weight:400;color:#8a8f98;margin-top:5px}.side-foot{font-size:10px;margin-top:37px;color:#767b87;white-space:nowrap}.tiny-star{font-size:20px;color:#9e69dd;vertical-align:middle;margin-right:7px}.device-wrap{width:100%;max-width:390px}.device-label{display:flex;justify-content:space-between;font:9px ui-monospace,monospace;letter-spacing:1.2px;color:#777e8b;margin-bottom:12px}.device-label span:first-child{color:#202b40;font-weight:700}.device-label i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#9c5bef;margin-right:6px}.game{width:100%;aspect-ratio:1/2;position:relative;background:#172946;overflow:hidden;border:5px solid #182036;border-radius:25px;box-shadow:0 23px 50px #17223b22,0 0 0 1px #d0c9bb;touch-action:none;user-select:none;container-type:inline-size;outline:none}.game canvas{position:absolute;inset:0;width:100%;height:100%}.screen{position:absolute;inset:0}.home{background:linear-gradient(0deg,#121a32 0%,#121a32dd 17%,transparent 43%,#12263c10 80%)}.home-top{display:flex;gap:8px;align-items:center;margin:15px}.mini-tag{font:8px ui-monospace,monospace;letter-spacing:2px;color:#fff;flex:1;font-weight:800;text-shadow:0 1px 3px #111}.balance{background:#102b48df;border:1px solid #ffffff9c;border-radius:8px;padding:5px 9px;display:flex;gap:6px;align-items:center;color:white;font-size:13px}.coin{display:inline-grid;place-items:center;background:linear-gradient(140deg,#efbaff,#a32eeb);width:21px;height:21px;border:2px solid #ebc6ff;outline:1px solid #7021b6;border-radius:50%;color:white;font-style:normal;font-size:20px;line-height:1;text-shadow:0 1px 4px #57209c;flex-shrink:0}.icon-button{width:32px;height:32px;background:#14233fda;color:white;border:1px solid #ffffff88;border-radius:7px;font-size:23px;display:grid;place-items:center;line-height:1}.game-logo{position:absolute;left:8%;top:10%;transform:rotate(-7deg);font-weight:1000;font-style:italic;line-height:.98;filter:drop-shadow(4px 6px 0 #162039);letter-spacing:-3px}.game-logo>span{display:block;font-size:12cqw;color:white;-webkit-text-stroke:1px #172034;text-shadow:2px 2px #172034,-2px -2px #172034,3px -2px #172034,-3px 2px #172034}.game-logo strong{display:block;font-size:17.2cqw;color:var(--yellow);-webkit-text-stroke:1px #152135;text-shadow:3px 3px #132139,-2px -2px #132139,4px -2px #132139,-3px 2px #132139}.game-logo strong b{color:#c876ff;font-size:20cqw;position:absolute;right:-34px;top:-12px;z-index:-1}.game-logo small{display:block;font-size:10px;letter-spacing:4px;margin:13px 0 0 13px;color:white;font-style:normal;font-weight:700}.home-bottom{position:absolute;bottom:12px;left:20px;right:20px;display:grid;gap:12px}.hero-switch{display:flex;gap:8px;align-items:center}.hero-switch>button:not(.hero-detail){font-size:39px;font-weight:900;background:none;color:#fff;padding:0 3px}.hero-detail{color:white;display:flex;align-items:center;text-align:left;gap:9px;flex:1;background:#24314adc;border:1px solid #ba7ce0;border-radius:9px;padding:8px 10px;box-shadow:inset 0 0 20px #af59ed20}.hero-detail>span:first-child{width:35px;height:35px;display:grid;place-items:center;font-size:31px;color:var(--hero,#bc6aff);text-shadow:0 0 12px var(--hero,#bc6aff)}.hero-detail b{font-size:15px}.hero-detail small{display:block;font-size:9px;color:#d3cadf;margin-top:3px}.hero-detail em{font-style:normal;font-size:8px;margin-left:auto;color:#c2b7d8;writing-mode:vertical-rl;letter-spacing:1px}.primary{background:var(--yellow);color:#172038;border:2px solid #1c2339;border-radius:7px;padding:14px 18px;font-size:21px;font-weight:950;box-shadow:0 4px 0 #9c60da;transform:skew(-4deg);width:100%;position:relative}.primary:active{transform:skew(-4deg) translateY(2px)}.start{font-size:28px;letter-spacing:1px;display:flex;justify-content:center;gap:25px;align-items:center;padding:14px}.start b{font-size:28px}.home-nav{display:flex;gap:10px}.home-nav button{background:#233149a6;border:1px solid #7e91b4;color:#fff;border-radius:6px;flex:1;padding:10px 6px;font-size:12px;font-weight:700}.home-nav button>span{font-size:18px;vertical-align:middle;margin-right:7px}.home-nav small{font:9px ui-monospace,monospace;color:#c5b2ec;margin-left:4px}.home-note{text-align:center;font-size:8px;letter-spacing:1px;color:#a3aec7;margin:3px 0}.under-device{display:flex;justify-content:space-between;font-size:9px;color:#8b8d95;margin-top:15px;letter-spacing:.5px}.under-device span:last-child{font-size:7px}.under-device b{font-size:15px;color:#424c5d;margin-left:5px}.guide{max-width:245px}.guide-label{font:9px ui-monospace,monospace;letter-spacing:2px;color:#8a8390;margin-bottom:15px}.guide h2{font-size:25px;letter-spacing:-.7px;line-height:1.5;margin:0 0 30px}.control-block{display:flex;align-items:center;gap:15px;margin:0 0 26px}.control-block b{font-size:11px}.control-block p,.rule p,.element-tip p{font-size:11px;line-height:1.8;color:#858994;margin:6px 0 0}.arrow-keys{text-align:center;width:84px;flex-shrink:0}.arrow-keys>kbd{margin:0 0 3px}.arrow-keys>div{display:flex;gap:3px}kbd{display:inline-flex;align-items:center;justify-content:center;border:1px solid #c0c1c8;border-bottom:3px solid #c0c1c8;background:#fffdfa;border-radius:5px;width:26px;height:27px;font:13px ui-monospace,monospace;color:#60677a}.skill-help>kbd{width:84px;flex-shrink:0;font-size:10px;letter-spacing:1px}.rule{border-top:1px solid #d9d8d7;border-bottom:1px solid #d9d8d7;padding:21px 0;margin-top:26px}.rule b{font-size:11px}.rule b span{color:#ec747f;font-size:12px;margin-right:5px}.element-tip{margin-top:23px;background:#ebe4f1;padding:15px;border-left:3px solid var(--hero,#ab6ce4)}.element-tip>div{display:flex;align-items:center;gap:7px}.element-tip div>span{font-size:24px;color:#8e52bd}.element-tip small{font-size:9px;color:#8d8199}.element-tip b{font-size:13px}.element-tip p{color:#7a7086;font-size:10px}.art-link{width:100%;display:flex;justify-content:space-between;background:none;border-bottom:1px solid #ddd8d3;padding:20px 0 12px;font-size:10px;color:#81828b}.art-link span{font-size:14px;color:#303b50}.site-footer{margin:0 4.5%;padding:20px 0;border-top:1px solid #202a3919;display:flex;justify-content:space-between;font-size:9px;color:#999aa0;letter-spacing:1px}
.hud{position:absolute;inset:12px 10px auto;z-index:2}.hud-top{display:flex;align-items:center;justify-content:space-between;background:#10233be8;border:1px solid #d6e5ff9c;border-radius:9px;padding:5px 7px;gap:7px;color:white;box-shadow:0 3px 0 #0b162c44}.hearts{font-size:21px;letter-spacing:-2px;white-space:nowrap;color:#ff6f89;text-shadow:0 2px 0 #791d45}.hearts .empty{color:#465973;text-shadow:none}.hud-top>b{font-size:16px;white-space:nowrap}.hud-top>b small{font-size:9px;font-weight:400}.hud-coins{display:flex;align-items:center;gap:6px;font-size:14px}.hud-top .icon-button{border:0;background:transparent;width:24px;font-size:26px}.phase-row{display:flex;justify-content:space-between;align-items:center;margin:10px 3px 6px}.phase-row>span:first-child{background:#233555e8;color:white;padding:4px 12px;border-left:4px solid #bb70ff;transform:skew(-7deg);font-size:12px;font-weight:800}.phase-row>span:last-child{font-size:8px;font-weight:800;letter-spacing:1px;color:#fff;text-shadow:0 1px 3px #0b1934}.route-progress{height:3px;background:#0d1f3b4d;position:relative;margin:0 5px;border-radius:5px;overflow:hidden}.route-progress i{height:100%;display:block;background:#e6a2ff;width:0}.route-progress>span{position:absolute;left:60%;height:3px;top:0;background:#fff;width:2px}.skill-wrap{position:absolute;bottom:30px;right:17px;display:grid;justify-items:center;gap:7px;color:white;z-index:3}.skill{width:67px;height:67px;border-radius:50%;border:3px solid #efd0ff;background:radial-gradient(circle,#c173ff,#7132b7);color:white;box-shadow:0 0 0 3px #783fb99c,0 0 23px #bd69ff;position:relative;display:grid;place-items:center}.skill>span{font-size:53px;line-height:1;font-weight:900;text-shadow:0 0 8px #fff}.skill small{position:absolute;bottom:-10px;font-size:11px;background:#19253e;border:1px solid #f0d6ff;padding:3px 10px;border-radius:4px;white-space:nowrap;transform:skew(-8deg);font-weight:850}.skill.cooldown{filter:saturate(.3);box-shadow:0 0 0 3px #596b8b88;background:conic-gradient(#b06cef var(--energy),#233656 0);border-color:#aaaec6}.skill.cooldown>span{font-size:23px}.skill-wrap>span:last-child{font:7px ui-monospace,monospace;letter-spacing:.7px;margin-top:9px;text-shadow:0 1px 3px #111}.skill-wrap>span:first-child{font-size:9px;min-height:14px;color:#d2b2ff;background:#1b263ea6;border-radius:4px;padding:3px 6px}.skill-wrap>span:empty{visibility:hidden}.play-hint{position:absolute;bottom:24px;left:17px;color:white;font-size:12px;font-weight:750;text-shadow:0 2px 4px #121d35;z-index:2}.play-hint span{display:block;font-size:9px;font-weight:500;margin-top:6px;opacity:.8}.toast{position:absolute;top:22%;left:5%;right:5%;text-align:center;color:#fff;z-index:7;opacity:0;transform:translateY(-8px);transition:opacity .2s,transform .2s;pointer-events:none;font-size:15px;font-weight:850;text-shadow:0 2px 4px #0a133d;background:#14233bdc;border:1px solid #d39aff60;padding:11px 8px;border-radius:8px}.toast.show{opacity:1;transform:translateY(0)}.hurt{position:absolute;inset:0;box-shadow:inset 0 0 80px #ff3856;opacity:0;pointer-events:none;transition:opacity .22s}.hurt.flash{opacity:1}.modal{position:absolute;inset:0;background:#10192acf;backdrop-filter:blur(7px);z-index:6;display:flex;align-items:center;padding:19px;overflow:auto}.modal-content{width:100%;max-height:100%;overflow:auto;color:white;scrollbar-width:thin}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.modal h2{font-size:26px;font-weight:950;margin:0;letter-spacing:-.5px}.modal .eyebrow{font-size:8px;margin:0 0 9px;color:#c58af5}.close{background:#ffffff16;border:1px solid #ffffff3b;color:white;width:30px;height:30px;border-radius:50%;font-size:23px}.modal-desc{font-size:11px;line-height:1.8;color:#abb8d0;margin:8px 0 18px}.hero-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0}.hero-card{position:relative;background:#21314bd9;border:1px solid #52617d;border-radius:10px;color:white;padding:6px 3px 9px;display:grid;justify-items:center;overflow:hidden}.hero-card.active{border:2px solid var(--accent);background:linear-gradient(140deg,#8752b54f,#1d2d47);box-shadow:0 0 12px #b972ff30;padding:5px 2px 8px}.hero-card canvas{width:80px;height:91px;position:static}.hero-card b{font-size:13px}.hero-card small{font-size:8px;color:#b8c4dc;margin-top:3px}.hero-card.active:after{content:'✓';position:absolute;top:5px;right:7px;color:var(--accent);font-size:12px}.skill-description{background:#1e2b43;border:1px solid #53617d;border-radius:9px;padding:13px;margin-bottom:18px}.skill-description b{font-size:14px;color:var(--hero,#d19bff)}.skill-description p{font-size:11px;line-height:1.8;color:#b4c2da;margin:5px 0 0}.secondary{width:100%;margin-top:12px;color:white;background:#22324a;border:1px solid #91a0bc;border-radius:7px;padding:12px;font-size:14px;font-weight:750}.text-button{width:100%;margin-top:15px;background:none;color:#a7b7d0;font-size:11px;padding:8px}.result{text-align:center}.result .eyebrow{justify-content:center;margin-bottom:12px}.result h2{font-size:39px;font-style:italic;color:var(--yellow);transform:rotate(-4deg);text-shadow:3px 3px #8d50ca;margin:5px 0 20px}.result .result-hero{height:155px;width:150px;position:static;margin:-4px auto 0}.result .reward-coin{display:flex;justify-content:center;align-items:center;gap:10px;font-size:39px;font-weight:950;margin:0 0 15px}.reward-coin .coin{width:37px;height:37px;font-size:33px}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);margin:18px 0 20px;border-block:1px solid #ffffff27;padding:14px 0}.result-stats b{font-size:20px;display:block}.result-stats small{font-size:9px;color:#a9b8cf;display:block;margin-top:6px}.result-recover{font-size:11px;color:#f9a3bb}.result-progress{background:#26314c;border-radius:7px;padding:12px;text-align:left;margin-bottom:20px;font-size:11px}.result-progress span{float:right;color:#d9b1ff}.result-progress i{display:block;height:4px;background:#9f64e0;margin-top:10px;max-width:100%;border-radius:3px}.pause-symbol{font-size:58px;color:#dba8ff;text-align:center;margin-bottom:20px}.pause-title{text-align:center}.settings-row{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-bottom:1px solid #ffffff25;font-size:13px}.toggle{background:#53617e;color:white;border-radius:15px;padding:7px 13px;font-size:11px}.toggle.on{background:#9f63d5}.growth-stat{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:20px 0}.growth-stat>div{background:#22324d;padding:15px;border-radius:8px}.growth-stat b{font-size:25px}.growth-stat small{display:block;font-size:10px;color:#b3c1d9;margin-top:5px}.task-row{background:#24314b;border-radius:8px;margin:9px 0;padding:13px}.task-row b{font-size:12px}.task-row span{float:right;font-size:11px;color:#d6a9ff}.task-row p{font-size:10px;color:#a5b4d0;margin:6px 0 0}.art-preview{width:100%;border-radius:5px;margin:10px 0}.art-full{display:block;color:#d8b7ff;font-size:12px;text-align:center;margin:12px 0 20px}
@media(min-width:1100px) and (max-height:940px){.playground{grid-template-columns:1fr minmax(290px,calc((100vh - 170px)/2)) 1fr;margin-top:22px;margin-bottom:16px;max-width:1170px;gap:60px}.site-header{height:65px}.site-footer{padding:14px 0}.intro h1{font-size:39px}.intro-copy{margin-bottom:25px}.route-story{gap:17px}.side-foot{margin-top:26px}.guide h2{font-size:23px}.control-block{margin-bottom:20px}}
@media(max-width:1100px){.playground{gap:30px;grid-template-columns:1fr minmax(310px,365px) 1fr;padding:0 25px}.intro h1{font-size:33px}.eyebrow{font-size:8px;letter-spacing:.5px}.guide h2{font-size:22px}.control-block{gap:9px;flex-wrap:wrap}.intro-copy{font-size:12px}.guide{max-width:190px}.edition{font-size:9px;letter-spacing:.7px}}
@media(max-width:850px){.playground{grid-template-columns:1fr 355px;max-width:660px;gap:40px}.guide{display:none}.intro h1{font-size:35px}.edition{display:none}.site-footer{font-size:8px}}
@media(max-width:600px){html,body{height:100%;background:#15233b;overflow:hidden}.site-header,.intro,.guide,.site-footer,.device-label,.under-device{display:none}.playground{display:block;margin:0;padding:0;width:100%;height:100dvh;max-width:none}.device-wrap{width:100%;height:100%;max-width:none;display:flex;align-items:center;justify-content:center}.game{height:100dvh;width:min(100vw,50dvh);max-width:none;border:0;border-radius:0;box-shadow:none;aspect-ratio:1/2}.home-bottom{bottom:max(15px,env(safe-area-inset-bottom));left:22px;right:22px}.hud{top:max(14px,env(safe-area-inset-top))}.home-top{margin-top:max(18px,env(safe-area-inset-top))}.modal{padding:22px}.skill-wrap{bottom:max(36px,env(safe-area-inset-bottom))}.play-hint{bottom:max(25px,env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){button,.toast{transition:none}}

.brand-icon svg{width:30px;height:31px}.game-logo strong b{width:70px;height:85px;right:-48px;top:-14px}.skill>span{width:48px;height:48px;display:grid;place-items:center}.skill.cooldown>span{width:auto}.element-tip div>span{width:24px;height:24px;display:inline-block}

.chase-hud{margin:8px 3px 0;padding:8px 9px;display:flex;justify-content:space-between;align-items:center;background:#101f36df;color:white;border:1px solid #a87bce70;border-radius:8px;gap:5px}.chase-hud small{display:block;font-size:8px;color:#b9c9df;margin-bottom:3px}.chase-hud b{display:block;font-size:18px;font-variant-numeric:tabular-nums}.chase-hud em{font-size:8px;font-style:normal;color:#bac4d8}.chase-hud .chase-combo{text-align:center}.chase-hud .chase-combo b{font-size:13px;color:#ffdf63}.chase-hud>div:last-child{text-align:right}

.skill.boosting{box-shadow:0 0 26px var(--hero),inset 0 0 18px #ffffff60;border-color:#fff}.skill.boosting small{color:#fff}

/* 开局难度与追逐对白使用独立控件，不占用跑道手势。 */
.home-bottom{gap:9px}
.difficulty-picker{background:#17253de8;border:1px solid #8c80ab80;border-radius:9px;padding:9px}
.difficulty-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px;gap:5px;color:#fff}
.difficulty-heading b{font-size:11px}.difficulty-heading>span{font-size:9px;color:#c3bfd5}
.difficulty-options{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.difficulty-options button{min-height:44px;border:1px solid #74809c;border-radius:6px;background:#293750;color:#e0e8f8;font-size:15px;font-weight:850}
.difficulty-options small{font-size:9px;font-weight:500;margin-left:4px}
.difficulty-options button[aria-pressed="true"]{background:#ffe83b;color:#19243b;border-color:#fff08a;box-shadow:0 2px 0 #ae72df}
.difficulty-options button:focus-visible{outline:2px solid #fff;outline-offset:2px}
.thief-taunt{position:absolute;width:180px;max-width:47%;transform:translateX(-50%);z-index:1;pointer-events:none;border:2px solid #573561;border-radius:13px;background:#fff3ce;color:#362340;padding:7px 8px;box-shadow:0 3px 0 #321c3f55;text-align:center}
.thief-taunt::after{content:'';position:absolute;left:var(--tail,50%);bottom:-7px;width:10px;height:10px;background:#fff3ce;border-right:2px solid #573561;border-bottom:2px solid #573561;transform:translateX(-50%) rotate(45deg)}
.thief-taunt small{display:block;font-size:8px;letter-spacing:2px;color:#91537b;margin-bottom:3px}.thief-taunt span{font-size:clamp(10px,3.1cqw,13px);font-weight:850;line-height:1.45;display:block}
.result-difficulty{display:inline-block;padding:4px 12px;background:#354361;border-radius:20px;font-size:11px;color:#eee1ff}
@media(max-height:720px) and (max-width:600px){.home-bottom{gap:6px;left:16px;right:16px}.hero-detail{padding:5px 8px}.difficulty-picker{padding:6px}.difficulty-heading{margin-bottom:4px}.start{padding:10px;font-size:24px}.home-nav button{padding:7px 4px}.home-note{font-size:7px;letter-spacing:0}}

.voice-button{background:#23314dd9;color:#f0d6ff;border:1px solid #d9b8ff90;border-radius:7px;min-width:30px;min-height:32px;font-size:21px;line-height:1}.voice-button[aria-pressed="false"]{color:#a3afc4;opacity:.75}.voice-button:focus-visible{outline:2px solid #ffe83b;outline-offset:2px}.thief-taunt[data-mood="panic"]{background:#ffe5ef;border-color:#a13f6e;color:#681e40}.thief-taunt[data-mood="panic"]::after{background:#ffe5ef;border-color:#a13f6e}.thief-taunt[data-audio="playing"] small::after{content:' ♪';letter-spacing:0;color:#8d4c9c}

.score-form{border:1px solid #8d75b0;border-radius:9px;padding:12px;margin:15px 0;text-align:left;background:#14243a}.score-form label{font-size:13px;font-weight:800;display:block;margin-bottom:9px}.score-form input{width:100%;min-height:44px;border:1px solid #7c8dab;border-radius:6px;background:#fffdf1;color:#1b2840;padding:10px;font:16px inherit;touch-action:auto;user-select:text}.score-form>small{display:block;font-size:10px;color:#b8c6dc;margin-top:8px}.score-form p{font-size:12px;line-height:1.6;color:#ffe982;min-height:18px}.score-form .text-button{margin-top:0}.score-form button:disabled{opacity:.6}.board-tabs{display:flex;gap:8px;margin:15px 0}.board-tabs button{flex:1;min-height:44px;background:#243650;border:1px solid #8490ab;border-radius:6px;color:#fff}.board-tabs button[aria-pressed="true"]{background:#ffe438;color:#17243a;font-weight:850}.board-rows{list-style:none;padding:0;margin:0}.board-rows li{display:flex;gap:12px;align-items:center;padding:14px 3px;border-bottom:1px solid #ffffff22}.board-rank{width:24px;color:#ffe438}.board-rows li>div{flex:1;min-width:0}.board-rows strong{font-size:14px;overflow-wrap:anywhere}.board-rows small{display:block;font-size:10px;color:#b8c6dd;margin-top:5px}.board-rows li>b:last-child{text-align:right;font-size:20px}.board-empty{text-align:center;padding:40px 0;color:#bdc9df;line-height:2}.board-month{font-size:10px;color:#bdc9df}.home-nav button{min-width:0;font-size:10px}.home-nav button>span{margin-right:3px}
/* 菜单打开时允许手机纵向滚动长榜单和结算表单。 */
.game:has(.modal:not([hidden])){touch-action:pan-y}.modal,.modal-content{touch-action:pan-y;overscroll-behavior:contain}

.map-select{min-height:44px;display:flex;align-items:center;gap:10px;padding:7px 11px;border:1px solid #ecc987a0;border-radius:8px;background:#192b45ed;color:#fff;text-align:left}.map-select>span:first-child{font-size:24px;color:#ffe990}.map-select b{display:block;font-size:12px}.map-select small{display:block;font-size:8px;color:#bccae2;margin-top:3px}.map-select em{font-size:10px;font-style:normal;margin-left:auto;color:#ffe990}.map-grid{display:grid;gap:12px;margin:18px 0 22px}.map-card{display:block;position:relative;width:100%;border:1px solid #7d8da8;border-radius:10px;overflow:hidden;background:#1c304a;color:#fff;text-align:left;padding:0}.map-card[aria-pressed="true"]{border:2px solid #ffe438;box-shadow:0 0 16px #ffe43825}.map-card img{position:static;width:100%;height:94px;object-fit:cover;object-position:center 20%;display:block}.map-card>span{display:block;padding:10px 12px}.map-card b{display:block;font-size:15px}.map-card small{display:block;font-size:10px;color:#b5c6dd;margin-top:5px}.map-card em{position:absolute;right:12px;bottom:14px;font-size:11px;font-style:normal;color:#ffe990}.home-bottom{gap:7px}@media(max-height:720px) and (max-width:600px){.home-bottom{gap:5px}.map-select{padding:4px 9px}.map-select small{display:none}.map-grid{gap:8px}.map-card img{height:70px}}

.setup-row{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:7px}.setup-row .map-select{gap:5px;padding:6px 8px;min-width:0}.setup-row .map-select>span:first-child{font-size:18px}.setup-row .map-select>span:nth-child(2){min-width:0}.setup-row .map-select b,.setup-row .map-select small{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.setup-row .map-select b{font-size:11px}.setup-row .map-select small{font-size:7px}.learning-select{min-height:44px;text-align:left;padding:7px 9px;color:#c9ffe9;background:#153b3bee;border:1px solid #70d7b1;border-radius:8px}.learning-select b{display:block;font-size:10px}.learning-select small{display:block;margin-top:4px;font-size:10px;color:#fff0a3}.grade-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0}.grade-grid button{min-height:44px;border:1px solid #6e829f;background:#233b55;border-radius:7px;color:#fff;font-weight:750}.grade-grid button[aria-pressed="true"]{color:#17243a;background:#ffe438;border-color:#ffec86}.learning-note{font-size:10px;color:#b1c3d9;line-height:1.7}.learning-tools{display:flex;gap:8px;margin:0 0 20px}.learning-tools .secondary{font-size:12px}.word-question{text-align:center;margin:15px 0 20px}.word-question>small{font-size:12px;color:#c1d3e8}.word-question h2{font-family:ui-rounded,system-ui,sans-serif;font-size:clamp(26px,8cqw,38px);color:#fff1a3;overflow-wrap:anywhere;margin:20px 0 12px}.word-question p{font-size:14px;line-height:1.7;color:#e1e8f6;margin-bottom:12px}.word-question>span{font-size:10px;color:#9fc8c1}.answer-grid{display:grid;gap:10px}.answer-grid button{display:flex;align-items:center;gap:12px;min-height:52px;border-radius:8px;border:1px solid #91a7c6;background:#233953;color:#fff;padding:12px;text-align:left;font-size:14px;line-height:1.5}.answer-grid button>b{color:#ffe990;font-size:14px}.answer-grid button:disabled{opacity:.75}.answer-grid button.answer-correct{border-color:#6affb6;background:#17483b;opacity:1}.answer-grid button.answer-wrong{border-color:#ff8ca4;background:#5a263c;opacity:1}.word-feedback{border-radius:8px;margin:16px 0;padding:14px;font-size:13px;line-height:1.7;border:1px solid #dfd294;background:#2e3e46}.word-feedback.correct{border-color:#7dffbd;background:#163e39}.word-feedback.wrong{border-color:#ffb0bc;background:#422d40}.word-feedback p{margin:9px 0}.word-feedback small{color:#c7d6e8}.word-study{text-align:center;line-height:1.9;padding:22px 4px 30px}.word-study>small{font-size:10px;color:#a8c0db}.word-study h2{font-size:30px;overflow-wrap:anywhere;color:#ffe990;margin:18px 0 9px}.word-study>strong{font-size:20px;color:#b2ffda}.word-study p{font-size:14px;color:#e1e9f7}.modal-content:has(.word-question){overscroll-behavior:contain}
.pronunciation-controls{text-align:center;margin:12px 0 16px}.pronunciation-buttons{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}.pronunciation-buttons button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:8px 13px;border:1px solid #8cdcc8;border-radius:22px;background:#153e41;color:#d6fff0;font:700 12px system-ui;cursor:pointer}.pronunciation-buttons button>span{font-size:17px}.pronunciation-buttons button.speaking{background:#e1ffb3;color:#142f35;border-color:#e1ffb3;box-shadow:0 0 14px #afffc33b}.pronunciation-buttons button:focus-visible{outline:3px solid #d7b2ff;outline-offset:3px}.pronunciation-controls>small{display:block;font-size:10px;color:#b6d6d2;margin-top:7px;line-height:1.5}.word-feedback .pronunciation-controls{margin:14px 0}.word-study .pronunciation-controls{margin-bottom:20px}