html #app{--azure:#2f7ee6;--orchid:#d08cff;--lime:#b8f26b;--peach:#f0b48c;--teal:#2aa89c}html #app .shop-screen.shop-v6{--st-ink:color-mix(in srgb,var(--chalk) 92%,var(--silver));--st-muted:color-mix(in srgb,var(--silver) 70%,var(--ash));--st-faint:color-mix(in srgb,var(--ash) 70%,var(--stone));--st-face:color-mix(in srgb,var(--void) 82%,var(--ink));--st-face-hi:color-mix(in srgb,var(--void) 90%,var(--slate));--st-hp:var(--leaf);--st-atk:var(--crimson-text);font-family:PipUI,system-ui,sans-serif;font-variant-numeric:tabular-nums lining-nums;color:var(--st-ink)}html #app .shop-screen.shop-v6 .shop-backdrop i{opacity:1}html #app .shop-screen.shop-v6>.hud{background:none!important;border:0!important;box-shadow:none!important;gap:6px;padding:0 6px}html #app .shop-screen.shop-v6>.hud:before,html #app .shop-screen.shop-v6>.hud:after{display:none!important}html #app .shop-screen.shop-v6 .hud .hud-trainer{border:0!important;background:none!important;box-shadow:none!important;outline:0}html #app .shop-screen.shop-v6 .hud .hud-trainer .hud-face{border-radius:50%;box-shadow:0 0 0 1px var(--st-face-hi)}html #app .shop-screen.shop-v6 .hud .hud-bag{opacity:.75;background:none;border:0;box-shadow:none}html #app .shop-screen.shop-v6 .hud .stat{background:none;border:0;box-shadow:none;padding:0}html #app .shop-screen.shop-v6 .hud .match-count{font-size:5px;font-weight:400;color:var(--st-faint)}html #app .shop-screen.shop-v6 .hud .match-count b{font-weight:500;color:var(--st-muted)}html #app .shop-screen.shop-v6 .hud .hearts{gap:1px}html #app .shop-screen.shop-v6 .hud .hearts img{width:5px;height:5px}html #app .shop-screen.shop-v6 .hud .stat.gold{display:inline-flex;align-items:center;gap:2px;font-size:10px;line-height:1}html #app .shop-screen.shop-v6 .hud .stat.gold>img{width:6px;height:6px}html #app .shop-screen.shop-v6 .hud .stat.gold>b{font-weight:300;letter-spacing:-.03em;color:var(--st-ink)}html #app .shop-screen.shop-v6 .hud .coin-pv{font-size:5px;margin-left:2px;gap:1.5px;align-items:center}html #app .shop-screen.shop-v6 .hud .coin-pv b{font-weight:500}html #app .shop-screen.shop-v6 .hud .coin-pv small{font-size:4.5px}html #app .shop-screen.shop-v6 .hud .coin-pv.spend{color:var(--gold)}html #app .shop-screen.shop-v6 .hud .coin-pv.gain{color:color-mix(in srgb,var(--teal) 50%,var(--lime))}html #app .shop-screen.shop-v6 .hud .coin-pv.short{color:var(--rose)}html #app .shop-screen.shop-v6 .hud :is(.dev-btn,.menu-btn){background:none!important;border:0!important;box-shadow:none!important;color:var(--st-faint);font-size:5px;font-weight:400;padding:0 3px;min-width:12px}@media(hover:hover){html #app .shop-screen.shop-v6 .hud :is(.dev-btn,.menu-btn):hover{color:var(--st-ink)}}html #app .shop-screen.shop-v6 .bond-row .bd-lbl{font-size:5px;font-weight:500;color:color-mix(in srgb,var(--silver) 85%,var(--chalk))}html #app .shop-screen.shop-v6 .bond-row .bd-lbl small{font-size:4.5px;font-weight:400;color:var(--st-faint);opacity:1}html #app .shop-screen.shop-v6 .bond-row .fam-med .bd-lbl{color:color-mix(in srgb,var(--silver) 85%,var(--chalk))}html #app .shop-screen.shop-v6 .team-row .slots.bench .slot.slot:not(.sel):not(.drop-hover):not([data-drop]){background:none;box-shadow:none}html #app .shop-screen.shop-v6 .extra-place .slot.row-extra:not(.sel):not(.drop-hover):not([data-drop]){background:none;box-shadow:none;border-color:transparent}html #app .shop-screen.shop-v6 .team-row .slot .mon>.type.fam{display:none}html #app .shop-screen.shop-v6 .team-row .zone.fight .slot .mon>.lv{position:absolute;top:0;left:50%;translate:-50% 0;right:auto}html #app .shop-screen.shop-v6 .team-row .zone.fight .slot .mon .stats{column-gap:3px}html #app .shop-screen.shop-v6 .team-row .zone.fight .slot .mon .stats>i{font-size:5.5px;font-weight:600;font-style:normal}html #app .shop-screen.shop-v6 .team-row .zone.fight .slot .mon .stats>i:before{display:none}html #app .shop-screen.shop-v6 .team-row .zone.fight .slot .mon .stats>.s-hp{color:var(--st-hp)}html #app .shop-screen.shop-v6 .team-row .zone.fight .slot .mon .stats>.s-atk{color:var(--st-atk)}html #app .shop-screen.shop-v6 .zone-head .row-key i{font-size:4.5px;color:var(--st-faint)}html #app .shop-screen.shop-v6 .shop>.slot .mon{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:1px;padding:1px 0 2px}html #app .shop-screen.shop-v6 .shop>.slot .mon>.type.fam,html #app .shop-screen.shop-v6 .shop>.slot .mon>.stats,html #app .shop-screen.shop-v6 .shop>.slot .mon>.nm{display:none}html #app .shop-screen.shop-v6 .shop>.slot .mon>.rarity-portrait{order:1;flex:1 1 auto;min-height:0;width:100%}html #app .shop-screen.shop-v6 .shop>.slot .mon>.cost{order:2;position:static;justify-self:auto;align-self:center;margin:0!important;display:block;font-size:5.5px;font-weight:500;line-height:7px;color:var(--gold);background:none;border:0;box-shadow:none}html #app .shop-screen.shop-v6 .shop>.slot .mon>.cost img{display:none}html #app .shop-screen.shop-v6 .shop>.slot .mon>.lv{order:0;position:static;translate:none}html #app .shop-screen.shop-v6 .shop>.slot .spr{width:min(26px,100cqi,100cqb)!important;height:min(26px,100cqi,100cqb)!important}html #app .shop-screen.shop-v6 .shop>.slot[data-after=short] .cost,html #app .shop-screen.shop-v6 .shop>.slot.poor .cost{color:var(--rose)}html #app .shop-screen.shop-v6 .shop>.slot.treat-slot .mon>:not(.cost):not(img):not(.treat-art):not(.rarity-portrait):not(.nm){display:none}html #app .shop-screen.shop-v6 .shop:after{background:var(--st-face-hi)}html #app .shop-screen.shop-v6 .shop-panel.shelf-held .shop{outline:0}html #app .shop-screen.shop-v6 .shop-panel.shelf-held .shop:after{height:1px;background:var(--azure)}html #app #tip.creature-card[data-side=dock]:not([hidden]){display:flex!important}html #app #tip.creature-card[data-side=dock]{flex-direction:column;gap:3px;background:none!important;border:0!important;box-shadow:none!important;padding:2px 0 0;color:var(--st-muted)}html #app #tip.creature-card[data-side=dock]:before,html #app #tip.creature-card[data-side=dock]:after{display:none!important}html #app #tip.creature-card[data-side=dock] .cc-portrait{display:none}html #app #tip.creature-card[data-side=dock] .cc-header{order:0;display:flex;flex-direction:column;align-items:flex-start;gap:1px;border:0;padding:0;background:none}html #app #tip.creature-card[data-side=dock] .cc-header:after{display:none}html #app #tip.creature-card[data-side=dock] .cc-name{font-family:PipSignature,Georgia,serif;font-style:italic;font-weight:600;font-size:8px;line-height:1.1;letter-spacing:-.01em;color:var(--st-ink)}html #app #tip.creature-card[data-side=dock] .cc-meta{display:flex;align-items:center;gap:2px;font-size:4.5px;color:var(--st-faint)}html #app #tip.creature-card[data-side=dock] .cc-rarity.sr-only{position:static;width:auto;height:auto;clip-path:none;overflow:visible;white-space:nowrap}html #app #tip.creature-card[data-side=dock] .cc-preview{order:1}html #app #tip.creature-card[data-side=dock] .tip-evo{display:none}html #app #tip.creature-card[data-side=dock] .tip-tabs{display:flex;gap:1px}html #app #tip.creature-card[data-side=dock] .lv-tab{background:none!important;border:0!important;box-shadow:none!important;border-radius:0;color:var(--st-faint);font-size:5px;min-height:12px;padding:0 3px}html #app #tip.creature-card[data-side=dock] .lv-tab.on{color:var(--st-ink);box-shadow:inset 0 -1px 0 var(--gold)!important}html #app #tip.creature-card[data-side=dock] .cc-stats{order:2;display:grid;grid-template-columns:1fr 1fr;gap:1px 6px;background:none;border:0}html #app #tip.creature-card[data-side=dock] .cc-stat{display:flex;justify-content:space-between;align-items:baseline;background:none;border:0;box-shadow:none;padding:0}html #app #tip.creature-card[data-side=dock] .cc-stat-label{font-style:normal;font-size:4.5px;color:var(--st-faint)}html #app #tip.creature-card[data-side=dock] .cc-stat b{font-size:5.5px;font-weight:600;color:var(--st-ink)}html #app #tip.creature-card[data-side=dock] .cc-stat[data-stat=hp] b{color:var(--st-hp)}html #app #tip.creature-card[data-side=dock] .cc-stat[data-stat=damage] b{color:var(--st-atk)}html #app #tip.creature-card[data-side=dock] .cc-stat[data-stat=cooldown] b{color:var(--silver)}html #app #tip.creature-card[data-side=dock] .cc-stat[data-stat=poison] b{color:var(--orchid)}html #app #tip.creature-card[data-side=dock] .cc-stat[data-stat=shield] b{color:var(--sky)}html #app #tip.creature-card[data-side=dock] .cc-stat[data-stat=burn] b{color:var(--ember)}html #app #tip.creature-card[data-side=dock] .cc-ability{order:3;background:none;border:0;padding:0;font-size:5px;line-height:6.5px;color:var(--st-muted)}html #app #tip.creature-card[data-side=dock] .cc-footer{order:4;background:none;border:0;padding:0}html #app .shop-screen.shop-v6 .rest-bonds{background:none!important;border:0!important;padding:2px 0}html #app .shop-screen.shop-v6 .rest-bonds li{font-size:5px;line-height:6.5px;color:var(--st-faint)}html #app .shop-screen.shop-v6 .rest-bonds li b{font-size:5px;font-weight:500;color:var(--st-muted)}html #app .shop-screen.shop-v6 .rest-bonds li small{font-size:5px;color:var(--st-faint)}html #app .shop-screen.shop-v6 .rest-bonds li.near{opacity:.6}html #app .shop-screen.shop-v6 .shop-tools.dock{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:12px minmax(0,1fr);gap:3px}html #app .shop-screen.shop-v6 .dock-seg{display:grid;grid-template-columns:13px 13px minmax(0,1fr);gap:0}html #app .shop-screen.shop-v6 .dock-seg:not(:has(>.undo)){grid-template-columns:13px minmax(0,1fr)}html #app .shop-screen.shop-v6 .dock-seg>.btn,html #app .shop-screen.shop-v6 .shop-tools.dock .fight-slot .fight{background:var(--st-face)!important;border:0!important;border-radius:0!important;color:var(--st-muted)!important;box-shadow:inset 0 1px color-mix(in srgb,var(--chalk) 5%,transparent)!important;filter:none!important;text-shadow:none!important;font-family:PipUI,system-ui,sans-serif;font-weight:500;font-size:5px;height:12px;min-height:12px;padding:0 3px;gap:2px;display:flex;align-items:center;justify-content:center;transition:color .18s,background-color .18s,opacity .18s,transform 90ms}html #app .shop-screen.shop-v6 .dock-seg>.btn:first-child{border-radius:3px 0 0 3px!important}html #app .shop-screen.shop-v6 .dock-seg>.btn:last-child{border-radius:0 3px 3px 0!important}html #app .shop-screen.shop-v6 .dock-seg>.btn+.btn{box-shadow:inset 0 1px color-mix(in srgb,var(--chalk) 5%,transparent),inset 1px 0 color-mix(in srgb,var(--chalk) 7%,transparent)!important}html #app .shop-screen.shop-v6 .shop-tools .st-ic{width:6px;height:6px;flex:none}html #app .shop-screen.shop-v6 .dock-seg>.btn[aria-pressed=true]{color:var(--sky)!important}html #app .shop-screen.shop-v6 .dock-seg>.btn:is(:disabled,[aria-disabled=true]){opacity:.38}html #app .shop-screen.shop-v6 .dock-seg>.btn:active{transform:scale(.96)}html #app .shop-screen.shop-v6 .dock-seg .reroll-control{justify-content:flex-start;padding:0 4px}html #app .shop-screen.shop-v6 .dock-seg .reroll-control .reroll-label{position:static;width:auto;height:auto;overflow:visible;clip-path:none;font-size:5px}html #app .shop-screen.shop-v6 .dock-seg .reroll-control .rr-readout{margin-left:auto;font-size:4.5px;color:var(--st-faint);background:none;border:0;box-shadow:none;padding:0}html #app .shop-screen.shop-v6 .dock-seg .reroll-control .rr-currency{display:none}@media(hover:hover){html #app .shop-screen.shop-v6 .dock-seg>.btn:not(:disabled):hover{background:var(--st-face-hi)!important;color:var(--st-ink)!important}}html #app .shop-screen.shop-v6 .shop-tools.dock .fight-slot .fight{height:100%;border-radius:3px!important;font-size:6.5px;font-weight:600;gap:3px;color:var(--st-ink)!important;background:var(--st-face-hi)!important;box-shadow:inset 0 1px color-mix(in srgb,var(--chalk) 7%,transparent),0 0 0 1px color-mix(in srgb,var(--gold) 20%,transparent)!important}html #app .shop-screen.shop-v6 .shop-tools.dock .fight-slot .fight .st-ic{width:7px;height:7px;color:var(--gold)}html #app .shop-screen.shop-v6 .shop-tools.dock .fight-slot .fight.warm{background:var(--gold)!important;color:var(--ink)!important;box-shadow:inset 0 1px color-mix(in srgb,var(--chalk) 33%,transparent)!important}html #app .shop-screen.shop-v6 .shop-tools.dock .fight-slot .fight.warm .st-ic{color:var(--ink)}@media(hover:hover){html #app .shop-screen.shop-v6 .shop-tools.dock .fight-slot .fight:hover{background:color-mix(in srgb,var(--void) 80%,var(--slate))!important}html #app .shop-screen.shop-v6 .shop-tools.dock .fight-slot .fight.warm:hover{background:color-mix(in srgb,var(--gold) 85%,var(--chalk))!important}}@media(prefers-reduced-motion:reduce){html #app .shop-screen.shop-v6 .shop-tools .btn{transition:none}}html #app #tip.creature-card[data-side=dock] .cc-header .cc-meta{margin:0!important;justify-content:flex-start;width:auto}html #app #tip.creature-card[data-side=dock] .cc-meta .cc-family{order:0}html #app #tip.creature-card[data-side=dock] .cc-meta .cc-rarity{order:1}html #app #tip.creature-card[data-side=dock] .cc-meta .cc-drills{order:2;margin-left:2px}html #app #tip.creature-card[data-side=dock] .cc-footer .btn{background:var(--st-face)!important;border:0!important;border-radius:3px!important;box-shadow:inset 0 1px color-mix(in srgb,var(--chalk) 5%,transparent)!important;color:var(--st-muted)!important;filter:none!important;text-shadow:none!important;font-family:PipUI,system-ui,sans-serif;font-size:5px;font-weight:500;min-height:12px;padding:0 4px;gap:2px}html #app #tip.creature-card[data-side=dock] .cc-footer .btn b{color:var(--gold);font-weight:500}html #app #tip.creature-card[data-side=dock] .cc-footer .btn :is(img.cn,.kit-ic){filter:none}@media(hover:hover){html #app #tip.creature-card[data-side=dock] .cc-footer .btn:hover{background:var(--st-face-hi)!important;color:var(--st-ink)!important}}html #app .shop-screen.shop-v6 .shop>.slot .mk-fx{display:none!important}html #app .shop-screen.shop-v6 .dock-seg>.btn{line-height:6px}html #app .shop-screen.shop-v6 .dock-seg .reroll-control :is(.rr-readout,.rr-counter,.rr-reels){line-height:6px;height:6px;min-height:0;display:inline-flex;align-items:center}html #app #tip.creature-card[data-side=dock] .lv-tab{padding:2px 3px;line-height:6px;height:auto;min-height:12px;display:inline-flex;align-items:center}html #app .shop-screen.shop-v6 .dock-seg .reroll-control :is(.reroll-label,.rr-counter,.rr-reels,.rr-digit){line-height:6px;font-size:4.5px}html #app .shop-screen.shop-v6 .dock-seg .reroll-control .reroll-label{font-size:5px}html #app .shop-screen.shop-v6 .dock-seg .reroll-control .rr-cell{height:6px;line-height:6px}html #app #tip.creature-card[data-side=dock]{padding:2px 2px 0 0}html #app #tip.creature-card[data-side=dock] .cc-ability p{white-space:normal;overflow-wrap:anywhere;min-width:0}html #app .shop-screen.shop-v6 .hud .hud-bag.empty{opacity:var(--quiet,.45)}html #app .shop-screen.shop-v6 .team-row .zone.fight .slot .mon{grid-template-columns:minmax(0,1fr);grid-template-rows:6px minmax(0,1fr) 8px;row-gap:1px;padding:0 1px 1px}html #app .shop-screen.shop-v6 .team-row .zone.fight .slot .mon>.lv{grid-column:1;grid-row:1;position:static;translate:none;justify-self:center;align-self:center;max-height:6px}html #app .shop-screen.shop-v6 .team-row .zone.fight .slot .rarity-portrait{grid-column:1;grid-row:2;position:relative;min-height:0;container-type:size}html #app .shop-screen.shop-v6 .team-row .zone.fight .slot .rarity-portrait .spr{width:min(var(--crew-art-cap,48px),100cqi,100cqb);height:min(var(--crew-art-cap,48px),100cqi,100cqb);scale:1}html #app .shop-screen.shop-v6 .team-row .zone.fight .slot .mon>.stats{grid-column:1;grid-row:3;align-self:center}html #app .shop-screen.shop-v6 .team-row .slots.bench>.slot.slot.empty:not(.sel):not([data-drop]):not(.drop-hover),html #app .shop-screen.shop-v6 .team-row .extra-place.open>.slot.slot.empty:not(.sel):not([data-drop]):not(.drop-hover){border:1px dashed rgba(146,192,231,.36);border-radius:3px;background:none;box-shadow:none}