:root{font-family:ui-sans-serif,-apple-system,"PingFang SC",sans-serif;color:#273b35;background:#eef0e5;font-size:14px}*{box-sizing:border-box}body{margin:0}main{max-width:1168px;margin:auto;padding:28px 24px}header{display:flex;justify-content:space-between;align-items:center;gap:20px}h1{font-family:serif;font-size:30px;letter-spacing:.08em;margin:6px 0}.eyebrow{font-size:10px;letter-spacing:.16em;color:#748578}nav{display:flex;gap:8px}a{color:#547968;text-decoration:none}nav a,button,select{border:1px solid #bdcbbb;border-radius:6px;padding:9px 14px;background:#f9faf3;color:#365548;font:inherit;cursor:pointer}.active,button.selected{background:#365d4d;color:white;border-color:#365d4d}.intro{color:#6a7c6d;margin:14px 0 20px}.stage{position:relative;box-shadow:0 12px 35px #3a54421a;border-radius:12px;overflow:hidden;background:#dce4d3}.stage>canvas{display:block;width:100%;height:auto;outline:none;touch-action:none}.hud{position:absolute;top:16px;left:18px;right:18px;display:flex;justify-content:space-between;pointer-events:none;font-size:12px}.hud span{padding:7px 12px;background:#f9faf1e8;border:1px solid #c7d3be;border-radius:20px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0 24px;color:#788574;font-size:12px}.toolbar div{display:flex;gap:8px}button:hover{background:#e2ebdc}button.selected:hover{background:#45735d}details{border-top:1px solid #cbd5c2;padding:16px 0;color:#73816f}summary{cursor:pointer}.inspector{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:16px}.compare{display:flex;gap:20px;justify-content:center;align-items:center;background:#c6d5c1;padding:20px;margin-top:14px;border-radius:8px}.compare canvas,.compare video{max-width:45%;width:256px;height:352px;object-fit:contain}.compare video{background:#46738c}footer{font-size:11px;color:#8b9786;display:flex;gap:15px;flex-wrap:wrap}.touch-pad{position:absolute;bottom:22px;left:22px;width:112px;height:112px;border:1px solid #ffffff9c;background:#eef6e252;border-radius:50%;touch-action:none;display:none}.touch-pad i{position:absolute;left:36px;top:36px;width:40px;height:40px;border-radius:50%;background:#4a6f5c88;pointer-events:none}:fullscreen{background:#dce4d3}:fullscreen canvas{width:100vw;height:100vh;object-fit:contain}@media(pointer:coarse){.touch-pad{display:block}}@media(max-width:650px){main{padding:16px 10px}header{align-items:flex-start}h1{font-size:23px}nav{font-size:12px;gap:4px}nav a{padding:8px}.intro{font-size:12px}.toolbar{flex-direction:column;align-items:flex-start}.stage>canvas{height:auto}.touch-pad{width:84px;height:84px;bottom:12px;left:12px}.touch-pad i{left:22px;top:22px}.hud{left:9px;right:9px;top:10px}.hud span{padding:6px 9px;font-size:10px}.compare{gap:6px;padding:8px}.compare canvas,.compare video{height:250px}}

#fight-link{display:block}

.village-stage{background:#5d7550;user-select:none}.village-stage .hud span{background:#f9faf1dc;backdrop-filter:blur(8px)}.sprint-pad{display:none;position:absolute;bottom:22px;right:22px;width:84px;height:84px;border-radius:50%;background:#f4f2d6ad;touch-action:none;user-select:none;font-weight:600}.sprint-pad.selected{background:#365d4ddc;color:white}@media(pointer:coarse){.sprint-pad{display:block}}@media(max-width:650px){.village-stage{overflow-x:auto}.village-stage .hud{gap:5px}.village-stage .hud span{font-size:9px;padding:5px 7px}.sprint-pad{width:64px;height:64px;right:12px;bottom:12px;font-size:11px}}