#app .shop-screen.shop-v6{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) 46px;gap:3px;padding:2px 4px 3px}#app .shop-v6>.team-panel{display:grid;grid-template-columns:minmax(0,1fr) 140px;grid-template-rows:minmax(0,1fr) 15px;column-gap:4px;row-gap:2px;min-height:0;padding:0;border:0;background:none;box-shadow:none}#app .shop-v6>.team-panel>.team-row{grid-column:1;grid-row:1;display:grid;grid-template-columns:44px minmax(0,1fr);gap:4px;min-height:0}#app .shop-v6 .team-row .zone{grid-template-rows:9px minmax(0,1fr);gap:2px;min-height:0}#app .shop-v6 .team-row .zone.spare{grid-template-rows:9px minmax(0,1fr) auto}#app .shop-v6 .team-row .zone-head{height:9px}#app .shop-v6 .team-row .zone-tag{font-size:6px;line-height:9px}#app .shop-v6 .team-row .team-count{font-size:6px;line-height:9px;color:var(--silver)}#app .shop-v6 .team-row .team-count b{color:var(--chalk);font-weight:600}#app .shop-v6 .team-row .slot{height:auto;min-height:0}#app .shop-v6 .team-row .slots.bench{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:2px;min-height:0}#app .shop-v6 .team-row .slots.bench .slot{min-height:12px}#app .shop-v6 .team-row .slots.bench .slot .mon{grid-template-rows:6px minmax(0,1fr);padding:0}#app .shop-v6 .team-row .slots.bench .slot .mon .stats{display:none}#app .shop-v6 .team-row .slots.bench .slot .rarity-portrait{grid-row:2}#app .shop-v6 .extra-place{display:grid;height:20px;margin-top:1px;padding-top:3px;border-top:1px solid color-mix(in srgb,var(--stone) 60%,transparent)}#app .shop-v6 .extra-place .slot.row-extra{margin:0;height:auto;min-height:12px;border:1px dashed color-mix(in srgb,var(--stone) 80%,transparent);background:transparent;box-shadow:none}#app .shop-v6 .extra-place .slot.row-extra.empty:before{content:none}#app .shop-v6 .extra-place .slot.row-extra.empty .slot-ghost{background:url(./art/ui/hd/lock.png) center/8px 8px no-repeat;opacity:var(--quiet,.45)}#app .shop-v6 .extra-place .slot.row-extra:not(.empty){border:1px solid #e03c3c}#app .shop-v6 .extra-place .slot.row-extra .mon{grid-template-rows:0 minmax(0,1fr);padding:0}#app .shop-v6 .extra-place .slot.row-extra .mon .stats,#app .shop-v6 .extra-place .slot.row-extra .lv{display:none}#app .shop-v6 .extra-place .slot.row-extra .rarity-portrait{grid-row:2}#app .shop-v6 .team-row .zone.fight .slots{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:3px;min-height:0}#app .shop-v6 .team-row .zone.fight .slots:before{content:none}#app .shop-v6 .team-row .zone.fight .slots .slot:nth-child(4){grid-column:auto}#app .shop-v6 .team-row .zone.fight .slot .rarity-portrait .spr{width:min(40px,100cqi,100cqb);height:min(40px,100cqi,100cqb)}#app .shop-v6 .team-row .zone.fight .slot .mon{grid-template-rows:7px minmax(0,1fr) 8px}#app .shop-v6 .team-row .zone.fight .slot .mon .stats{grid-row:3;flex-direction:row;column-gap:2px;max-height:8px;max-width:100%;line-height:8px;margin:0;letter-spacing:-.3px}#app .shop-v6>.team-panel>.bond-row{grid-column:1;grid-row:2;display:flex;align-items:center;justify-content:flex-start;gap:0;height:15px;padding:0 0 0 48px;border:0;background:none;overflow:visible}#app .shop-v6 .bond-row .team-strip{flex:none;gap:2px}#app .shop-v6 .bond-row .team-strip+.team-strip{margin-left:5px;padding-left:5px;border-left:1px solid color-mix(in srgb,var(--stone) 70%,transparent)}#app .shop-v6 .bond-row .play-chip{width:14px;height:14px}#app .shop-v6 .bond-row .play-emblem{width:12px;height:12px}#app .shop-v6 .side-col{grid-column:2;grid-row:1/3;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:3px;min-height:0}#app .shop-v6 .inspect-dock{position:relative;min-height:0;border-radius:2px;background:color-mix(in srgb,var(--ui-panel,var(--void)) 70%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ui-edge,var(--stone)) 60%,transparent);overflow:hidden}#app.dock-open .shop-v6 .inspect-dock .rest-bonds{visibility:hidden}#app .shop-v6 .rest-bonds{list-style:none;margin:0;padding:5px 6px;display:grid;gap:4px;align-content:start}#app .shop-v6 .rest-bonds li{display:grid;grid-template-columns:11px minmax(0,1fr);gap:4px;align-items:start;font-size:6px;line-height:7px;color:var(--silver)}#app .shop-v6 .rest-bonds b{display:block;color:var(--c,var(--chalk));font-weight:600}#app .shop-v6 .rest-bonds small{display:block;font-size:6px;line-height:7px}#app .shop-v6 .rest-bonds .rb-ico{width:11px;height:11px;display:grid;place-items:center}#app .shop-v6 .rest-bonds .rb-ico .type{width:9px;height:9px}#app .shop-v6 .fight-dock{display:flex;flex-wrap:wrap;align-items:center;gap:3px;min-width:0}#app .shop-v6 .fight-dock:empty{display:none}#app .shop-v6 .fight-dock .ground-chip{flex:1 1 100%;height:12px;min-width:0;margin:0;overflow:hidden;justify-content:flex-start;font:400 6px/1.2 var(--pf),sans-serif;gap:3px}#app .shop-v6 .fight-dock .ground-chip b{font-size:6px;overflow:hidden;text-overflow:ellipsis}#app .shop-v6 .fight-dock .ground-chip .gc-emblem{width:8px;height:8px}#app .shop-v6 .fight-dock .ground-chip :is(.gc-buff,.gc-debuff){display:none}#app .shop-v6 .fight-dock .scout-foe{margin-right:0}#app[data-fam-focus] .shop-v6 .team-row .slot[data-fam]{opacity:var(--quiet,.45)}#app[data-fam-focus=Ember] .shop-v6 .team-row .slot[data-fam=Ember],#app[data-fam-focus=Grove] .shop-v6 .team-row .slot[data-fam=Grove],#app[data-fam-focus=Tide] .shop-v6 .team-row .slot[data-fam=Tide],#app[data-fam-focus=Storm] .shop-v6 .team-row .slot[data-fam=Storm],#app[data-fam-focus=Dusk] .shop-v6 .team-row .slot[data-fam=Dusk]{opacity:1;border-color:var(--chalk)}#app .shop-v6>.shop-panel{position:relative;min-height:0;padding:0;gap:0;border:0;background:none;box-shadow:none}#app .shop-v6>.shop-panel>.panel-head:empty{display:none}#app .shop-v6>.shop-panel>.shelf-hold-indicator{display:none}#app .shop-v6 .shop-row{height:100%;gap:4px;align-items:stretch;min-height:0}#app .shop-v6 .shop{height:100%;grid-template-rows:minmax(0,1fr);min-height:0}#app .shop-v6 .shop .slot{height:100%;min-height:0}#app .shop-v6 .shop .slot .mon{grid-template-rows:9px minmax(0,1fr) 8px;row-gap:0;min-height:0}#app .shop-v6 .shop .slot .rarity-portrait{grid-row:2;width:100%;height:100%;min-height:0;display:grid;place-items:center;container-type:size;translate:none}#app .shop-v6 .shop .slot .rarity-portrait .spr{width:min(32px,100cqi,100cqb);height:min(32px,100cqi,100cqb)}#app .shop-v6 .shop .slot .mon .stats{flex-direction:row;flex-wrap:nowrap;column-gap:2px;max-height:8px;max-width:100%;line-height:8px;margin:0;letter-spacing:-.3px}#app .shop-v6 .shop .slot .mon .stats i{gap:1px}#app .shop-v6 .shop .slot .mon .stats i:before{width:3px;height:3px}#app .shop-v6 .shop .slot .mon .stats .s-shield:before{width:3px;height:4px}#app .shop-v6 .shop-tools{width:52px;flex:0 0 52px;padding:0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:13px 13px minmax(0,1fr);gap:2px;align-content:stretch}#app .shop-v6 .shop-tools .btn{height:auto;min-height:12px;font-size:6px;line-height:1;padding:0 2px;gap:2px;justify-content:center}#app .shop-v6 .shop-tools .btn img,#app .shop-v6 .shop-tools .btn .bi{width:7px;height:7px}#app .shop-v6 .shop-tools .reroll-control{grid-column:1/-1;justify-content:center;padding-inline:2px}#app .shop-v6 .shop-tools .reroll-control>img{width:7px;height:7px}#app .shop-v6 .shop-tools:not(:has(.undo)) [data-a=freeze]{grid-column:1/-1}#app .shop-v6 .shop-tools .fight-slot{grid-column:1/-1;display:grid;min-height:0}#app .shop-v6 .shop-tools .fight-slot .fight{height:auto;min-height:12px;font-size:7px;gap:3px;justify-content:center;padding:0 3px}#app .shop-v6 .shop-tools .fight-slot .fight svg,#app .shop-v6 .shop-tools .fight-slot .fight img{width:7px;height:7px}#app .shop-v6 .fight-slot button.btn.primary.fight.warm:not([aria-disabled=true]){border-color:color-mix(in srgb,var(--action-brass) 80%,var(--ember));background:linear-gradient(to bottom,var(--action-honey-edge),color-mix(in srgb,var(--action-honey) 72%,var(--ember)));box-shadow:inset 0 1px 0 var(--straw,#ffe993),inset 0 -1px 0 var(--action-honey-shade)}@media(hover:hover){#app .shop-v6 .fight-slot button.btn.primary.fight.warm:hover:not([aria-disabled=true]){background:var(--action-honey-edge)}}html:not(.wide) #app .shop-v6{--dock-w:128px}html:not(.wide) #app .shop-v6>.team-panel{grid-template-columns:minmax(0,1fr) 128px}html:not(.wide) #app .shop-v6>.team-panel>.team-row{grid-template-columns:40px minmax(0,1fr);gap:3px}html:not(.wide) #app .shop-v6>.team-panel>.bond-row{padding-left:43px}html:not(.wide) #app .shop-v6 .shop .slot .mon{grid-template-rows:9px minmax(0,1fr) auto}html:not(.wide) #app .shop-v6 .shop .slot .mon .stats{flex-direction:column;align-items:center;row-gap:0;max-height:12px;line-height:6px}@container (min-width:27px){html:not(.wide) #app .shop-v6 .shop .slot .mon .stats{flex-direction:row;flex-wrap:wrap;justify-content:center;align-content:center;column-gap:2px;max-height:14px;line-height:7px}}#app .shop-v6 #tip.creature-card[data-side=dock]{width:var(--dock-w,140px);max-width:var(--dock-w,140px);height:auto;grid-template-rows:auto 14px 14px 12px}#app .shop-v6 #tip.creature-card[data-side=dock] .cc-header{height:auto;min-height:12px;flex-wrap:wrap;row-gap:1px}#app .shop-v6 #tip.creature-card[data-side=dock] .cc-play-card{inset:-1px -1px auto;width:auto}#app .shop-v6 .rest-bonds li.near{opacity:var(--quiet,.45)}#app .shop-v6 .bond-row .team-strip+.team-strip{border-left:0;padding-left:0;margin-left:9px}#app .shop-v6{--dock-w:120px;--tools-w:52px}html:not(.wide) #app .shop-v6{--dock-w:112px}#app .shop-v6>.team-panel,html:not(.wide) #app .shop-v6>.team-panel{grid-template-columns:minmax(0,1fr) var(--dock-w)}#app .shop-v6 .shop-tools{width:var(--tools-w);flex:0 0 var(--tools-w)}#app .shop-v6 .shop{display:flex;gap:3px}#app .shop-v6 .shop>.slot{flex:1 1 0;min-width:0}#app .shop-v6 .shop>.slot.treat-slot{flex:0 0 calc(var(--dock-w) - var(--tools-w) - 4px)}#app .shop-v6 .team-row .zone.fight .slot .mon{grid-template-rows:0 minmax(0,1fr) 8px;padding-top:2px}#app .shop-v6 .team-row .zone.fight .slot .mon>.lv{position:absolute;top:2px;left:3px;z-index:1}#app .shop-v6 .team-row .zone.fight .slot .rarity-portrait .spr{width:min(48px,100cqi,100cqb);height:min(48px,100cqi,100cqb)}#app .shop-v6 .team-row .zone.fight .slot .rarity-portrait{overflow:visible}#app .shop-v6 .team-row .zone.fight .slot .rarity-portrait .spr{width:min(48px,100cqb,100cqi);height:min(48px,100cqb,100cqi);scale:1.18;transform-origin:50% 100%}html:not(.wide) #app .shop-v6 .team-row .zone.fight .slot .rarity-portrait .spr{scale:1.06}#app .shop-v6 .bond-row .team-strip.bonds:not(.fam-meds){height:16px;padding:0 4px;border-radius:8px;align-items:center;background:color-mix(in srgb,var(--void) 80%,transparent);box-shadow:inset 0 1px 0 var(--ink),inset 0 0 0 1px color-mix(in srgb,var(--stone) 70%,transparent),0 1px color-mix(in srgb,var(--ash) 35%,transparent)}#app .shop-v6 .bond-row .team-strip+.team-strip.fam-meds{margin-left:13px}#app .shop-v6 .bond-row .fam-meds{padding:0 3px;gap:7px;position:relative;overflow:visible}#app .shop-v6 .bond-row .fam-meds:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--gold) 60%,transparent) 20% 80%,transparent)}#app .shop-v6 .bond-row .team-strip+.fam-meds:before{content:"";position:absolute;left:-8px;top:50%;width:3px;height:3px;translate:0 -50%;rotate:45deg;pointer-events:none;background:var(--gold);box-shadow:0 0 2px color-mix(in srgb,var(--gold) 60%,transparent)}#app .shop-v6 .bond-row .play-chip{width:16px;height:16px}#app .shop-v6 .bond-row .play-emblem.bond{width:14px;height:14px}#app .shop-v6 .bond-row .play-emblem.bond .bond-face{inset:2px}#app .shop-v6 .bond-row .play-emblem.bond .bond-face img{width:7px;height:7px}#app .shop-v6 .bond-row .play-emblem.bond.fam .bond-face{inset:2.5px}#app .shop-v6 .bond-row .play-emblem.bond.fam .bond-face .type:before{width:6px;height:6px;background-size:6px 6px}#app .shop-v6 .bond-row .fam-med .play-emblem.bond.fam{flex:none}#app .shop-v6 .bond-row .fam-med.surge{display:inline-grid;width:16px;padding:0;gap:0}#app .shop-v6 .bond-row .fam-med .fam-pts{position:absolute;left:11px;bottom:calc(100% - 3px);margin:0;transform:none;font-size:5px;line-height:6px;white-space:nowrap;pointer-events:none}#app .shop-v6 .rest-bonds .rb-ico .type:before{width:6px;height:6px;background-size:6px 6px}#app .shop-v6 .inspect-dock{background:none;box-shadow:none}#app.dock-open .shop-v6 .inspect-dock{background:color-mix(in srgb,var(--ui-panel,var(--void)) 70%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ui-edge,var(--stone)) 60%,transparent)}#app .shop-v6 .rest-bonds{padding:4px 5px;border-top:1px solid color-mix(in srgb,var(--gold) 45%,transparent);border-radius:0 0 2px 2px;background:color-mix(in srgb,var(--void) 70%,transparent)}#app .shop-v6 .rest-bonds .rb-ico{border-radius:50%;background:radial-gradient(color-mix(in srgb,var(--c,var(--stone)) 45%,transparent),transparent 70%)}#app .shop-v6>.team-panel,html:not(.wide) #app .shop-v6>.team-panel{grid-template-rows:minmax(0,1fr) 17px}#app .shop-v6>.team-panel>.bond-row{height:17px}#app .shop-v6 .side-col{padding-top:11px}#app .shop-v6 .inspect-dock,#app.dock-open .shop-v6 .inspect-dock{display:flex;flex-direction:column;justify-content:flex-start;background:none;box-shadow:none}#app .shop-v6 #tip.creature-card[data-side=dock] .cc-family,#app .shop-v6 #tip.creature-card[data-side=dock] .cc-drills>img,#app .shop-v6 #tip.creature-card[data-side=dock] .cc-drill-count{display:none}#app .shop-v6 #tip.creature-card[data-side=dock] .cc-meta{gap:2px}#app .shop-v6 .team-row .zone-tag{display:inline-flex;align-items:center;height:9px}#app .shop-v6 .team-row .zone-tag :is(.zone-ico,svg,img){width:7px;height:7px;opacity:.8}#app .shop-v6 #tip.creature-card[data-side=dock] .act-chip .act-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}#app .shop-v6 #tip.creature-card[data-side=dock] .cc-footer .btn{width:24px}#app .shop-v6{--tools-w:62px;--dock-w:130px}html:not(.wide) #app .shop-v6{--dock-w:118px}#app .shop-v6 .shop-tools .btn,#app .shop-v6 .shop-tools .reroll-control{padding:0 var(--pad-x);gap:1.5px}#app .shop-v6 .shop-tools .fight-slot .fight{padding:0 var(--pad-x)}#app .shop-v6 #tip.creature-card[data-side=dock]{--train-w:25px}#app .shop-v6 #tip.creature-card[data-side=dock] .cc-footer .btn{width:var(--train-w);padding:0 var(--pad-x)}#app .shop-v6 #tip.creature-card[data-side=dock] .cc-preview:not(.cc-levels-full){margin-right:calc(var(--train-w) + 3px)}#app .shop-v6 #tip.creature-card[data-side=dock] .lv-tab,#app .shop-v6 #tip.creature-card[data-side=dock] .lv-tab:first-child{flex:1 1 auto}#app .shop-v6 #tip.creature-card[data-side=dock] .tip-tabs:has(>.lv-tab:nth-child(5)){gap:1px}#app .shop-v6 .fight-dock .ground-chip{padding:0 var(--edge-x)}#app .shop-v6 .shop-tools :is(.rr-counter,.rr-reels,.rr-cell){height:9px}#app .shop-v6 .shop-tools .rr-counter{font-size:7px;line-height:9px}#app .shop-v6 .shop-tools .rr-digit{line-height:9px}#app .shop-v6 .shop-tools .rr-currency{height:9px}#app .shop-v6 .shop-tools .rr-counter[data-value=∞] .rr-cell{width:auto}#app .shop-v6 .shop-tools .reroll-control,#app .shop-v6 .shop-tools .reroll-control .rr-readout{gap:1px}body.tutorial-on #app .shop-v6 .shop-tools .fight-slot{visibility:visible}#app .shop-screen.shop-v6{gap:5px}#app .shop-v6>.team-panel,html:not(.wide) #app .shop-v6>.team-panel{row-gap:5px;column-gap:7px}#app .shop-v6>.team-panel>.team-row,html:not(.wide) #app .shop-v6>.team-panel>.team-row{gap:7px}#app .shop-v6 .team-row .zone.spare{grid-template-rows:minmax(0,1fr) auto;padding-top:8px}#app .shop-v6 .team-row .slots.bench{gap:4px}#app .shop-v6 .team-row .zone.fight{position:relative;grid-template-rows:8px minmax(0,1fr);gap:0}#app .shop-v6 .team-row .zone.fight .zone-head{position:static;height:8px}#app .shop-v6 .team-row .zone.fight .slots{column-gap:6px;row-gap:8px}#app .shop-v6 .team-row .zone.fight .zone-head .row-key{display:block;inset:0}#app .shop-v6 .team-row .row-key i{position:absolute;left:0;translate:0 -50%;line-height:7px;padding:0 10px 0 2px;background:radial-gradient(ellipse at 30% 60%,color-mix(in srgb,var(--sky) 22%,transparent),transparent 70%)}#app .shop-v6 .team-row .row-key .rk-front{background:radial-gradient(ellipse at 30% 60%,color-mix(in srgb,var(--gold) 20%,transparent),transparent 70%)}#app .shop-v6 .team-row .row-key .rk-rear{top:4px}#app .shop-v6 .team-row .row-key .rk-front{top:calc(8px + (100% - 8px)/2)}#app .shop-v6 .side-col{padding-top:8px}#app .shop-v6>.team-panel>.bond-row,html:not(.wide) #app .shop-v6>.team-panel>.bond-row{padding-left:51px}#app .shop-v6 .team-row .zone.spare:has(>.extra-place){grid-template-rows:minmax(0,2fr) minmax(0,1.25fr);row-gap:5px}#app .shop-v6 .extra-place{height:auto;min-height:0;margin-top:0;padding-top:5px}#app .shop-v6 .extra-place .slot.row-extra{height:100%;min-height:0;container-type:size}#app .shop-v6 .extra-place .slot.row-extra .mon{height:100%}#app .shop-v6 .extra-place .slot.row-extra .rarity-portrait .spr{width:min(40px,90cqb);height:min(40px,90cqb)}#app .shop-v6 .extra-place .slot.row-extra.empty .slot-ghost{background-size:10px 10px}#app .shop-v6 .extra-place .slot.row-extra:not(.empty){border:1px solid #e03c3c;box-shadow:inset 0 0 0 1px color-mix(in srgb,#e03c3c 35%,transparent)}#app .shop-v6 #tip[data-side=dock]{width:var(--dock-w);max-width:var(--dock-w);min-width:0;box-sizing:border-box}#app .shop-v6 #tip.play-info[data-side=dock]{padding:3px 4px}#app .shop-v6 #tip.play-info[data-side=dock] .play-head{min-height:0;margin:0 0 2px}#app .shop-v6 #tip.play-info[data-side=dock] .play-banner.play-crew{height:18px;margin:-3px 0 0;width:100%;padding-bottom:1px;background-size:cover;background-position:center 60%}#app .shop-v6 #tip.play-info[data-side=dock] .play-crew .pb-mon{width:min(22px,calc(100px / var(--members)))}#app .shop-v6 #tip.play-info[data-side=dock] .play-head>span{padding-top:1px;line-height:1.1}#app .shop-v6 #tip.play-info[data-side=dock] .sent{line-height:1.2}#app .shop-v6 #tip.play-info[data-side=dock] .tip-plays{margin-top:2px;gap:0}#app .shop-v6 #tip.play-info[data-side=dock] .tip-plays>span{padding:1px 0;line-height:1.2}#app .shop-v6 #tip.play-info[data-side=dock] .tip-plays:has(>span:nth-child(4)){grid-template-columns:1fr 1fr;column-gap:4px}#app .shop-v6 #tip.play-info[data-side=dock] .tip-plays:has(>span:nth-child(4))>span{flex-direction:column;align-items:flex-start;gap:0}#app .shop-v6 #tip[data-side=dock]{overflow:hidden}#app .shop-v6 #tip.creature-card[data-side=dock]{grid-template-rows:auto 14px minmax(14px,auto) 12px}#app .shop-v6 #tip.creature-card[data-side=dock] .cc-ability p{white-space:normal;overflow-wrap:anywhere}#app .shop-v6 #tip.keep-info[data-side=dock] .journal-foot{border-top:0;padding-top:0}#app .shop-screen{background:#0c0d1b;isolation:isolate}#app .shop-backdrop{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;opacity:.6;background:#12162c}#app .shop-backdrop:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse farthest-corner at 50% 50%,transparent 0,rgba(12,13,27,.2) 50%,rgba(12,13,27,.4) 71%,rgba(12,13,27,.8) 100%)}#app .shop-backdrop i{position:absolute;image-rendering:pixelated;background-repeat:repeat;will-change:transform}#app .shop-backdrop .sb-near{inset:0 -42px -14px 0;background-image:var(--sb-near);background-size:28px 28px;animation:sb-near 9s linear infinite}#app .shop-backdrop .sb-far{inset:-40px 0 0 -40px;background-image:var(--sb-far);background-size:80px 80px;animation:sb-far 20s linear infinite}@keyframes sb-near{to{transform:translate(-42px,-14px)}}@keyframes sb-far{to{transform:translate(40px,40px)}}html[data-effects=few] #app .shop-backdrop i,html.page-hidden #app .shop-backdrop i{animation-play-state:paused}@media(prefers-reduced-motion:reduce){#app .shop-backdrop :is(.sb-near,.sb-far){animation:none}}#app .shop-v6 .team-row .slot.empty,#app .shop-v6 .shop .slot.empty,#app .shop-v6 .extra-place .slot.row-extra.empty{border-color:transparent;background:#0c0d1b8c;box-shadow:inset 0 1px 2px #00000073,inset 0 -1px #ffffff08}#app .shop-v6 .team-row .zone.fight .slot:not(.empty){border-top-color:transparent;border-left-color:transparent;border-right-color:transparent}#app.drag-on .shop-v6 .team-row .slot[data-a=slot]{outline:none}html.drag-quiet #app .shop-v6 .team-row .slot[data-drop]{outline:1px dashed rgba(255,204,51,.6);outline-offset:-1px}#app .shop-screen.shop-v6{gap:2px}#app .shop-v6>.team-panel{padding-bottom:6px}#app .shop-v6>.team-panel,html:not(.wide) #app .shop-v6>.team-panel{row-gap:8px;column-gap:8px}#app .shop-v6>.team-panel>.team-row,html:not(.wide) #app .shop-v6>.team-panel>.team-row{gap:8px}#app .shop-v6 .team-row .zone.fight .slots{column-gap:4px;row-gap:8px}#app .shop-v6 .team-row .slots.bench,#app .shop-v6 .shop{gap:4px}#app .shop-v6 .shop-row{gap:8px}#app .shop-v6 .shop .slot .wake-fx{position:absolute;inset:0;z-index:4;pointer-events:none;border-radius:inherit;background:radial-gradient(ellipse at 50% 55%,#ffe99357,#ffe9931a 70%);box-shadow:inset 0 0 0 1px #ffe9938c;opacity:0;animation:shopWake .32s cubic-bezier(.22,1,.36,1) 1 both}@keyframes shopWake{0%{opacity:0}30%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){#app .shop-v6 .shop .slot .wake-fx{display:none}}#app .shop-v6 .drop-links{position:absolute;inset:0;width:100%;height:100%;z-index:6;pointer-events:none;overflow:visible}#app .shop-v6 .drop-links line{stroke-width:.6;stroke-linecap:round;fill:none}#app .shop-v6 .drop-links line.dl-merge{stroke:#fc33}#app .shop-v6 .drop-links line.dl-play{stroke:#5fd0ff29}#app .shop-v6 .drop-links circle.dl-merge{fill:#ffcc33e6}#app .shop-v6 .drop-links circle.dl-play{fill:#5fd0ffd9}#app .shop-v6 .dl-bead{animation-name:dlBead;animation-timing-function:linear;animation-iteration-count:infinite;animation-fill-mode:backwards;opacity:0}#app .shop-v6 .dl-core{fill:#fff}#app .shop-v6 .dl-merge-stream .dl-halo{fill:#ffcc334d}#app .shop-v6 .dl-merge-stream .dl-mid{fill:#fc3}#app .shop-v6 .dl-play-stream .dl-halo{fill:#5fd0ff4d}#app .shop-v6 .dl-play-stream .dl-mid{fill:#5fd0ff}#app .shop-v6 .drop-links line.dl-fam{stroke:var(--fam,#fff);stroke-opacity:.2}#app .shop-v6 .dl-fam-stream .dl-halo{fill:var(--fam,#fff);fill-opacity:.3}#app .shop-v6 .dl-fam-stream .dl-mid{fill:var(--fam,#fff)}@keyframes dlBead{0%{transform:translate(0) scale(.4);opacity:0}25%{transform:translate(calc(var(--dx)*.25),calc(var(--dy)*.25)) scale(.85);opacity:.75}50%{transform:translate(calc(var(--dx)*.5),calc(var(--dy)*.5)) scale(1.15);opacity:1}75%{transform:translate(calc(var(--dx)*.75),calc(var(--dy)*.75)) scale(.85);opacity:.75}to{transform:translate(var(--dx),var(--dy)) scale(.4);opacity:0}}html[data-effects=minimum] #app .shop-v6 .dl-stream{display:none}html[data-effects=minimum] #app .shop-v6 .drop-links line{stroke-width:.8;stroke-dasharray:1.5 2}html[data-effects=minimum] #app .shop-v6 .drop-links line.dl-merge{stroke:#ffcc33bf}html[data-effects=minimum] #app .shop-v6 .drop-links line.dl-play{stroke:#5fd0ff99}html[data-effects=minimum] #app .shop-v6 .drop-links line.dl-fam{stroke-opacity:.7}#app .shop-v6 .team-row .slot[data-next]:not(.empty):before{content:"";position:absolute;top:2px;left:3px;z-index:3;height:6px;width:calc(var(--next,1) * 6px);background:url(./art/ui/kit/icons/star.png) 0 50%/5px 5px space no-repeat;filter:drop-shadow(0 0 1px rgba(255,204,51,.9));animation:nextStars 1.1s ease-in-out infinite alternate;pointer-events:none}@keyframes nextStars{0%{opacity:.45}to{opacity:1}}@media(prefers-reduced-motion:reduce){#app .shop-v6 .drop-links line{animation:none;stroke-width:.8;stroke-dasharray:1.5 2}#app .shop-v6 .drop-links line.dl-merge{stroke:#ffcc33bf}#app .shop-v6 .drop-links line.dl-play{stroke:#5fd0ff99}#app .shop-v6 .drop-links line.dl-fam{stroke-opacity:.7}#app .shop-v6 .dl-stream{display:none}#app .shop-v6 .team-row .slot[data-next]:not(.empty):before{animation:none;opacity:.85}}#app .shop-v6 .team-row .zone.fight .slot .mon>.lv{top:0;left:-1px;letter-spacing:-.5px}#app .shop-v6 #tip.creature-card[data-side=dock] .cc-play .cc-play-card{display:none!important}#app .shop-v6 #tip.creature-card[data-side=dock] .cc-plays{gap:1px}#app .shop-v6 #tip.creature-card[data-side=dock] .cc-play{border-radius:2px;cursor:pointer}#app .shop-v6 #tip.creature-card[data-side=dock] .cc-play[aria-pressed=true]{background:#2e2e4a;box-shadow:inset 0 -1px 0 var(--gold)}#app .shop-v6 #tip.creature-card[data-side=dock] .cc-play[aria-pressed=true]>img{opacity:1}#app #play-side{position:absolute;z-index:31;box-sizing:border-box;padding:3px 5px 2px;background:#202032;border:1px solid #7b7b98;border-radius:3px;box-shadow:0 2px 4px #0006;text-align:left;white-space:normal;font:400 6px/1.35 var(--pf),sans-serif;color:#e2e0dc;pointer-events:auto}#app #play-side[hidden]{display:none}#app #play-side .cc-pc-head{min-height:13px;gap:4px;margin-bottom:1px}#app #play-side .cc-pc-head>img{width:13px;height:13px}#app #play-side .cc-pc-head>b{font-size:9px}#app #play-side .cc-pc-line{margin:0}#app #play-side .cc-pc-rows>span{min-height:12px;gap:4px}#app #play-side .cc-pc-rows>span:not(.have):not(.shelf):not(.cc-pc-self){opacity:var(--quiet,.45)}#app #play-side .cc-pc-rows>:is(.have,.shelf):not(.cc-pc-self){cursor:pointer}@media(hover:hover){#app #play-side .cc-pc-rows>:is(.have,.shelf):not(.cc-pc-self):hover{background:#2e2e4a}}#app #play-side .cc-pc-rows>.cc-pc-self{background:#2e2e4a}#app .shop-screen.shop-v6{--rail-gap:8px;grid-template-columns:calc((100% - var(--dock-w) - 4 * var(--rail-gap)) * .22) minmax(0,1fr) var(--dock-w);grid-template-rows:auto minmax(0,1fr) 4px 17px 4px 44px;column-gap:var(--rail-gap);row-gap:2px}html:not(.wide) #app .shop-screen.shop-v6{--rail-gap:6px}#app .shop-v6>.hud{grid-column:1/-1;grid-row:1}#app .shop-v6>.team-panel,#app .shop-v6>.team-panel>.team-row{display:contents}#app .shop-v6 .team-row>.zone.fight{grid-column:2;grid-row:2;min-height:0}#app .shop-v6>.team-panel>.bond-row,html:not(.wide) #app .shop-v6>.team-panel>.bond-row{grid-column:2;grid-row:4;padding-left:0}#app .shop-v6>.team-panel>.side-col{grid-column:3;grid-row:2/5}#app .shop-v6>.shop-panel{grid-column:2/4;grid-row:6}#app .shop-screen.shop-v6 .team-row>.zone.spare:is(*,:has(>.extra-place)){grid-column:1;grid-row:2/7;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(4,minmax(0,1fr)) minmax(0,.8fr);row-gap:3px;padding-top:8px;min-height:0}#app .shop-screen.shop-v6 .team-row>.zone.spare:is(*,:has(>.extra-place))>.slots.bench{display:contents}#app .shop-screen.shop-v6 .team-row>.zone.spare:is(*,:has(>.extra-place))>.slots.bench>.slot{grid-column:1;min-height:0;height:auto}#app .shop-screen.shop-v6 .team-row>.zone.spare:is(*,:has(>.extra-place))>.slots.bench>.slot:nth-child(1){grid-row:1}#app .shop-screen.shop-v6 .team-row>.zone.spare:is(*,:has(>.extra-place))>.slots.bench>.slot:nth-child(2){grid-row:2}#app .shop-screen.shop-v6 .team-row>.zone.spare:is(*,:has(>.extra-place))>.slots.bench>.slot:nth-child(3){grid-row:3}#app .shop-screen.shop-v6 .team-row>.zone.spare:is(*,:has(>.extra-place))>.slots.bench>.slot:nth-child(4){grid-row:4}#app .shop-screen.shop-v6 .team-row>.zone.spare:is(*,:has(>.extra-place))>.slots.bench>.slot:nth-child(5){grid-row:5}#app .shop-screen.shop-v6 .team-row>.zone.spare:is(*,:has(>.extra-place))>.extra-place{grid-row:5;display:grid;min-height:0;height:auto;margin:0;padding-top:4px;border-top:1px solid color-mix(in srgb,var(--stone) 60%,transparent)}#app .shop-screen.shop-v6 .team-row>.zone.spare:not(:has(>.extra-place)){grid-template-rows:repeat(5,minmax(0,1fr))}#app .shop-screen.shop-v6 .team-row>.zone.spare .slot .rarity-portrait{position:absolute;inset:0;display:grid;place-items:center;margin:0;overflow:visible}#app .shop-screen.shop-v6 .team-row>.zone.spare .slot .mon{container-type:size}#app .shop-screen.shop-v6 .team-row>.zone.spare .slot .rarity-portrait .spr{position:absolute;top:50%;left:50%;translate:-50% -50%;width:min(16px,90cqb,100cqi);height:min(16px,90cqb,100cqi)}#app .shop-screen.shop-v6 .team-row .zone.fight .slot .mon{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:minmax(0,1fr);column-gap:2px;padding:2px 3px 2px 2px}#app .shop-screen.shop-v6 .team-row .zone.fight .slot .rarity-portrait{grid-column:1;grid-row:1;align-self:stretch}#app .shop-screen.shop-v6 .team-row .zone.fight .slot .mon .stats{grid-column:2;grid-row:1;flex-direction:column;align-self:end;align-items:flex-start;max-height:none;row-gap:1px;line-height:7px}#app .shop-screen.shop-v6 .team-row .zone.fight .slot .rarity-portrait .spr{width:min(48px,98cqb,100cqi);height:min(48px,98cqb,100cqi)}#app .shop-v6 .shop .slot .rarity-portrait .spr{width:min(20px,100cqi,100cqb);height:min(20px,100cqi,100cqb)}#app .shop-v6 .extra-place .slot.row-extra .mon>.lv{display:flex;position:absolute;top:0;left:1px;z-index:2}#app .shop-screen.shop-v6 .team-row>.zone.spare .slot.commander .mon>.lv{left:9px}#app .shop-v6 .extra-place.open .slot.row-extra.empty .slot-ghost{background:none}#app .shop-v6 .extra-place.open .slot.row-extra.empty{border:1px dashed color-mix(in srgb,var(--chalk) 55%,transparent)}#app .shop-screen.shop-v6 .team-row>.zone.spare .slot .mon{grid-template-rows:minmax(0,1fr);padding:1px 0}#app .shop-screen.shop-v6 .team-row>.zone.spare .slot .rarity-portrait{grid-row:1/-1}#app .shop-screen.shop-v6 .team-row>.zone.spare .slot .mon>.lv{position:absolute;top:0;left:1px;z-index:2}#app .shop-v6 .team-row.drop-ready>.zone{box-shadow:inset 0 0 0 2px var(--gold);border-radius:2px}html.wide #app .shop-v6 .shop .slot .mon{grid-template-rows:9px minmax(0,1fr) auto}html.wide #app .shop-v6 .shop .slot .mon .stats{flex-direction:column;align-items:center;row-gap:0;max-height:12px;line-height:6px}@container (min-width:27px){html.wide #app .shop-v6 .shop .slot .mon .stats{flex-direction:row;flex-wrap:wrap;justify-content:center;align-content:center;column-gap:2px;max-height:14px;line-height:7px}}#app .shop-v6 .mon .stats .s-hp{--c:#7fe36b}#app .shop-v6 .mon .stats .s-atk{--c:#ff6464}#app .shop-v6 .mon .stats .s-shield{--c:#6cc4ff}#app .shop-v6 .mon .stats .s-heal{--c:#5fe0a4}#app .shop-v6 .mon .stats .s-burn{--c:#ffa042}#app .shop-v6 .mon .stats .s-poison{--c:#c48bff}#app .shop-v6 .mon .stats .s-shock{--c:#ffd84a}html #app .shop-screen.shop-v6 .mon .stats i{color:var(--c,var(--chalk))}html #app .shop-screen.shop-v6 .shop .slot .mon{grid-template-rows:7px minmax(0,1fr) auto}#app .shop-screen.shop-v6 .shop .slot .mon .cost{height:7px;font-size:6px;gap:1px}#app .shop-screen.shop-v6 .shop .slot .mon .cost img{width:6px;height:6px}#app .shop-screen.shop-v6 .shop .slot .mon>.type{width:6px;height:6px}#app .shop-screen.shop-v6 .shop .slot .mon>.type:before{width:6px;height:6px;background-size:6px 6px}#app .shop-v6 .team-row .slot.sel{outline:1px solid var(--gold);outline-offset:-1px}#app .shop-backdrop.field-atlas{background:var(--void)}#app .shop-backdrop.field-atlas:after{background:radial-gradient(ellipse at 50% 45%,transparent 30%,rgba(12,13,27,.35) 100%)}#app .field-atlas .atlas-surface{position:absolute;inset:-3%;background:var(--sb-atlas) center/100% 100%;animation:atlas-current 64s ease-in-out infinite alternate;pointer-events:none}#app .field-atlas .atlas-routes{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}@keyframes atlas-current{0%{transform:translate(-.8%,.5%)}to{transform:translate(.8%,-.5%)}}html:is([data-effects=few],[data-effects=minimum]) #app .field-atlas .atlas-surface,html.page-hidden #app .field-atlas .atlas-surface,#app .field-atlas.atlas-paused .atlas-surface,#app .field-atlas.atlas-fallback .atlas-surface,#app [inert] .field-atlas .atlas-surface{animation-play-state:paused}@media(prefers-reduced-motion:reduce){#app .field-atlas .atlas-surface{animation:none}#app .field-atlas .atlas-routes{opacity:.25}}