:root{--ink:#233129;--ink2:#51604f;--paper:#fbf6e8;--paper2:#f1e8d0;--line:#d8cba8;--accent:#1f7f86;--accent2:#e59a2f;--glass:rgba(251,246,232,.93);font-family:PingFang SC,Microsoft YaHei,Noto Sans SC,system-ui,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;height:100%;overflow:hidden;background:#cfe0e6;color:var(--ink)}#view{position:fixed;inset:0;width:100%;height:100%;display:block;outline:none;touch-action:none}button{font:inherit;color:inherit;cursor:pointer}#brand{position:fixed;left:16px;top:14px;display:flex;align-items:baseline;gap:10px;padding:8px 14px;border-radius:10px;background:var(--glass);box-shadow:0 2px 10px #1e281e1f;z-index:5}#brand strong{font-size:17px;letter-spacing:.04em}#brand span{font-size:12px;color:var(--ink2)}#shots{position:fixed;left:16px;top:62px;bottom:84px;width:220px;display:flex;flex-direction:column;background:var(--glass);border-radius:12px;box-shadow:0 4px 18px #1e281e24;z-index:5;overflow:hidden}#shots .head{padding:12px 14px 8px;border-bottom:1px solid var(--line)}#shots .head b{display:block;font-size:14px}#shots .head span{font-size:11.5px;color:var(--ink2);line-height:1.5}#shotList{overflow-y:auto;padding:6px 8px 12px}#shotList h4{margin:10px 6px 4px;font-size:11px;letter-spacing:.12em;color:var(--ink2);font-weight:600}#shotList button{display:block;width:100%;text-align:left;border:0;background:none;padding:6px 8px;border-radius:7px;font-size:13.5px}#shotList button:hover{background:var(--paper2)}#shotList button.on{background:var(--accent);color:#fff}#bar{position:fixed;left:0;right:0;margin:0 auto;width:fit-content;bottom:16px;display:flex;flex-wrap:wrap;justify-content:center;gap:6px;align-items:center;padding:7px;border-radius:14px;background:var(--glass);box-shadow:0 4px 18px #1e281e29;z-index:6;max-width:calc(100% - 32px)}#bar>button,.seg button{border:1px solid var(--line);background:#fffdf6;padding:6px 10px;border-radius:9px;font-size:13px;white-space:nowrap}.seg{display:flex}.seg button{border-radius:0;margin-left:-1px}.seg button:first-child{border-radius:9px 0 0 9px;margin-left:0}.seg button:last-child{border-radius:0 9px 9px 0}.seg button.on,#bar>button.on{background:var(--ink);color:#fff;border-color:var(--ink)}#coords{position:fixed;right:16px;bottom:84px;padding:6px 10px;border-radius:8px;background:#233129c7;color:#f6efd9;font-size:12px;font-variant-numeric:tabular-nums;z-index:5;line-height:1.55;pointer-events:none}#fly{position:fixed;right:16px;bottom:128px;display:flex;flex-direction:column;gap:6px;z-index:5}#fly button{display:flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--glass);padding:7px 12px;border-radius:10px;font-size:13px;box-shadow:0 2px 10px #1e281e24;-webkit-user-select:none;user-select:none;touch-action:none}#fly button:active{background:var(--ink);color:#fff;border-color:var(--ink)}#placePanel{position:fixed;left:0;right:0;margin:0 auto;width:fit-content;bottom:74px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 12px;padding:9px 12px;border-radius:12px;background:var(--glass);box-shadow:0 4px 18px #1e281e29;z-index:6;max-width:calc(100% - 32px)}#placePanel .tip{font-size:12.5px;color:var(--ink2)}#placePanel .chips{display:flex;gap:6px}#placePanel button{border:1px solid var(--line);background:#fffdf6;padding:6px 12px;border-radius:999px;font-size:13px;white-space:nowrap}#placePanel button.on{background:var(--accent);border-color:var(--accent);color:#fff}#placePanel .quiet{background:none;border-color:transparent;color:var(--ink2);text-decoration:underline;text-underline-offset:3px}#sitBtn{position:fixed;left:50%;bottom:80px;transform:translate(-50%);border:0;background:var(--accent);color:#fff;padding:10px 20px;border-radius:999px;font-size:15px;box-shadow:0 6px 20px #143c3c4d;z-index:6}#sitBtn kbd{font:inherit;font-size:12px;opacity:.8;border:1px solid rgba(255,255,255,.5);border-radius:5px;padding:0 5px;margin-left:4px}#fade{position:fixed;inset:0;background:#e6ede7;opacity:0;pointer-events:none;z-index:4}#fade.on{opacity:1}#toast{position:fixed;left:50%;top:18px;transform:translate(-50%,-8px);padding:9px 16px;border-radius:10px;background:#233129e6;color:#fff;font-size:14px;opacity:0;transition:.25s;pointer-events:none;z-index:9}#toast.show{opacity:1;transform:translate(-50%)}.panel{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(460px,calc(100% - 32px));max-height:calc(100% - 32px);overflow:auto;padding:28px 30px;border-radius:18px;background:var(--paper);box-shadow:0 12px 50px #141e144d;z-index:10}.eyebrow{font-size:12px;letter-spacing:.14em;color:var(--accent);font-weight:600}.panel h1{margin:8px 0 10px;font-size:30px;letter-spacing:.04em}.panel h2{margin:0 0 6px;font-size:22px}.panel h3{margin:16px 0 6px;font-size:14px;color:var(--accent)}.panel p{line-height:1.7;margin:0 0 14px;font-size:14.5px}.panel .note{font-size:12.5px;color:var(--ink2);margin:16px 0 0}.panel dl{display:grid;grid-template-columns:auto 1fr;gap:5px 14px;margin:0;font-size:14px}.panel dt{font-weight:600;white-space:nowrap}.panel dd{margin:0;color:var(--ink2)}#loading{margin:6px 0 16px}.track{height:8px;border-radius:5px;background:var(--paper2);overflow:hidden}.track i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--accent),var(--accent2));transition:width .2s}#loadingText{display:block;margin-top:7px;font-size:12.5px;color:var(--ink2)}.primary{border:0;background:var(--ink);color:#fff;padding:11px 22px;border-radius:11px;font-size:15px}.primary:disabled{opacity:.45;cursor:default}#error{position:fixed;left:50%;top:40%;transform:translate(-50%);background:#fff3ef;color:#8a2a16;padding:18px 22px;border-radius:12px;white-space:pre-wrap;z-index:12;max-width:calc(100% - 32px)}@media(max-width:760px){#shots{top:auto;bottom:140px;height:34vh;width:calc(100% - 32px)}#coords{bottom:140px}#fly{bottom:calc(148px + 34vh)}}#stateSeg button.on{background:var(--accent);border-color:var(--accent)}#stateSeg button[data-state=damaged].on{background:#6a5a86;border-color:#6a5a86}#stateSeg button.wait{opacity:.55}#placePanel .count{font-size:12.5px;color:var(--ink2);font-variant-numeric:tabular-nums}#bgLoad{position:fixed;left:16px;bottom:16px;padding:5px 10px;border-radius:8px;background:#233129b8;color:#f6efd9;font-size:12px;z-index:5;pointer-events:none}kbd{font:inherit;font-size:12px;border:1px solid var(--line);border-radius:5px;padding:0 5px;background:#fffdf6}