:root{--bg:#0c10189e;--bg-solid:#121823;--line:#ffffff24;--text:#f3f1ea;--muted:#b7bcc6;--gold:#ffc83d;--good:#6cff9a;--bad:#ff5a4f;--accent:#ffd76a;--font:"Noto Sans TC", "PingFang TC", "Microsoft JhengHei", "Heiti TC", system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body{height:100%;color:var(--text);font-family:var(--font);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#0d1422;margin:0;overflow:hidden}#c{touch-action:none;cursor:crosshair;width:100vw;height:100vh;display:block;position:fixed;top:0;bottom:0;left:0;right:0}.hidden{display:none!important}.panel{background:var(--bg);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);border-radius:12px;padding:8px 12px;box-shadow:0 6px 24px #00000040}.lbl{color:var(--muted);letter-spacing:.05em;font-size:11px}.big{font-variant-numeric:tabular-nums;font-size:20px;font-weight:700}.muted{color:var(--muted)}#hud{pointer-events:none;position:fixed;top:0;bottom:0;left:0;right:0}#hud button,#hud input{pointer-events:auto}#topbar{top:max(10px, env(safe-area-inset-top));left:max(10px, env(safe-area-inset-left));right:max(10px, env(safe-area-inset-right));align-items:flex-start;gap:8px;display:flex;position:absolute}#topbar .spacer{flex:1}#wind-panel{align-items:center;gap:10px;display:flex}#wind-dial{border:1px solid var(--line);background:radial-gradient(circle,#ffffff14,#0000 70%);border-radius:50%;width:38px;height:38px;position:relative}#wind-arrow{transform-origin:50%;background:linear-gradient(#9fd8ff,#0000);border-radius:2px;width:4px;height:28px;margin:-14px 0 0 -2px;transition:transform .4s ease-out;position:absolute;top:50%;left:50%}#wind-arrow:before{content:"";border:7px solid #0000;border-top:0;border-bottom-color:#9fd8ff;position:absolute;top:-6px;left:-5px}#buttons{gap:6px;display:flex}#buttons button,.pill{background:var(--bg);border:1px solid var(--line);color:var(--text);cursor:pointer;-webkit-backdrop-filter:blur(8px);border-radius:10px;min-width:42px;height:42px;font-size:18px}#buttons button.off{opacity:.45}#buttons button:active,.pill:active{transform:scale(.95)}#minimap{top:calc(max(10px, env(safe-area-inset-top)) + 58px);right:max(10px, env(safe-area-inset-right));border:1px solid var(--line);background:#0a0e14b3;border-radius:12px;width:150px;height:150px;position:absolute}#feed{top:calc(max(10px, env(safe-area-inset-top)) + 70px);left:max(10px, env(safe-area-inset-left));flex-direction:column;align-items:flex-start;gap:4px;max-width:60vw;display:flex;position:absolute}#feed div{background:var(--bg);white-space:nowrap;border-radius:8px;padding:3px 9px;font-size:12px;animation:7s forwards fadeout}#feed .me{border:1px solid var(--gold)}@keyframes fadeout{0%,80%{opacity:1}to{opacity:0}}#toast{background:var(--bg);border:1px solid var(--line);opacity:0;text-align:center;border-radius:12px;max-width:88vw;padding:10px 18px;font-size:18px;font-weight:700;transition:opacity .25s;position:absolute;top:24%;left:50%;transform:translate(-50%)}#toast.show{opacity:1}#toast.good{color:var(--good)}#toast.bad{color:var(--bad)}#danger{color:#fff;background:#c81e1ebf;border-radius:10px;padding:6px 14px;font-weight:700;animation:.4s infinite alternate blink;display:none;position:absolute;top:16%;left:50%;transform:translate(-50%)}#danger.on{display:block}@keyframes blink{0%{opacity:1}to{opacity:.55}}#stats{left:max(10px, env(safe-area-inset-left));bottom:max(10px, env(safe-area-inset-bottom));min-width:250px;font-size:13px;position:absolute}#stats .row{align-items:center;gap:6px;display:flex}#stats .row+.row{margin-top:5px}#stats b{color:var(--accent);font-variant-numeric:tabular-nums;min-width:22px}#stats .small{color:var(--muted);font-size:11px}.bar{background:#ffffff1f;border-radius:4px;flex:1;min-width:40px;height:7px;overflow:hidden}.bar i{background:var(--good);width:100%;height:100%;transition:width .2s,background .3s;display:block}#angle-wrap{right:max(10px, env(safe-area-inset-right));bottom:max(70px, calc(env(safe-area-inset-bottom) + 70px));flex-direction:column;align-items:center;gap:6px;padding:10px 8px;display:flex;position:absolute}#angle{writing-mode:vertical-lr;width:34px;height:180px;accent-color:var(--gold);direction:rtl}#btn-target{right:max(10px, env(safe-area-inset-right));bottom:max(10px, env(safe-area-inset-bottom));padding:0 12px;font-size:14px;position:absolute}#aim-readout{background:var(--bg);border:1px solid var(--gold);white-space:nowrap;border-radius:12px;padding:8px 16px;font-size:16px;font-weight:700;position:absolute;bottom:22%;left:50%;transform:translate(-50%)}#aim-readout .pow{vertical-align:middle;background:#ffffff26;border-radius:4px;width:90px;height:8px;margin:0 6px;display:inline-block;overflow:hidden}#aim-readout .pow i{background:linear-gradient(90deg,#6cff9a,#ffd76a,#ff5a4f);height:100%;display:block}#hint{bottom:max(10px, env(safe-area-inset-bottom));color:var(--muted);background:var(--bg);white-space:nowrap;border-radius:8px;padding:5px 12px;font-size:12px;transition:opacity 1s;position:absolute;left:50%;transform:translate(-50%)}.overlay{z-index:10;background:radial-gradient(#080c1459,#080c14cc);justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0;overflow-y:auto}.card{border:1px solid var(--line);text-align:center;background:#10151feb;border-radius:18px;width:100%;max-width:460px;margin:auto;padding:24px 26px;box-shadow:0 20px 60px #00000080}.card.wide{max-width:620px}.card h1{letter-spacing:.04em;background:linear-gradient(#fff3c4,#ffc83d 60%,#e88f1a);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(34px,9vw,54px);font-weight:900}.card h1 span{color:#fff;-webkit-text-fill-color:#9fd8ff}.card h2{margin:0 0 10px}.sub{color:var(--muted);margin:4px 0 12px}.round{color:var(--accent);margin:0 0 16px;font-size:14px}.name{color:var(--muted);margin:0 0 14px;font-size:14px;display:block}.name input{border:1px solid var(--line);color:var(--text);background:#ffffff0f;border-radius:10px;width:150px;margin-left:8px;padding:8px 10px;font-family:inherit;font-size:16px}button.primary{color:#2a1a00;cursor:pointer;background:linear-gradient(#ffd76a,#f0a52a);border:0;border-radius:12px;padding:12px 34px;font-family:inherit;font-size:18px;font-weight:800;box-shadow:0 6px 20px #f0a52a59}button.primary:disabled{opacity:.5;cursor:default}button.primary:not(:disabled):active{transform:scale(.97)}.quality{color:var(--muted);margin:14px 0 4px;font-size:13px}.quality label{cursor:pointer;margin:0 6px}.howto{text-align:left;color:#d9dce2;margin-top:12px;font-size:13px;line-height:1.6}.howto ul{margin:0;padding-left:18px}.howto li{margin-bottom:6px}table{border-collapse:collapse;width:100%;margin:6px 0 16px;font-size:14px}th,td{border-bottom:1px solid var(--line);text-align:left;padding:6px 8px}th{color:var(--muted);font-size:12px;font-weight:500}td.n{text-align:right;font-variant-numeric:tabular-nums}tr.me td{color:var(--gold);font-weight:700}.dot{vertical-align:middle;border-radius:50%;width:10px;height:10px;margin-right:6px;display:inline-block}tr.gone td{opacity:.55}@media (max-width:640px){.big{font-size:16px}#minimap{width:110px;height:110px}#feed{top:calc(max(10px, env(safe-area-inset-top)) + 58px)}#stats{min-width:0;padding:6px 9px;font-size:12px;right:auto}#angle{height:130px}#hint{display:none}#buttons{gap:4px}#buttons button{border-radius:8px;min-width:32px;height:32px;padding:0;font-size:14px}#topbar{gap:5px}#wind-panel{gap:6px}#topbar .panel{padding:6px 9px}#wind-dial{width:30px;height:30px}#aim-readout{font-size:14px;bottom:30%}#danger{top:25%}#toast{font-size:16px;top:33%}#round-label{white-space:nowrap;font-size:10px}}@media (max-height:620px){#angle{height:100px}#angle-wrap{bottom:max(62px, calc(env(safe-area-inset-bottom) + 62px));gap:3px;padding:6px}}@media (max-height:460px){#angle{height:64px}#minimap{width:96px;height:96px}#angle-wrap .lbl,#stats .row.small:last-child{display:none}}