:root{color-scheme:dark;--cream:#eee8d2;--mint:#b4ddbd;--muted:#afc5ba;--coral:#ff9477}*{box-sizing:border-box}body{margin:0;background:#0b1c26;color:var(--cream);font-family:'Microsoft YaHei','Segoe UI',sans-serif;overflow:hidden;width:100vw;height:100vh;height:100dvh}.world{position:fixed;inset:0}#game{display:block;width:100%;height:100%;touch-action:none}.vignette{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 130px 30px #020f1855;background:linear-gradient(0deg,#06172280,transparent 20%,transparent 75%,#03162244)}button{font:inherit;color:inherit;cursor:pointer;transition:background .2s,filter .2s,transform .2s}button:hover{filter:brightness(1.15)}button:active{transform:translateY(1px)}button:disabled{cursor:default;opacity:.5;filter:none}button:focus-visible{outline:2px solid var(--mint);outline-offset:4px}[hidden]{display:none!important}.hud-brand{position:fixed;left:32px;top:25px;text-shadow:0 2px 10px #0008;pointer-events:none}.hud-brand h1{font:normal 32px 'KaiTi','STKaiti','STSong',serif;letter-spacing:7px;margin:0 0 3px}.hud-brand>p{font:11px Georgia,serif;letter-spacing:3px;margin:0 0 15px}.scores{display:flex;gap:22px;padding-top:10px;border-top:1px solid #cdd8b850;font:11px 'STSong','SimSun',serif;letter-spacing:2px}.scores strong{font:23px Georgia,serif;margin-left:7px;letter-spacing:0}.map-panel{position:fixed;right:30px;top:21px;filter:drop-shadow(0 3px 10px #0007)}.map-heading{display:flex;justify-content:space-between;align-items:center;margin:0 2px 7px;font:12px Georgia,serif;letter-spacing:2px}.map-heading span:last-child{font:10px 'Microsoft YaHei',sans-serif;letter-spacing:1px;color:#dce8d2}#minimap{display:block;width:144px;height:144px;border:1px solid #d3d2a578;border-radius:4px;background:#041b1cda;box-shadow:inset 0 0 18px #b5cdac11}.map-legend{display:flex;justify-content:space-between;margin-top:7px;font-size:9px;letter-spacing:1px}.mint{color:var(--mint)}.coral{color:var(--coral)}.status-line{position:fixed;left:32px;bottom:28px;font-size:9px;letter-spacing:1px;display:flex;align-items:center;gap:8px;color:#b9cdbe;text-shadow:0 1px 6px #0008}.status-line i{width:4px;height:4px;border-radius:50%;background:var(--mint);box-shadow:0 0 8px var(--mint)}#levelLabel{margin-left:10px;opacity:.75}.controls-help{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:16px;border:1px solid #c9d5b640;border-radius:12px;background:#071e2380;backdrop-filter:blur(8px);padding:12px 18px;font-size:11px;white-space:nowrap}.controls-help em{width:1px;height:18px;background:#c9d5b64a}kbd{display:inline-block;font:10px 'Segoe UI',sans-serif;padding:4px 6px;border:1px solid #c9d5b666;border-radius:4px;margin-right:4px}.tools{position:fixed;bottom:25px;right:30px;display:flex;gap:10px}.tool{width:45px;height:45px;border:1px solid #c9d5b680;border-radius:11px;background:#061d2399;backdrop-filter:blur(8px);font-size:21px}.tool[aria-pressed=true]{background:#4e796799;border-color:var(--mint)}.warning{position:fixed;top:24px;left:50%;transform:translateX(-50%);color:#ffdfa4;padding:10px 18px;border:1px solid #e8c9876b;border-radius:24px;background:#3d3323c9;font-size:12px;letter-spacing:2px;backdrop-filter:blur(8px);pointer-events:none}.overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:4;background:#031a2028;padding:18px;pointer-events:none}.menu{pointer-events:auto;width:360px;max-width:100%;text-align:center;padding:30px 32px 25px;border:1px solid #d4dcc04a;border-radius:24px;background:linear-gradient(145deg,#153832e3,#061d25ed);backdrop-filter:blur(16px);box-shadow:0 24px 80px #0005}.eyebrow{font:9px Georgia,serif;letter-spacing:3px;color:#b7cbb1}.menu h2{font:normal 36px 'KaiTi','STKaiti','STSong',serif;line-height:1.25;letter-spacing:3px;margin:22px 0 14px}.menu p{font-size:12px;line-height:1.9;color:#c3d4c5;margin:0 0 23px}.primary{width:100%;padding:14px;border-radius:28px;border:1px solid #dcf3c58c;background:linear-gradient(110deg,#b8dfb5,#72a38c);color:#16372d;font:20px 'KaiTi','STKaiti','STSong',serif;letter-spacing:3px;box-shadow:inset 0 1px 5px #ecffda44}.secondary{border:0;background:none;color:#c7d9c2;margin-top:12px;font-size:11px;padding:5px}.difficulty{margin-top:25px}.difficulty label{font-size:10px;letter-spacing:2px;color:#d0dcc8}.difficulty>div{display:flex;gap:9px;margin-top:12px}.difficulty button{flex:1;padding:9px 0;border-radius:20px;border:1px solid #c9d5b650;background:#071e2355;font-size:11px;letter-spacing:2px}.difficulty button.active{border-color:#c6e4b1;background:#6c906357}.difficulty small{display:block;font-size:9px;color:#a7bdaa;line-height:1.7;margin-top:13px}.menu-foot{display:block;font-size:9px;letter-spacing:1px;color:#89a494;margin-top:22px}.touch-controls{display:none}
@media(max-width:800px){.hud-brand{left:18px;top:max(17px,env(safe-area-inset-top))}.hud-brand h1{font-size:23px;letter-spacing:4px}.hud-brand>p{font-size:8px;letter-spacing:2px;margin-bottom:10px}.scores{font-size:9px;gap:13px;padding-top:8px;letter-spacing:1px}.scores strong{font-size:19px;margin-left:4px}.map-panel{right:17px;top:max(16px,env(safe-area-inset-top))}#minimap{width:108px;height:108px}.map-heading{font-size:10px;margin-bottom:4px}.map-heading span:last-child{font-size:8px}.map-legend{font-size:8px;margin-top:5px}.controls-help{display:none}.tools{right:17px;bottom:max(18px,env(safe-area-inset-bottom))}.tool{width:37px;height:37px;font-size:19px}.status-line{left:17px;bottom:max(27px,env(safe-area-inset-bottom));font-size:8px}.status-line #levelLabel{display:none}.touch-controls{position:fixed;left:0;right:0;bottom:max(75px,calc(env(safe-area-inset-bottom) + 58px));display:flex;justify-content:space-between;padding:0 20px;pointer-events:none}.touch-controls button{pointer-events:auto;width:69px;height:66px;border:1px solid #c9d5b67a;border-radius:18px;background:#123930a8;backdrop-filter:blur(8px);touch-action:manipulation;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px}.touch-controls b{font:28px Georgia,serif}.touch-controls span{font-size:9px;letter-spacing:2px}.warning{top:155px;font-size:10px;padding:8px 12px;white-space:nowrap}.menu{width:310px;padding:24px 27px 21px}.menu h2{font-size:31px;margin:18px 0 12px}.menu p{font-size:11px;margin-bottom:18px}.difficulty{margin-top:20px}.menu-foot{margin-top:17px}.overlay{padding-bottom:50px}}
@media(max-height:560px){.menu{padding:17px 26px;width:360px}.menu h2{font-size:27px;margin:12px 0}.menu p{margin-bottom:12px}.difficulty{margin-top:15px}.menu-foot{display:none}.hud-brand h1{font-size:23px}.hud-brand>p{font-size:8px}.map-panel{top:15px}#minimap{width:108px;height:108px}.warning{top:18px}.overlay{padding-bottom:18px}}
@media(prefers-reduced-motion:reduce){button{transition:none}}