html #app .shop-screen.shop-v6 .shop>.slot[data-a=buy]>.mon{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:6px 3px minmax(0,1fr) 6px;align-items:center;justify-items:center;gap:0;padding:1px 2px}html #app .shop-screen.shop-v6 .shop>.slot .mon>.cost{position:absolute;inset:2px 3px auto auto!important;inset-inline-start:auto;display:inline-flex;align-items:center;justify-content:flex-end;gap:1px;order:initial;align-self:auto;margin:0!important;padding:0;height:4px;min-height:0;font-size:4px;font-weight:500;line-height:4px;text-align:right;transform:none!important;translate:none!important;z-index:2}html #app .shop-screen.shop-v6 .shop>.slot .mon>.cost img{display:block;width:3px;height:3px;flex:none;margin:0}html #app .shop-screen.shop-v6 .shop>.slot[data-a=buy] .mon>.type.fam{display:inline-flex;position:absolute;left:3px;right:auto;top:2px;width:5px;height:5px;min-width:0;min-height:0;margin:0;padding:0;z-index:2}html #app .shop-screen.shop-v6 .shop>.slot[data-a=buy] .mon>.type.fam:before{width:5px;height:5px;background-size:5px 5px}html #app .shop-screen.shop-v6 .shop>.slot[data-a=buy] .mon>.lv{display:flex;flex-direction:row;align-items:center;gap:0;position:static;grid-column:1;grid-row:2;order:initial;align-self:center;justify-self:center;margin:0;padding:0;font-size:3px;line-height:3px;transform:none;translate:none}html #app .shop-screen.shop-v6 .shop>.slot[data-a=buy] .mon>.rarity-portrait{grid-column:1;grid-row:3;order:initial;min-height:0;width:100%;height:100%;display:grid;place-items:center;container-type:size}html #app .shop-screen.shop-v6 .shop>.slot[data-a=buy] .mon>.stats{display:flex;flex-direction:row;flex-wrap:nowrap;grid-column:1;grid-row:4;order:initial;align-items:center;justify-content:center;gap:3px;position:static;width:100%;min-width:0;max-height:none;margin:0;padding:0;font-size:5px;line-height:6px;white-space:nowrap}html #app .shop-screen.shop-v6 .shop>.slot[data-a=buy] .stats>i{font-size:5px;line-height:6px;font-style:normal;font-weight:600}html #app .shop-screen.shop-v6 .shop>.slot[data-a=buy] .stats>i:before{display:none}html #app .shop-screen.shop-v6 .shop>.slot[data-a=buy] .stats>.s-hp{color:var(--leaf)}html #app .shop-screen.shop-v6 .shop>.slot[data-a=buy] .stats>.s-atk{color:var(--crimson-text)}html #app .type.Ember:before{background-image:url(./art/ui/elements/ember.png)}html #app .type.Grove:before{background-image:url(./art/ui/elements/grove.png)}html #app .type.Tide:before{background-image:url(./art/ui/elements/tide.png)}html #app .type.Storm:before{background-image:url(./art/ui/elements/storm.png)}html #app .type.Dusk:before{background-image:url(./art/ui/elements/dusk.png)}html #app .shop-screen.shop-v6 .shop>.slot[data-a=buy] .mon>.lv>i{width:3px;height:3px;font-size:3px;line-height:3px;font-style:normal}html #app .shop-screen.shop-v6 .team-row .zone .slot .mon>.type.fam{display:inline-flex;position:absolute;top:0;left:1px;right:auto;width:6px;height:6px;min-width:0;min-height:0;margin:0;padding:0;z-index:2}html #app .shop-screen.shop-v6 .team-row .zone .slot .mon>.type.fam:before{width:6px;height:6px;background-size:contain}html #app .shop-screen.shop-v6 .team-row .zone.fight .slot .mon>.lv{justify-self:end;width:calc(100% - 8px);justify-content:center;margin-right:0}html #app .shop-screen.shop-v6 .team-row .zone:not(.fight) .slot .mon>.lv{position:absolute;top:0;left:8px;right:1px;translate:none;transform:none;justify-content:center}html #app :is(#tip,#catch-detail).creature-card .cc-name{display:inline-flex;align-items:center;gap:3px}html #app :is(#tip,#catch-detail).creature-card .cc-name .cc-family{display:inline-flex;flex:none;margin:0;font-style:normal}html #app .shop-screen.shop-v6 .shop>.slot>.offer-opportunities{position:absolute;top:-7px;left:50%;translate:-50% 0;display:flex;align-items:center;justify-content:center;gap:2px;width:max-content;max-width:none;height:6px;pointer-events:none;z-index:3;color:var(--silver);font-size:3px;line-height:5px;white-space:nowrap}html #app .shop-screen.shop-v6 .offer-opportunities>span{display:inline-flex;align-items:center;gap:.5px}html #app .shop-screen.shop-v6 .offer-opportunities b{font-size:3px;font-weight:550;line-height:5px;color:inherit}html #app .shop-screen.shop-v6 .offer-opportunities small{font-size:3px;line-height:5px;color:inherit}html #app .shop-screen.shop-v6 .offer-opportunities .ready,html #app .shop-screen.shop-v6 .offer-opportunities .offer-party:is(.active,.ready){color:var(--gold)}html #app .shop-screen.shop-v6 .offer-opportunities .offer-party.progress{color:var(--sky)}html #app .shop-screen.shop-v6 .offer-opportunities .op-icon{display:inline-block;width:4px;height:4px;flex:none;background-position:0 0;background-size:400% 100%;background-repeat:no-repeat}html #app .shop-screen.shop-v6 .offer-opportunities .op-owned{background-image:url(./art/ui/cues/owned.png)}html #app .shop-screen.shop-v6 .offer-opportunities .op-merge{background-image:url(./art/ui/cues/star_up.png)}html #app .shop-screen.shop-v6 .offer-opportunities img{width:4px;height:4px;object-fit:contain;flex:none}html #app .shop-screen.shop-v6 .team-row .slot.copy-hot:not(.link-hot) .rarity-portrait:after{--play-ground:var(--sky);content:"";position:absolute;z-index:0;left:50%;top:auto;bottom:0;width:24px;max-width:90%;height:5px;translate:-50% 0;pointer-events:none;-webkit-mask:none;mask:none;animation:none;border-radius:50%;border:.5px solid color-mix(in srgb,var(--sky) 65%,transparent);background:radial-gradient(ellipse,color-mix(in srgb,var(--sky) 35%,transparent),color-mix(in srgb,var(--sky) 12%,transparent) 60%,transparent 75%)}html #app .shop-screen.shop-v6 .shop>.slot[data-luck]>.offer-opportunities{top:7px}html #app .shop-screen.shop-v6 .shop:is(.shop-6,.shop-7,.shop-8) .offer-opportunities{gap:1px}html #app .shop-screen.shop-v6 .shop:is(.shop-6,.shop-7,.shop-8) .offer-copy.ready :is(.op-icon,b){display:none}html #app .shop-screen.shop-v6 .shop{translate:0 -3px}html #app .shop-screen.shop-v6 .team-row>.zone.fight{padding-bottom:3px;box-sizing:border-box}html #app .shop-screen.shop-v6 .shop>.slot.treat-slot>.mon{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:6px minmax(0,1fr) 8px;gap:1px;align-items:center;justify-items:center;padding:1px 2px 2px;min-height:0}html #app .shop-screen.shop-v6 .shop>.slot.treat-slot .treat-art{grid-column:1;grid-row:2;order:initial;align-self:stretch;justify-self:stretch;display:grid;place-items:center;width:100%;height:100%;min-width:0;min-height:0;container-type:size}html #app .shop-screen.shop-v6 .shop>.slot.treat-slot .treat-art img{width:min(16px,100cqi,calc(100cqb - 2px));height:min(16px,100cqi,calc(100cqb - 2px));max-width:100%;max-height:100%;object-fit:contain}html #app .shop-screen.shop-v6 .shop>.slot.treat-slot .mon>.nm{display:block;position:static;grid-column:1;grid-row:3;order:initial;align-self:center;justify-self:stretch;width:100%;height:auto;min-width:0;max-height:none;margin:0;padding:0;clip-path:none;overflow:visible;color:var(--silver);font-size:3.5px;font-weight:500;line-height:4px;text-align:center;white-space:normal;overflow-wrap:anywhere}html #app .shop-screen.shop-v6 .bond-row .keep-pile{display:grid;grid-template-columns:11px minmax(0,1fr);gap:1px 3px;width:100%;max-width:100%;min-width:0;margin-left:0;box-sizing:border-box}html #app .shop-screen.shop-v6 .bond-row .keep-pile .keep-ico{grid-column:1;grid-row:1/3}html #app .shop-screen.shop-v6 .bond-row .keep-pile .keep-val{grid-column:2;min-width:0}html #app .shop-screen.shop-v6 .team-row .zone:not(.fight) .slot .mon>.lv{left:9px;gap:0;padding:0}html #app .shop-screen.shop-v6 .team-row .zone:not(.fight) .slot .mon>.lv>i{width:4px;height:4px;min-width:0;flex:0 1 4px}html #app .shop-screen.shop-v6 .element-summary-row>.fam-med{gap:4px;height:18px;min-height:18px}html #app .shop-screen.shop-v6 .element-summary-row>.fam-med>.play-emblem{width:14px;height:14px}html #app .shop-screen.shop-v6 .element-summary-row>small{padding:1px 0 0 18px}html #app .shop-screen.shop-v6 .element-summary.dense .fam-med{gap:2px;align-items:center;height:auto;min-height:14px}html #app .shop-screen.shop-v6 .element-summary-row .bond-face{inset:2px}html #app .shop-screen.shop-v6 .element-summary-row .bond-face .type{display:grid;place-items:center;width:8px;height:8px}html #app .shop-screen.shop-v6 .element-summary-row .bond-face .type:before{width:8px;height:8px;background-size:contain}html #app .shop-screen.shop-v6 .team-row>.zone.spare:has(.slot.commander){padding-top:10px}html #app .shop-screen.shop-v6 .team-row>.zone.spare .slot.commander .cmd-mark{left:-1px;right:auto;top:0;translate:0 -100%;width:calc(100% + 2px);height:auto;aspect-ratio:955/204;background:url(./art/ui/keeper-raised-crest.png) center/contain no-repeat;transform:none;animation:none;filter:none;z-index:4}html #app .shop-screen.shop-v6 .team-row>.zone.spare .slot.commander:not(.empty) .cmd-mark{top:1px}html #app .verb-mark{display:inline-block;width:4px;height:4px;flex:none;background:center/contain no-repeat;pointer-events:none}html #app .verb-mark[data-verb=grow]{background-image:url(./art/ui/verbs/grow.png)}html #app .verb-mark[data-verb=keep]{background-image:url(./art/ui/verbs/keep.png)}html #app .verb-mark[data-verb=echo]{background-image:url(./art/ui/verbs/echo.png)}html #app .verb-mark[data-verb=charge]{background-image:url(./art/ui/verbs/charge.png)}html #app .verb-mark[data-verb=knockout]{background-image:url(./art/ui/verbs/knockout.png)}html #app .shop-screen.shop-v6 .shop>.slot[data-a=buy] .mon>.verb-mark{display:inline-block;position:absolute;left:9px;top:2.5px;z-index:2}html #app .shop-screen.shop-v6 .team-row .zone .slot .mon>.verb-mark[data-verb]{display:inline-block;position:absolute;left:8px;top:1px;z-index:2}html #app .shop-screen.shop-v6 .team-row .zone:not(.fight) .slot .mon:has(>.verb-mark)>.lv{left:13px}html #app .cc-ability p>.verb-mark{width:5px;height:5px;vertical-align:-.5px;margin-right:1px}html #app .cc-growth .cc-stat-label>.verb-mark{width:4px;height:4px;vertical-align:-.5px;margin-right:1px}html #app .cc-growth-v{display:inline-flex;gap:2px;justify-content:flex-end;font-variant-numeric:tabular-nums lining-nums}html #app .cc-growth-v .g-atk{color:var(--st-atk,#e0645a)}html #app .cc-growth-v .g-hp{color:var(--st-hp,#7bd389)}html #app .shop-screen.shop-v6 #tip.creature-card.creature-card:has(.cc-growth){grid-template-rows:10px 12px repeat(6,7px) minmax(14px,1fr) 12px}html #app .shop-screen.shop-v6 #tip.creature-card.creature-card:has(.cc-growth) .cc-stat{line-height:7px}html #app .shop-screen.shop-v6 #tip.creature-card.creature-card:has(.cc-growth) .cc-stat b{line-height:7px}html #app .shop-screen.shop-v6 #tip.creature-card.creature-card:has(.cc-growth) .cc-stat:nth-child(5){grid-row:7}html #app .shop-screen.shop-v6 #tip.creature-card.creature-card:has(.cc-growth) .cc-stat:nth-child(6){grid-row:8}html #app .shop-screen.shop-v6 #tip.creature-card.creature-card:has(.cc-growth) .cc-portrait{grid-row:3/7}html #app .shop-screen.shop-v6 #tip.creature-card.creature-card:has(.cc-growth) .cc-progress{grid-row:7/9}html #app .shop-screen.shop-v6 #tip.creature-card.creature-card:has(.cc-growth) .cc-ability{grid-row:9}html #app .shop-screen.shop-v6 #tip.creature-card.creature-card:has(.cc-growth) :is(.cc-preview,.cc-footer){grid-row:10}html #app .shop-screen.shop-v6 #tip.creature-card.creature-card .cc-growth .cc-stat-label{display:inline-flex;align-items:center}html #app .shop-screen.shop-v6 #tip.creature-card.creature-card .cc-growth .cc-growth-v b.g-atk{color:var(--crimson-text)}html #app .shop-screen.shop-v6 #tip.creature-card.creature-card .cc-growth .cc-growth-v b.g-hp{color:var(--leaf)}html #app :is(.chew-screen .tile-art,.bag-item){position:relative}html #app .chew-mark{position:absolute;left:1px;top:1px;width:6px;height:6px;z-index:2;pointer-events:none}html #app .bag-item .chew-mark{width:5px;height:5px;left:0;top:0}html #app .type.icon-only.chew-mark{display:block}html #app .type.icon-only.chew-mark:before{width:100%;height:100%;background-size:contain}html #app .shop-screen.shop-v6 .element-summary .element-summary-row small.fam-kept{display:inline-flex;align-items:center;gap:1px;color:var(--c,var(--silver))}html #app .element-summary-row .fam-kept>.verb-mark{width:4px;height:4px}html #app .play-head .play-verb{width:5px;height:5px;margin-left:2px;vertical-align:-.5px}html #app .shop-screen.shop-v6 .shop>.slot[data-party] .rarity-portrait{background:none}html #app .shop-screen.shop-v6 .shop>.slot[data-party] .rarity-portrait:after{--play-ground:var(--gold);content:"";position:absolute;z-index:0;left:50%;top:auto;bottom:0;width:24px;max-width:90%;height:5px;translate:-50% 0;pointer-events:none;-webkit-mask:none;mask:none;animation:none;border-radius:50%;border:.5px solid color-mix(in srgb,var(--play-ground) 65%,transparent);background:radial-gradient(ellipse,color-mix(in srgb,var(--play-ground) 35%,transparent),color-mix(in srgb,var(--play-ground) 12%,transparent) 70%);box-shadow:0 0 3px color-mix(in srgb,var(--play-ground) 40%,transparent)}html #app .shop-screen.shop-v6 .shop>.slot[data-party=support]:not(.link-hot) .rarity-portrait:after{--play-ground:var(--sky)}html #app .team-row .slot.spend-star:before{background-image:url(./art/ui/cues/feed.png);background-size:400% 100%;background-position:0 0}