:root{--night:#0d120f;--panel:#0e1210db;--brass:#d4ae5f;--brass-dim:#d4ae5f66;--lacquer:#8e2b23;--paper:#f0e7d3;--muted:#a9a08c;--body:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px);--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}html,body{background:var(--night);height:100%;color:var(--paper);font-family:var(--body);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;margin:0;font-size:14px;overflow:hidden}#game{touch-action:none;outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}#touch-layer{touch-action:none;position:fixed;inset:0}#joystick{pointer-events:none;opacity:0;background:#f0e7d312;border:2px solid #f0e7d359;border-radius:50%;width:132px;height:132px;margin:-66px 0 0 -66px;transition:opacity .12s;position:fixed}#joystick.visible{opacity:1}#joystick.idle{opacity:.45}#joystick-knob{background:#d4ae5f99;border-radius:50%;width:56px;height:56px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#hud{pointer-events:none;position:fixed;inset:0}#status{top:calc(var(--safe-t) + 10px);left:max(14px, var(--safe-l));color:var(--muted);text-shadow:0 1px 2px #000;font-size:11px;position:absolute}#perf{top:calc(var(--safe-t) + 28px);left:max(14px, var(--safe-l));background:var(--panel);font-variant-numeric:tabular-nums;white-space:pre;border-radius:4px;padding:4px 8px;font:600 11px/1.4 ui-monospace,Menlo,monospace;position:absolute}#automation{top:calc(var(--safe-t) + 10px);border:1px solid var(--brass);letter-spacing:.02em;background:#8e2b23e6;border-radius:999px;padding:5px 14px;font-size:12px;font-weight:600;position:absolute;left:50%;transform:translate(-50%)}.btn{pointer-events:auto;touch-action:none;border:2px solid var(--brass-dim);color:var(--paper);font:700 16px var(--body);cursor:pointer;background:radial-gradient(circle at 40% 30%,#3a2a24,#160f0d);border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;box-shadow:0 4px 14px #00000073}.btn svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:46%;height:46%}.btn.down{border-color:var(--brass);transform:scale(.93)}.btn:focus-visible{outline:2px solid var(--brass);outline-offset:3px}.btn-menu{top:calc(var(--safe-t) + 10px);right:max(14px, var(--safe-r));border-radius:10px;width:46px;height:46px}.btn-menu .dot{background:var(--lacquer);border:2px solid var(--brass);border-radius:50%;width:12px;height:12px;position:absolute;top:-3px;right:-3px}#toggles{top:calc(var(--safe-t) + 66px);right:max(14px, var(--safe-r));justify-items:end;gap:8px;display:grid;position:absolute}.btn-pill{border-radius:999px;width:auto;height:34px;padding:0 12px;font-size:12px;font-weight:600;position:static}.btn-pill.on{border-color:var(--brass);background:#8e2b23f2}#controls{right:max(16px, var(--safe-r));bottom:max(16px, var(--safe-b));pointer-events:none;width:270px;height:270px;position:fixed}.btn-attack{border-color:var(--brass);background:radial-gradient(circle at 40% 30%,#a63a2e,#4a1511);width:84px;height:84px;bottom:0;right:0}.btn-skill{width:56px;height:56px}.btn-potion{background:radial-gradient(circle at 40% 30%,#6b211b,#24100d);width:48px;height:48px}.btn-target{width:44px;height:44px}.overlay{padding:max(16px, var(--safe-t)) max(16px, var(--safe-r)) max(16px, var(--safe-b)) max(16px, var(--safe-l));-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:10;background:#06090799;place-items:center;display:grid;position:fixed;inset:0}.card{border:1px solid var(--brass);-webkit-user-select:text;user-select:text;background:linear-gradient(#1a1411f7,#0e0c0bf7);border-radius:6px;gap:12px;width:min(460px,100%);max-height:100%;padding:20px 22px;display:grid;overflow:auto;box-shadow:0 20px 60px #0009}.card h1,.card h2{color:var(--brass);letter-spacing:.02em;margin:0;font-weight:600}.card h1{font-size:34px}.card h2{font-size:22px}.card h3{letter-spacing:.14em;text-transform:uppercase;color:var(--brass);margin:0;font-size:11px}.card p{margin:0;line-height:1.5}.muted{color:var(--muted);font-size:12px}.row{flex-wrap:wrap;gap:8px;display:flex}.card button.primary,.card button.secondary,.seg button,.text-btn{font:600 14px var(--body);cursor:pointer;color:var(--paper);border-radius:4px;padding:10px 14px}.card button.primary{border:1px solid var(--brass);background:linear-gradient(#a8352b,#6c1f19)}.card button.secondary{border:1px solid var(--brass-dim);color:var(--muted);background:0 0}.card button.big{padding:14px 20px;font-size:18px}.text-btn{color:var(--muted);background:0 0;border:none}.menu-card{width:min(560px,100%)}.menu-head{justify-content:space-between;align-items:center;display:flex}.menu-section{border-top:1px solid var(--brass-dim);gap:8px;padding-top:12px;display:grid}.setting{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.seg{border:1px solid var(--brass-dim);border-radius:4px;display:flex;overflow:hidden}.seg button{color:var(--muted);background:0 0;border:none;padding:8px 10px;font-size:12px}.seg button.on{color:var(--paper);background:#8e2b23e6}.version{text-align:right}#rotate{z-index:20;display:none}.rotate-icon{fill:none;width:56px;height:56px;stroke:var(--brass);stroke-width:2px;stroke-linecap:round}@media (orientation:portrait) and (pointer:coarse){#rotate{display:grid}}#confirm{z-index:15}#loading{z-index:30;background:var(--night)}#toast{left:50%;top:calc(var(--safe-t) + 52px);background:var(--panel);border:1px solid var(--brass-dim);text-align:center;opacity:0;pointer-events:none;z-index:40;border-radius:6px;max-width:min(90vw,520px);padding:8px 14px;transition:opacity .3s;position:fixed;transform:translate(-50%)}#toast.on{opacity:1}@media (prefers-reduced-motion:reduce){#toast,#joystick{transition:none}}