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}.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{font-family:Georgia,Times New Roman,serif;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}}.frame{position:fixed;inset:0;z-index:9;overflow:hidden;font:600 16px/1.2 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#f3e7c4;pointer-events:none}.slot{position:absolute;box-sizing:border-box;margin:0;padding:0;border:2px solid #6b6178;border-radius:10px;background:#1b1925c7;color:inherit;font:inherit;pointer-events:none;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;transition:border-color .12s,box-shadow .12s,opacity .12s}.slot--item{pointer-events:auto}.slot--filled{border-color:#c9a24b}.slot--relic{border-style:dashed}.slot--source{opacity:.4}.slot--target{border-color:#ffd86a;box-shadow:0 0 10px 2px #ffd86a8c}.slot--over{border-color:#fff;box-shadow:0 0 16px 5px #ffffffd9;background:#463c1ee6}.slot--shake{animation:slot-shake .32s}.slot--pulse{animation:slot-pulse .36s}@keyframes slot-shake{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(3px)}}@keyframes slot-pulse{0%{transform:scale(1)}45%{transform:scale(1.18);box-shadow:0 0 14px 4px #ffd86acc}to{transform:scale(1)}}.slot__icon{position:absolute;inset:2px;width:calc(100% - 4px);height:calc(100% - 4px);object-fit:contain;pointer-events:none}.slot__icon[hidden]{display:none}.slot__count{position:absolute;right:4px;bottom:2px;font:700 16px/1 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#fff;text-shadow:0 1px 3px #000,0 0 4px #000;pointer-events:none}.slot__glyphs{position:absolute;left:3px;top:3px;display:flex;gap:1px;pointer-events:none}.slot__glyph svg{display:block;width:18px;height:18px;filter:drop-shadow(0 0 2px #000) drop-shadow(0 0 1px #000)}.slot__pips{position:absolute;left:4px;bottom:4px;display:flex;gap:3px;pointer-events:none}.slot__pips i{display:block;width:8px;height:8px;border-radius:50%;background:#ffd86a;box-shadow:0 0 3px #000}[data-element=fire]{color:#ff7a3a}[data-element=water]{color:#4f9bff}[data-element=earth]{color:#c99a5a}[data-element=wind]{color:#cdf7ff}[data-element=lightning]{color:#ffe23a}[data-element=ice]{color:#9aeaff}[data-element=nature]{color:#5fe070}[data-element=shadow]{color:#b27aff}[data-element=light]{color:#fff6c0}[data-element=poison]{color:#a8e83a}[data-element=arcane]{color:#f05ae8}.item-card{position:absolute;box-sizing:border-box;width:220px;padding:8px 10px;border:2px solid #c9a24b;border-radius:10px;background:#1b1925f0;pointer-events:none}.item-card[hidden]{display:none}.item-card__name{font:700 16px/1.3 Georgia,serif;color:#fff3cf}.item-card__element{display:flex;align-items:center;gap:6px;font-size:16px}.item-card__glyphs svg{display:inline-block;width:18px;height:18px;vertical-align:middle}.item-card__tier,.item-card__detail{font-size:16px;font-weight:500;line-height:1.3}.drag-layer{position:absolute;inset:0;pointer-events:none}.drag-ghost{position:absolute;left:0;top:0;width:64px;height:64px;filter:drop-shadow(0 4px 6px rgba(0,0,0,.7));pointer-events:none}.drag-ghost[hidden]{display:none}.drag-ghost img{width:100%;height:100%;object-fit:contain}.drop-ring{position:absolute;left:0;top:0;box-sizing:border-box;border:3px solid rgba(255,216,106,.7);border-radius:50%;box-shadow:0 0 12px 2px #ffd86a73;pointer-events:none}.drop-ring[hidden]{display:none}.drop-ring--active{border-color:#fff;box-shadow:0 0 20px 6px #ffffffd9}.callouts{position:absolute;inset:0;pointer-events:none}.callout{position:absolute;left:0;top:0;font:700 28px/1 Georgia,serif;color:#ffd86a;text-shadow:0 2px 4px #000,0 0 8px #000;white-space:nowrap;pointer-events:none}@media(prefers-reduced-motion:reduce){.slot--shake,.slot--pulse{animation:none}}