*{box-sizing:border-box}body{margin:0;background:#101819;color:#d8e4da;font:14px system-ui,'Microsoft Yahei',sans-serif}header{height:86px;border-bottom:1px solid #344439;display:flex;align-items:center;gap:14px;padding:12px 26px;background:#17231e}h1{font-size:24px;margin:2px 0;letter-spacing:3px}h1 span{font-size:11px;color:#9aae93;letter-spacing:1px}small,.eyebrow{font-size:10px;letter-spacing:2px;color:#aab694}#stats{margin-left:auto;color:#e4c47b;font-size:16px;word-spacing:14px}button{border:1px solid #5d7057;border-radius:4px;background:#263b2e;color:#e1e9d7;padding:9px 13px;cursor:pointer}button:hover{background:#3b5540;border-color:#b9c58c}button:disabled{opacity:.42;cursor:default}main{display:grid;grid-template-columns:minmax(0,1fr) 320px;height:calc(100dvh - 86px)}#battle{position:relative;overflow:hidden;min-height:350px}canvas{width:100%;height:100%;display:block}.map-label{position:absolute;top:20px;left:24px;font-weight:700;font-size:17px;text-shadow:0 1px 8px #000;pointer-events:none}.map-label span{display:block;color:#b7c8aa;font-size:10px;letter-spacing:3px;margin-top:4px}.bottom{position:absolute;bottom:16px;left:20px;right:20px;display:flex;align-items:center;gap:12px;justify-content:space-between;background:#102019db;border:1px solid #59694c;padding:10px 14px;border-radius:5px}#hint{font-size:12px;color:#c8d5b7}#wave{background:#b99c55;color:#152219;font-weight:bold;flex-shrink:0}aside{background:#17231f;border-left:1px solid #3c4b3e;overflow:auto;padding:22px 18px}h2{font-size:21px;margin:8px 0 10px}#panelInfo{color:#aabaad;font-size:12px;line-height:1.7}.choice{display:flex;align-items:center;gap:10px;width:100%;text-align:left;margin:8px 0;padding:8px}.choice img{width:52px;height:52px;object-fit:contain;background:#18231c;border-radius:3px}.choice b{display:block;font-size:13px}.choice em{font-style:normal;display:block;font-size:11px;color:#d7bd7c;margin-top:4px}.choice small{letter-spacing:0;font-size:10px;color:#b5c3af}.stat{border-top:1px solid #35483a;padding:10px 0;font-size:11px;line-height:1.8;color:#b5c5b6}#banner{position:absolute;top:43%;width:100%;text-align:center;font-size:27px;font-weight:bold;color:#f1d59d;text-shadow:0 3px 12px #000;pointer-events:none}dialog{background:#1b2c23;color:#dde7d5;border:1px solid #99a77a;border-radius:7px;width:min(650px,93vw);max-height:85dvh;line-height:1.8}dialog::backdrop{background:#000a}dialog p{font-size:13px}dialog button{margin-top:14px}@media(max-width:850px){header{height:72px;padding:8px;gap:6px}h1{font-size:17px}small{font-size:8px}#stats{font-size:11px}header button{padding:6px}main{height:calc(100dvh - 72px);grid-template-columns:1fr;grid-template-rows:60% 40%}aside{border-left:0;border-top:1px solid #475840;padding:12px}#actions{display:flex;gap:8px;flex-wrap:wrap}.choice{width:calc(50% - 4px);margin:3px 0}.bottom{left:7px;right:7px;bottom:6px;padding:6px}#hint{max-width:52%;font-size:10px}}