html,body{margin:0;height:100%;background:#1b1925;color:#e9dfc7;font:600 16px/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}#app{height:100dvh}.debug-overlay{position:fixed;top:max(8px,env(safe-area-inset-top));left:8px;z-index:10;max-width:calc(100vw - 16px);padding:8px;background:#000000bf;color:#9fe870;font:16px/1.4 monospace;pointer-events:none;word-break:break-word}.loot-preview{position:relative;width:100%;height:100%;overflow:hidden}.loot-preview canvas{position:absolute;inset:0;width:100%;height:100%}.loot-label{position:absolute;transform:translate(-50%,-50%);font:16px/1.2 Georgia,serif;white-space:nowrap;text-shadow:0 1px 3px #000;pointer-events:none}.debug-intents{position:fixed;left:8px;bottom:max(48px,env(safe-area-inset-bottom));z-index:10;max-width:calc(100vw - 16px);padding:8px;background:#000000bf;color:#ffd98a;font:16px/1.4 monospace;pointer-events:none}.stroke-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:5;pointer-events:none}[data-reduced-motion=true] *,[data-reduced-motion=true] *:before,[data-reduced-motion=true] *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.menu-button{box-sizing:border-box;width:100%;min-height:56px;padding:8px 16px;border:2px solid #c9a24b;border-radius:8px;background:#2a2436;color:#e9dfc7;font:20px/1.2 Georgia,serif;cursor:pointer;touch-action:manipulation}.menu-button:active{background:#3a3250}.menu-button:focus-visible,.settings__toggle:focus-visible,.settings__link:focus-visible{outline:3px solid #ffd98a;outline-offset:2px}.menu-button--danger{border-color:#c2362b}.menu-overlay{box-sizing:border-box;position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:max(24px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));overflow-y:auto;background:#0e0c14f0;color:#e9dfc7;text-align:center}.menu-overlay>*{width:min(100%,320px)}.menu-title{margin:0;font:700 32px/1.1 Georgia,serif;letter-spacing:2px;text-transform:uppercase;text-wrap:balance}.king-bars{box-sizing:border-box;position:absolute;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;gap:8px;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) 8px max(12px,env(safe-area-inset-left));color:#e9dfc7;font:16px/1.2 Georgia,serif;pointer-events:none}.king-bars[hidden]{display:none}.king-bars__pause{flex:none;box-sizing:border-box;width:48px;height:48px;display:flex;align-items:center;justify-content:center;gap:6px;padding:0;border:2px solid #6b6178;border-radius:8px;background:#1b1925cc;cursor:pointer;pointer-events:auto;touch-action:manipulation}.king-bars__pause:active{background:#3a3250}.king-bars__pause:focus-visible{outline:3px solid #ffd98a;outline-offset:2px}.king-bars__pause-bar{width:6px;height:20px;border-radius:2px;background:#e9dfc7}[data-hand=left] .king-bars{flex-direction:row-reverse}[data-hand=left] .king-bars__side{align-items:flex-start}.king-bars__rows{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.king-bars__row{display:flex;align-items:center;gap:6px}.king-bars__label{flex:none;width:2.2em;font-size:16px;font-weight:700}.king-bars__track{flex:1;min-width:0;height:14px;border-radius:7px;background:#0a0810bf;border:1px solid #4a4357;overflow:hidden}.king-bars__fill{height:100%;border-radius:6px;transition:width .15s ease-out}.king-bars__fill--hp{background:#c2362b}.king-bars__fill--mana{background:#3f74d9}.king-bars__track--hit{animation:king-bars-hit .25s ease-out}@keyframes king-bars-hit{0%{background:#ff3b30;box-shadow:0 0 10px 2px #ff3b30}to{background:#0a0810bf;box-shadow:none}}.king-bars__number{flex:none;min-width:3.2em;text-align:right;font-size:16px;font-variant-numeric:tabular-nums}.king-bars__crack[hidden]{display:none}.king-bars__side{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:4px;font-size:16px;font-weight:700}.king-bars__levelbox{display:flex;align-items:center;gap:6px}@media(prefers-reduced-motion:reduce){.king-bars__fill{transition:none}.king-bars__track--hit{animation:none}}.fatal-screen{box-sizing:border-box;position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:max(24px,env(safe-area-inset-top)) 24px max(24px,env(safe-area-inset-bottom));background:#1b1925;color:#e9dfc7;text-align:center}.fatal-screen__title{margin:0;font-size:28px;letter-spacing:2px;text-transform:uppercase}.fatal-screen__body{margin:0;max-width:28em;font-size:20px;line-height:1.5}.arena-bars,.arena-souls,.arena-label,.arena-banner,.arena-guide{position:fixed;z-index:6;box-sizing:border-box;color:#e6dcc4;font:600 16px/1.3 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;pointer-events:none;user-select:none;-webkit-user-select:none}.arena-bars,.arena-souls{border:1px solid #8e8499;border-radius:10px;background:#100c16c7}.arena-bars{top:max(12px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));width:min(54vw,214px);padding:6px 10px;display:flex;flex-direction:column;gap:4px}.arena-bars__row{display:flex;align-items:center;gap:8px}.arena-bars__label{flex:none;width:2.1em}.arena-bars__track{flex:1;min-width:0;height:8px;border-radius:4px;background:#ffffff24;overflow:hidden}.arena-bars__fill{height:100%;border-radius:4px;transition:width .15s ease-out}.arena-bars__fill--hp{background:#e24a4a}.arena-bars__fill--mp{background:#3f8cf0}.arena-bars__number{flex:none;min-width:5.6em;text-align:right;font-variant-numeric:tabular-nums}.arena-souls{top:max(12px,env(safe-area-inset-top));right:calc(max(12px,env(safe-area-inset-right)) + 56px);height:44px;display:flex;align-items:center;padding:0 12px;font-size:16px}.arena-pause{position:fixed;z-index:7;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));box-sizing:border-box;width:44px;height:44px;display:flex;align-items:center;justify-content:center;gap:5px;padding:0;border:1px solid #8e8499;border-radius:50%;background:#100c16c7;cursor:pointer;touch-action:manipulation}.arena-pause:focus-visible{outline:3px solid #ffd98a;outline-offset:2px}.arena-pause__bar{width:5px;height:18px;border-radius:2px;background:#e6dcc4}.arena-pause--on .arena-pause__bar:first-child{width:0;height:0;border-radius:0;border-style:solid;border-width:9px 0 9px 15px;border-color:transparent transparent transparent #ffd98a;background:none}.arena-pause--on .arena-pause__bar:last-child{display:none}.arena-label{top:calc(max(12px,env(safe-area-inset-top)) + 72px);left:max(12px,env(safe-area-inset-left));max-width:calc(100vw - 24px);color:#cfc3aa;text-shadow:0 1px 3px #000}.arena-label--idle{visibility:hidden}.arena-banner{top:calc(max(12px,env(safe-area-inset-top)) + 96px);left:50%;transform:translate(-50%);padding:8px 22px;border:1px solid #c9a24a;border-radius:999px;background:#100c16cc;color:#ffd98a;font-size:18px;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.arena-banner[hidden],.arena-guide[hidden]{display:none}.arena-guide{left:50%;bottom:max(14px,env(safe-area-inset-bottom));transform:translate(-50%);width:max-content;max-width:calc(100vw - 24px);padding:3px 12px;border-radius:999px;background:#100c166b;text-align:center;white-space:nowrap;color:#d8cbb0;letter-spacing:.02em}#app.arena-rage{box-shadow:inset 0 0 60px #ff280a8c}@media(prefers-reduced-motion:reduce){.arena-bars__fill{transition:none}}