:root{--rarity-common: #9aa7b0;--rarity-rare: #3b82f6;--rarity-epic: #a855f7;--bg: #0f1216;--fg: #e6edf3;--surface: #1b2027;--space: 8px;--radius: 10px;--reveal-duration: .32s;--font-heading: "Press Start 2P", system-ui, sans-serif;--font-body: "VT323", system-ui, sans-serif;--panel-bg: #2a1410;--panel-border: #6b2b20;--panel-title-bg: #7a1f1f;--panel-title-fg: #f5e6c8;--hp-ally: #6fae4a;--hp-enemy: #b33a2e;--frame-gold: #c9a227;--frame-gold-light: #e8c766;--frame-gold-dark: #6b4d10;--frame-shadow: rgba(0, 0, 0, .55)}body{margin:0;background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,sans-serif}button{font:inherit;cursor:pointer}.pixel-icon{image-rendering:pixelated}.icon{display:inline-block;width:32px;height:32px;vertical-align:middle;box-sizing:border-box}.icon--rarity{border:2px solid var(--rarity-color, transparent);border-radius:4px}.icon--placeholder{display:inline-flex;align-items:center;justify-content:center;background:var(--surface);color:var(--fg);font-family:var(--font-heading);font-size:14px}.panel{position:relative;border:3px solid var(--frame-gold);border-radius:var(--radius);background:var(--panel-bg);background-image:linear-gradient(#00000059,#0000008c),url(/assets/icons/texture/panel-wood.png);background-repeat:repeat;background-blend-mode:multiply;box-shadow:inset 0 0 0 2px var(--frame-gold-dark),inset 0 0 0 4px var(--frame-gold-light),0 4px 8px var(--frame-shadow)}.panel__inner{overflow:hidden;border-radius:calc(var(--radius) - 3px)}.panel__corner{position:absolute;width:24px;height:24px;pointer-events:none;z-index:1}.panel__corner .icon{width:100%;height:100%}.panel__corner--tl{top:-2px;left:-2px}.panel__corner--tr{top:-2px;right:-2px;transform:scaleX(-1)}.panel__corner--bl{bottom:-2px;left:-2px;transform:scaleY(-1)}.panel__corner--br{bottom:-2px;right:-2px;transform:scale(-1)}.panel__titlebar{display:flex;align-items:center;justify-content:space-between;padding:var(--space);background:var(--panel-title-bg);font-family:var(--font-heading);color:var(--panel-title-fg)}.panel__title{margin:0;font-size:clamp(11px,3.5vw,14px)}.panel__actions{display:flex;align-items:center;gap:4px}.panel__help{font:inherit;cursor:pointer}.panel__close{display:flex;align-items:center;justify-content:center;border:1px solid var(--panel-title-fg);background:transparent;color:var(--panel-title-fg);border-radius:4px;width:44px;height:44px;line-height:1;padding:0;touch-action:manipulation}.panel__body{padding:calc(var(--space) * 2);font-family:var(--font-body);color:var(--fg)}.sprite{display:inline-block;width:32px;height:32px;vertical-align:middle;box-sizing:border-box}.hp-bar{display:flex;flex-direction:column;align-items:center;gap:2px;width:56px}.hp-bar__track{width:100%;height:6px;background:#3a1a15;border-radius:3px;overflow:hidden}.hp-bar__fill{height:100%;transition:width .15s linear}.hp-bar__fill--ally{background:var(--hp-ally)}.hp-bar__fill--enemy{background:var(--hp-enemy)}.hp-bar__text{font-family:var(--font-body);font-size:12px;color:var(--fg)}.hp-bar--boss{width:100%}.hp-bar--boss .hp-bar__track{height:14px;border:2px solid var(--frame-gold);border-radius:4px}.hp-bar__fill--boss{background:var(--hp-enemy)}.guide-card{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;background:#0009}.guide-card__inner{max-width:90vw}.guide-card__bullets{margin:0 0 12px;padding-left:20px}.spotlight{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;pointer-events:none}.spotlight__ring{position:fixed;box-shadow:0 0 0 9999px #0009;border:2px solid #ffd24a;border-radius:4px;transition:all .12s ease}.spotlight__tooltip{position:fixed;left:50%;bottom:96px;transform:translate(-50%);max-width:90vw;padding:12px 16px;pointer-events:auto;background:#1b1b24;border:2px solid #ffd24a;border-radius:6px}.spotlight__actions{display:flex;gap:8px;margin-top:8px}.battle-arena{position:relative;min-height:220px;border-radius:var(--radius);overflow:hidden;background:linear-gradient(#3a2c20,#1b120c);display:flex;flex-direction:column;padding:calc(var(--space) * 1.5);margin-bottom:var(--space)}.battle-arena__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.battle-arena__backdrop .icon{width:100%;height:100%;object-fit:cover}.battle-arena__wave-label{position:relative;z-index:1;align-self:flex-start;font-family:var(--font-body);font-size:12px;color:var(--panel-title-fg)}.battle-arena__stage{position:absolute;top:calc(var(--space) * 1.5);right:calc(var(--space) * 1.5);z-index:1;display:flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--radius);background:#00000080;font-family:var(--font-body);font-size:14px;color:var(--panel-title-fg)}.battle-arena__stage .icon{width:20px;height:20px}.battle-arena__boss-bar{position:relative;z-index:1;width:100%;margin-top:2px}.battle-arena__lane{position:relative;z-index:1;flex:1;display:flex;align-items:flex-end;justify-content:space-between;gap:calc(var(--space) * 1.5);margin-top:auto}.battle-arena__enemies,.battle-arena__party{display:flex;align-items:flex-end}.battle-arena__party{gap:calc(var(--space) * 1.5)}.battle-arena__enemies .battle-arena__combatant:not(:first-child){margin-left:-6px}.battle-arena__combatant{display:flex;flex-direction:column;align-items:center;gap:2px}.battle-arena__label{font-family:var(--font-body);font-size:12px;color:var(--panel-title-fg)}.battle-arena__combatant--ghost{opacity:.85}.rarity-badge{display:inline-block;padding:0 var(--space);border-radius:var(--radius);font-size:.75rem;text-transform:capitalize;color:#fff;background:linear-gradient(160deg,var(--rarity-common) 0%,color-mix(in srgb,var(--rarity-common) 70%,black) 100%)}.rarity-badge[data-rarity=rare]{background:linear-gradient(160deg,var(--rarity-rare) 0%,color-mix(in srgb,var(--rarity-rare) 70%,black) 100%)}.rarity-badge[data-rarity=epic]{background:linear-gradient(160deg,var(--rarity-epic) 0%,color-mix(in srgb,var(--rarity-epic) 70%,black) 100%)}.merge-panel__empty{opacity:.75;font-size:.9em}.merge-panel__items{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--space)}.merge-panel__item{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%;padding:var(--space);border:2px solid transparent;border-radius:var(--radius);background:var(--surface);color:var(--fg);text-align:center;touch-action:manipulation}.merge-panel__item[data-selected=true]{border-color:var(--rarity-rare)}.merge-panel__item-title{font-size:.9em}.merge-panel__mods{list-style:none;margin:0;padding:0;font-size:.8em;opacity:.85}.merge-panel__merge{margin-top:var(--space);padding:var(--space) calc(var(--space) * 2);border:none;border-radius:var(--radius);background:var(--rarity-rare);color:#fff;min-height:44px;touch-action:manipulation}.merge-panel__merge:disabled{opacity:.5;cursor:default}.chest-card{display:inline-flex;flex-direction:column;align-items:center;gap:var(--space);padding:calc(var(--space) * 2);min-width:88px;min-height:88px;border:2px solid transparent;border-radius:var(--radius);background:var(--surface);color:var(--fg);box-shadow:0 0 12px var(--rarity-color, transparent);touch-action:manipulation}.chest-card:active{transform:scale(.96)}@media (prefers-reduced-motion: reduce){.chest-card:active{transform:none}}.reveal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--space) * 2);padding:calc(var(--space) * 2);background:#000000b3}.reveal-overlay__items{list-style:none;margin:0;padding:0 var(--space);display:flex;flex-direction:column;gap:var(--space);max-height:70vh;overflow-y:auto}.reveal-overlay__item{display:flex;align-items:center;gap:var(--space);padding:var(--space);border-radius:var(--radius);background:var(--surface);box-shadow:0 0 12px var(--rarity-color, transparent);animation:reveal-pop var(--reveal-duration) ease-out both}.reveal-overlay__info{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.reveal-overlay__mods{list-style:none;margin:0;padding:0;font-size:.85em;opacity:.85}@keyframes reveal-pop{0%{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:none}}.reveal-overlay__collect{flex-shrink:0;padding:var(--space) calc(var(--space) * 3);border:none;border-radius:var(--radius);background:var(--rarity-rare);color:#fff}@media (prefers-reduced-motion: reduce){.reveal-overlay__item{animation:none}}.harvest__section{margin-bottom:calc(var(--space) * 2)}.harvest__section-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space)}.harvest__section-header h2{font-family:var(--font-heading);font-size:12px;margin:0 0 var(--space)}.harvest__debug{border:none;border-radius:var(--radius);background:var(--frame-gold-dark);color:var(--frame-gold-light);font-size:12px;padding:4px 8px;min-height:32px;touch-action:manipulation}.harvest__empty{opacity:.75;font-size:.9em}.harvest__chests{display:flex;flex-wrap:wrap;gap:calc(var(--space) * 2);padding:calc(var(--space) * 2) 0}.harvest__back{margin-top:calc(var(--space) * 2);min-height:44px}.farm__section{margin-bottom:calc(var(--space) * 3)}.farm__section h2{font-family:var(--font-heading);font-size:12px;margin:0 0 var(--space)}.farm__party{display:flex;flex-wrap:wrap;gap:var(--space)}.farm__member{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:72px;padding:var(--space);border-radius:var(--radius);background:var(--surface)}.farm__member-level{font-size:.75em;opacity:.75}.farm__rates{margin:var(--space) 0 0;font-size:.9em;opacity:.85}.farm__stages{display:flex;flex-direction:column;gap:var(--space)}.farm__stage{display:flex;align-items:center;gap:calc(var(--space) * 1.5);text-align:left;padding:var(--space) calc(var(--space) * 1.5);border:2px solid transparent;border-radius:var(--radius);background:var(--surface);color:inherit;touch-action:manipulation}.farm__stage--active{border-color:var(--frame-gold);box-shadow:0 0 8px var(--frame-gold)}.farm__stage-info{display:flex;flex-direction:column;gap:4px}.farm__stage-weights{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:calc(var(--space) * 1.5);font-size:.85em}.farm__stage-weights li{display:flex;align-items:center;gap:2px}.farm__battle{display:block;width:100%;margin-top:calc(var(--space) * 2);padding:var(--space) calc(var(--space) * 1.5);border:none;border-radius:var(--radius);background:var(--rarity-rare);color:#fff;font-weight:700;min-height:44px;touch-action:manipulation}.farm__back{margin-top:var(--space);min-height:44px}.heroes__currencies{display:flex;gap:var(--space-md, 16px);margin-bottom:var(--space-md, 16px);opacity:.85}.heroes__card{display:flex;flex-direction:column;gap:8px;padding:var(--space-sm, 8px) var(--space-md, 16px);border:1px solid var(--color-border, #333);border-radius:var(--radius-sm, 8px);margin-bottom:var(--space-sm, 8px)}.heroes__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm, 8px);flex-wrap:wrap}.heroes__name{display:flex;align-items:center;gap:6px}.heroes__actions,.heroes__stats{display:flex;gap:var(--space-sm, 8px)}.heroes__stat{flex:1;text-align:center;padding:4px 6px;border-radius:var(--radius-sm, 6px);background:#00000040}.heroes__stat-label{opacity:.7;margin-right:4px;font-size:.85em}.heroes__equipment{display:flex;flex-direction:column;gap:2px}.heroes__slot{display:flex;align-items:center;gap:var(--space-sm, 8px);padding:4px 0;border-top:1px solid rgba(255,255,255,.08)}.heroes__slot-name{display:flex;align-items:center;gap:6px;width:96px;text-transform:capitalize;opacity:.85}.heroes__equipped{flex:1;display:flex;align-items:center;gap:6px}.heroes__empty{flex:1;opacity:.45}.heroes__bonus{opacity:.9}.welcome-back{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0009;z-index:50}.welcome-back__card{background:var(--color-surface, #1b1b1f);color:var(--color-text, #fff);padding:var(--space-lg, 24px);border-radius:var(--radius-md, 12px);max-width:320px;width:90%;text-align:center}.welcome-back__mats{list-style:none;padding:0;margin:var(--space-sm, 8px) 0}.welcome-back__cap{opacity:.8;font-size:.9em}.welcome-back__chest{opacity:.9}.hud{display:flex;align-items:center;gap:4px;flex-shrink:0;padding:var(--space);padding-top:max(var(--space),env(safe-area-inset-top));background:var(--panel-title-bg);background-image:linear-gradient(#00000059,#0000008c),url(/assets/icons/texture/panel-wood.png);background-repeat:repeat;background-blend-mode:multiply;border-bottom:3px solid var(--frame-gold);box-shadow:inset 0 -2px 0 var(--frame-gold-dark),0 2px 4px var(--frame-shadow);color:var(--panel-title-fg);font-family:var(--font-body);font-size:18px}.taskbar{display:flex;flex-shrink:0;border-top:3px solid var(--frame-gold);box-shadow:inset 0 2px 0 var(--frame-gold-light);background:var(--panel-bg);background-image:linear-gradient(#00000059,#0000008c),url(/assets/icons/texture/panel-wood.png);background-repeat:repeat;background-blend-mode:multiply;padding-bottom:max(0px,env(safe-area-inset-bottom))}.taskbar__item{flex:1;min-height:44px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:var(--space) 0;border:none;border-bottom:3px solid transparent;background:transparent;color:var(--fg);font-family:var(--font-body);touch-action:manipulation}.taskbar__item--active{border-bottom-color:var(--frame-gold);color:var(--panel-title-fg);box-shadow:0 0 4px var(--frame-gold)}.taskbar__label{font-size:12px}.app-shell{display:flex;flex-direction:column;height:100dvh;background:radial-gradient(circle at top,var(--panel-title-bg) 0%,var(--bg) 70%)}.app-shell__content{flex:1;overflow-y:auto}