:root{--bg:#eadfca;--panel-bg:#fffaf0;--panel-bg-strong:#f4ead8;--text-strong:#1f2430;--text-base:#3a4352;--text-dim:#6f7888;--text-muted:#7d8794;--border-soft:#2a26202e;--border-faint:#2a262014;--accent-blue:#256fbf;--accent-warning:#b66b12;--accent-danger:#b33b45;--accent-success:#26785a;--accent-arcane:#7c4ec7;--accent-cyan:#25849a;--shadow-soft:0 6px 18px #2a26201a;--shadow-elevated:0 18px 44px #2a26202e;--ui-scale:1;--fs-min:calc(11px * var(--ui-scale));--fs-sm:calc(12px * var(--ui-scale));--fs-md:calc(13px * var(--ui-scale));--fs-lg:calc(14px * var(--ui-scale));font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-base);background:var(--bg);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{background:var(--bg);min-width:320px;min-height:100vh;color:var(--text-base);margin:0}#app{place-items:center;min-height:100vh;padding:20px;display:grid}canvas{border:1px solid var(--border-soft);box-shadow:var(--shadow-elevated);border-radius:10px}.canvas-wrap{width:100%;max-width:min(100%,2400px,166.667vh - 66.667px);position:relative}.canvas-wrap canvas{width:100%;height:auto;display:block}.slot-label-overlay{pointer-events:none;position:absolute;inset:0;overflow:hidden}.slot-price-label{font-family:Inter,system-ui,sans-serif;font-size:var(--fs-sm);color:#c8881a;text-align:center;pointer-events:auto;cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:700;line-height:1.15;position:absolute;transform:translate(-50%,-50%)}.slot-price-label.unaffordable{color:#8c95a4;cursor:not-allowed}#hud{font-size:var(--fs-sm);border:1px solid var(--border-soft);background:var(--panel-bg);box-shadow:var(--shadow-soft);border-radius:10px;flex-direction:column;gap:8px;min-width:320px;padding:10px 14px;display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%)}.hud-row{align-items:center;gap:12px;display:flex}.hud-stats{gap:8px}.hud-round{font-weight:800;font-size:var(--fs-md);letter-spacing:.08em;color:var(--text-strong)}.hud-wave{font-weight:700;font-size:var(--fs-min);letter-spacing:.06em;color:var(--accent-blue);background:#3a7ec11f;border-radius:999px;padding:2px 8px}.hud-meta{font-size:var(--fs-min);color:var(--text-dim);letter-spacing:.04em;margin-left:auto}.hud-pill{background:var(--panel-bg-strong);border:1px solid var(--border-faint);font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;display:flex;position:relative;overflow:hidden}.hud-pill-label{font-size:var(--fs-min);letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);font-weight:800}.hud-pill-value{font-size:var(--fs-sm);color:var(--text-strong);font-weight:700}.hud-pill-bar{background:#0000000f;width:100%;height:2px;position:absolute;bottom:0;left:0}.hud-pill-bar-fill{background:var(--accent-success);height:100%;transition:width .2s,background .2s;display:block}.hud-hp.low .hud-pill-bar-fill{background:var(--accent-danger)}.hud-gold .hud-pill-value{color:var(--accent-warning)}#controls{border:1px solid var(--border-soft);background:var(--panel-bg);width:220px;box-shadow:var(--shadow-soft);font-size:var(--fs-sm);border-radius:8px;padding:10px 12px;position:fixed;top:16px;right:16px}.control-row{align-items:center;gap:10px;margin-top:8px;display:flex}#pause-toggle{border:1px solid var(--border-soft);background:var(--panel-bg-strong);width:100%;color:var(--text-strong);font-size:var(--fs-sm);cursor:pointer;border-radius:6px;margin-top:8px;padding:8px 10px;font-weight:600}#pause-toggle:hover{background:#f0e8d4}#tickrate-slider{flex:1}#tickrate-value{text-align:right;min-width:64px;font-weight:700}#cast-feed{border:1px solid var(--border-soft);background:var(--panel-bg);width:320px;max-height:calc(100vh - 32px);box-shadow:var(--shadow-soft);border-radius:8px;flex-direction:column;display:flex;position:fixed;bottom:16px;right:16px}#cast-feed.collapsed .feed-body{display:none}.feed-toggle{text-align:left;font-size:var(--fs-min);letter-spacing:.04em;cursor:pointer;color:var(--text-strong);background:0 0;border:none;padding:8px 10px;font-weight:700}.feed-toggle:hover{background:var(--panel-bg-strong);border-radius:8px 8px 0 0}.feed-body{padding:0 10px 10px;overflow:auto}.cast-card{border:1px solid var(--border-soft);background:var(--panel-bg-strong);border-radius:8px;margin-bottom:8px;padding:8px}.cast-card.ok{border-color:#3a8c5e73}.cast-card.failed{border-color:#c44a4a73}.cast-head{font-size:var(--fs-sm);justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;display:flex}.trace{font-size:var(--fs-min);opacity:.84;white-space:nowrap;text-overflow:ellipsis;margin-bottom:6px;overflow:hidden}.chunk-list{gap:6px;display:grid}.chunk{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.chunk-id{width:20px;height:20px;font-size:var(--fs-min);border:1px solid var(--border-soft);border-radius:999px;place-items:center;display:inline-grid}.spell{font-size:var(--fs-min);letter-spacing:.02em;border:1px solid var(--border-soft);background:var(--panel-bg-strong);border-radius:999px;padding:3px 6px}.arrow{opacity:.6;font-size:var(--fs-min)}.shot{color:#0a0a0a;font-weight:700;font-size:var(--fs-min);border-radius:999px;padding:2px 8px}.empty{opacity:.7;font-size:var(--fs-min)}#prep-panel{border:1px solid var(--border-soft);background:var(--panel-bg);width:min(560px,100vw - 280px);box-shadow:var(--shadow-elevated);font-size:var(--fs-sm);color:var(--text-strong);z-index:5;border-radius:10px;padding:14px 16px;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}.prep-header{border-bottom:1px solid var(--border-faint);align-items:baseline;gap:16px;margin-bottom:12px;padding-bottom:10px;display:flex}.prep-round{font-weight:700;font-size:var(--fs-md);letter-spacing:.06em}.prep-stat{font-size:var(--fs-sm);font-variant-numeric:tabular-nums}.prep-stat:first-of-type{margin-left:auto}.prep-stat-label{font-size:var(--fs-min);letter-spacing:.1em;text-transform:uppercase;opacity:.55;margin-right:4px;font-weight:700}.prep-gold{color:var(--accent-warning);font-weight:700}#start-combat-btn{width:100%;color:var(--text-strong);letter-spacing:.06em;cursor:pointer;font-weight:700;font-size:var(--fs-sm);background:#3a7ec11a;border:1px solid #3a7ec173;border-radius:8px;padding:10px 14px;position:relative;overflow:hidden}.start-btn-fill{width:calc(var(--hold-progress,0) * 100%);pointer-events:none;background:#3a7ec173;transition:width 60ms linear;position:absolute;top:0;bottom:0;left:0}.start-btn-label{z-index:1;align-items:baseline;gap:8px;display:inline-flex;position:relative}.start-btn-hint{font-size:var(--fs-min);opacity:.65;letter-spacing:.04em;font-weight:600}#resolve-panel{border:1px solid var(--border-soft);background:var(--panel-bg);box-shadow:var(--shadow-elevated);font-size:var(--fs-md);color:var(--text-strong);z-index:20;border-radius:12px;flex-direction:column;align-items:center;gap:12px;min-width:320px;padding:28px 36px;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.resolve-headline{letter-spacing:.06em;font-size:22px;font-weight:800}.resolve-headline.player{color:var(--accent-blue)}.resolve-headline.opponent{color:var(--accent-danger)}.resolve-subtitle{font-size:var(--fs-sm);opacity:.75;text-align:center}#continue-btn,#runend-dismiss-btn{color:var(--text-strong);letter-spacing:.06em;cursor:pointer;font-weight:700;font-size:var(--fs-sm);background:#3a7ec11a;border:1px solid #3a7ec173;border-radius:8px;margin-top:8px;padding:10px 22px}#continue-btn:hover,#runend-dismiss-btn:hover{background:#3a7ec12e}#inventory-panel{border:1px solid var(--border-soft);background:var(--panel-bg);width:260px;box-shadow:var(--shadow-elevated);font-size:var(--fs-sm);color:var(--text-strong);z-index:4;border-radius:10px;max-height:calc(100vh - 32px);padding:16px 16px 18px;position:fixed;top:50%;left:16px;overflow-y:auto;transform:translateY(-50%)}.inv-title{font-weight:700;font-size:var(--fs-min);letter-spacing:.1em;text-transform:uppercase;opacity:.85;border-bottom:1px solid var(--border-faint);padding-bottom:6px}.inv-hint{font-size:var(--fs-min);opacity:.45;margin-top:6px;margin-bottom:10px}#inv-pool{flex-direction:column;gap:8px;display:flex}.pool-spell{border:1px solid var(--border-soft);background:var(--panel-bg-strong);width:100%;color:var(--text-strong);font-size:var(--fs-min);letter-spacing:.04em;cursor:grab;text-align:left;border-radius:6px;padding:10px 12px;font-weight:600;transition:background .1s,border-color .1s,opacity .1s;display:block}.pool-spell:hover{background:#f0e8d4;border-color:#3a7ec173}.pool-spell:active{cursor:grabbing}.pool-spell.dragging{opacity:.4}.empty-note{font-size:var(--fs-min);opacity:.45;font-style:italic}#wand-editor{z-index:30;border:1px solid var(--border-soft);background:var(--panel-bg);box-shadow:var(--shadow-elevated);font-size:var(--fs-sm);color:var(--text-strong);border-radius:10px;min-width:360px;padding:12px 14px;position:fixed}.editor-header{border-bottom:1px solid var(--border-faint);justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:8px;display:flex}.editor-title{font-weight:700;font-size:var(--fs-min);letter-spacing:.1em}.editor-close{color:var(--text-strong);cursor:pointer;opacity:.7;background:0 0;border:none;padding:0 4px;font-size:18px;line-height:1}.editor-close:hover{opacity:1}.editor-strip{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.editor-slot{border:2px dashed var(--border-soft);text-align:center;width:68px;height:68px;font-size:var(--fs-min);letter-spacing:.04em;box-sizing:border-box;border-radius:10px;justify-content:center;align-items:center;padding:6px;font-weight:700;transition:border-color .1s,background .1s;display:flex}.editor-slot.empty{color:var(--text-dim);font-size:22px;font-weight:300}.editor-slot.filled{background:#3a7ec114;border-style:solid;border-color:#3a7ec173}.editor-slot.drop-hover{background:#c8881a2e;border-color:var(--accent-warning)!important}.editor-arrow{opacity:.4;font-size:var(--fs-lg)}.editor-test-range{flex-direction:column;align-items:stretch;gap:4px;margin-top:10px;display:flex}.editor-test-canvas{aspect-ratio:3;border:1px solid var(--border-faint);background:#2a2520;border-radius:6px;width:100%}.editor-test-btn{border:1px solid var(--border-soft);color:var(--text-dim);font-size:var(--fs-min);letter-spacing:.12em;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;background:#3a7ec11a;border-radius:6px;padding:5px 0;font-weight:700;transition:background .1s,color .1s,border-color .1s}.editor-test-btn:hover:not(:disabled){color:var(--text-strong);background:#3a7ec12e;border-color:#3a7ec173}.editor-test-btn.active{color:var(--text-strong);background:#3a7ec140;border-color:#3a7ec199}.editor-test-btn:disabled{opacity:.35;cursor:default}.editor-hint{font-size:var(--fs-min);opacity:.5;letter-spacing:.04em;margin-top:10px}.prep-slots-line{font-size:var(--fs-min);margin-bottom:12px}.prep-slots-cta{color:var(--accent-warning);letter-spacing:.04em}.prep-slots-full{color:var(--text-dim);font-style:italic}.prep-section-label{font-size:var(--fs-min);letter-spacing:.1em;text-transform:uppercase;opacity:.55;margin-bottom:6px;font-weight:700}.shop{align-items:stretch;gap:6px;margin-bottom:12px;display:flex}.shop-offers{flex:1;gap:6px;display:flex}.shop-offer{color:var(--text-strong);cursor:pointer;background:#c8881a0f;border:1px solid #c8881a4d;border-radius:8px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:10px 8px;transition:background .1s,border-color .1s,transform 50ms;display:flex}.shop-offer:active:not(:disabled){transform:translateY(1px)}.shop-offer.unaffordable{opacity:.4;cursor:not-allowed}.shop-offer-name{font-size:var(--fs-min);letter-spacing:.04em;text-align:center;font-weight:700}.shop-offer-price{font-size:var(--fs-min);color:var(--accent-warning);font-variant-numeric:tabular-nums;font-weight:700}.shop-reroll{border:1px solid var(--border-soft);background:var(--panel-bg-strong);color:var(--text-strong);font-size:var(--fs-min);letter-spacing:.04em;cursor:pointer;white-space:nowrap;border-radius:8px;padding:0 12px;font-weight:700}.shop-reroll:hover:not(:disabled){background:#f0e8d4}.shop-reroll.unaffordable{opacity:.4;cursor:not-allowed}.shop-empty{font-size:var(--fs-min);opacity:.55;margin-bottom:10px;font-style:italic}#inv-pool.drop-hover{outline-offset:2px;background:#c44a4a0f;border-radius:6px;outline:2px dashed #c44a4a66}.editor-slot.filled[draggable=true]{cursor:grab}.editor-slot.filled.dragging{opacity:.4}#spell-tooltip{z-index:50;border:1px solid var(--border-soft);background:var(--panel-bg);box-shadow:var(--shadow-elevated);font-size:var(--fs-min);color:var(--text-strong);pointer-events:none;border-radius:8px;max-width:280px;padding:10px 12px;line-height:1.5;position:fixed}.tip-head{align-items:center;gap:8px;margin-bottom:6px;display:flex}.tip-name{font-weight:700;font-size:var(--fs-sm);letter-spacing:.06em}.tip-tag{font-size:var(--fs-min);letter-spacing:.06em;border-radius:4px;padding:2px 6px;font-weight:800}.tip-tag-lightning{color:#a67c10;background:#e2a5162e}.tip-tag-force{color:#a64020;background:#d96a302e}.tip-tag-arcane{color:#6b3aa6;background:#965adc2e}.tip-tag-fire{color:#a63030;background:#d940402e}.tip-tag-frost{color:#1e6a86;background:#4aa8c42e}.tip-tag-nature{color:#3a7228;background:#5bad4e2e}.tip-tag-chaos{color:#8a2e84;background:#c44ebd2e}.tip-meta{font-size:var(--fs-min);color:var(--text-dim);letter-spacing:.04em;margin-bottom:6px}.tip-stats{flex-direction:column;gap:2px;margin-bottom:6px;display:flex}.tip-stat{font-size:var(--fs-min);font-variant-numeric:tabular-nums;justify-content:space-between;display:flex}.tip-stat-label{color:var(--text-dim)}.tip-stat-value{color:var(--text-strong);font-weight:700}.tip-desc{font-size:var(--fs-min);color:var(--text-base)}.tip-bestvs{font-size:var(--fs-min);color:var(--text-base);border-top:1px solid #2a26201f;margin-top:6px;padding-top:6px}.tip-bestvs-label{color:var(--accent-success);letter-spacing:.04em;text-transform:uppercase;margin-right:4px;font-weight:800}.pool-spell{justify-content:space-between;align-items:center;gap:6px;display:flex;position:relative;overflow:hidden}.pool-spell-name{text-align:left;white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.pool-spell-tag{font-size:var(--fs-min);letter-spacing:.06em;border-radius:3px;padding:1px 5px;font-weight:800}.pool-spell.tag-fire{border-left:3px solid #ff8c5e}.pool-spell.tag-water{border-left:3px solid #5ea7ff}.pool-spell.tag-arcane{border-left:3px solid #b48cff}.pool-spell.tag-earth{border-left:3px solid #9fcc6b}.pool-spell-tag.tag-fire{color:#a64020;background:#ff6e462e}.pool-spell-tag.tag-water{color:#1e5a96;background:#4682c82e}.pool-spell-tag.tag-arcane{color:#6b3aa6;background:#965adc2e}.pool-spell-tag.tag-earth{color:#3a7228;background:#6eaa502e}.editor-slot.filled{flex-direction:column;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.slot-abbrev{font-size:var(--fs-lg);letter-spacing:.04em;color:var(--text-strong);font-weight:800}.slot-tag-stripe{border-bottom-right-radius:6px;border-bottom-left-radius:6px;width:100%;height:4px;position:absolute;bottom:0;left:0}.editor-slot.filled.tag-fire .slot-tag-stripe{background:#ff8c5e}.editor-slot.filled.tag-water .slot-tag-stripe{background:#5ea7ff}.editor-slot.filled.tag-arcane .slot-tag-stripe{background:#b48cff}.editor-slot.filled.tag-earth .slot-tag-stripe{background:#9fcc6b}.drag-ghost{background:var(--panel-bg);border:1px solid var(--border-soft);box-shadow:var(--shadow-elevated);font-size:var(--fs-min);color:var(--text-strong);letter-spacing:.04em;white-space:nowrap;pointer-events:none;border-radius:6px;align-items:center;gap:6px;padding:6px 10px;font-weight:700;display:flex;position:absolute;top:-1000px;left:-1000px}.drag-ghost.tag-fire{border-left:3px solid #ff8c5e}.drag-ghost.tag-water{border-left:3px solid #5ea7ff}.drag-ghost.tag-arcane{border-left:3px solid #b48cff}.drag-ghost.tag-earth{border-left:3px solid #9fcc6b}.drag-ghost-tag{font-size:var(--fs-min);letter-spacing:.06em;border-radius:3px;padding:1px 5px;font-weight:800}.drag-ghost-tag.tag-fire{color:#a64020;background:#ff6e462e}.drag-ghost-tag.tag-water{color:#1e5a96;background:#4682c82e}.drag-ghost-tag.tag-arcane{color:#6b3aa6;background:#965adc2e}.drag-ghost-tag.tag-earth{color:#3a7228;background:#6eaa502e}#talents-button{border:1px solid var(--border-soft);background:var(--panel-bg);box-shadow:var(--shadow-soft);color:var(--text-strong);font-size:var(--fs-min);letter-spacing:.06em;cursor:pointer;z-index:6;border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-weight:700;display:flex;position:fixed;top:16px;right:250px}#talents-button:hover{background:var(--panel-bg-strong)}.talents-glyph{color:var(--accent-warning);font-size:var(--fs-lg);line-height:1}#talents-panel{border:1px solid var(--border-soft);background:var(--panel-bg);box-shadow:var(--shadow-elevated);color:var(--text-strong);z-index:30;border-radius:14px;flex-direction:column;gap:14px;min-width:560px;max-width:720px;max-height:80vh;padding:22px 26px;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.talents-header{border-bottom:1px solid var(--border-faint);align-items:center;gap:12px;padding-bottom:10px;display:flex}.talents-title{letter-spacing:.06em;font-size:15px;font-weight:800}.talents-essence{font-size:var(--fs-md);color:var(--accent-warning);font-variant-numeric:tabular-nums;margin-left:auto;font-weight:700}.talents-close{color:var(--text-strong);cursor:pointer;opacity:.7;background:0 0;border:none;padding:0 4px;font-size:22px;line-height:1}.talents-close:hover{opacity:1}.talents-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;display:grid}.talent-card{border:1px solid var(--border-soft);background:var(--panel-bg-strong);border-radius:10px;flex-direction:column;gap:6px;padding:12px 14px;display:flex}.talent-card.owned{background:#3a8c5e0f;border-color:#3a8c5e99}.talent-card.unaffordable{opacity:.65}.talent-card-name{font-weight:800;font-size:var(--fs-sm);letter-spacing:.06em}.talent-card-desc{font-size:var(--fs-min);color:var(--text-base);flex:1;line-height:1.5}.talent-card-foot{align-items:center;margin-top:4px;display:flex}.talent-buy-btn{width:100%;color:var(--text-strong);letter-spacing:.04em;font-weight:700;font-size:var(--fs-min);cursor:pointer;background:#c8881a1a;border:1px solid #c8881a73;border-radius:6px;padding:6px 10px}.talent-buy-btn:hover:not(:disabled){background:#c8881a33}.talent-buy-btn:disabled{opacity:.5;cursor:not-allowed}.talent-owned-tag{text-align:center;width:100%;font-size:var(--fs-min);letter-spacing:.12em;color:var(--accent-success);background:#3a8c5e14;border:1px solid #3a8c5e66;border-radius:6px;padding:6px;font-weight:800}.talents-hint{font-size:var(--fs-min);color:var(--text-dim);letter-spacing:.04em;text-align:center}#pause-overlay{z-index:40;background:#22262e73;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.pause-card{border:1px solid var(--border-soft);background:var(--panel-bg);width:320px;box-shadow:var(--shadow-elevated);color:var(--text-strong);border-radius:14px;flex-direction:column;gap:8px;padding:24px 28px;display:flex}.pause-title{letter-spacing:.08em;text-align:center;margin-bottom:12px;font-size:18px;font-weight:800}.pause-action{border:1px solid var(--border-soft);background:var(--panel-bg-strong);color:var(--text-strong);letter-spacing:.04em;font-weight:700;font-size:var(--fs-sm);cursor:pointer;text-align:center;border-radius:8px;padding:10px 14px}.pause-action:hover{background:#f0e8d4}.pause-action.primary{background:#3a7ec11a;border-color:#3a7ec173}.pause-action.primary:hover{background:#3a7ec12e}.pause-action.danger{color:var(--accent-danger);background:#c44a4a1a;border-color:#c44a4a73}.pause-action.danger:hover{background:#c44a4a33}.pause-action.ghost{border-color:var(--border-faint);color:var(--text-dim);background:0 0}.pause-action.toggle{font-size:var(--fs-min)}.pause-divider{background:var(--border-faint);height:1px;margin:6px 0}.pause-hint{font-size:var(--fs-min);color:var(--text-dim);text-align:center;letter-spacing:.06em;margin-top:4px}[data-focusable].input-focused{outline:2px solid var(--accent-warning);outline-offset:2px;box-shadow:0 0 0 2px #c8881a2e}body.input-keyboard [data-glyph-gamepad]:not([data-glyph-keyboard]),body.input-gamepad [data-glyph-keyboard]:not([data-glyph-gamepad]){display:none}#virtual-cursor{border:2px solid var(--accent-warning);pointer-events:none;z-index:60;background:#c8881a2e;border-radius:999px;width:22px;height:22px;margin-top:-11px;margin-left:-11px;position:fixed;box-shadow:0 2px 6px #28283c2e}#virtual-cursor:after{content:"";background:var(--accent-warning);border-radius:999px;width:4px;height:4px;margin-top:-2px;margin-left:-2px;position:absolute;top:50%;left:50%}.editor-row-line{margin:4px 0 8px;display:flex}.editor-accuracy{font-size:var(--fs-min);letter-spacing:.06em;color:var(--accent-blue);background:#3a7ec11a;border:1px solid #3a7ec14d;border-radius:999px;padding:2px 8px;font-weight:700}.editor-meta{border-top:1px solid var(--border-faint);align-items:center;gap:8px;margin-top:12px;padding-top:10px;display:flex}.editor-tags{flex-wrap:wrap;gap:4px;display:flex}.editor-tag{font-size:var(--fs-min);letter-spacing:.06em;background:var(--panel-bg-strong);border-radius:4px;padding:2px 6px;font-weight:700}.editor-tag.tag-fire{color:#a64020;background:#ff6e462e}.editor-tag.tag-water{color:#1e5a96;background:#4682c82e}.editor-tag.tag-arcane{color:#6b3aa6;background:#965adc2e}.editor-tag.tag-earth{color:#3a7228;background:#6eaa502e}.editor-bonus{font-size:var(--fs-min);letter-spacing:.06em;opacity:.55;margin-left:auto;font-weight:700}.editor-bonus.active{color:var(--accent-warning);opacity:1}.editor-synergies{border-top:1px solid var(--border-faint);margin-top:10px;padding-top:10px}.editor-synergies-title{font-size:var(--fs-min);letter-spacing:.1em;text-transform:uppercase;opacity:.55;margin-bottom:6px;font-weight:700}.syn-row{font-size:var(--fs-min);align-items:center;gap:6px;margin-bottom:4px;display:flex}.syn-bonus{color:var(--accent-warning);font-weight:700}.syn-tag{font-size:var(--fs-min);border-radius:3px;padding:1px 5px;font-weight:700}.syn-with{opacity:.55}.syn-partner{letter-spacing:.04em;font-weight:700}.speed-buttons{gap:4px;margin-top:4px;display:flex}.speed-btn{border:1px solid var(--border-soft);background:var(--panel-bg-strong);color:var(--text-strong);cursor:pointer;font-weight:700;font-size:var(--fs-sm);border-radius:4px;flex:1;padding:4px 6px}.speed-btn:hover{background:#f0e8d4}.speed-btn.active{background:#3a7ec12e;border-color:#3a7ec173}#mute-toggle{border:1px solid var(--border-soft);background:var(--panel-bg-strong);color:var(--text-strong);cursor:pointer;font-size:var(--fs-lg);border-radius:4px;margin-left:8px;padding:4px 8px}#mute-toggle:hover{background:#f0e8d4}.pool-wand{cursor:grab;font-size:var(--fs-min);color:var(--text-strong);text-align:left;background:#c8881a14;border:1px solid #b8a27a;border-left:3px solid #c8881a;border-radius:6px;flex-direction:column;gap:2px;width:100%;padding:6px 10px;display:flex}.pool-wand:hover{background:#c8881a29;border-color:#a0843e}.pool-wand.dragging{opacity:.4}.pool-wand-name{font-weight:700;font-size:var(--fs-sm)}.pool-wand-stats{color:var(--text-muted);font-size:var(--fs-min)}.pool-wand-badge{font-size:var(--fs-min);text-transform:uppercase;letter-spacing:.06em;color:#8b5cf6;background:#8b5cf61f;border-radius:3px;width:fit-content;padding:1px 5px;font-weight:600}.wand-pool{flex-direction:column;gap:4px;padding:4px 0;display:flex}.editor-wand-header{cursor:grab;background:#c8881a0f;border:1px solid #b8a27a;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;min-height:32px;margin-bottom:8px;padding:6px 8px;display:flex}.editor-wand-header.empty-wand{cursor:default;background:#00000005;border-style:dashed}.editor-wand-header.drop-hover{background:#c8881a26;border-color:#c8881a}.editor-wand-header.dragging{opacity:.4}.wand-name{font-weight:700;font-size:var(--fs-sm)}.wand-hint{font-size:var(--fs-min);color:var(--text-muted);font-style:italic}.wand-stats{flex-wrap:wrap;gap:6px;display:flex}.wand-stat{font-size:var(--fs-min);color:var(--text-muted);background:#0000000a;border-radius:3px;padding:1px 5px}.wand-shuffle{color:#8b5cf6;background:#8b5cf61a}.shop-wand-offer{border-left:3px solid #c8881a}.shop-wand-stats{font-size:var(--fs-min);color:var(--text-muted);margin-top:2px;display:block}:fullscreen #app{padding:0}:fullscreen .canvas-wrap{max-width:100%}:fullscreen canvas{max-height:100vh;box-shadow:none;border:none;border-radius:0}@supports (padding:env(safe-area-inset-top)){:fullscreen #app{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}#hud{top:calc(16px + env(safe-area-inset-top))}#prep-panel{bottom:calc(16px + env(safe-area-inset-bottom))}}#codex-backdrop{pointer-events:auto;z-index:120;background:#22262e80;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#codex-panel{border:1px solid var(--border-soft);background:var(--panel-bg);width:760px;max-width:calc(100% - 24px);max-height:85vh;box-shadow:var(--shadow-elevated);pointer-events:auto;border-radius:14px;flex-direction:column;gap:14px;padding:22px 26px;display:flex;overflow-y:auto}.codex-header{border-bottom:1px solid var(--border-faint);justify-content:space-between;align-items:center;padding-bottom:10px;display:flex}.codex-title{letter-spacing:.06em;font-size:15px;font-weight:800}.codex-close{color:var(--text-strong);cursor:pointer;opacity:.7;background:0 0;border:none;padding:0 4px;font-size:22px;line-height:1}.codex-close:hover{opacity:1}.codex-pills{gap:8px;display:flex}.codex-pill{border:1px solid var(--border-soft);font-size:var(--fs-min);color:var(--text-dim);cursor:pointer;letter-spacing:.04em;background:0 0;border-radius:16px;padding:5px 14px;font-weight:700}.codex-pill.active{background:var(--accent-warning);color:#fff;border-color:var(--accent-warning)}.codex-pill:hover:not(.active){border-color:var(--accent-warning);color:var(--text-base)}.codex-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px;display:grid}.codex-card{border:1px solid var(--border-soft);text-align:center;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:70px;padding:14px 8px;display:flex}.codex-card.undiscovered{background:var(--panel-bg-strong);opacity:.4}.codex-card.undiscovered .codex-card-icon{color:var(--text-dim);font-size:20px}.codex-card.discovered{cursor:pointer;background:var(--panel-bg);border-color:#c8881a4d}.codex-card.discovered:hover{border-color:var(--accent-warning);background:#c8881a0f}.codex-card.discovered.input-focused{border-color:var(--accent-warning);box-shadow:0 0 0 2px #c8881a40}.codex-card-name{font-size:var(--fs-min);letter-spacing:.04em;color:var(--text-strong);font-weight:700}.codex-card.undiscovered .codex-card-name{color:var(--text-dim)}.codex-card-stat{font-size:var(--fs-min);color:var(--text-dim)}.bestiary-layout{grid-template-columns:minmax(250px,.9fr) minmax(320px,1.1fr);gap:12px;min-height:360px;display:grid}.bestiary-roster{flex-direction:column;gap:6px;min-height:0;max-height:56vh;padding-right:4px;display:flex;overflow-y:auto}.bestiary-entry{border:1px solid var(--border-soft);background:var(--panel-bg-strong);width:100%;min-height:62px;color:var(--text-base);text-align:left;border-radius:8px;grid-template-columns:54px 48px 1fr;align-items:center;gap:10px;padding:7px 10px;display:grid}button.bestiary-entry{font:inherit;cursor:pointer}.bestiary-entry.discovered:hover,.bestiary-entry.discovered.selected{border-color:var(--accent-warning);background:#c8881a14}.bestiary-entry.input-focused{border-color:var(--accent-warning);box-shadow:0 0 0 2px #c8881a40}.bestiary-entry.locked{opacity:.45}.bestiary-index{font-size:var(--fs-min);letter-spacing:.06em;color:var(--text-dim);font-weight:800}.bestiary-entry-main{flex-direction:column;gap:3px;min-width:0;display:flex}.bestiary-entry-name{text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-sm);color:var(--text-strong);font-weight:800;overflow:hidden}.bestiary-entry-meta{font-size:var(--fs-min);color:var(--text-dim)}.bestiary-portrait,.bestiary-large-portrait{border:1px solid var(--border-faint);background:linear-gradient(180deg, #ffffff29, #00000014), var(--panel-bg);display:block;position:relative;box-shadow:inset 0 -8px 16px #00000024}.bestiary-portrait{width:42px;height:42px;margin:0 auto}.bestiary-large-portrait{flex:none;width:104px;height:104px}.bestiary-portrait:before,.bestiary-large-portrait:before{content:"";background:currentColor;border-radius:50% 50% 36% 36%;width:58%;height:68%;position:absolute;bottom:16%;left:50%;transform:translate(-50%);box-shadow:inset 0 -5px #ffffff2e}.bestiary-portrait:after,.bestiary-large-portrait:after{content:"";background:#14161ca6;width:34%;height:8%;position:absolute;top:30%;left:50%;transform:translate(-50%);box-shadow:0 11px #14161c6b}.bestiary-portrait.archetype-rusher,.bestiary-large-portrait.archetype-rusher{color:#b44a35}.bestiary-portrait.archetype-shooter,.bestiary-large-portrait.archetype-shooter{color:#5b6f9f}.bestiary-portrait.enemy-boss,.bestiary-large-portrait.enemy-boss{color:#7a5a8a}.bestiary-portrait.locked,.bestiary-large-portrait.locked{color:#5e6570;filter:grayscale()}.bestiary-panel{border:1px solid var(--border-soft);background:var(--panel-bg-strong);border-radius:8px;flex-direction:column;gap:12px;min-width:0;padding:16px;display:flex}.bestiary-panel.locked{text-align:center;justify-content:center;align-items:center}.bestiary-panel-top{align-items:center;gap:14px;display:flex}.bestiary-panel-heading{flex-direction:column;gap:5px;min-width:0;display:flex}.bestiary-panel-kicker{font-size:var(--fs-min);letter-spacing:.12em;text-transform:uppercase;color:var(--accent-warning);font-weight:800}.bestiary-panel-name{color:var(--text-strong);font-size:22px;font-weight:900}.bestiary-panel-subtitle{font-size:var(--fs-min);letter-spacing:.06em;color:var(--text-dim);font-weight:800}.bestiary-counts{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.bestiary-counts div{background:var(--panel-bg);border:1px solid var(--border-faint);border-radius:6px;flex-direction:column;gap:3px;padding:8px;display:flex}.bestiary-counts span{font-size:var(--fs-lg);color:var(--text-strong);font-weight:800}.bestiary-counts small{font-size:var(--fs-min);color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em}.bestiary-lore{font-size:var(--fs-sm);color:var(--text-dim);font-style:italic;line-height:1.5}.bestiary-stat-bars{flex-direction:column;gap:8px;display:flex}.bestiary-bar{font-size:var(--fs-min);grid-template-columns:56px 1fr 38px;align-items:center;gap:8px;display:grid}.bestiary-bar-label{color:var(--text-dim);letter-spacing:.06em;text-transform:uppercase;font-weight:800}.bestiary-bar-track{border:1px solid var(--border-faint);background:#22262e2e;border-radius:3px;height:8px;overflow:hidden}.bestiary-bar-fill{background:linear-gradient(90deg, var(--accent-success), var(--accent-warning));height:100%;display:block}.bestiary-bar-value{color:var(--text-strong);text-align:right;font-weight:800}.bestiary-notes{grid-template-columns:1fr;gap:8px;display:grid}.bestiary-notes div{font-size:var(--fs-min);grid-template-columns:64px 1fr;gap:8px;display:grid}.bestiary-notes strong{color:var(--text-strong)}.bestiary-notes span{color:var(--text-dim)}.codex-detail{z-index:55;background:#22262e66;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.codex-detail-card{background:var(--panel-bg);border:1px solid var(--border-soft);width:340px;max-width:calc(100% - 24px);box-shadow:var(--shadow-elevated);border-radius:14px;overflow:hidden}.codex-detail-header{justify-content:space-between;align-items:center;padding:18px 22px 8px;display:flex}.codex-detail-name{font-size:16px;font-weight:800}.codex-detail-close{color:var(--text-strong);cursor:pointer;opacity:.7;background:0 0;border:none;padding:0 4px;font-size:20px;line-height:1}.codex-detail-close:hover{opacity:1}.codex-detail-badges,.codex-detail-lore,.codex-detail-stats,.codex-detail-tracking{padding:6px 22px}.codex-detail-badges{gap:6px;padding-top:4px;padding-bottom:10px;display:flex}.codex-badge{font-size:var(--fs-min);letter-spacing:.06em;background:var(--panel-bg-strong);color:var(--text-dim);border:1px solid var(--border-faint);border-radius:4px;padding:2px 8px;font-weight:700}.codex-badge.rarity-common{color:var(--text-dim)}.codex-badge.rarity-uncommon{color:var(--accent-success);border-color:var(--accent-success)}.codex-badge.rarity-rare{color:var(--accent-warning);border-color:var(--accent-warning)}.codex-detail-lore{font-style:italic;font-size:var(--fs-sm);color:var(--text-dim);border-top:1px solid var(--border-faint);padding-top:10px;padding-bottom:10px;line-height:1.5}.codex-detail-stats{grid-template-columns:1fr 1fr;gap:6px;padding-top:10px;padding-bottom:10px;display:grid}.codex-stat{font-size:var(--fs-min);justify-content:space-between;display:flex}.codex-stat-label{color:var(--text-dim)}.codex-stat-value{color:var(--text-strong);font-weight:700}.codex-detail-tracking{font-size:var(--fs-min);color:var(--text-dim);border-top:1px solid var(--border-faint);flex-wrap:wrap;gap:12px;padding-top:10px;padding-bottom:18px;display:flex}.shop-offer.offer--new{position:relative}.shop-offer.offer--new:after{content:"NEW";font-size:var(--fs-min);letter-spacing:.08em;color:#fff;background:var(--accent-warning);border-radius:3px;padding:1px 5px;font-weight:800;animation:2s ease-in-out infinite new-pulse;position:absolute;top:4px;right:4px}@keyframes new-pulse{0%,to{opacity:1}50%{opacity:.6}}@media (width<=768px){#app{padding:0}canvas{max-width:100%;box-shadow:none;border:none;border-radius:0}#hud{min-width:unset;width:calc(100% - 16px);font-size:var(--fs-min);border-radius:6px;padding:6px 10px;top:8px}#controls,#cast-feed{display:none}#talents-button{font-size:var(--fs-min);padding:6px 10px;top:auto;bottom:8px;right:8px}#inventory-panel{z-index:10;border-radius:12px 12px 0 0;width:100%;height:40vh;max-height:none;padding:10px;position:fixed;top:auto;bottom:0;left:0;transform:none}#inv-pool{flex-flow:wrap;gap:4px}.pool-spell{flex:0 0 calc(50% - 2px);width:auto;min-height:44px}#prep-panel{border-radius:8px;width:calc(100% - 16px);padding:10px 12px;bottom:8px}.shop-offers{flex-wrap:wrap}.shop-offer{min-height:44px}#wand-editor{min-width:unset;border-radius:12px 12px 0 0;max-height:50vh;overflow-y:auto;width:auto!important;inset:auto 8px 0!important}.editor-slot{width:44px;height:44px}#resolve-panel{width:calc(100% - 32px);min-width:unset;padding:20px}#talents-panel{min-width:unset;width:calc(100% - 16px);max-height:90vh;padding:16px}.talents-grid{grid-template-columns:1fr}.talent-buy-btn,.pause-action,#start-combat-btn,#continue-btn,#runend-dismiss-btn{min-height:44px}#codex-panel{width:calc(100% - 16px);padding:16px}.codex-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.bestiary-layout{grid-template-columns:1fr;min-height:0}.bestiary-roster{max-height:28vh}.bestiary-panel{padding:12px}.bestiary-panel-top{align-items:flex-start}.bestiary-large-portrait{width:72px;height:72px}.bestiary-panel-name{font-size:18px}.bestiary-counts{grid-template-columns:1fr}.codex-detail-card{width:calc(100% - 16px)}}.splash-screen{z-index:100;color:#8ba4b8;background:#0a0c10;justify-content:center;align-items:center;font-family:Courier New,Courier,monospace;transition:background 2.5s,color 2s;display:flex;position:fixed;inset:0}.splash-screen.fade-out{background:var(--bg);color:#0000}.splash-screen.fade-out .splash-content{opacity:0;transition:opacity 1.8s}.splash-screen.fade-out .splash-scanlines,.splash-screen.fade-out .splash-vignette{opacity:0;transition:opacity 1.5s}.splash-scanlines{pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#0000000f 2px 4px);position:absolute;inset:0}.splash-vignette{pointer-events:none;background:radial-gradient(#0000 50%,#00000080 100%);position:absolute;inset:0}.splash-content{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex;position:relative}.splash-content-full{text-align:left;align-items:flex-start;gap:0;min-width:480px}.splash-header{font-size:var(--fs-min);letter-spacing:.2em;opacity:.4;margin-bottom:10px;animation:.3s forwards splashFadeIn}.splash-log{flex-direction:column;gap:0;display:flex}.splash-log-line{font-size:var(--fs-sm);opacity:0;line-height:2.2;transition:opacity .2s}.splash-log-line.visible{opacity:1}.splash-ts{opacity:.3}.splash-ok{color:#7ec87e}.splash-pending{color:#c8a84e}.splash-divider{opacity:0;background:#8ba4b826;width:100%;height:1px;margin:14px 0 12px;transition:opacity .4s}.splash-divider.visible{opacity:1}.splash-title{color:#d4e4f0;letter-spacing:.12em;opacity:0;font-size:22px;font-weight:700;transition:opacity .6s}.splash-title.visible{animation:.6s forwards splashFlicker}.splash-subtitle{font-size:var(--fs-min);letter-spacing:.2em;opacity:0;margin-top:4px;transition:opacity .4s}.splash-subtitle.visible{opacity:.5}.splash-notice{font-size:var(--fs-min);opacity:0;border:1px solid #8ba4b833;border-radius:2px;max-width:480px;margin-top:14px;padding:10px 14px;line-height:1.7;transition:opacity .4s}.splash-notice.visible{opacity:.7}.splash-notice-label{opacity:.5;font-size:var(--fs-min)}.splash-ready{font-size:var(--fs-sm);color:#7ec87e;letter-spacing:.1em;opacity:0;margin-top:14px;font-weight:700;transition:opacity .2s}.splash-ready.visible{opacity:1}.splash-cursor{opacity:.6;animation:1s step-end infinite splashBlink}.splash-screen.fast .splash-fast-title{animation:.6s forwards splashFlicker}.splash-screen.fast .splash-fast-subtitle{opacity:0;animation:.4s .4s forwards splashFadeIn}.splash-screen.fast .splash-fast-notice{opacity:0;animation:.4s .8s forwards splashFadeIn}.splash-screen.fast .splash-fast-ready{opacity:0;animation:.3s 2.5s forwards splashFadeIn}@keyframes splashFadeIn{0%{opacity:0}to{opacity:.7}}@keyframes splashFlicker{0%{opacity:0}20%{opacity:.9}40%{opacity:.6}60%{opacity:1}80%{opacity:.85}to{opacity:1}}@keyframes splashBlink{0%,to{opacity:.6}50%{opacity:0}}.hub-screen{background:var(--bg);z-index:90;opacity:0;flex-direction:column;justify-content:center;align-items:center;gap:20px;animation:.4s forwards hubFadeIn;display:flex;position:fixed;inset:0}.hub-header{justify-content:space-between;align-items:center;display:flex;position:absolute;top:16px;left:20px;right:20px}.hub-header-brand{font-size:var(--fs-min);letter-spacing:.15em;color:var(--text-dim);font-weight:700}.hub-header-right{align-items:center;gap:12px;display:flex}.hub-essence{font-size:var(--fs-min);color:var(--accent-warning);font-weight:700}.hub-icon-btn{color:var(--text-dim);font-size:var(--fs-lg);cursor:pointer;background:0 0;border:none;padding:4px}.hub-icon-btn:hover{color:var(--text-strong)}.hub-center{text-align:center}.hub-title{color:var(--text-strong);letter-spacing:.06em;margin-bottom:6px;font-size:22px;font-weight:800}.hub-subtitle{font-size:var(--fs-sm);color:var(--text-dim);letter-spacing:.04em}.hub-actions{gap:12px;margin-top:8px;display:flex}.hub-btn{font-weight:700;font-size:var(--fs-md);letter-spacing:.06em;cursor:pointer;border-radius:8px;padding:14px 32px;transition:background .1s,border-color .1s}.hub-btn-primary{color:var(--text-strong);background:#3a7ec11a;border:1px solid #3a7ec173}.hub-btn-primary:hover{background:#3a7ec12e}.hub-btn-secondary{border:1px solid var(--border-soft);background:var(--panel-bg);color:var(--text-base)}.hub-btn-secondary:hover{background:var(--panel-bg-strong)}.hub-btn-sub{font-size:var(--fs-min);opacity:.6;margin-top:4px;font-weight:600;display:block}.hub-sections{gap:12px;margin-top:16px;display:flex}.hub-section-btn{font-size:var(--fs-min);color:var(--text-strong);cursor:pointer;letter-spacing:.04em;background:#c8881a0f;border:1px solid #c8881a4d;border-radius:8px;padding:10px 18px;font-weight:700}.hub-section-btn:hover{background:#c8881a21;border-color:#c8881a8c}.hub-section-btn.locked{border:1px solid var(--border-soft);background:var(--panel-bg);color:var(--text-dim);cursor:not-allowed;opacity:.5}.hub-notice{text-align:center;max-width:440px;font-size:var(--fs-min);color:var(--text-dim);border:1px solid var(--border-faint);background:var(--panel-bg);border-radius:6px;margin-top:12px;padding:10px 16px;line-height:1.6}.hub-notice-label{font-weight:700;font-size:var(--fs-min);letter-spacing:.12em;opacity:.6;margin-bottom:4px;display:block}.hub-reward{text-align:center;font-size:var(--fs-min);color:var(--accent-success);opacity:.8;font-weight:600;animation:4s forwards hubRewardFade;position:absolute;bottom:24px}@keyframes hubFadeIn{0%{opacity:0}to{opacity:1}}@keyframes hubRewardFade{0%{opacity:.8}70%{opacity:.8}to{opacity:0}}.hud-stage{color:#ffe4a8;font-weight:700}.prep-stage-card,.prep-tutorial-card{background:#14121cdb;border:1px solid #ffe1a047;border-radius:10px;margin:10px 0;padding:10px 12px;box-shadow:inset 0 0 0 1px #ffffff08}.prep-stage-dept{font-size:var(--fs-min);letter-spacing:.08em;text-transform:uppercase;color:#f2d08f;margin-bottom:6px}.prep-stage-summary{color:#fff3cf;margin-bottom:4px;font-weight:700}.prep-stage-briefing,.prep-tutorial-line{color:#fff5dcd1;line-height:1.4}.prep-tutorial-card{background:#101c2cdb;border-color:#76b6ff4d}.prep-tutorial-line+.prep-tutorial-line{margin-top:4px}#tutorial-coach{z-index:30;pointer-events:none;width:min(300px,100vw - 24px);animation:.16s tutorialCoachIn;position:fixed}@media (prefers-reduced-motion:reduce){#tutorial-coach{animation:none}}@keyframes tutorialCoachIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.tutorial-coach-card{pointer-events:auto;box-shadow:0 8px 28px #00000080}.tutorial-coach-kicker{font-size:var(--fs-min);letter-spacing:.1em;text-transform:uppercase;color:#76b6ff;margin-bottom:6px;font-weight:700}.tutorial-coach-title{color:#eaf3ff;font-weight:700}.tutorial-coach-actions{gap:8px;margin-top:10px;display:flex}.tutorial-coach-btn{pointer-events:auto;color:var(--text-strong);font-weight:600;font-size:var(--fs-min);letter-spacing:.04em;cursor:pointer;background:#76b6ff14;border:1px solid #76b6ff4d;border-radius:7px;padding:6px 12px}.tutorial-coach-btn:hover{background:#76b6ff2e}.tutorial-coach-btn.primary{background:#76b6ff33;border-color:#76b6ff80}.resolve-summary{background:#121420bd;border:1px solid #ffffff14;border-radius:10px;margin:12px 0 16px;padding:10px 12px}.resolve-summary-line{color:#fff5dcdb;line-height:1.45}.resolve-summary-line+.resolve-summary-line{margin-top:4px}.resolve-flourish{color:#bef0c8f2;text-align:center;background:#78c88c1f;border:1px solid #78c88c66;border-radius:10px;margin:10px 0 4px;padding:10px 12px;line-height:1.4}.resolve-flourish strong{color:#8ff0aa}.resolve-payoff{color:#ffe28aeb;text-align:center;margin:8px 0 4px;font-weight:600}.resolve-payoff strong{color:#ffd277}.resolve-cause{text-align:center;background:#b33b451f;border:1px solid #b33b4559;border-radius:10px;margin:10px 0 4px;padding:10px 12px}.resolve-cause-line{color:#8f2f38;font-weight:700;line-height:1.4}.resolve-tip{color:#6f3a2fd9;font-size:var(--fs-sm);margin-top:6px;line-height:1.4}.resolve-memo{color:#ffe0a8f2;text-align:left;font-size:var(--fs-sm);letter-spacing:.02em;background:#ffc76e1a;border:1px solid #ffc76e66;border-left-width:3px;border-radius:10px;margin:10px 0 4px;padding:10px 12px;line-height:1.45}.resolve-reinforce{color:#bef0c8f2;text-align:center;font-size:var(--fs-sm);background:#78c88c1a;border:1px solid #78c88c52;border-radius:10px;margin:8px 0 4px;padding:8px 12px;font-weight:600;line-height:1.4}.prep-build-card,.prep-boss-card{background:#141622d1;border:1px solid #ffffff14;border-radius:10px;margin:10px 0;padding:10px 12px}.prep-build-title,.prep-boss-title{color:#fff1c2;margin-bottom:4px;font-weight:700}.prep-build-line{color:#fff5dcdb;line-height:1.4}.prep-boss-card{background:#2a1014d1;border-color:#ff727252}.prep-summary-strip{background:#181a26e0;border:1px solid #ffffff14;border-radius:10px;margin:10px 0 12px;padding:10px 12px}.prep-summary-line{color:#fff5dce6;line-height:1.4;font-size:var(--fs-md)}.prep-summary-line+.prep-summary-line{margin-top:6px}.prep-summary-label{min-width:68px;font-size:var(--fs-min);letter-spacing:.08em;text-transform:uppercase;color:#f2d08f;margin-right:8px;display:inline-block}.prep-summary-warning{color:#ffd7d7}body{background:radial-gradient(circle at 48% 18%,#256fbf1a,#0000 34%),linear-gradient(#efe5d2 0%,#e4d6bc 100%)}#app{padding:74px 316px 190px 24px}canvas{border:1px solid #2a26203d;border-radius:8px;box-shadow:0 22px 60px #2a262033,0 0 0 5px #fffaf099}.canvas-wrap{max-width:min(100%,1480px,166.67vh - 433.342px)}.canvas-wrap canvas{aspect-ratio:5/3;width:100%!important;height:auto!important}.slot-price-label{min-width:60px;color:var(--accent-warning);font-size:var(--fs-min);background:#fffaf0eb;border:1px solid #b66b128c;border-radius:8px;padding:5px 8px 6px;font-weight:900;line-height:1.05;box-shadow:0 8px 18px #2a262033}.slot-price-label:before{content:"UNLOCK";color:var(--text-strong);font-size:var(--fs-min);margin-bottom:2px;font-weight:900;display:block}.slot-price-label.unaffordable{color:var(--text-dim);box-shadow:none;background:#f4ead8d1;border-color:#6f788859}#hud{width:min(860px,100vw - 420px);min-width:520px;box-shadow:var(--shadow-soft);z-index:9;background:#fffaf0f0;border-color:#2a262033;border-radius:8px;padding:8px 10px;top:14px}.hud-shell{grid-template-columns:minmax(240px,1.2fr) minmax(150px,.8fr) auto;align-items:center;gap:12px;display:grid}.hud-stage-block,.hud-round-block,.hud-resource-row{align-items:center;min-width:0;display:flex}.hud-stage-block{flex-direction:column;align-items:flex-start;gap:2px}.hud-kicker,.hud-department,.hud-pill-label,.prep-section-label,.shop-offer-kind{font-size:var(--fs-min);letter-spacing:.08em;text-transform:uppercase;font-weight:900}.hud-kicker{color:var(--accent-blue)}.hud-stage{color:var(--text-strong);font-size:16px;font-weight:900;line-height:1.05}.hud-department{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.hud-round-block{flex-wrap:wrap;justify-content:center;gap:8px}.hud-round{font-size:var(--fs-sm);color:var(--text-strong);letter-spacing:0}.hud-wave,.hud-enemies{font-size:var(--fs-min);border-radius:999px;padding:3px 8px;font-weight:800}.hud-wave{color:var(--accent-blue);background:#256fbf1f}.hud-enemies{color:var(--accent-danger);background:#b33b451a}.hud-resource-row{justify-content:flex-end;gap:8px}.hud-pill{background:#fff;border-color:#2a26201f;border-radius:8px;min-height:34px;padding:5px 10px 7px}.hud-pill-value{font-size:var(--fs-md)}.hud-breach .hud-pill-label{color:var(--accent-danger)}.hud-breach.active{background:#b33b451f;border-color:#b33b4559}.hud-breach.active .hud-pill-value{color:var(--accent-danger)}.hud-wand-strip{border-top:1px solid #2a26201a;flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;padding-top:6px;display:flex}.hud-wand-strip-label{font-size:var(--fs-min);letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);font-weight:900}.hud-mana-pip{background:#2a262024;border-radius:999px;width:32px;height:6px;position:relative;overflow:hidden}.hud-mana-pip-fill{background:var(--accent-blue);height:100%;transition:width .15s,background .15s;position:absolute;top:0;left:0}.hud-mana-pip.starved{box-shadow:0 0 0 1px var(--accent-danger)}.hud-mana-pip.starved .hud-mana-pip-fill{background:var(--accent-danger)}#controls{z-index:9;background:#fffaf0eb;border-color:#2a26202e;border-radius:8px;width:176px;padding:8px;top:14px;right:16px}.controls-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.controls-label{font-size:var(--fs-min);letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);font-weight:900}#tickrate-slider{width:100%;accent-color:var(--accent-blue);margin-top:6px}#tickrate-value{min-width:58px;color:var(--text-strong);font-size:var(--fs-min)}.speed-buttons{gap:5px;margin-top:6px}.speed-btn{min-height:28px;font-size:var(--fs-min);background:#fff;border-radius:6px}.speed-btn.active{color:var(--accent-blue);background:#256fbf24;border-color:#256fbf85}.control-row-actions{gap:6px;margin-top:6px}#pause-toggle{background:#fff;border-radius:6px;min-height:30px;margin-top:0;padding:6px 9px}#mute-toggle{background:#fff;border-radius:6px;min-width:34px;min-height:30px;margin-left:0}#talents-button{z-index:9;background:#fffaf0eb;border-color:#2a26202e;border-radius:8px;min-height:34px;top:14px;left:16px;right:auto}#inventory-panel{width:276px;max-height:calc(100vh - 372px);box-shadow:var(--shadow-soft);z-index:7;background:#fffaf0f0;border-color:#2a26202e;border-radius:8px;padding:12px;top:152px;left:auto;right:16px;transform:none}.inventory-head{border-bottom:1px solid var(--border-faint);justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:12px;padding-bottom:9px;display:flex}.inventory-title{color:var(--text-strong);font-size:15px;font-weight:900}.inventory-count,.inv-hint{color:var(--text-dim);font-size:var(--fs-min);font-weight:700}.inv-group+.inv-group{margin-top:14px}.inv-title-row{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.inv-title{color:var(--text-dim);opacity:1;border-bottom:none;padding-bottom:0}#inv-pool,.wand-pool{gap:6px}.pool-spell,.pool-wand{background:#fff;border-color:#2a262024;border-radius:7px;min-height:40px}.pool-spell:hover,.pool-wand:hover{background:#256fbf14;border-color:#256fbf73}.pool-wand{border-left-color:var(--accent-warning)}#cast-feed{z-index:7;background:#fffaf0f0;border-color:#2a26202e;border-radius:8px;width:320px;bottom:18px;left:16px;right:auto}#cast-feed.collapsed{width:156px}.feed-toggle{font-size:var(--fs-min);padding:10px 12px}#prep-panel{width:min(1120px,100vw - 360px);box-shadow:var(--shadow-elevated);z-index:8;background:#fffaf0f5;border-color:#2a262038;border-radius:8px;padding:12px;bottom:18px}.prep-shell{grid-template-columns:minmax(260px,.9fr) minmax(350px,1.16fr) minmax(220px,.74fr);align-items:stretch;gap:12px;display:grid}.prep-briefing,.prep-market,.prep-actions{min-width:0}.prep-briefing,.prep-market{border-right:1px solid var(--border-faint);padding-right:12px}.prep-objective{color:var(--text-strong);margin-top:5px;font-size:17px;font-weight:900;line-height:1.18}.prep-section-head{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:8px;display:flex}.prep-section-label{color:var(--accent-blue);opacity:1;margin-bottom:0}.prep-section-note{color:var(--text-dim);font-size:var(--fs-min);font-weight:700}.prep-build-card{background:#f4ead8b3;border:1px solid #2a26201a;border-radius:8px;margin:10px 0 0;padding:9px 10px}.prep-build-title{color:var(--text-strong);font-size:var(--fs-sm);margin-bottom:7px;font-weight:900}.prep-build-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.prep-build-grid span{color:var(--text-base);font-size:var(--fs-min);flex-direction:column;gap:3px;line-height:1.25;display:flex}.prep-build-grid strong{color:var(--text-dim);font-size:var(--fs-min);text-transform:uppercase;font-weight:900}.prep-alert{color:var(--accent-danger);font-size:var(--fs-sm);background:#b33b4514;border:1px solid #b33b4542;border-radius:8px;grid-template-columns:auto 1fr;gap:4px 8px;margin-top:8px;padding:8px 10px;font-weight:800;display:grid}.prep-alert-label{color:var(--text-strong);font-size:var(--fs-min);letter-spacing:.08em;text-transform:uppercase;font-weight:900}.prep-alert small{color:var(--text-base);font-size:var(--fs-min);grid-column:2;font-weight:600}.prep-threat-card{background:#ffffff94;border:1px solid #2a26201f;border-radius:8px;margin-top:8px;padding:9px 10px}.prep-threat-head{color:var(--text-dim);font-size:var(--fs-min);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:8px;margin-bottom:7px;font-weight:900;display:flex}.prep-threat-head strong{color:var(--accent-success);font-size:var(--fs-min);letter-spacing:0;text-transform:none}.prep-threat-list{overscroll-behavior:contain;gap:5px;max-height:168px;display:grid;overflow-y:auto}.prep-threat-row{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:7px;min-height:34px;display:grid}.prep-threat-count,.prep-threat-breach{font-size:var(--fs-min);font-weight:900}.prep-threat-count{color:var(--accent-blue)}.prep-threat-main{min-width:0}.prep-threat-main strong,.prep-threat-main small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.prep-threat-main strong{color:var(--text-strong);font-size:var(--fs-min);font-weight:900}.prep-threat-main small{color:var(--text-base);font-size:var(--fs-min)}.prep-threat-breach{color:var(--accent-danger)}.prep-threat-cover{max-width:100%;font-size:var(--fs-min);letter-spacing:.01em;text-overflow:ellipsis;white-space:nowrap;border-radius:999px;align-items:center;margin-top:3px;padding:1px 6px;font-weight:800;display:inline-flex;overflow:hidden}.prep-threat-cover.cover-yes{color:var(--accent-success);background:#26785a24}.prep-threat-cover.cover-owned{color:var(--accent-warning);background:#b66b1224}.prep-threat-cover.cover-none{color:var(--text-muted);cursor:help;background:#7d879424}.prep-bounty-line{color:var(--text-base);font-size:var(--fs-min);margin-top:7px;font-weight:800}.shop{gap:8px;margin-bottom:0}.shop-offers{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.shop-offer{text-align:left;background:#fff7e8;border-color:#b66b1257;border-radius:8px;justify-content:space-between;align-items:stretch;min-height:104px;padding:10px}.shop-offer:hover:not(:disabled){background:#fff1d5;border-color:#b66b129e}.shop-offer-kind{color:var(--accent-warning)}.shop-offer-name{font-size:var(--fs-sm);letter-spacing:0;text-align:left;font-weight:900;line-height:1.15}.shop-wand-stats{color:var(--text-dim);font-size:var(--fs-min);line-height:1.25}.shop-offer-foot{justify-content:space-between;align-items:center;gap:8px;margin-top:6px;display:flex}.shop-offer-price{color:var(--text-strong);font-size:var(--fs-md);font-weight:900}.shop-offer-action{color:var(--accent-success);font-size:var(--fs-min);font-weight:900}.shop-offer.unaffordable{opacity:1;color:var(--text-dim);background:#f4ead88a;border-color:#6f788833}.shop-offer.unaffordable .shop-offer-action{color:var(--text-dim)}.shop-reroll{min-height:104px;font-size:var(--fs-min);background:#fff;border-radius:8px;flex-direction:column;flex:0 0 84px;justify-content:center;align-items:center;gap:4px;padding:9px;display:flex}.shop-reroll strong{color:var(--accent-warning);font-size:var(--fs-md)}.shop-guarantee{font-size:var(--fs-min);color:var(--accent-success);margin:8px 0 0;font-weight:700;line-height:1.3}.prep-actions{flex-direction:column;gap:10px;display:flex}.prep-slot-status{background:#256fbf14;border:1px solid #256fbf33;border-radius:8px;gap:3px;padding:10px;display:grid}.prep-slot-count{color:var(--text-strong);font-size:20px;font-weight:900;line-height:1}.prep-slot-label{color:var(--text-dim);font-size:var(--fs-min);letter-spacing:.08em;text-transform:uppercase;font-weight:900}.prep-slots-line{color:var(--text-base);font-size:var(--fs-min);margin-bottom:0;line-height:1.35}.prep-slots-cta{color:var(--accent-blue)}.prep-codex-btn{min-height:36px;color:var(--text-strong);font-size:var(--fs-sm);cursor:pointer;background:#fff;border:1px solid #2a262029;border-radius:8px;font-weight:900}.prep-codex-btn:hover{background:#256fbf14;border-color:#256fbf5c}#start-combat-btn{color:#fffaf0;background:linear-gradient(#26785afa,#1e604cfa);border:1px solid #26785a8c;border-radius:8px;min-height:104px;padding:12px 14px;box-shadow:0 12px 26px #26785a47}#start-combat-btn:hover{background:linear-gradient(#2d8964fa,#1f6952fa)}.start-btn-fill{background:#fffaf042}.start-btn-label{text-align:left;flex-direction:column;align-items:flex-start;gap:3px;display:flex}.start-btn-kicker{font-size:var(--fs-min);letter-spacing:.1em;text-transform:uppercase;opacity:.75;font-weight:900}.start-btn-text{font-size:22px;font-weight:950;line-height:1.05}.start-btn-hint{font-size:var(--fs-min);opacity:.82;font-weight:800}[data-focusable].input-focused{outline-color:var(--accent-cyan);box-shadow:0 0 0 3px #25849a2e}@media (width<=1280px){#app{padding-right:276px}#hud{width:min(760px,100vw - 420px);min-width:0}#inventory-panel{width:236px}#prep-panel{width:calc(100vw - 32px)}.prep-shell{grid-template-columns:minmax(220px,.8fr) minmax(330px,1.15fr) minmax(210px,.72fr)}}@media (width<=900px){#app{padding:76px 8px calc(48vh + 24px)}.canvas-wrap{max-width:min(100vw - 16px,max(280px,166.67vh - 716.681px))}#hud{width:auto;left:8px;right:8px;transform:none}.hud-shell{grid-template-columns:1fr auto}.hud-round-block,#controls,#talents-button,#cast-feed{display:none}#inventory-panel{z-index:10;border-radius:8px;width:auto;height:auto;max-height:18vh;inset:auto 8px 8px;overflow-y:auto}#inv-pool,.wand-pool{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}#prep-panel{width:calc(100vw - 16px);max-height:min(30vh,260px);bottom:calc(18vh + 18px);overflow-y:auto}.prep-shell{flex-direction:column;display:flex}.prep-market{order:0}.prep-briefing{order:1}.prep-briefing,.prep-market{border-right:none;border-bottom:1px solid var(--border-faint);padding-bottom:10px;padding-right:0}.prep-actions{z-index:2;border-bottom:1px solid var(--border-faint);background:#fffaf0fa;order:-1;grid-template-columns:minmax(0,1fr) minmax(112px,.56fr);align-items:stretch;gap:8px;margin:-12px -12px 0;padding:12px;display:grid;position:sticky;top:-12px}#start-combat-btn{order:-1;grid-area:1/1/span 2;min-height:92px}.prep-slot-status{grid-area:1/2;grid-template-columns:1fr;align-items:center;gap:2px;padding:8px}.prep-slot-count{font-size:18px}.prep-slot-label{font-size:var(--fs-min)}.prep-slots-line{display:none}.prep-codex-btn{grid-area:2/2}.shop{flex-direction:column}.shop-offers{grid-template-columns:1fr}.slot-price-label{min-width:36px;font-size:var(--fs-min);border-radius:6px;padding:2px 3px 3px;line-height:1}.slot-price-label:before{display:none}.slot-price-label.unaffordable{background:#f4ead8b3}.shop-offer,.shop-reroll{min-height:56px}.start-btn-label{gap:1px}.start-btn-text{font-size:18px}}#settings-overlay{z-index:120;background:#22262e8c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.settings-card{border:1px solid var(--border-soft);background:var(--panel-bg);width:min(420px,100%);max-height:calc(100vh - 32px);box-shadow:var(--shadow-elevated);color:var(--text-strong);border-radius:14px;flex-direction:column;gap:14px;padding:22px 24px;display:flex;overflow-y:auto}.settings-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.settings-title{letter-spacing:.06em;font-size:16px;font-weight:800}.settings-close{border:1px solid var(--border-soft);background:var(--panel-bg-strong);color:var(--text-strong);cursor:pointer;border-radius:8px;width:30px;height:30px;font-size:18px;line-height:1}.settings-close:hover{background:#f0e8d4}.settings-section{border-top:1px solid var(--border-faint);flex-direction:column;gap:8px;padding-top:12px;display:flex}.settings-section:first-of-type{border-top:none;padding-top:0}.settings-section-title{font-size:var(--fs-min);letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);font-weight:700}.settings-row{align-items:center;gap:12px;display:flex}.settings-label{font-size:var(--fs-sm);color:var(--text-base);flex:0 0 92px;font-weight:600}.settings-slider{cursor:pointer;min-width:0;accent-color:var(--accent-blue);flex:auto}.settings-slider-value{text-align:right;font-size:var(--fs-min);font-variant-numeric:tabular-nums;color:var(--text-dim);flex:0 0 42px}.settings-toggle{border:1px solid var(--border-soft);background:var(--panel-bg-strong);min-width:56px;color:var(--text-dim);font-weight:800;font-size:var(--fs-min);letter-spacing:.06em;cursor:pointer;border-radius:8px;padding:7px 12px}.settings-toggle.on{color:var(--accent-success);background:#26785a24;border-color:#26785a73}.settings-seg{flex:auto;gap:6px;display:flex}.settings-seg-btn{border:1px solid var(--border-soft);background:var(--panel-bg-strong);color:var(--text-base);font-weight:700;font-size:var(--fs-min);cursor:pointer;border-radius:8px;flex:1 1 0;padding:7px 8px}.settings-seg-btn.active{color:var(--accent-blue);background:#3a7ec124;border-color:#3a7ec173}.settings-action{border:1px solid var(--border-soft);background:var(--panel-bg-strong);color:var(--text-strong);font-weight:700;font-size:var(--fs-min);cursor:pointer;border-radius:8px;padding:7px 14px}.settings-action:hover{background:#f0e8d4}.settings-hint{font-size:var(--fs-min);color:var(--text-dim);line-height:1.4}.settings-done{color:var(--accent-blue);letter-spacing:.04em;font-weight:800;font-size:var(--fs-sm);cursor:pointer;background:#3a7ec11f;border:1px solid #3a7ec173;border-radius:8px;margin-top:4px;padding:11px 14px}.settings-done:hover{background:#3a7ec133}.settings-card [data-focusable].input-focused,.settings-card [data-focusable]:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}