/* generated by tools/css.mjs from base.css, bake.json and subjects.json: do not edit */
/* The Breakout style (STYLE.md): ex's card with Breakout's two layers, the product's matter streaming out behind the
   subject and the word art cut from that matter. Everything else is ex's: data, art, logos, border, moves, copy, tiers.
   The card token (a dollar sign before "card") stands for every card the style reaches: a card inside any element marked
   data-card-style="breakout" unless the card itself says ex, or a card that says breakout itself;
   :not(#_) lifts each rule over the families' own (design/families.css). tools/css.mjs writes
   breakout.css from this file and bake.json; edit this file, never breakout.css. */

/* ---------- 1. the burst: each baked card's own print replaces ex's energy poster and its live ground (tools/css.mjs
   writes those per card, so a card with no bake keeps ex's energy). A family's set (the Poster's, the Storyboard's and
   the Device's own picture) is the card's art, so it stays, held to its art window down to the window's foot, where the
   burst takes over (the mask's stop is each card's own, tools/css.mjs); a storyboard's earlier panels stay as they are */
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"]):not(#_) .en { background-color: var(--d); background-size: 100% 100%; background-repeat: no-repeat; }
/* the sleeve's gloss (ex's own streak in the card's energy, which rituals.js moves with the tilt) runs across the whole
   burst, window and all, where ex holds it to a sixth over the window: the burst's colour rises as the card turns */
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"]):not(#_) .glarebox { --gm: linear-gradient(transparent 14.6cqw, #000 15.4cqw, #000 120.6cqw, transparent 121.4cqw); }
/* the art window takes a struck edge, one line of the card's light inside one of its dark, so the printing reads round
   the picture too; it sits under the subject, which still passes over every frame. The window runs trim to trim, so the
   edge is struck along its head and foot only, never down the card's own sides */
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"]):not(#_) .pane {
  --s1: color-mix(in oklab, var(--d) 50%, black); --s2: color-mix(in oklab, var(--e) 55%, var(--g)); --s3: color-mix(in oklab, var(--d) 40%, transparent);
  box-shadow: inset 0 max(1px, 0.3cqw) 0 var(--s1), inset 0 calc(-1 * max(1px, 0.3cqw)) 0 var(--s1), inset 0 max(2px, 1cqw) 0 var(--s2), inset 0 calc(-1 * max(2px, 1cqw)) 0 var(--s2), inset 0 max(2.5px, 1.3cqw) 0 var(--s3), inset 0 calc(-1 * max(2.5px, 1.3cqw)) 0 var(--s3);
}

/* ---------- 2. the name plate: a plate struck from the matter in the card's own hue, chamfered, with the name's channel
   cut into it. The rim keeps whole motifs: the tile is scaled so one of its rows is the top rim's height (tools/css.mjs,
   from each card's rows), and the channel runs from under the top rim to 0.2cqw over the plate's foot, so descenders
   stay inside it. A light card's plate is light and a dark card's dark (--pc, tools/css.mjs) ---------- */
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"]):not(#_) .top::before {
  content: ''; position: absolute; inset: 0; z-index: 4; pointer-events: none; border-radius: 0;
  --chan: linear-gradient(180deg, color-mix(in oklab, var(--pc, var(--d)) 78%, black) 0%, var(--pc, var(--d)) 26%, color-mix(in oklab, var(--pc, var(--d)) 88%, var(--e)) 100%);
  /* the logo's seat: a recess struck in the near-black of the card's deep, 0.6cqw round the tile and rounded as the tile
     is (its 1.6cqw corner plus 0.6cqw), so the tile's light metal stands at 3:1 or more from the plate behind it on every
     card, a light one's included (EX.md 13.2, E15). It is painted in the plate itself, two bars and four corner discs,
     because E15 reads the tile against the bar with the tile hidden */
  --sc: color-mix(in oklab, var(--d) 40%, black); --sx0: 0.8cqw; --sy0: 0.4cqw; --sw0: 10.4cqw; --sh0: 10.4cqw; --sr: 2.2cqw;
  --seat: linear-gradient(var(--sc), var(--sc)), linear-gradient(var(--sc), var(--sc)),
    radial-gradient(circle closest-side, var(--sc) calc(100% - 0.6px), transparent 100%), radial-gradient(circle closest-side, var(--sc) calc(100% - 0.6px), transparent 100%),
    radial-gradient(circle closest-side, var(--sc) calc(100% - 0.6px), transparent 100%), radial-gradient(circle closest-side, var(--sc) calc(100% - 0.6px), transparent 100%);
  --seat-size: var(--sw0) calc(var(--sh0) - 2 * var(--sr)), calc(var(--sw0) - 2 * var(--sr)) var(--sh0),
    calc(2 * var(--sr)) calc(2 * var(--sr)), calc(2 * var(--sr)) calc(2 * var(--sr)), calc(2 * var(--sr)) calc(2 * var(--sr)), calc(2 * var(--sr)) calc(2 * var(--sr));
  --seat-at: var(--sx0) calc(var(--sy0) + var(--sr)), calc(var(--sx0) + var(--sr)) var(--sy0),
    var(--sx0) var(--sy0), calc(var(--sx0) + var(--sw0) - 2 * var(--sr)) var(--sy0),
    var(--sx0) calc(var(--sy0) + var(--sh0) - 2 * var(--sr)), calc(var(--sx0) + var(--sw0) - 2 * var(--sr)) calc(var(--sy0) + var(--sh0) - 2 * var(--sr));
  background-color: var(--pc, var(--d)); background-blend-mode: normal;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, repeat;
  background-size: var(--seat-size), calc(100% - 2.6cqw) calc(100% - 1.7cqw), var(--tile, 12cqw) var(--tile, 12cqw);
  background-position: var(--seat-at), 1.3cqw 1.5cqw, 0 0;
  clip-path: polygon(1.8cqw 0, calc(100% - 1.8cqw) 0, 100% 1.8cqw, 100% calc(100% - 1.8cqw), calc(100% - 1.8cqw) 100%, 1.8cqw 100%, 0 calc(100% - 1.8cqw), 0 1.8cqw);
  box-shadow: inset 0 0.45cqw 0 rgb(255 255 255 / 0.38), inset 0 -0.55cqw 0 rgb(0 0 0 / 0.42), inset 0.4cqw 0 0 rgb(255 255 255 / 0.16), inset -0.4cqw 0 0 rgb(0 0 0 / 0.22);
}
/* the Poster family rings a mark on its own dark ground in the card's dark (families.css), so its seat is struck in the
   metal's light instead (Ariadne) */
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"]):not(#_)[data-fam="B"] .top:has(> .logo.on)::before { --sc: var(--mh); }
/* under 188 px the tile grows to 0.104W at the bar's corner (card.css), and its seat with it */
@container (width < 188px) { :is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"]):not(#_) .top::before { --sx0: 0cqw; --sy0: 0cqw; --sw0: 11.2cqw; --sh0: 11cqw; } }
/* the printing's mark: a chamfered stud struck into the plate, holding a crop of the card's own burst a quarter card
   below its core, where the streams run (tools/css.mjs), so it names this printing at every size, the mat's included,
   and is made of nothing but the card. It sits inside the plate, centred in the gap between the name's ink and the
   health block (--sx, from each card's measure), never on the frame's trim, whose strip carries marks of its own; a
   long name, which leaves no gap for a whole stud, seats it on the plate's top edge as on the mat (tools/css.mjs) */
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"]):not(#_) .top::after {
  --sw: max(5px, 4.6cqw);
  content: ''; position: absolute; z-index: 8; left: calc(var(--sx, 52cqw) - var(--sw) / 2); right: auto; top: calc(50% - var(--sw) / 2); bottom: auto;
  width: var(--sw); height: var(--sw); border-radius: 0; opacity: 1; pointer-events: none;
  background-color: var(--e); background-repeat: no-repeat; background-size: 150% auto; background-position: var(--sp, 50% 45%);
  clip-path: polygon(30% 0, 70% 0, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0 70%, 0 30%);
  box-shadow: inset 0 0 0 max(0.75px, 0.35cqw) color-mix(in oklab, var(--k) 70%, black), inset 0 max(1px, 0.5cqw) 0 max(0.75px, 0.35cqw) rgb(255 255 255 / 0.35);
}
/* under 240 px ex hides the what line, and under 200 px it widens the name to the health block (card.css), so there the
   stud is struck like a set symbol at the left end of the foot's empty enamel channel (section 5): one place and one size
   on every card, off the trim. The bar's top is 3.4cqw down the card and the channel's centre 131.7cqw */
@container (width < 240px) {
  :is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"]):not(#_) .top::after { --sw: max(6px, 5.4cqw); left: 2.8cqw; top: calc(128.3cqw - var(--sw) / 2); }
}
/* the Poster family's pills and the Rail's own bar dress go: the plate carries the name */
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"]):not(#_) :is(.nm, .hp)::before { content: none; }
/* the word art's drop stops at the plate's foot (the name's box is the plate's height): a descender's shadow never
   crosses onto the window, and the keyline keeps its room on the other three sides */
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"]):not(#_) .nm { clip-path: inset(-6cqw -6cqw 0 -6cqw); }

/* ---------- 3. the word art: the name and the health number in heavy white, keylined in the card's ink all round
   (diagonals too), extruded in a near-black of its deep and set on a hard drop, as Breakout's plates were. Each step has
   a 1 px floor, so the word art holds on the mat at 140 px; every cost alike, since the rarity is the border's ---------- */
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"]):not(#_) :is(.name, .hpn) {
  color: var(--white, #fff); text-shadow: none;
  background: linear-gradient(180deg, #fff 0%, #fff 48%, color-mix(in oklab, var(--g) 55%, var(--mh)) 58%, #fff 100%) 0 0 / 100% 0.9em repeat-y;
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
  padding-block: 0.06em 0.3em; margin-block: -0.06em -0.3em;
  --kl: max(1px, 0.42cqw); --kd: calc(var(--kl) * 0.7071); --kn: calc(-1 * var(--kl)); --kdn: calc(-1 * var(--kd));
  --ex: max(1px, 0.45cqw); --dr: max(1px, 0.5cqw); --kk: color-mix(in oklab, var(--k) 38%, black);
  filter: drop-shadow(var(--kl) 0 0 var(--kk)) drop-shadow(var(--kn) 0 0 var(--kk)) drop-shadow(0 var(--kl) 0 var(--kk)) drop-shadow(0 var(--kn) 0 var(--kk))
    drop-shadow(var(--kd) var(--kd) 0 var(--kk)) drop-shadow(var(--kdn) var(--kdn) 0 var(--kk)) drop-shadow(var(--kd) var(--kdn) 0 var(--kk)) drop-shadow(var(--kdn) var(--kd) 0 var(--kk))
    drop-shadow(0 var(--ex) 0 color-mix(in oklab, var(--d) 45%, black)) drop-shadow(calc(var(--dr) * 0.4) var(--dr) 0 rgb(0 0 0 / 0.55));
}
/* the type icons and the health icon keep their place on the plate, lit like the name */
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"]):not(#_) .hp :is(svg, .hpi) { filter: drop-shadow(0 0 max(0.5px, 0.18cqw) var(--k)); }

/* ---------- 4. the text: no slab under the rows. Each row (the trait and both moves) and the what line stands on its own
   scrim of the card's own panel tint at 68% (tune.json scrim may set a card's own), even to the row's right end, where line ends and powers sit: the type
   reads on the scrim alone, and the burst shows through it and runs in the gaps between the rows and round them (the
   text keeps ex's ink, sizes and tiers) */
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"]):not(#_) .band::before { content: none; }
/* a family's row ornaments (the Storyboard's tabs, the refracting rims from 300 px) stay where ex lays them, unpainted:
   under 300 px the Storyboard's tab is in the row's flow, so removing it would move the type */
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"]):not(#_) :is(.trait, .move, .what)::after { background: none; box-shadow: none; -webkit-mask: none; mask: none; opacity: 0; }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"]):not(#_) :is(.trait, .move, .what)::before {
  content: ''; position: absolute; inset: 0; top: 0; bottom: 0; left: 0; right: 0; height: auto; z-index: 4; pointer-events: none;
  border: 0; border-radius: 1cqw;
  /* the tint keeps the panel's lightness and takes a third more of its chroma (tune.json chroma sets a card's own), so a
     row reads in the card's colour over the burst's dark rather than as a pale wash */
  background: color-mix(in oklab, oklch(from color-mix(in oklab, var(--p), white 12%) l calc(c * var(--scc, 1.35)) h) var(--scrim, 68%), transparent);
  background-blend-mode: normal;
  box-shadow: inset 0 0.2cqw 0 rgb(255 255 255 / 0.5), 0.2cqw 0.45cqw 0.8cqw -0.3cqw rgb(0 0 0 / 0.45);
}
/* a thin light halo on the type, so the burst's darkest strokes never touch a letter */
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"]):not(#_) :is(.trait, .move, .what) :is(.tr, .mn, .mp, .md, p) { text-shadow: 0 0 0.3cqw color-mix(in oklab, var(--p), white 40%); }
/* the Poster family's per-line bands give way to the row scrims */
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"]):not(#_)[data-fam="B"] .ln { background: none; box-shadow: none; }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"]):not(#_)[data-fam="B"] :is(.mn, .mp) { background: none; box-shadow: none; }

/* ---------- 5. the set type: the collector chip and the footer's weak and resist strip are channels of dark enamel cut
   into the same matter (smoked, so the struck tile reads as a grain under the figures), their figures struck in the
   metal's light ---------- */
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"]):not(#_) :is(.no, .foot)::before, :is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"]):not(#_) .band::after {
  --enam: linear-gradient(color-mix(in oklab, color-mix(in oklab, var(--d) 60%, black) 86%, transparent), color-mix(in oklab, color-mix(in oklab, var(--d) 60%, black) 80%, transparent));
  background-color: var(--d); background-size: 100% 100%, var(--tile, 12cqw) var(--tile, 12cqw); background-repeat: no-repeat, repeat; background-blend-mode: normal;
  border-radius: 0.6cqw;
  box-shadow: inset 0 0.35cqw 0.6cqw rgb(0 0 0 / 0.65), inset 0 -0.2cqw 0 rgb(255 255 255 / 0.28), 0 0 0 0.3cqw color-mix(in oklab, var(--d) 70%, black);
}
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"]):not(#_) .foot::before { border-radius: 0.8cqw; }
/* under 240 px ex hides the what line, and under 200 px the footer strip and the collector chip too; the slot they leave
   would show the bare face, a light hole in the burst's dark, so the same enamel channel fills it: the what line's own
   box beside the chip, then the whole foot. The band carries it (its ::after, unused by ex), placed from the band's
   top, which each family sets (card.css): 0.658W, 0.646W for K, S and T, 0.590W for P */
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"]):not(#_) .band { --bt: 65.8cqw; }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"]):not(#_):is([data-fam="K"], [data-fam="S"], [data-fam="T"]) .band { --bt: 64.6cqw; }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"]):not(#_)[data-fam="P"] .band { --bt: 59cqw; }
@container (width < 240px) {
  :is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"]):not(#_) .band::after { content: ''; position: absolute; z-index: 4; pointer-events: none; left: 1.4cqw; width: 72.1cqw; top: calc(127.5cqw - var(--bt)); height: 8.4cqw; }
}
@container (width < 200px) { :is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"]):not(#_) .band::after { width: 90.4cqw; } }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"]):not(#_) .foot b { color: var(--mh); text-shadow: 0 0.15cqw 0 rgb(0 0 0 / 0.7); }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"]):not(#_) .no b { color: var(--mh); text-shadow: 0 0.15cqw 0 rgb(0 0 0 / 0.7), 0 -0.1cqw 0 rgb(255 255 255 / 0.18); }
/* the code takes the metal's light as it is: a mixed colour computes to oklab(), which tools/etest-browser.mjs reads as rgb */
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"]):not(#_) .no .rc { color: var(--mh); }

/* ---------- each baked card's burst, plate and set ---------- */
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="turboslide"]:not(#_) .en { background-image: image-set(url(bursts/turboslide@0.5x.webp?v=e84da813) 1x, url(bursts/turboslide.webp?v=38de1b6a) 2x); }
@container (width >= 253px) { :is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="turboslide"]:not(#_) .en { background-image: image-set(url(bursts/turboslide.webp?v=38de1b6a) 1x, url(bursts/turboslide@2x.webp?v=70cbf6e3) 2x); } }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="turboslide"]:not(#_) .en > :is(.poster, canvas.ground) { visibility: hidden; }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="turboslide"]:not(#_) { --tile: 12cqw; --pc: #095a89; --sp: 50.87% 36.21%; }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="turboslide"]:not(#_) .top::after { background-image: url(bursts/turboslide@0.5x.webp?v=e84da813); --sx: 54.09cqw; }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="turboslide"]:not(#_) .top::before { background-image: var(--seat), var(--chan), url(plates/turboslide.webp?v=2d3830ec); }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="turboslide"]:not(#_) :is(.no, .foot)::before, :is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="turboslide"]:not(#_) .band::after { background-image: var(--enam), url(plates/turboslide.webp?v=2d3830ec); }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="glyphfield"]:not(#_) .en { background-image: image-set(url(bursts/glyphfield@0.5x.webp?v=76468a3e) 1x, url(bursts/glyphfield.webp?v=86c6a0b2) 2x); }
@container (width >= 253px) { :is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="glyphfield"]:not(#_) .en { background-image: image-set(url(bursts/glyphfield.webp?v=86c6a0b2) 1x, url(bursts/glyphfield@2x.webp?v=ab07d304) 2x); } }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="glyphfield"]:not(#_) .en > :is(.poster, canvas.ground) { visibility: hidden; }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="glyphfield"]:not(#_) { --tile: 12cqw; --pc: #2ca072; --sp: 55.49% 43.73%; }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="glyphfield"]:not(#_) .top::after { background-image: url(bursts/glyphfield@0.5x.webp?v=76468a3e); --sx: 53.64cqw; }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="glyphfield"]:not(#_) .top::before { background-image: var(--seat), var(--chan), url(plates/glyphfield.webp?v=7a39fbfb); }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="glyphfield"]:not(#_) :is(.no, .foot)::before, :is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="glyphfield"]:not(#_) .band::after { background-image: var(--enam), url(plates/glyphfield.webp?v=7a39fbfb); }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="glyphfield"]:not(#_) .en > .set { -webkit-mask: linear-gradient(#000 0 60.8cqw, transparent 63.8cqw); mask: linear-gradient(#000 0 60.8cqw, transparent 63.8cqw); }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="jarhead"]:not(#_) .en { background-image: image-set(url(bursts/jarhead@0.5x.webp?v=219eea5b) 1x, url(bursts/jarhead.webp?v=3970245b) 2x); }
@container (width >= 253px) { :is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="jarhead"]:not(#_) .en { background-image: image-set(url(bursts/jarhead.webp?v=3970245b) 1x, url(bursts/jarhead@2x.webp?v=46e04b11) 2x); } }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="jarhead"]:not(#_) .en > :is(.poster, canvas.ground) { visibility: hidden; }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="jarhead"]:not(#_) { --tile: 24cqw; --pc: #3999b5; --sp: 44.75% 41.32%; }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="jarhead"]:not(#_) .top::after { background-image: url(bursts/jarhead@0.5x.webp?v=219eea5b); --sx: 49.8cqw; }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="jarhead"]:not(#_) .top::before { background-image: var(--seat), var(--chan), url(plates/jarhead.webp?v=416e1fc9); }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="jarhead"]:not(#_) :is(.no, .foot)::before, :is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="jarhead"]:not(#_) .band::after { background-image: var(--enam), url(plates/jarhead.webp?v=416e1fc9); }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="katagami"]:not(#_) .en { background-image: image-set(url(bursts/katagami@0.5x.webp?v=6c93cda7) 1x, url(bursts/katagami.webp?v=bb628e6a) 2x); }
@container (width >= 253px) { :is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="katagami"]:not(#_) .en { background-image: image-set(url(bursts/katagami.webp?v=bb628e6a) 1x, url(bursts/katagami@2x.webp?v=01151fa2) 2x); } }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="katagami"]:not(#_) .en > :is(.poster, canvas.ground) { visibility: hidden; }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="katagami"]:not(#_) { --tile: 12cqw; --pc: #972e55; --sp: 50.03% 44.69%; }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="katagami"]:not(#_) .top::after { background-image: url(bursts/katagami@0.5x.webp?v=6c93cda7); --sx: 52.2cqw; }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="katagami"]:not(#_) .top::before { background-image: var(--seat), var(--chan), url(plates/katagami.webp?v=16766342); }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="katagami"]:not(#_) :is(.no, .foot)::before, :is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="katagami"]:not(#_) .band::after { background-image: var(--enam), url(plates/katagami.webp?v=16766342); }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="claude-of-tanks"]:not(#_) .en { background-image: image-set(url(bursts/claude-of-tanks@0.5x.webp?v=0460d7d1) 1x, url(bursts/claude-of-tanks.webp?v=806b6516) 2x); }
@container (width >= 253px) { :is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="claude-of-tanks"]:not(#_) .en { background-image: image-set(url(bursts/claude-of-tanks.webp?v=806b6516) 1x, url(bursts/claude-of-tanks@2x.webp?v=05584fca) 2x); } }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="claude-of-tanks"]:not(#_) .en > :is(.poster, canvas.ground) { visibility: hidden; }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="claude-of-tanks"]:not(#_) { --tile: 12cqw; --pc: #b0732c; --sp: 47.63% 42.44%; --scrim: 60%; }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="claude-of-tanks"]:not(#_) .top::after { background-image: url(bursts/claude-of-tanks@0.5x.webp?v=0460d7d1); --sx: 55.79cqw; }
@container (width >= 240px) { :is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="claude-of-tanks"]:not(#_) .top::after { --sw: 4.2cqw; left: calc(50% - 2.1cqw); top: -3.3cqw; } }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="claude-of-tanks"]:not(#_) .top::before { background-image: var(--seat), var(--chan), url(plates/claude-of-tanks.webp?v=233f4818); }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="claude-of-tanks"]:not(#_) :is(.no, .foot)::before, :is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="claude-of-tanks"]:not(#_) .band::after { background-image: var(--enam), url(plates/claude-of-tanks.webp?v=233f4818); }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="mailroom"]:not(#_) .en { background-image: image-set(url(bursts/mailroom@0.5x.webp?v=dac116c8) 1x, url(bursts/mailroom.webp?v=fd4c3265) 2x); }
@container (width >= 253px) { :is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="mailroom"]:not(#_) .en { background-image: image-set(url(bursts/mailroom.webp?v=fd4c3265) 1x, url(bursts/mailroom@2x.webp?v=aee77cfc) 2x); } }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="mailroom"]:not(#_) .en > :is(.poster, canvas.ground) { visibility: hidden; }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="mailroom"]:not(#_) { --tile: 12cqw; --pc: #8a3780; --sp: 52.43% 35.01%; --scrim: 60%; }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="mailroom"]:not(#_) .top::after { background-image: url(bursts/mailroom@0.5x.webp?v=dac116c8); --sx: 51.74cqw; }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="mailroom"]:not(#_) .top::before { background-image: var(--seat), var(--chan), url(plates/mailroom.webp?v=e5890b9f); }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="mailroom"]:not(#_) :is(.no, .foot)::before, :is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="mailroom"]:not(#_) .band::after { background-image: var(--enam), url(plates/mailroom.webp?v=e5890b9f); }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="local-search"]:not(#_) .en { background-image: image-set(url(bursts/local-search@0.5x.webp?v=9bc7ead6) 1x, url(bursts/local-search.webp?v=cba55430) 2x); }
@container (width >= 253px) { :is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="local-search"]:not(#_) .en { background-image: image-set(url(bursts/local-search.webp?v=cba55430) 1x, url(bursts/local-search@2x.webp?v=7663cfff) 2x); } }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="local-search"]:not(#_) .en > :is(.poster, canvas.ground) { visibility: hidden; }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="local-search"]:not(#_) { --tile: 15cqw; --pc: #1d7b7f; --sp: 58.61% 46.26%; }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="local-search"]:not(#_) .top::after { background-image: url(bursts/local-search@0.5x.webp?v=9bc7ead6); --sx: 55.98cqw; }
@container (width >= 240px) { :is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="local-search"]:not(#_) .top::after { --sw: 4.2cqw; left: calc(50% - 2.1cqw); top: -3.3cqw; } }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="local-search"]:not(#_) .top::before { background-image: var(--seat), var(--chan), url(plates/local-search.webp?v=7c3c0bee); }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="local-search"]:not(#_) :is(.no, .foot)::before, :is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="local-search"]:not(#_) .band::after { background-image: var(--enam), url(plates/local-search.webp?v=7c3c0bee); }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="agent-pets"]:not(#_) .en { background-image: image-set(url(bursts/agent-pets@0.5x.webp?v=8c2f4938) 1x, url(bursts/agent-pets.webp?v=60bba715) 2x); }
@container (width >= 253px) { :is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="agent-pets"]:not(#_) .en { background-image: image-set(url(bursts/agent-pets.webp?v=60bba715) 1x, url(bursts/agent-pets@2x.webp?v=29c31b47) 2x); } }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="agent-pets"]:not(#_) .en > :is(.poster, canvas.ground) { visibility: hidden; }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="agent-pets"]:not(#_) { --tile: 10.5cqw; --pc: #79982a; --sp: 50.51% 42.46%; }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="agent-pets"]:not(#_) .top::after { background-image: url(bursts/agent-pets@0.5x.webp?v=8c2f4938); --sx: 54.42cqw; }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="agent-pets"]:not(#_) .top::before { background-image: var(--seat), var(--chan), url(plates/agent-pets.webp?v=7f5a29d2); }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="agent-pets"]:not(#_) :is(.no, .foot)::before, :is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="agent-pets"]:not(#_) .band::after { background-image: var(--enam), url(plates/agent-pets.webp?v=7f5a29d2); }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="loop"]:not(#_) .en { background-image: image-set(url(bursts/loop@0.5x.webp?v=64a9e6f1) 1x, url(bursts/loop.webp?v=4de075fd) 2x); }
@container (width >= 253px) { :is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="loop"]:not(#_) .en { background-image: image-set(url(bursts/loop.webp?v=4de075fd) 1x, url(bursts/loop@2x.webp?v=2d1ac9b9) 2x); } }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="loop"]:not(#_) .en > :is(.poster, canvas.ground) { visibility: hidden; }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="loop"]:not(#_) { --tile: 24cqw; --pc: #96430e; --sp: 53.6% 37.2%; }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="loop"]:not(#_) .top::after { background-image: url(bursts/loop@0.5x.webp?v=64a9e6f1); --sx: 43.68cqw; }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="loop"]:not(#_) .top::before { background-image: var(--seat), var(--chan), url(plates/loop.webp?v=752329c3); }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="loop"]:not(#_) :is(.no, .foot)::before, :is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="loop"]:not(#_) .band::after { background-image: var(--enam), url(plates/loop.webp?v=752329c3); }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="agent-machines"]:not(#_) .en { background-image: image-set(url(bursts/agent-machines@0.5x.webp?v=d2bbb1d0) 1x, url(bursts/agent-machines.webp?v=52fa9527) 2x); }
@container (width >= 253px) { :is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="agent-machines"]:not(#_) .en { background-image: image-set(url(bursts/agent-machines.webp?v=52fa9527) 1x, url(bursts/agent-machines@2x.webp?v=0e252622) 2x); } }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="agent-machines"]:not(#_) .en > :is(.poster, canvas.ground) { visibility: hidden; }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="agent-machines"]:not(#_) { --tile: 12cqw; --pc: #2ea246; --sp: 50.06% 36.02%; --scc: 1.7; }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="agent-machines"]:not(#_) .top::after { background-image: url(bursts/agent-machines@0.5x.webp?v=d2bbb1d0); --sx: 55.9cqw; }
@container (width >= 240px) { :is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="agent-machines"]:not(#_) .top::after { --sw: 4.2cqw; left: calc(50% - 2.1cqw); top: -3.3cqw; } }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="agent-machines"]:not(#_) .top::before { background-image: var(--seat), var(--chan), url(plates/agent-machines.webp?v=26a6415b); }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="agent-machines"]:not(#_) :is(.no, .foot)::before, :is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="agent-machines"]:not(#_) .band::after { background-image: var(--enam), url(plates/agent-machines.webp?v=26a6415b); }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="prototemplate"]:not(#_) .en { background-image: image-set(url(bursts/prototemplate@0.5x.webp?v=e7ac8e0f) 1x, url(bursts/prototemplate.webp?v=358962ac) 2x); }
@container (width >= 253px) { :is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="prototemplate"]:not(#_) .en { background-image: image-set(url(bursts/prototemplate.webp?v=358962ac) 1x, url(bursts/prototemplate@2x.webp?v=7e3066b6) 2x); } }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="prototemplate"]:not(#_) .en > :is(.poster, canvas.ground) { visibility: hidden; }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="prototemplate"]:not(#_) { --tile: 12cqw; --pc: #42459b; --sp: 51.5% 35.41%; }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="prototemplate"]:not(#_) .top::after { background-image: url(bursts/prototemplate@0.5x.webp?v=e7ac8e0f); --sx: 55.78cqw; }
@container (width >= 240px) { :is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="prototemplate"]:not(#_) .top::after { --sw: 4.2cqw; left: calc(50% - 2.1cqw); top: -3.3cqw; } }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="prototemplate"]:not(#_) .top::before { background-image: var(--seat), var(--chan), url(plates/prototemplate.webp?v=998ff35c); }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="prototemplate"]:not(#_) :is(.no, .foot)::before, :is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="prototemplate"]:not(#_) .band::after { background-image: var(--enam), url(plates/prototemplate.webp?v=998ff35c); }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="prototemplate"]:not(#_) .en > .set { -webkit-mask: linear-gradient(#000 0 60.8cqw, transparent 63.8cqw); mask: linear-gradient(#000 0 60.8cqw, transparent 63.8cqw); }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="bday-land"]:not(#_) .en { background-image: image-set(url(bursts/bday-land@0.5x.webp?v=2caccf3e) 1x, url(bursts/bday-land.webp?v=5fe573f7) 2x); }
@container (width >= 253px) { :is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="bday-land"]:not(#_) .en { background-image: image-set(url(bursts/bday-land.webp?v=5fe573f7) 1x, url(bursts/bday-land@2x.webp?v=3d84018d) 2x); } }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="bday-land"]:not(#_) .en > :is(.poster, canvas.ground) { visibility: hidden; }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="bday-land"]:not(#_) { --tile: 9cqw; --pc: #983166; --sp: 52.49% 44.59%; }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="bday-land"]:not(#_) .top::after { background-image: url(bursts/bday-land@0.5x.webp?v=2caccf3e); --sx: 52.9cqw; }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="bday-land"]:not(#_) .top::before { background-image: var(--seat), var(--chan), url(plates/bday-land.webp?v=fe0d45fd); }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="bday-land"]:not(#_) :is(.no, .foot)::before, :is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="bday-land"]:not(#_) .band::after { background-image: var(--enam), url(plates/bday-land.webp?v=fe0d45fd); }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="powerlifting"]:not(#_) .en { background-image: image-set(url(bursts/powerlifting@0.5x.webp?v=a54a75c2) 1x, url(bursts/powerlifting.webp?v=af2ba85d) 2x); }
@container (width >= 253px) { :is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="powerlifting"]:not(#_) .en { background-image: image-set(url(bursts/powerlifting.webp?v=af2ba85d) 1x, url(bursts/powerlifting@2x.webp?v=45c1311b) 2x); } }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="powerlifting"]:not(#_) .en > :is(.poster, canvas.ground) { visibility: hidden; }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="powerlifting"]:not(#_) { --tile: 9cqw; --pc: #9e5717; --sp: 54.44% 35.01%; }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="powerlifting"]:not(#_) .top::after { background-image: url(bursts/powerlifting@0.5x.webp?v=a54a75c2); --sx: 55.81cqw; }
@container (width >= 240px) { :is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="powerlifting"]:not(#_) .top::after { --sw: 4.2cqw; left: calc(50% - 2.1cqw); top: -3.3cqw; } }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="powerlifting"]:not(#_) .top::before { background-image: var(--seat), var(--chan), url(plates/powerlifting.webp?v=32c0a3fa); }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="powerlifting"]:not(#_) :is(.no, .foot)::before, :is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="powerlifting"]:not(#_) .band::after { background-image: var(--enam), url(plates/powerlifting.webp?v=32c0a3fa); }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="elo"]:not(#_) .en { background-image: image-set(url(bursts/elo@0.5x.webp?v=f80dfae9) 1x, url(bursts/elo.webp?v=ef0b4545) 2x); }
@container (width >= 253px) { :is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="elo"]:not(#_) .en { background-image: image-set(url(bursts/elo.webp?v=ef0b4545) 1x, url(bursts/elo@2x.webp?v=eca23f16) 2x); } }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="elo"]:not(#_) .en > :is(.poster, canvas.ground) { visibility: hidden; }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="elo"]:not(#_) { --tile: 12cqw; --pc: #5649a0; --sp: 57.05% 41.9%; }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="elo"]:not(#_) .top::after { background-image: url(bursts/elo@0.5x.webp?v=f80dfae9); --sx: 40.54cqw; }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="elo"]:not(#_) .top::before { background-image: var(--seat), var(--chan), url(plates/elo.webp?v=f4291a89); }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="elo"]:not(#_) :is(.no, .foot)::before, :is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="elo"]:not(#_) .band::after { background-image: var(--enam), url(plates/elo.webp?v=f4291a89); }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="elo"]:not(#_) .en > .set { -webkit-mask: linear-gradient(#000 0 59.6cqw, transparent 62.6cqw); mask: linear-gradient(#000 0 59.6cqw, transparent 62.6cqw); }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="cotfly"]:not(#_) .en { background-image: image-set(url(bursts/cotfly@0.5x.webp?v=c30d961b) 1x, url(bursts/cotfly.webp?v=a62e86cc) 2x); }
@container (width >= 253px) { :is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="cotfly"]:not(#_) .en { background-image: image-set(url(bursts/cotfly.webp?v=a62e86cc) 1x, url(bursts/cotfly@2x.webp?v=f1a9ecbe) 2x); } }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="cotfly"]:not(#_) .en > :is(.poster, canvas.ground) { visibility: hidden; }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="cotfly"]:not(#_) { --tile: 12cqw; --pc: #8e2841; --sp: 32.33% 41.17%; }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="cotfly"]:not(#_) .top::after { background-image: url(bursts/cotfly@0.5x.webp?v=c30d961b); --sx: 47.42cqw; }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="cotfly"]:not(#_) .top::before { background-image: var(--seat), var(--chan), url(plates/cotfly.webp?v=2d10ffce); }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="cotfly"]:not(#_) :is(.no, .foot)::before, :is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="cotfly"]:not(#_) .band::after { background-image: var(--enam), url(plates/cotfly.webp?v=2d10ffce); }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="relay"]:not(#_) .en { background-image: image-set(url(bursts/relay@0.5x.webp?v=8671a1e0) 1x, url(bursts/relay.webp?v=02a8b87b) 2x); }
@container (width >= 253px) { :is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="relay"]:not(#_) .en { background-image: image-set(url(bursts/relay.webp?v=02a8b87b) 1x, url(bursts/relay@2x.webp?v=2b1ae8b1) 2x); } }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="relay"]:not(#_) .en > :is(.poster, canvas.ground) { visibility: hidden; }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="relay"]:not(#_) { --tile: 12cqw; --pc: #7752a7; --sp: 56.15% 46.13%; }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="relay"]:not(#_) .top::after { background-image: url(bursts/relay@0.5x.webp?v=8671a1e0); --sx: 44.9cqw; }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="relay"]:not(#_) .top::before { background-image: var(--seat), var(--chan), url(plates/relay.webp?v=f5e865c4); }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="relay"]:not(#_) :is(.no, .foot)::before, :is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="relay"]:not(#_) .band::after { background-image: var(--enam), url(plates/relay.webp?v=f5e865c4); }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="princeton-td"]:not(#_) .en { background-image: image-set(url(bursts/princeton-td@0.5x.webp?v=f704cbb2) 1x, url(bursts/princeton-td.webp?v=83601f20) 2x); }
@container (width >= 253px) { :is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="princeton-td"]:not(#_) .en { background-image: image-set(url(bursts/princeton-td.webp?v=83601f20) 1x, url(bursts/princeton-td@2x.webp?v=5f79b9d0) 2x); } }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="princeton-td"]:not(#_) .en > :is(.poster, canvas.ground) { visibility: hidden; }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="princeton-td"]:not(#_) { --tile: 12cqw; --pc: #af7e28; --sp: 63.5% 46.73%; }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="princeton-td"]:not(#_) .top::after { background-image: url(bursts/princeton-td@0.5x.webp?v=f704cbb2); --sx: 55.98cqw; }
@container (width >= 240px) { :is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="princeton-td"]:not(#_) .top::after { --sw: 4.2cqw; left: calc(50% - 2.1cqw); top: -3.3cqw; } }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="princeton-td"]:not(#_) .top::before { background-image: var(--seat), var(--chan), url(plates/princeton-td.webp?v=9b7e5978); }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="princeton-td"]:not(#_) :is(.no, .foot)::before, :is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="princeton-td"]:not(#_) .band::after { background-image: var(--enam), url(plates/princeton-td.webp?v=9b7e5978); }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="princeton-td"]:not(#_) .en > .set { -webkit-mask: linear-gradient(#000 0 60.8cqw, transparent 63.8cqw); mask: linear-gradient(#000 0 60.8cqw, transparent 63.8cqw); }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="kevin-wiki"]:not(#_) .en { background-image: image-set(url(bursts/kevin-wiki@0.5x.webp?v=7751dce6) 1x, url(bursts/kevin-wiki.webp?v=63b3ae05) 2x); }
@container (width >= 253px) { :is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="kevin-wiki"]:not(#_) .en { background-image: image-set(url(bursts/kevin-wiki.webp?v=63b3ae05) 1x, url(bursts/kevin-wiki@2x.webp?v=68991ec8) 2x); } }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="kevin-wiki"]:not(#_) .en > :is(.poster, canvas.ground) { visibility: hidden; }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="kevin-wiki"]:not(#_) { --tile: 12cqw; --pc: #2d9783; --sp: 49.13% 44.03%; --scrim: 60%; }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="kevin-wiki"]:not(#_) .top::after { background-image: url(bursts/kevin-wiki@0.5x.webp?v=7751dce6); --sx: 54.06cqw; }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="kevin-wiki"]:not(#_) .top::before { background-image: var(--seat), var(--chan), url(plates/kevin-wiki.webp?v=887c024f); }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="kevin-wiki"]:not(#_) :is(.no, .foot)::before, :is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="kevin-wiki"]:not(#_) .band::after { background-image: var(--enam), url(plates/kevin-wiki.webp?v=887c024f); }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="sandbox-arena"]:not(#_) .en { background-image: image-set(url(bursts/sandbox-arena@0.5x.webp?v=615b8051) 1x, url(bursts/sandbox-arena.webp?v=99dac207) 2x); }
@container (width >= 253px) { :is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="sandbox-arena"]:not(#_) .en { background-image: image-set(url(bursts/sandbox-arena.webp?v=99dac207) 1x, url(bursts/sandbox-arena@2x.webp?v=87c1a855) 2x); } }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="sandbox-arena"]:not(#_) .en > :is(.poster, canvas.ground) { visibility: hidden; }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="sandbox-arena"]:not(#_) { --tile: 12cqw; --pc: #902b22; --sp: 43.28% 42.18%; }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="sandbox-arena"]:not(#_) .top::after { background-image: url(bursts/sandbox-arena@0.5x.webp?v=615b8051); --sx: 55.86cqw; }
@container (width >= 240px) { :is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="sandbox-arena"]:not(#_) .top::after { --sw: 4.2cqw; left: calc(50% - 2.1cqw); top: -3.3cqw; } }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="sandbox-arena"]:not(#_) .top::before { background-image: var(--seat), var(--chan), url(plates/sandbox-arena.webp?v=6e36c2c5); }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="sandbox-arena"]:not(#_) :is(.no, .foot)::before, :is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="sandbox-arena"]:not(#_) .band::after { background-image: var(--enam), url(plates/sandbox-arena.webp?v=6e36c2c5); }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="ariadne"]:not(#_) .en { background-image: image-set(url(bursts/ariadne@0.5x.webp?v=a7cf9b05) 1x, url(bursts/ariadne.webp?v=5619cb81) 2x); }
@container (width >= 253px) { :is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="ariadne"]:not(#_) .en { background-image: image-set(url(bursts/ariadne.webp?v=5619cb81) 1x, url(bursts/ariadne@2x.webp?v=72ed8306) 2x); } }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="ariadne"]:not(#_) .en > :is(.poster, canvas.ground) { visibility: hidden; }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="ariadne"]:not(#_) { --tile: 6cqw; --pc: #8b57aa; --sp: 83.12% 44.24%; }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="ariadne"]:not(#_) .top::after { background-image: url(bursts/ariadne@0.5x.webp?v=a7cf9b05); --sx: 49.31cqw; }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="ariadne"]:not(#_) .top::before { background-image: var(--seat), var(--chan), url(plates/ariadne.webp?v=d68a48de); }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="ariadne"]:not(#_) :is(.no, .foot)::before, :is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="ariadne"]:not(#_) .band::after { background-image: var(--enam), url(plates/ariadne.webp?v=d68a48de); }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="ariadne"]:not(#_) .en > .set { -webkit-mask: linear-gradient(#000 0 60.8cqw, transparent 63.8cqw); mask: linear-gradient(#000 0 60.8cqw, transparent 63.8cqw); }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="sigil-ui"]:not(#_) .en { background-image: image-set(url(bursts/sigil-ui@0.5x.webp?v=e9bdec1b) 1x, url(bursts/sigil-ui.webp?v=9562a332) 2x); }
@container (width >= 253px) { :is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="sigil-ui"]:not(#_) .en { background-image: image-set(url(bursts/sigil-ui.webp?v=9562a332) 1x, url(bursts/sigil-ui@2x.webp?v=64c227a6) 2x); } }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="sigil-ui"]:not(#_) .en > :is(.poster, canvas.ground) { visibility: hidden; }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="sigil-ui"]:not(#_) { --tile: 12cqw; --pc: #0a5899; --sp: 54.59% 42.31%; --scrim: 60%; }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="sigil-ui"]:not(#_) .top::after { background-image: url(bursts/sigil-ui@0.5x.webp?v=e9bdec1b); --sx: 47.28cqw; }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="sigil-ui"]:not(#_) .top::before { background-image: var(--seat), var(--chan), url(plates/sigil-ui.webp?v=571f0c08); }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="sigil-ui"]:not(#_) :is(.no, .foot)::before, :is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="sigil-ui"]:not(#_) .band::after { background-image: var(--enam), url(plates/sigil-ui.webp?v=571f0c08); }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="dedalus-terminal"]:not(#_) .en { background-image: image-set(url(bursts/dedalus-terminal@0.5x.webp?v=422f2102) 1x, url(bursts/dedalus-terminal.webp?v=5246201f) 2x); }
@container (width >= 253px) { :is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="dedalus-terminal"]:not(#_) .en { background-image: image-set(url(bursts/dedalus-terminal.webp?v=5246201f) 1x, url(bursts/dedalus-terminal@2x.webp?v=e97327fc) 2x); } }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="dedalus-terminal"]:not(#_) .en > :is(.poster, canvas.ground) { visibility: hidden; }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="dedalus-terminal"]:not(#_) { --tile: 12cqw; --pc: #a08d2a; --sp: 77.24% 44.82%; }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="dedalus-terminal"]:not(#_) .top::after { background-image: url(bursts/dedalus-terminal@0.5x.webp?v=422f2102); --sx: 49.34cqw; }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="dedalus-terminal"]:not(#_) .top::before { background-image: var(--seat), var(--chan), url(plates/dedalus-terminal.webp?v=fd5aeddf); }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="dedalus-terminal"]:not(#_) :is(.no, .foot)::before, :is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="dedalus-terminal"]:not(#_) .band::after { background-image: var(--enam), url(plates/dedalus-terminal.webp?v=fd5aeddf); }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="dedalus-terminal"]:not(#_) .en > .set { -webkit-mask: linear-gradient(#000 0 56.2cqw, transparent 59.2cqw); mask: linear-gradient(#000 0 56.2cqw, transparent 59.2cqw); }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="sevenfold"]:not(#_) .en { background-image: image-set(url(bursts/sevenfold@0.5x.webp?v=2c0d1584) 1x, url(bursts/sevenfold.webp?v=87466a79) 2x); }
@container (width >= 253px) { :is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="sevenfold"]:not(#_) .en { background-image: image-set(url(bursts/sevenfold.webp?v=87466a79) 1x, url(bursts/sevenfold@2x.webp?v=28a760e5) 2x); } }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="sevenfold"]:not(#_) .en > :is(.poster, canvas.ground) { visibility: hidden; }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="sevenfold"]:not(#_) { --tile: 9cqw; --pc: #9e3a18; --sp: 140% 66.23%; }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="sevenfold"]:not(#_) .top::after { background-image: url(bursts/sevenfold@0.5x.webp?v=2c0d1584); --sx: 53.09cqw; }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="sevenfold"]:not(#_) .top::before { background-image: var(--seat), var(--chan), url(plates/sevenfold.webp?v=0d9436db); }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="sevenfold"]:not(#_) :is(.no, .foot)::before, :is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="sevenfold"]:not(#_) .band::after { background-image: var(--enam), url(plates/sevenfold.webp?v=0d9436db); }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="sevenfold"]:not(#_) .en > .set { -webkit-mask: linear-gradient(#000 0 59.6cqw, transparent 62.6cqw); mask: linear-gradient(#000 0 59.6cqw, transparent 62.6cqw); }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="podium"]:not(#_) .en { background-image: image-set(url(bursts/podium@0.5x.webp?v=1150e2a8) 1x, url(bursts/podium.webp?v=3c6214ed) 2x); }
@container (width >= 253px) { :is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="podium"]:not(#_) .en { background-image: image-set(url(bursts/podium.webp?v=3c6214ed) 1x, url(bursts/podium@2x.webp?v=65832588) 2x); } }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="podium"]:not(#_) .en > :is(.poster, canvas.ground) { visibility: hidden; }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="podium"]:not(#_) { --tile: 9cqw; --pc: #8f9329; --sp: 54.98% 38.68%; --scc: 1.7; }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="podium"]:not(#_) .top::after { background-image: url(bursts/podium@0.5x.webp?v=1150e2a8); --sx: 48.55cqw; }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="podium"]:not(#_) .top::before { background-image: var(--seat), var(--chan), url(plates/podium.webp?v=8f80fdc7); }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="podium"]:not(#_) :is(.no, .foot)::before, :is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="podium"]:not(#_) .band::after { background-image: var(--enam), url(plates/podium.webp?v=8f80fdc7); }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="ommc"]:not(#_) .en { background-image: image-set(url(bursts/ommc@0.5x.webp?v=f736bae8) 1x, url(bursts/ommc.webp?v=f4fc216a) 2x); }
@container (width >= 253px) { :is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="ommc"]:not(#_) .en { background-image: image-set(url(bursts/ommc.webp?v=f4fc216a) 1x, url(bursts/ommc@2x.webp?v=446924aa) 2x); } }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="ommc"]:not(#_) .en > :is(.poster, canvas.ground) { visibility: hidden; }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="ommc"]:not(#_) { --tile: 9cqw; --pc: #8e2831; --sp: 52.85% 40.76%; }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="ommc"]:not(#_) .top::after { background-image: url(bursts/ommc@0.5x.webp?v=f736bae8); --sx: 47.06cqw; }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="ommc"]:not(#_) .top::before { background-image: var(--seat), var(--chan), url(plates/ommc.webp?v=d9d78c12); }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="ommc"]:not(#_) :is(.no, .foot)::before, :is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="ommc"]:not(#_) .band::after { background-image: var(--enam), url(plates/ommc.webp?v=d9d78c12); }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="atlas"]:not(#_) .en { background-image: image-set(url(bursts/atlas@0.5x.webp?v=7510a0b2) 1x, url(bursts/atlas.webp?v=7ad729a2) 2x); }
@container (width >= 253px) { :is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="atlas"]:not(#_) .en { background-image: image-set(url(bursts/atlas.webp?v=7ad729a2) 1x, url(bursts/atlas@2x.webp?v=fdc01f22) 2x); } }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="atlas"]:not(#_) .en > :is(.poster, canvas.ground) { visibility: hidden; }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="atlas"]:not(#_) { --tile: 6cqw; --pc: #3c57a7; --sp: 92.15% 40.78%; }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="atlas"]:not(#_) .top::after { background-image: url(bursts/atlas@0.5x.webp?v=7510a0b2); --sx: 44.48cqw; }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="atlas"]:not(#_) .top::before { background-image: var(--seat), var(--chan), url(plates/atlas.webp?v=b5b4239d); }
:is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="atlas"]:not(#_) :is(.no, .foot)::before, :is([data-card-style="breakout"] .card:not([data-card-style="ex"]), .card[data-card-style="breakout"])[data-id="atlas"]:not(#_) .band::after { background-image: var(--enam), url(plates/atlas.webp?v=b5b4239d); }