:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#f1ece2;--shade:#0e10128c}*{box-sizing:border-box}html,body{touch-action:none;background:#0e1012;height:100%;margin:0;overflow:hidden}#view{width:100%;height:100%;display:block;position:fixed;inset:0}#hud{pointer-events:none;color:var(--ink);text-shadow:0 1px 2px #000;font:14px/1.4 system-ui,Noto Sans TC,sans-serif;position:fixed;inset:0}#objective{top:max(16px, env(safe-area-inset-top));background:var(--shade);border-left:3px solid #c9a46a;border-radius:4px;flex-direction:column;gap:2px;max-width:min(420px,100vw - 32px);padding:8px 12px;display:flex;position:absolute;left:16px}#objective b{color:#c9a46a;letter-spacing:.08em;font-size:12px}#objective small{opacity:.75;font-size:11px}#objective small:empty{display:none}#objective em{opacity:.8;border-top:1px solid #c9a46a4d;margin-top:3px;padding-top:3px;font-size:11px;font-style:normal}#objective em[hidden]{display:none}#hint{bottom:max(16px, env(safe-area-inset-bottom));background:var(--shade);white-space:nowrap;text-overflow:ellipsis;border-radius:4px;max-width:calc(100vw - 32px);padding:6px 12px;font-size:13px;position:absolute;left:50%;overflow:hidden;transform:translate(-50%)}#stats{top:max(16px, env(safe-area-inset-top));background:var(--shade);border-radius:4px;margin:0;padding:6px 8px;font:11px/1.35 ui-monospace,monospace;position:absolute;right:16px}#touch[hidden]{display:none}#touch{pointer-events:none;position:fixed;inset:0}#stick{background:#00000026;border:2px solid #ffffff59;border-radius:50%;width:120px;height:120px;position:absolute;bottom:72px;left:32px}#knob{background:#ffffff73;border-radius:50%;width:48px;height:48px;position:absolute;top:36px;left:36px}#touch button{pointer-events:auto;width:64px;height:64px;color:var(--ink);touch-action:none;background:#0000004d;border:2px solid #ffffff80;border-radius:50%;font-size:18px;position:absolute}#btn-light{width:76px;height:76px;font-size:22px;bottom:96px;right:24px}#btn-heavy{bottom:60px;right:112px}#btn-skill{bottom:140px;right:108px}#btn-dodge{bottom:186px;right:30px}#btn-jump{width:52px;height:52px;font-size:15px;bottom:30px;right:186px}#btn-sprint{width:52px;height:52px;font-size:15px;bottom:24px;right:24px}#btn-swap{right:24px;top:max(84px, calc(env(safe-area-inset-top) + 68px));width:52px;height:52px;font-size:15px}#btn-sprint.on{background:#c9a46a8c}#select[hidden]{display:none}#select{color:var(--ink);text-align:center;background:#0a0c108c;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:16px;font:15px/1.5 system-ui,Noto Sans TC,sans-serif;display:flex;position:fixed;inset:0}#select h1{letter-spacing:.2em;margin:0;font-size:28px;font-weight:600}#select>p{opacity:.8;margin:0 0 8px}#select .cards{flex-wrap:wrap;justify-content:center;gap:16px;max-width:100%;display:flex}.hero-card{width:min(260px,100vw - 32px);color:inherit;font:inherit;text-align:left;cursor:pointer;background:#141820d9;border:1px solid #ffffff40;border-radius:6px;padding:16px}.hero-card:hover,.hero-card:focus-visible{border-color:#c9a46a;outline:none}.hero-card b{font-size:20px;display:block}.hero-card span{color:#c9a46a;font-size:13px}.hero-card p{opacity:.85;margin:8px 0 0;font-size:13px}#party{left:16px;bottom:max(64px, calc(env(safe-area-inset-bottom) + 48px));flex-direction:column;gap:6px;display:flex;position:absolute}.member{background:var(--shade);opacity:.65;border-radius:4px;grid-template-columns:auto 160px;align-items:center;gap:2px 8px;padding:6px 8px;display:grid}.member.active{opacity:1;border-left:3px solid #c9a46a}.member b{font-size:13px}.member .hp{background:#ffffff26;border-radius:3px;height:6px;overflow:hidden}.member .hp i{background:linear-gradient(90deg,#b54848,#e07a5a);height:100%;display:block}.member .cds{opacity:.85;grid-column:1/-1;font-size:11px}@media (pointer:coarse){#party{bottom:auto;top:max(64px, calc(env(safe-area-inset-top) + 56px))}.member{grid-template-columns:auto 110px}}#bars{position:absolute;inset:0}.ebar{background:#00000080;border-radius:3px;width:56px;height:5px;margin-left:-28px;position:absolute;overflow:hidden}.ebar i{background:#9fd0ff;height:100%;display:block}.ebar.boss{width:120px;height:7px;margin-left:-60px}.ebar.boss i{background:#e0b25a}#toasts{flex-direction:column;align-items:flex-end;gap:4px;display:flex;position:absolute;bottom:35%;right:16px}.toast{background:var(--shade);border-right:3px solid #8fd3ff;border-radius:4px;padding:4px 10px;animation:2.6s forwards toast}@keyframes toast{0%{opacity:0;transform:translate(12px)}10%,80%{opacity:1;transform:none}to{opacity:0}}#prompt{background:var(--shade);border:1px solid #c9a46a99;border-radius:4px;padding:6px 14px;position:absolute;top:62%;left:50%;transform:translate(-50%)}#prompt[hidden]{display:none}#markers{position:absolute;inset:0}.marker{color:#e8c27a;text-shadow:0 0 6px #000,0 0 2px #000;font:700 22px/1 system-ui,sans-serif;position:absolute;transform:translate(-50%,-100%)}#dialog{left:50%;bottom:max(24px, env(safe-area-inset-bottom));width:min(720px,100vw - 32px);color:var(--ink);cursor:pointer;z-index:5;background:#0a0c10db;border-top:2px solid #c9a46a;border-radius:6px;padding:14px 18px;font:16px/1.6 system-ui,Noto Sans TC,sans-serif;position:fixed;transform:translate(-50%)}#dialog[hidden]{display:none}#dialog .who{color:#c9a46a;font-size:14px}#dialog .who[hidden]{display:none}#dialog .text{margin:4px 0 0}#dialog .text.narration{opacity:.85;font-style:italic}#dialog .more{opacity:.6;text-align:right;margin-top:6px;font-size:12px;display:block}#dialog .more[hidden]{display:none}#dialog .choices{flex-direction:column;gap:6px;margin-top:10px;display:flex}#dialog .choice{text-align:left;color:inherit;font:inherit;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff40;border-radius:4px;padding:8px 12px}#dialog .choice:hover,#dialog .choice:focus-visible{border-color:#c9a46a;outline:none}#dialog kbd{text-align:center;border:1px solid #fff6;border-radius:3px;min-width:1.4em;margin-right:6px;padding:0 4px;font:12px/1.5 ui-monospace,monospace;display:inline-block}#bag{width:min(520px,100vw - 32px);max-height:calc(100vh - 32px);color:var(--ink);z-index:6;background:#0c0e12eb;border:1px solid #ffffff2e;border-radius:6px;padding:14px;font:14px/1.5 system-ui,Noto Sans TC,sans-serif;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}#bag[hidden]{display:none}#bag header{align-items:center;gap:12px;margin-bottom:10px;display:flex}#bag header b{letter-spacing:.1em;font-size:18px}#bag .silver{color:#d9d6cf;opacity:.85;margin-right:auto}#bag .close{width:36px;height:36px;color:inherit;cursor:pointer;background:0 0;border:1px solid #ffffff4d;border-radius:50%;font-size:20px}#bag .grid{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:6px;display:grid}.slot{aspect-ratio:1;color:inherit;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff24;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:4px;font:11px/1.2 system-ui,Noto Sans TC,sans-serif;display:flex;position:relative}.slot:disabled{cursor:default;opacity:.5}.slot.key{border-color:#c9a46ab3}.slot i{border-radius:2px;width:18px;height:18px;transform:rotate(45deg);box-shadow:0 0 8px}.slot b{font-size:11px;position:absolute;bottom:2px;right:4px}#bag .desc{opacity:.85;min-height:3em;margin:10px 0 0}#btn-use{width:60px;height:60px;bottom:100px;right:186px;border-color:#c9a46a!important}#btn-use[hidden]{display:none}#btn-bag{right:84px;top:max(84px, calc(env(safe-area-inset-top) + 68px));width:52px;height:52px;font-size:15px}#clock{top:max(16px, env(safe-area-inset-top));background:var(--shade);white-space:nowrap;border-radius:12px;padding:4px 12px;font-size:13px;position:absolute;left:50%;transform:translate(-50%)}@media (max-width:640px){#clock{top:auto;bottom:max(52px, calc(env(safe-area-inset-bottom) + 40px));font-size:12px}}.reticle{border:2px solid #e8c27ae6;border-radius:50%;width:34px;height:34px;margin:-17px 0 0 -17px;display:none;position:absolute;box-shadow:0 0 6px #0009}.reticle:after{content:"";background:#e8c27ae6;border-radius:50%;position:absolute;inset:12px}.ebar.husk b{background:#c8ebffd9;height:100%;position:absolute;top:0;left:0}.ebar.husk{height:7px}.ebar.husk b{height:40%}body.focus #view{filter:saturate(.55)contrast(1.08)}body.focus #hud:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 120px #96d2ff59}#btn-lock{right:140px;top:max(84px, calc(env(safe-area-inset-top) + 68px));width:52px;height:52px;font-size:15px}#title,#pause{color:var(--ink);z-index:8;background:#080a0e9e;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:16px;font:15px/1.5 system-ui,Noto Sans TC,sans-serif;display:flex;position:fixed;inset:0}#title{background:radial-gradient(#0a0e1459,#06080cd9)}#title[hidden],#pause[hidden],#settings[hidden]{display:none}#title h1{letter-spacing:.3em;text-shadow:0 2px 18px #96c8ff59;margin:0;font-size:clamp(34px,8vw,64px);font-weight:600}#title .sub{letter-spacing:.6em;opacity:.7;margin:0 0 18px;font-size:13px}#pause h2{letter-spacing:.3em;margin:0 0 8px;font-weight:500}.menu{flex-direction:column;gap:8px;width:min(280px,100vw - 32px);display:flex}.menu button,#settings footer button{color:inherit;font:inherit;cursor:pointer;background:#141820d9;border:1px solid #ffffff38;border-radius:4px;padding:10px 14px}.menu button:hover,.menu button:focus-visible,#settings footer button:hover{border-color:#c9a46a;outline:none}.menu button[hidden]{display:none}#settings{width:min(760px,100vw - 32px);max-height:calc(100vh - 32px);color:var(--ink);z-index:9;background:#0c0e12f2;border:1px solid #ffffff2e;border-radius:6px;padding:16px;font:14px/1.5 system-ui,Noto Sans TC,sans-serif;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}#settings header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}#settings header b{letter-spacing:.1em;font-size:18px}#settings .close{width:36px;height:36px;color:inherit;cursor:pointer;background:0 0;border:1px solid #ffffff4d;border-radius:50%;font-size:20px}#settings .cols{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;display:grid}#settings section{flex-direction:column;gap:10px;display:flex}#settings label{justify-content:space-between;align-items:center;gap:12px;display:flex}#settings label.check{justify-content:flex-start}#settings input[type=range]{width:55%}#settings select{color:inherit;font:inherit;background:#1a1f28;border:1px solid #ffffff40;border-radius:4px;padding:4px 8px}#settings .reload{color:#e8c27a;margin:0;font-size:12px}#settings .reload[hidden]{display:none}#settings .keys{grid-template-columns:1fr 1fr;gap:4px 12px;display:grid}.keyrow{justify-content:space-between;align-items:center;gap:8px;font-size:13px;display:flex}.keyrow button{min-width:72px;color:inherit;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff40;border-radius:3px;padding:3px 8px;font:12px/1.4 ui-monospace,monospace}.keyrow button.capturing{color:#e8c27a;border-color:#e8c27a}#settings footer{justify-content:flex-end;gap:8px;margin-top:14px;display:flex}#btn-menu{top:auto;left:16px;bottom:max(200px, calc(env(safe-area-inset-bottom) + 190px));width:44px!important;height:44px!important;font-size:18px!important;right:auto!important}body.nostats #stats,body.in-title #hud,body.in-title #touch{display:none}#map{width:min(680px,100vw - 24px);color:var(--ink);z-index:7;background:#0c0e12f0;border:1px solid #c9a46a73;border-radius:6px;padding:12px;font:14px/1.5 system-ui,Noto Sans TC,sans-serif;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}#map[hidden]{display:none}#map header{align-items:center;gap:12px;margin-bottom:8px;display:flex}#map header b{letter-spacing:.15em;font-size:18px}#map header small{opacity:.6;margin-right:auto}#map .close{width:34px;height:34px;color:inherit;cursor:pointer;background:0 0;border:1px solid #ffffff4d;border-radius:50%;font-size:18px}#map canvas{aspect-ratio:1;image-rendering:auto;border-radius:4px;width:100%;display:block}#fade{opacity:0;pointer-events:none;z-index:6;background:#05070a;transition:opacity .45s;position:fixed;inset:0}#fade.on{opacity:1}#banner{color:var(--ink);letter-spacing:.35em;text-shadow:0 2px 16px #000c;opacity:0;pointer-events:none;z-index:5;white-space:nowrap;font:600 clamp(28px,6vw,46px)/1.2 system-ui,Noto Sans TC,sans-serif;transition:opacity .8s;position:fixed;top:22%;left:50%;transform:translate(-50%)}#banner.on{opacity:1}#btn-map{top:auto;left:16px;bottom:max(252px, calc(env(safe-area-inset-bottom) + 242px));width:44px!important;height:44px!important;font-size:15px!important;right:auto!important}#btn-mute{right:196px;top:max(84px, calc(env(safe-area-inset-top) + 68px));width:52px;height:52px;font-size:18px}#btn-mute.on{background:#c9a46a8c}@media (max-width:640px){#btn-mute{right:24px;top:max(144px, calc(env(safe-area-inset-top) + 128px))}}#base{width:min(560px,100vw - 32px);max-height:calc(100vh - 32px);color:var(--ink);z-index:6;background:#0c0e12eb;border:1px solid #ffffff2e;border-radius:6px;padding:14px;font:14px/1.5 system-ui,Noto Sans TC,sans-serif;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}#base[hidden]{display:none}#base header{align-items:center;gap:12px;margin-bottom:8px;display:flex}#base header b{letter-spacing:.1em;font-size:18px}#base .age{opacity:.85;margin-right:auto}#base .close{width:36px;height:36px;color:inherit;cursor:pointer;background:0 0;border:1px solid #ffffff4d;border-radius:50%;font-size:20px}#base .res{flex-wrap:wrap;gap:12px;margin:0 0 6px;display:flex}#base .army,#base .queue{opacity:.85;margin:0 0 6px}#base h4{opacity:.7;letter-spacing:.1em;margin:10px 0 4px;font-size:13px}#base .row{flex-wrap:wrap;gap:6px;display:flex}#base .row button{min-width:110px;color:inherit;font:inherit;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff2e;border-radius:4px;flex-direction:column;align-items:flex-start;padding:6px 10px;display:flex}#base .row button:disabled{opacity:.45;cursor:default}#base .row button small{opacity:.75;font-size:11px}#base .msg{color:#b9d7a8;min-height:1.5em;margin:10px 0 0}#base .msg.bad{color:#e0a39a}#siege-hud{color:#dcecf7;z-index:5;pointer-events:none;background:#141e30d9;border:1px solid #8cbee680;border-radius:4px;padding:4px 12px;font:13px/1.4 system-ui,Noto Sans TC,sans-serif;position:fixed;top:44px;left:50%;transform:translate(-50%)}#siege-hud[hidden]{display:none}#war{width:min(600px,100vw - 32px);max-height:calc(100vh - 32px);color:var(--ink);z-index:6;background:#0c0e12ed;border:1px solid #ffffff2e;border-radius:6px;padding:14px;font:14px/1.5 system-ui,Noto Sans TC,sans-serif;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}#war[hidden]{display:none}#war header{align-items:center;gap:12px;margin-bottom:8px;display:flex}#war header b{letter-spacing:.1em;font-size:18px}#war header small{opacity:.6;margin-right:auto}#war .close{width:36px;height:36px;color:inherit;cursor:pointer;background:0 0;border:1px solid #ffffff4d;border-radius:50%;font-size:20px}#war h4{opacity:.7;letter-spacing:.1em;margin:12px 0 4px;font-size:13px}#war .grid3{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}#war .row{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}#war button:not(.close){color:inherit;font:inherit;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff2e;border-radius:4px;flex-direction:column;align-items:flex-start;padding:6px 10px;display:flex}#war button.on{background:#c9a46a26;border-color:#c9a46a}#war button:disabled{opacity:.45;cursor:default}#war button small{opacity:.75;font-size:11px}#war .roads{opacity:.8;margin:0;font-size:12px}#war .event{color:#e6d3a8;margin:6px 0}#war .msg{color:#b9d7a8;min-height:1.5em;margin:10px 0 0}#war .msg.bad{color:#e0a39a}#camp-touch{left:16px;bottom:max(304px, calc(env(safe-area-inset-bottom) + 294px));pointer-events:none;flex-direction:column-reverse;gap:8px;display:flex;position:absolute}#camp-touch>button,#camp-touch .fan button{pointer-events:auto;width:44px!important;height:44px!important;font-size:15px!important;position:static!important}#camp-touch button[hidden],#camp-touch .fan[hidden]{display:none}#camp-touch .fan{pointer-events:none;gap:6px;display:flex}#camp-touch .fan button{border-color:#c9a46a!important}.icon-btn{flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:0;line-height:1;display:flex}.icon-btn svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:46%;height:46%}.icon-btn small{opacity:.9;font-size:11px}@media (pointer:coarse) and (orientation:portrait){#stats{display:none}#clock{top:max(250px, calc(env(safe-area-inset-top) + 238px));bottom:auto;left:auto;right:16px;transform:none}#party{top:max(140px, calc(env(safe-area-inset-top) + 128px))}#hint{display:none}#party{gap:3px}.member{padding:4px 6px}.member .cds{font-size:10px}}#touch #btn-light{width:76px;height:76px}#touch #btn-jump,#touch #btn-sprint,#touch #btn-swap,#touch #btn-bag,#touch #btn-lock,#touch #btn-mute{width:52px;height:52px}