:root{color:#4a3328;font-synthesis:none;background:#2a2235;font-family:ZCOOL KuaiLe,Microsoft YaHei,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#app{touch-action:none;width:100%;height:100%;margin:0;overflow:hidden}#app{background:radial-gradient(circle at 20% 20%,#ffd23f1f,#0000 28%),radial-gradient(circle at 80% 70%,#5ec4d61f,#0000 32%),#2a2235;position:relative}.hidden{display:none!important}#battle-layout{grid-template-columns:minmax(0,960px) minmax(220px,260px);justify-content:center;align-items:center;gap:16px;width:100%;height:100%;padding:16px;display:grid}#game{aspect-ratio:5/3;background:#f5ead0;border:4px solid #4a3328;border-radius:18px;width:100%;max-height:calc(100vh - 32px);overflow:hidden;box-shadow:8px 10px #140e1b8c}#game canvas{display:block;width:100%!important;height:100%!important}#battle-rail{background:#f5ead0f5;border:3px solid #4a3328;border-radius:20px;flex-direction:column;gap:12px;width:100%;height:min(576px,100vh - 32px);min-height:430px;padding:16px;display:flex;overflow:hidden auto;box-shadow:6px 8px #140e1b7a}#hud{pointer-events:none;grid-template-columns:1fr 1fr;gap:8px;display:grid}#hud span{text-align:center;white-space:nowrap;background:#fff8e8;border:2px solid #4a3328;border-radius:10px;min-width:0;padding:8px 6px;box-shadow:2px 2px #4a33288c}#hud-reward{color:#fff;grid-column:1/-1;background:#9b59b6!important}#battle-brief{background:#ffffff52;border:2px dashed #4a332880;border-radius:14px;gap:6px;padding:12px;display:grid}#battle-brief p,#battle-brief strong,#battle-brief small,#desktop-controls,#touch-controls p{margin:0}.rail-kicker{color:#9b59b6;letter-spacing:.12em;font-size:12px}#battle-brief strong{color:#e84545;font-size:20px}#battle-brief small{line-height:1.55}#desktop-controls{color:#4a3328c7;background:#5ec4d629;border-radius:12px;padding:10px;font-size:13px;line-height:1.65}#pause-button{color:#4a3328;cursor:pointer;background:#ffd23f;border:3px solid #4a3328;border-radius:12px;width:100%;margin-top:auto;padding:10px;font:17px ZCOOL KuaiLe,sans-serif;box-shadow:3px 3px #4a3328}#fullscreen-button{color:#4a3328;cursor:pointer;background:#fff8e8;border:2px solid #4a3328;border-radius:10px;width:100%;padding:8px;font:15px ZCOOL KuaiLe,sans-serif;box-shadow:2px 2px #4a33288c}:fullscreen #app{background:#2a2235}:fullscreen #battle-layout{width:100vw;height:100vh;padding:0;display:block}:fullscreen #game{width:min(100vw,166.667vh);max-width:none;height:min(100vh,60vw);max-height:none;box-shadow:none;border:0;border-radius:0;margin:0 auto}:fullscreen #battle-rail{z-index:20;width:100%;height:100%;min-height:0;box-shadow:none;pointer-events:none;background:0 0;border:0;border-radius:0;padding:14px 18px;position:absolute;inset:0;overflow:visible}:fullscreen #battle-rail>*{pointer-events:auto}:fullscreen #battle-brief,:fullscreen #desktop-controls{display:none!important}:fullscreen #hud{width:220px;display:grid;position:absolute;top:14px;left:18px}:fullscreen #pause-button,:fullscreen #fullscreen-button{width:auto;min-width:110px;margin:0;position:absolute;right:18px}:fullscreen #pause-button{top:14px}:fullscreen #fullscreen-button{top:62px}:fullscreen #touch-controls{width:210px;position:fixed;bottom:16px;right:16px}#overlay,#study-overlay{z-index:30;backdrop-filter:blur(8px);background:#2a2235b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0;overflow:auto}#study-overlay{z-index:32}.panel{text-align:center;background:#f5ead0;border:4px solid #4a3328;border-radius:28px 22px 30px 20px;width:min(540px,94vw);padding:32px 28px;box-shadow:10px 12px #140e1b8c}.eyebrow{color:#9b59b6;letter-spacing:.08em;margin:0 0 8px;font-size:14px}#overlay-title{color:#e84545;text-shadow:3px 3px #ffd23f,6px 6px #4a3328;margin:0;font:64px/1 Ma Shan Zheng,serif;transform:rotate(-2deg)}#overlay-copy{min-height:48px;margin:22px 0 14px;font-size:19px;line-height:1.55}.mode-picker,.level-picker,.study-grades,.math-options,.study-actions{justify-content:center;gap:10px;display:flex}.mode-picker{margin-bottom:16px}.mode-picker button,.level-picker button{color:#4a3328;font:inherit;cursor:pointer;background:#fff8e8;border:2px solid #4a3328;border-radius:10px;padding:8px 14px}.mode-picker button.selected,.level-picker button.selected{background:#5ec4d6;transform:translate(-1px,-1px);box-shadow:2px 2px #4a3328}.level-picker{margin-bottom:18px}.level-picker button{width:38px;height:38px;padding:0}.level-picker button:disabled{opacity:.35;cursor:not-allowed}#primary-action{color:#fff;cursor:pointer;background:#ff9a3c;border:3px solid #4a3328;border-radius:16px;padding:12px 42px;font:24px ZCOOL KuaiLe,sans-serif;box-shadow:5px 5px #4a3328}#primary-action:active,#pause-button:active,button.pressed{transform:translate(2px,2px);box-shadow:1px 1px #4a3328!important}.controls-copy{color:#4a3328ad;margin:18px 0 0;font-size:13px;line-height:1.55}.study-panel{width:min(560px,95vw)}#study-title{color:#9b59b6;margin:4px 0 12px;font:48px/1.1 Ma Shan Zheng,serif}#study-copy{min-height:50px;margin:12px 0 16px;font-size:18px;line-height:1.5}.study-grades button,.math-options button,#study-primary,#study-leave{color:#4a3328;cursor:pointer;background:#fff8e8;border:3px solid #4a3328;border-radius:14px;padding:11px 20px;font:18px ZCOOL KuaiLe,sans-serif;box-shadow:3px 3px #4a3328}.study-grades button{background:#5ec4d6}.math-options{grid-template-columns:repeat(2,minmax(90px,1fr));max-width:360px;margin:0 auto;display:grid}.math-options button{font-size:22px}.math-options button:disabled{opacity:.68}.study-actions{margin-top:16px}#study-primary{color:#fff;background:#ff9a3c}#math-prompt{color:#e84545;margin:10px 0 18px;font-size:34px}.study-feedback{min-height:30px;margin:16px 0 0;font-size:18px}.study-feedback.correct{color:#3f7d35}.study-feedback.wrong{color:#c63d3d}#touch-controls{pointer-events:none;touch-action:none;user-select:none;-webkit-touch-callout:none;flex-direction:column;gap:10px;display:none}#touch-controls p{color:#4a3328b8;text-align:center;font-size:12px}.classic-touch,.tactical-touch,.touch-group{justify-items:center;gap:5px;display:grid}.tactical-touch{gap:8px}html[data-control-mode=classic] .tactical-touch,html[data-control-mode=tactical] .classic-touch{display:none}.control-pad{pointer-events:auto;grid-template:repeat(3,42px)/repeat(3,minmax(42px,58px));gap:3px;display:grid}.control-pad button,.turn-grid button,#fire-button{color:#4a3328;touch-action:none;cursor:pointer;background:#fff8e8;border:2px solid #4a3328;border-radius:10px;font:15px ZCOOL KuaiLe,sans-serif;box-shadow:2px 2px #4a3328bf}.control-pad button:first-child{grid-area:1/2}.control-pad button:nth-child(2){grid-area:2/1}.control-pad .pad-core{color:#4a332880;border:2px dashed #4a332859;border-radius:50%;grid-area:2/2;place-items:center;display:grid}.control-pad button:nth-child(4){grid-area:2/3}.control-pad button:nth-child(5){grid-area:3/2}.turn-grid{pointer-events:auto;grid-template-columns:1fr 1fr;gap:5px;width:100%;display:grid}.turn-grid button{min-height:34px;font-size:12px}#fire-button{color:#fff;pointer-events:auto;background:#e84545;width:100%;min-height:58px;font-size:20px}#rotate-hint{display:none}@media (pointer:coarse){#battle-layout{padding:10px max(10px, env(safe-area-inset-right)) 10px max(10px, env(safe-area-inset-left));grid-template-columns:minmax(0,1fr) clamp(224px,27vw,290px);gap:10px}#game{border-width:3px;border-radius:14px;max-height:calc(100vh - 20px)}#battle-rail{gap:8px;height:min(576px,100vh - 20px);min-height:0;padding:10px}#hud{gap:4px}#hud span{border-width:1px;padding:5px 3px;font-size:11px}#battle-brief,#desktop-controls{display:none!important}#touch-controls.playing{display:flex}.control-pad{grid-template:repeat(3,36px)/repeat(3,minmax(40px,54px))}.classic-touch,.tactical-touch>.touch-group:first-child{z-index:24;bottom:max(10px, env(safe-area-inset-bottom));left:max(12px, env(safe-area-inset-left));background:#f5ead0f5;border:2px solid #4a3328;border-radius:15px;padding:3px 8px 6px;position:fixed;box-shadow:4px 5px #140e1b7a}#pause-button{min-height:36px;padding:6px;font-size:14px}}@media (pointer:coarse) and (height<=650px){.control-pad{grid-template:repeat(3,34px)/repeat(3,minmax(38px,52px))}.turn-grid button{min-height:29px}#fire-button{min-height:44px}#touch-controls,.tactical-touch{gap:4px}}@media (width<=760px){#overlay-title{font-size:48px}.panel{padding:26px 18px}#study-title{font-size:40px}}@media (pointer:coarse) and (orientation:portrait){#rotate-hint{z-index:50;color:#fff7dd;text-align:center;background:#2a2235f0;place-items:center;padding:32px;font-size:clamp(22px,6vw,38px);display:grid;position:fixed;inset:0}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.back-link{z-index:9999;color:#ffffff4d;backdrop-filter:blur(4px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;text-decoration:none;transition:all .2s;display:flex;position:fixed;top:12px;left:12px}.back-link:hover{color:#fffc;background:#ffffff1a}