html,body{margin:0;height:100%;background:#1b1925;color:#e9dfc7;font:16px/1.5 Georgia,serif}#app{height:100dvh}.title-screen{box-sizing:border-box;height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:#1b1925;position:relative}.title-screen__title{margin:0;font-size:48px;letter-spacing:4px;text-transform:uppercase}.title-screen__start{position:absolute;bottom:max(72px,calc(env(safe-area-inset-bottom) + 60px));min-width:240px;min-height:56px;border:2px solid #c9a24b;border-radius:8px;background:#2a2436;color:#e9dfc7;font:22px/1.2 Georgia,serif;cursor:pointer}.title-screen__start:active{background:#3a3250}.title-screen__footer{position:absolute;bottom:max(12px,env(safe-area-inset-bottom));left:0;right:0;text-align:center;font-size:16px;opacity:.8}.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}.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}.death-screen{box-sizing:border-box;position:fixed;inset:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:max(24px,env(safe-area-inset-top)) 24px max(24px,env(safe-area-inset-bottom));background:#0e0c14e0;color:#e9dfc7;text-align:center}.death-screen__title{margin:0;font-size:28px;letter-spacing:2px;text-transform:uppercase}.death-screen__stats{display:grid;gap:8px;min-width:260px;font-size:20px}.death-screen__row{display:flex;justify-content:space-between;gap:24px}.death-screen__value{font-variant-numeric:tabular-nums}.death-screen__buttons{display:grid;gap:12px;width:min(100%,280px)}.death-screen__button{min-height:56px;border:2px solid #c9a24b;border-radius:8px;background:#2a2436;color:#e9dfc7;font:20px/1.2 Georgia,serif;cursor:pointer}.death-screen__button:active{background:#3a3250}.hint-line{position:fixed;left:16px;right:16px;bottom:max(12px,env(safe-area-inset-bottom));z-index:8;text-align:center;font:18px/1.4 Georgia,serif;color:#f3e7c4;text-shadow:0 1px 4px #000,0 0 8px #000;pointer-events:none}.hint-line[hidden]{display:none}.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__pause{flex:none;box-sizing:border-box;width:44px;height:44px;border:2px solid #6b6178;border-radius:8px;background:#1b1925cc;color:#e9dfc7;display:grid;place-items:center;font:700 16px/1 Georgia,serif}.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}}