:root{--rarity-common: #9aa7b0;--rarity-rare: #3b82f6;--rarity-epic: #a855f7;--rarity-legendary: #f59e0b;--rarity-mythic: #ef4444;--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);--panel-slot-bg: #160b08;--panel-tab-bg: #3a1c14;--panel-muted: #c9a58a;--btn-bg: #3a1c14;--btn-bg-hover: #4a2419;--btn-danger-bg: #5a1515;--btn-danger-bg-hover: #6d1a1a}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)}.btn{font-family:var(--font-body);font-size:20px;letter-spacing:.5px;line-height:1;color:var(--panel-title-fg);padding:10px 20px;cursor:pointer;background:var(--btn-bg);border:2px solid var(--panel-border);border-radius:6px;box-shadow:inset 0 2px #f5e6c81f,inset 0 -3px #00000073,0 2px 4px #00000080;transition:background .1s,border-color .1s}.btn+.btn{margin-left:var(--space)}.btn:hover:not(:disabled){background:var(--btn-bg-hover)}.btn:active:not(:disabled){box-shadow:inset 0 3px 6px #0009;transform:translateY(1px)}.btn--primary{border-color:var(--frame-gold);color:var(--frame-gold-light);box-shadow:inset 0 2px #e8c76633,inset 0 -3px #00000073,0 2px 4px #00000080}.btn--primary:hover:not(:disabled){border-color:var(--frame-gold-light)}.btn--danger{background:var(--btn-danger-bg);border-color:var(--hp-enemy)}.btn--danger:hover:not(:disabled){background:var(--btn-danger-bg-hover)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--sm{font-size:16px;padding:6px 12px;border-radius:5px}.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}.sprite{display:inline-block;width:32px;height:32px;vertical-align:middle;box-sizing:border-box}.vfx-layer{position:absolute;top:0;right:0;bottom:0;left:0;overflow:visible;pointer-events:none;z-index:5}.floating-number{position:absolute;left:var(--slot-left);bottom:70px;transform:translate(-50%);font-family:var(--font-body);font-size:13px;font-weight:700;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.9);animation:floating-number-rise .7s ease-out forwards}.floating-number--damage{color:#ffd76a}.floating-number--crit{color:#ff5a3c;font-size:16px}.floating-number--gold{color:#fc3}@keyframes floating-number-rise{0%{opacity:1;translate:0 0}to{opacity:0;translate:0 -28px}}.vfx-projectile{position:absolute;left:var(--from-left);bottom:34px;width:14px;height:3px;border-radius:2px;background:#e8d9a0;animation:vfx-fly .25s linear forwards}.vfx-projectile--arrow{background:#e8d9a0 url(/assets/battle/vfx_arrow.png) center / contain no-repeat}.vfx-projectile--rock{width:7px;height:7px;border-radius:50%;background:#9a8a70 url(/assets/battle/vfx_rock.png) center / contain no-repeat}@keyframes vfx-fly{to{left:var(--to-left);opacity:.9}}.vfx-sparkle{position:absolute;left:var(--slot-left);bottom:44px;width:12px;height:12px;transform:translate(-50%);border-radius:50%;background:radial-gradient(circle,#aaffaaf2,#afa0);animation:vfx-sparkle-pop .5s ease-out forwards}@keyframes vfx-sparkle-pop{0%{opacity:0;scale:.4}40%{opacity:1;scale:1.2}to{opacity:0;scale:.8;translate:0 -14px}}.vfx-coin{position:absolute;left:var(--from-left);bottom:20px;width:8px;height:8px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#ffe98a,#d99a1b 70%);background-image:url(/assets/battle/vfx_coin.png);background-size:contain;box-shadow:0 0 3px #ffd25acc;animation:vfx-coin-burst .4s ease-out var(--coin-delay) backwards,vfx-coin-collect .35s ease-in calc(var(--coin-delay) + .8s) forwards}@keyframes vfx-coin-burst{0%{translate:0 -22px;opacity:0}60%{translate:var(--coin-dx) -30px;opacity:1}to{translate:var(--coin-dx) 0;opacity:1}}@keyframes vfx-coin-collect{to{left:var(--to-left);translate:0 -6px;opacity:0}}@media (prefers-reduced-motion: reduce){.floating-number{animation-duration:.3s}}.battle-arena{position:relative;min-height:260px;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__ground{position:absolute;left:0;right:0;bottom:0;height:48px;z-index:0;background-image:var(--ground-tile, none),linear-gradient(#46321ee6,#191008f2);background-repeat:repeat-x,no-repeat;background-size:auto 48px,auto;border-top:2px solid rgba(0,0,0,.5)}.battle-arena[data-stage=cave]{--ground-tile: url(/assets/battle/ground_cave.png)}.battle-arena[data-stage=grassland]{--ground-tile: url(/assets/battle/ground_grassland.png)}.battle-arena[data-stage=ruins]{--ground-tile: url(/assets/battle/ground_ruins.png)}.battle-arena__lane{position:absolute;left:0;right:0;bottom:40px;height:0;z-index:1}.battle-arena__party,.battle-arena__enemies{position:absolute;top:0;right:0;bottom:0;left:0}.battle-arena__combatant{position:absolute;left:var(--slot-left);bottom:0;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:2px;transition:left .4s ease-out}.battle-arena__combatant--foe{animation:lane-march-in .6s ease-out}@keyframes lane-march-in{0%{left:var(--enemy-spawn-left)}}.battle-arena__label{font-family:var(--font-body);font-size:12px;color:var(--panel-title-fg)}.battle-arena__combatant--ghost{opacity:.85;transition:none;animation:none}.battle-arena__combatant--dead{opacity:.35;filter:grayscale(.8)}@media (prefers-reduced-motion: reduce){.battle-arena__combatant{transition:none;animation:none}}.battle-arena__combatant--hero[data-anim=attack] .sprite{animation:lane-lunge-right .3s ease-out}.battle-arena__combatant--foe[data-anim=attack] .sprite{animation:lane-lunge-left .3s ease-out}.battle-arena__combatant[data-anim=hurt] .sprite{animation:lane-knockback .2s ease-out}@keyframes lane-lunge-right{30%{translate:12px 0}}@keyframes lane-lunge-left{30%{translate:-12px 0}}@keyframes lane-knockback{40%{translate:-6px 0}}@media (prefers-reduced-motion: reduce){.battle-arena__combatant .sprite{animation:none}}.battle-arena__combatant--boss .sprite{scale:1.6;transform-origin:bottom center}.battle-arena--boss{box-shadow:inset 0 0 40px #b41e1473}.battle-arena--shake{animation:battle-arena-shake .3s linear}@keyframes battle-arena-shake{0%,to{translate:0 0}25%{translate:3px 1px}50%{translate:-3px -1px}75%{translate:2px -2px}}.battle-arena__boss-callout{position:absolute;top:34%;left:50%;z-index:4;transform:translate(-50%);font-family:var(--font-body);font-size:28px;font-weight:900;letter-spacing:4px;color:#ff5a3c;text-shadow:0 2px 6px rgba(0,0,0,.9);animation:boss-callout 1.6s ease-out forwards;pointer-events:none}@keyframes boss-callout{0%{opacity:0;scale:2.2}20%{opacity:1;scale:1}75%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion: reduce){.battle-arena--shake{animation:none}}.battle-arena__ambience{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.battle-arena__ambience:before,.battle-arena__ambience:after{content:"";position:absolute;top:-60px;right:0;bottom:-60px;left:0;background-image:radial-gradient(2px 2px at 20% 80%,var(--ambience-dot) 50%,transparent 51%),radial-gradient(1.5px 1.5px at 60% 30%,var(--ambience-dot) 50%,transparent 51%),radial-gradient(1px 1px at 85% 60%,var(--ambience-dot) 50%,transparent 51%);background-size:220px 200px;animation:ambience-drift 14s linear infinite;opacity:.7}.battle-arena__ambience:after{background-size:300px 260px;animation-duration:23s;opacity:.4}@keyframes ambience-drift{0%{transform:translateY(60px)}to{transform:translateY(-60px)}}.battle-arena__ambience[data-stage=cave]{--ambience-dot: rgba(255, 140, 50, .8);background:linear-gradient(#781e0a1f,#00000040)}.battle-arena__ambience[data-stage=grassland]{--ambience-dot: rgba(150, 220, 120, .6);background:linear-gradient(#285a1e1a,#00000026)}.battle-arena__ambience[data-stage=grassland]:before,.battle-arena__ambience[data-stage=grassland]:after{animation-direction:reverse}.battle-arena__ambience[data-stage=ruins]{--ambience-dot: rgba(210, 205, 190, .55);background:linear-gradient(#3c374629,#00000040)}@media (prefers-reduced-motion: reduce){.battle-arena__ambience:before,.battle-arena__ambience:after{animation:none}}.battle-hud{display:flex;flex-direction:column;gap:6px;margin:var(--space) 0}.battle-hud__pips{display:flex;align-items:center;gap:5px}.battle-hud__pip{width:8px;height:8px;border-radius:50%;border:1px solid var(--frame-gold);background:transparent}.battle-hud__pip--filled{background:var(--frame-gold)}.battle-hud__pip--boss{width:11px;height:11px;border-radius:2px;rotate:45deg}.battle-hud__chips{display:flex;flex-wrap:wrap;gap:6px}.battle-hud__chip{display:inline-flex;align-items:baseline;gap:5px;padding:2px 8px;border-radius:var(--radius);background:#00000059;font-family:var(--font-body);font-size:12px}.battle-hud__chip-label{color:var(--panel-muted)}.battle-hud__chip-value{color:var(--panel-title-fg);font-weight:700}.battle-arena__companion{position:relative;z-index:1;display:flex;align-items:center;gap:6px;align-self:flex-start;padding:2px 8px;margin-bottom:4px;border-radius:var(--radius);background:#0006}.battle-arena__gold{font-family:var(--font-body);font-size:12px;color:var(--panel-title-fg)}.battle-arena__companion button{font-size:11px;padding:2px 8px}.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-popout--preferred{border-color:var(--frame-gold);box-shadow:0 0 6px var(--frame-gold-light)}.battle-popout-hint{font-family:var(--font-body);font-size:12px;color:var(--panel-muted)}.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%)}.rarity-badge[data-rarity=legendary]{background:linear-gradient(160deg,var(--rarity-legendary) 0%,color-mix(in srgb,var(--rarity-legendary) 70%,black) 100%)}.rarity-badge[data-rarity=mythic]{background:linear-gradient(160deg,var(--rarity-mythic) 0%,color-mix(in srgb,var(--rarity-mythic) 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__affixes{font-size:.8em;opacity:.85}.merge-panel__merge{margin-top:var(--space);min-height:44px;touch-action:manipulation}.tabbar{display:flex;gap:6px;margin-bottom:6px}.tabbar__tab{padding:5px 12px;border:2px solid var(--panel-border);background:var(--panel-tab-bg);color:var(--panel-muted);border-radius:6px;font-family:inherit}.tabbar__tab[aria-selected=true]{background:var(--panel-title-bg);color:var(--panel-title-fg);border-color:var(--frame-gold)}.tabbar__tab:disabled{opacity:.5;cursor:default}.item-grid{display:grid;grid-template-columns:repeat(var(--item-grid-cols, 5),1fr);gap:6px}.item-cell{width:46px;height:46px;border:2px solid var(--frame-gold-dark);background:var(--panel-slot-bg);border-radius:4px;display:flex;align-items:center;justify-content:center;position:relative;padding:0;color:var(--frame-gold)}.item-cell--rarity{border-color:var(--rarity-color)}.item-cell--selected{box-shadow:inset 0 0 0 2px var(--frame-gold-light)}.item-cell--empty{opacity:.55}.item-cell__count{position:absolute;bottom:0;right:3px;font-size:11px;color:var(--panel-title-fg)}.item-cell img{width:32px;height:32px}.inventory__debug{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0;opacity:.75}.inventory__actions{display:flex;gap:8px;margin:10px 0}.inventory__actions button{flex:1}.inventory__recipes{list-style:none;padding:0;margin:0}.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}.reveal-overlay__affixes{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}@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}.equip-slot{display:flex;flex-direction:column;align-items:center;gap:2px}.equip-slot__label{font-size:11px;color:var(--panel-muted)}.equip-slot__bonus{font-size:11px;color:var(--panel-title-fg);opacity:.9;text-align:center}.heroes__currencies{display:flex;gap:var(--space-md, 16px);margin-bottom:var(--space-md, 16px);opacity:.85}.heroes__switch{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:8px}.heroes__arrow{background:var(--panel-tab-bg);border:2px solid var(--frame-gold);color:var(--panel-title-fg);border-radius:6px;padding:2px 10px}.heroes__class{font-weight:700;color:var(--panel-title-fg)}.heroes__paperdoll{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.heroes__column{display:flex;flex-direction:column;gap:10px}.heroes__portrait{display:flex;flex-direction:column;align-items:center;gap:4px}.heroes__portrait img{width:88px;height:88px;border:3px solid var(--frame-gold);background:var(--panel-slot-bg);border-radius:6px}.heroes__level{background:var(--panel-slot-bg);border:2px solid var(--frame-gold-dark);border-radius:4px;padding:2px 8px;font-size:.9em}.heroes__stats{display:flex;justify-content:center;gap:12px;font-size:.9em;opacity:.9;margin-bottom:8px}.heroes__stat-label{color:var(--panel-muted)}.heroes__level-actions{display:flex;gap:var(--space-sm, 8px);justify-content:center;margin-bottom:10px}.campaign__stages{display:flex;flex-direction:column;gap:.5rem;margin:.75rem 0}.campaign__stage{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem .75rem;border:1px solid var(--color-border, #333);border-radius:.5rem;background:var(--color-surface, #1c1c1c);color:inherit}.campaign__stage:disabled{opacity:.45}.campaign__stage--current{border-color:var(--color-accent, #7cf)}.campaign-outcome{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#0009}.shop__subtitle{color:var(--panel-muted, #c9a58a);margin:0 0 .25rem}.shop__resets{margin:0 0 .75rem;font-size:.9em;color:var(--panel-muted, #c9a58a)}.shop__rows{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.shop__row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem .75rem;border:1px solid var(--color-border, #333);border-radius:var(--radius, 10px);background:var(--color-surface, #1c1c1c)}.shop__item{display:flex;align-items:center;gap:.5rem}.shop__restock{margin-bottom:.5rem}.cube__subtitle{opacity:.7;margin-bottom:var(--space-2, 8px)}.cube__empty{opacity:.6;text-align:center;padding:var(--space-4, 16px)}.cube__panel{display:flex;flex-direction:column;gap:var(--space-2, 8px);margin-top:var(--space-3, 12px)}.cube__current{font-size:.9em;opacity:.85}.cube__cell{display:contents}.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}.party-join .panel__body{display:grid;gap:14px;justify-items:center;text-align:center}.party-join .sprite{width:88px;height:88px}.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;animation:taskbar-slide-in .18s ease-out both,taskbar-pulse .9s ease-out 1}.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}@keyframes taskbar-slide-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes taskbar-pulse{0%,to{box-shadow:none}45%{box-shadow:0 0 10px var(--frame-gold-light)}}.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}.intro-screen{min-height:100vh;display:grid;place-items:center;padding:24px;color:var(--color-text);background:linear-gradient(180deg,#0a0d12c7,#0a0d12eb),url(/assets/icons/battle-bg/arena.png);background-size:cover;background-position:center}.intro-screen__hook,.intro-screen__pick{width:min(760px,100%);display:grid;gap:18px;justify-items:center;text-align:center}.intro-screen h1{margin:0;font-size:clamp(2rem,7vw,4.5rem);line-height:1;letter-spacing:0}.intro-screen p{max-width:620px;margin:0;color:var(--color-muted);font-size:1rem;line-height:1.5}.intro-screen__party{display:flex;gap:18px;align-items:end;justify-content:center;min-height:96px}.intro-screen__party .sprite,.intro-screen__card .sprite{width:72px;height:72px;image-rendering:pixelated}.intro-screen__cards{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.intro-screen__card{min-height:190px;display:grid;gap:10px;justify-items:center;align-content:center;padding:18px;border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);background:#14181feb;cursor:pointer}.intro-screen__card:hover,.intro-screen__card:focus-visible{border-color:var(--color-accent);outline:none}.intro-screen__class{font-weight:700}@media (max-width: 700px){.intro-screen__cards{grid-template-columns:1fr}}