/* /Components/CompatibilityTab.razor.rz.scp.css */
.compatibility-card[b-ncutdotp24] { display:grid; gap:.75rem; padding:.72rem; overflow:visible; }

.compat-intro[b-ncutdotp24] { display:flex; align-items:baseline; gap:.65rem; min-width:0; }
.compat-intro strong[b-ncutdotp24] { color:var(--bronze); font:.62rem ui-monospace,monospace; letter-spacing:.11em;
  text-transform:uppercase; white-space:nowrap; }
.compat-intro span[b-ncutdotp24] { color:var(--soft); font-size:.68rem; }

.compat-section[b-ncutdotp24] { display:grid; gap:.45rem; padding:.65rem; border:1px solid var(--line);
  border-radius:9px; background:rgba(0,0,0,.12); }
.compat-heading[b-ncutdotp24] { display:flex; align-items:baseline; justify-content:space-between; gap:.75rem; min-width:0; }
.compat-heading > span[b-ncutdotp24] { display:flex; align-items:baseline; gap:.55rem; min-width:0; }
.compat-heading strong[b-ncutdotp24] { color:var(--gold); font:600 .72rem ui-sans-serif,system-ui,sans-serif; }
.compat-heading small[b-ncutdotp24] { color:var(--soft); font:.56rem ui-monospace,monospace; }
.compat-heading output[b-ncutdotp24] { max-width:50%; color:var(--bronze); font:.58rem ui-monospace,monospace;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

.compat-options[b-ncutdotp24] { display:flex; flex-wrap:wrap; gap:.28rem; }
.compat-option[b-ncutdotp24] { min-height:1.8rem; max-width:16rem; padding:.25rem .52rem; border:1px solid var(--line);
  border-radius:6px; background:var(--panel-2); color:var(--soft); font-size:.68rem; line-height:1.15;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.compat-option:hover[b-ncutdotp24] { border-color:var(--bronze); color:var(--ink); }
.compat-option.on[b-ncutdotp24] { border-color:var(--gold); background:var(--bronze); color:var(--ground); font-weight:700;
  box-shadow:0 0 0 1px rgba(216,173,99,.22); }
.compat-option.none[b-ncutdotp24] { font-style:italic; }
.compat-option.preserve:not(.on)[b-ncutdotp24] { border-color:#59613a; }
.compat-option.front-mask:not(.on)[b-ncutdotp24], .compat-option.rear-hair-only:not(.on)[b-ncutdotp24] { border-color:#85612f; }
.compat-option.full-mask:not(.on)[b-ncutdotp24] { border-color:#4e6170; }

.beard-neck-section[b-ncutdotp24] { gap:.55rem; }
.compat-subsection[b-ncutdotp24] { display:grid; grid-template-columns:5.6rem minmax(0,1fr); align-items:start; gap:.5rem;
  padding-top:.5rem; border-top:1px solid var(--line); }
.compat-subtitle[b-ncutdotp24] { padding-top:.32rem; color:var(--soft); font:.57rem ui-monospace,monospace;
  letter-spacing:.07em; text-transform:uppercase; }

@media (max-width:700px) {
  .compatibility-card[b-ncutdotp24] { padding:.5rem; }
  .compat-intro span[b-ncutdotp24], .compat-heading small[b-ncutdotp24] { display:none; }
  .compat-heading output[b-ncutdotp24] { max-width:58%; }
  .compat-subsection[b-ncutdotp24] { grid-template-columns:1fr; gap:.25rem; }
  .compat-subtitle[b-ncutdotp24] { padding-top:0; }
  .compat-option[b-ncutdotp24] { max-width:100%; font-size:.64rem; }
}

.body-tone-controls[b-ncutdotp24] { display:flex; align-items:center; flex-wrap:wrap; gap:.7rem; }
.body-tone-controls > input[type="color"][b-ncutdotp24], .orbit-controls input[type="color"][b-ncutdotp24] { width:2.35rem; height:2rem; padding:.15rem; border:1px solid var(--line); border-radius:6px; background:var(--panel-2); }
.tone-swatch[b-ncutdotp24] { width:1.8rem; height:1.8rem; padding:0; border:1px solid color-mix(in srgb,var(--tone),#fff 18%); border-radius:50%; background:var(--tone); box-shadow:inset 0 0 0 2px rgba(0,0,0,.2); }
.tone-swatch.on[b-ncutdotp24] { outline:2px solid var(--gold); outline-offset:2px; }
.body-shape-note[b-ncutdotp24] { color:var(--soft); font-size:.64rem; }
.orbit-controls[b-ncutdotp24] { display:flex; align-items:center; gap:.65rem; padding-top:.45rem; border-top:1px solid var(--line); }
.orbit-controls label[b-ncutdotp24] { display:flex; align-items:center; gap:.45rem; color:var(--gold); font-size:.66rem; white-space:nowrap; }
.orbit-controls span[b-ncutdotp24] { color:var(--soft); font-size:.62rem; }
@media (max-width:700px) { .orbit-controls[b-ncutdotp24] { align-items:flex-start; flex-direction:column; } }
/* /Components/FaceExpressionsTab.razor.rz.scp.css */
.face-expression-card[b-eew6hnvzml] { display:grid; gap:.8rem; padding:.8rem; }
.face-empty[b-eew6hnvzml] { margin:0; color:var(--soft); }
.expression-summary[b-eew6hnvzml] { display:flex; flex-wrap:wrap; align-items:center; gap:.55rem 1rem; padding:.65rem .75rem;
  border:1px solid var(--line); border-radius:9px; background:rgba(0,0,0,.12); color:var(--soft); font-size:.68rem; }
.expression-summary strong[b-eew6hnvzml] { color:var(--gold); }
.expression-summary label[b-eew6hnvzml] { display:flex; align-items:center; gap:.4rem; margin-left:auto; }
.expression-summary input[b-eew6hnvzml] { accent-color:var(--gold); }
.expression-grid[b-eew6hnvzml] { display:grid; grid-template-columns:repeat(auto-fit,minmax(12.5rem,1fr)); gap:.55rem; }
.expression-card[b-eew6hnvzml] { display:grid; grid-template-rows:auto 1fr auto; gap:.38rem; min-height:7.2rem; padding:.78rem;
  border:1px solid var(--line); border-radius:10px; background:var(--panel-2); color:var(--ink); text-align:left; }
.expression-card:hover[b-eew6hnvzml] { border-color:var(--bronze); transform:translateY(-1px); }
.expression-card.on[b-eew6hnvzml] { border-color:var(--gold); background:linear-gradient(145deg,rgba(200,139,49,.28),var(--panel-2));
  box-shadow:0 0 0 1px rgba(216,173,99,.18); }
.expression-card.neutral[b-eew6hnvzml] { border-style:dashed; }
.expression-name[b-eew6hnvzml] { color:var(--gold); font:700 .84rem ui-sans-serif,system-ui,sans-serif; }
.expression-description[b-eew6hnvzml] { color:var(--soft); font-size:.65rem; line-height:1.4; }
.region-list[b-eew6hnvzml] { color:var(--bronze); font:.56rem ui-monospace,monospace; text-transform:uppercase; letter-spacing:.05em; }
.bone-map[b-eew6hnvzml] { display:grid; gap:.6rem; padding:.75rem; border:1px solid var(--line); border-radius:9px; background:rgba(0,0,0,.12); }
.bone-map header[b-eew6hnvzml] { display:flex; align-items:baseline; justify-content:space-between; gap:.75rem; }
.bone-map header span[b-eew6hnvzml] { display:flex; align-items:baseline; gap:.5rem; }
.bone-map header strong[b-eew6hnvzml] { color:var(--gold); font-size:.78rem; }
.bone-map header small[b-eew6hnvzml],.bone-map output[b-eew6hnvzml] { color:var(--soft); font:.56rem ui-monospace,monospace; }
.region-badges[b-eew6hnvzml],.bone-list[b-eew6hnvzml] { display:flex; flex-wrap:wrap; gap:.3rem; }
.region-badges span[b-eew6hnvzml] { padding:.2rem .45rem; border:1px solid var(--bronze); border-radius:999px; color:var(--bronze); font-size:.58rem; }
.bone-map summary[b-eew6hnvzml] { color:var(--soft); cursor:pointer; font-size:.65rem; }
.bone-list[b-eew6hnvzml] { padding-top:.6rem; }
.bone-list code[b-eew6hnvzml] { padding:.2rem .38rem; border-radius:4px; background:#11110c; color:var(--ink); font-size:.56rem; }
.slot-line[b-eew6hnvzml] { margin:.6rem 0 0; color:var(--soft); font-size:.6rem; }
@media(max-width:700px) {
  .expression-summary label[b-eew6hnvzml] { margin-left:0; width:100%; }
  .expression-grid[b-eew6hnvzml] { grid-template-columns:1fr; }
  .bone-map header[b-eew6hnvzml] { align-items:flex-start; flex-direction:column; }
}
/* /Components/ImagesNavigationLink.razor.rz.scp.css */
.images-navigation-link[b-c12jkr2fbp] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .35rem;
    padding: .5rem .8rem;
    border-radius: 6px;
    color: #d8ad63;
    text-decoration: none;
    white-space: nowrap;
    font-size: inherit;
    line-height: inherit;
}
.images-navigation-link:hover[b-c12jkr2fbp] { outline: 1px solid #c18a35; }
.images-navigation-link:focus-visible[b-c12jkr2fbp] { outline: 2px solid #d8ad63; outline-offset: 2px; }
.images-navigation-icon[b-c12jkr2fbp] {
    display: inline-block;
    width: 1em;
    height: 1em;
    flex: 0 0 1em;
    overflow: visible;
}
/* /Components/PlayerAuthGate.razor.rz.scp.css */
.auth-gate[b-c70qk1rmt0] {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: grid;
    place-items: center;
    min-height: 100dvh;
    padding: 1.25rem;
    overflow: auto;
    color: #ece3d2;
    background:
        radial-gradient(circle at 50% 20%, rgba(198, 138, 58, .16), transparent 38rem),
        #0c0b09;
    font: 16px/1.5 system-ui, -apple-system, "Segoe UI", sans-serif;
}

.auth-dialog[b-c70qk1rmt0] {
    width: min(100%, 30rem);
    padding: clamp(1.5rem, 5vw, 2.5rem);
    border: 1px solid #493b25;
    border-radius: 1rem;
    background: #1d1a14;
    box-shadow: 0 1.5rem 5rem rgba(0, 0, 0, .55);
}

.eyebrow[b-c70qk1rmt0] {
    margin: 0 0 .45rem;
    color: #d8ad63;
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .13em;
    text-transform: uppercase;
}

h1[b-c70qk1rmt0] { margin: 0; font: 700 clamp(2rem, 7vw, 3rem)/1.05 Georgia, serif; }
#auth-description[b-c70qk1rmt0] { margin: 1rem 0 1.5rem; color: #b8ad98; }
form[b-c70qk1rmt0] { display: grid; gap: 1rem; }
label[b-c70qk1rmt0] { display: grid; gap: .4rem; color: #d8ad63; font-weight: 650; }
input[b-c70qk1rmt0] {
    box-sizing: border-box;
    width: 100%;
    padding: .8rem .9rem;
    border: 1px solid #5d4a2c;
    border-radius: .55rem;
    outline: none;
    color: #ece3d2;
    background: #100f0c;
    font: inherit;
}
input:focus[b-c70qk1rmt0] { border-color: #d8ad63; box-shadow: 0 0 0 3px rgba(216, 173, 99, .18); }
button[b-c70qk1rmt0] {
    justify-self: start;
    min-width: 8rem;
    padding: .75rem 1.15rem;
    border: 1px solid #d8ad63;
    border-radius: .55rem;
    color: #110f0b;
    background: #c68a3a;
    font: inherit;
    font-weight: 700;
    cursor: pointer;
}
button:disabled[b-c70qk1rmt0] { cursor: wait; opacity: .55; }
.auth-status[b-c70qk1rmt0] { color: #b8ad98; }
.auth-error[b-c70qk1rmt0] { margin: 0; color: #ffb4a2; }
/* /Components/SpineGeneratorView.razor.rz.scp.css */
/* SpineGenerator — desktop web. The game is a landscape phone; a backend tool is not the game.
   Never a horizontal scrollbar: wide things scroll inside their own box. */
.gen[b-m309c46p2x] { --ground:#0c0b09; --panel:#1d1a14; --panel-2:#242018; --ink:#ece3d2; --soft:#a99f8b;
  --line:#342d22; --bronze:#c68a3a; --ember:#d8663a; --cold:#9db4c0; --gold:#d8ad63; --ready:#94a24e;
  height:100dvh; min-height:100vh; background:var(--ground); color:var(--ink);
  overflow-x:hidden; overflow-y:auto; scrollbar-gutter:stable;
  font:14px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; }
.gen button[b-m309c46p2x], .gen select[b-m309c46p2x], .gen input[b-m309c46p2x] { font:inherit; }
.gen button[b-m309c46p2x] { cursor:pointer; }
.gen button:disabled[b-m309c46p2x] { cursor:not-allowed; opacity:.42; }
.package-error[b-m309c46p2x] { display:flex; flex-wrap:wrap; align-items:center; gap:.6rem 1rem;
  margin:1rem; padding:.85rem 1rem; border:1px solid var(--bronze); border-radius:8px;
  background:var(--panel); color:var(--ink); }
.package-error span[b-m309c46p2x] { flex:1 1 24rem; color:var(--soft); }

.topbar[b-m309c46p2x] { position:sticky; top:0; z-index:20; display:flex; align-items:center; gap:clamp(.35rem,1vw,.75rem);
  flex-wrap:nowrap; min-width:0; padding:.48rem clamp(.55rem,1.3vw,1.15rem); background:rgba(15,16,14,.97);
  border-bottom:1px solid var(--line); backdrop-filter:blur(12px); }
.back[b-m309c46p2x] { display:grid; flex:none; place-items:center; width:1.8rem; height:1.8rem; color:var(--ink);
  border:1px solid var(--line); text-decoration:none; border-radius:6px; }
.brand[b-m309c46p2x] { display:flex; align-items:baseline; gap:.42rem; min-width:0; margin-right:auto; white-space:nowrap; }
.brand b[b-m309c46p2x] { font:600 clamp(.9rem,1.35vw,1.1rem) Georgia,serif; }
.brand span[b-m309c46p2x] { color:var(--soft); font-size:.62rem; letter-spacing:.15em; text-transform:uppercase; }

.tabs[b-m309c46p2x] { display:flex; flex:none; gap:.16rem; border:1px solid var(--line); border-radius:8px; padding:.16rem;
  background:var(--panel); white-space:nowrap; }
.tabs > .tab[b-m309c46p2x] { display:inline-flex; align-items:center; justify-content:center; box-sizing:border-box; height:1.85rem;
  font:inherit; line-height:1; padding:0 clamp(.42rem,.8vw,.68rem);
  border:0; border-radius:6px; background:transparent; color:var(--soft); text-decoration:none; }
.tab.on[b-m309c46p2x] { background:var(--bronze); color:var(--ground); font-weight:600; }

.family-tabs[b-m309c46p2x] { display:flex; gap:.25rem; padding:.2rem; border:1px solid var(--line); border-radius:9px;
  background:var(--panel); }
.family-tabs button[b-m309c46p2x] { display:flex; align-items:center; gap:.45rem; padding:.34rem .65rem; border:0;
  border-radius:7px; background:transparent; color:var(--soft); font-size:.72rem; }
.family-tabs button span[b-m309c46p2x] { font:700 .62rem ui-monospace,monospace; opacity:.75; }
.family-tabs button.on[b-m309c46p2x] { background:rgba(198,138,58,.18); color:var(--gold); box-shadow:inset 0 0 0 1px var(--bronze); }

.seg[b-m309c46p2x], [b-m309c46p2x] .seg { display:flex; border:1px solid var(--line); border-radius:8px;
  overflow:hidden; width:max-content; }
.seg button[b-m309c46p2x], [b-m309c46p2x] .seg button { font-size:.8rem; padding:.32rem .8rem; background:var(--panel);
  color:var(--soft); border:0; border-right:1px solid var(--line); }
.seg button:last-child[b-m309c46p2x], [b-m309c46p2x] .seg button:last-child { border-right:0; }
.seg button.on[b-m309c46p2x], [b-m309c46p2x] .seg button.on { background:var(--bronze); color:var(--ground); font-weight:600; }
.ghost[b-m309c46p2x] { padding:.34rem .8rem; border:1px solid var(--bronze); background:transparent; color:var(--gold);
  border-radius:8px; }
.runtime-badge[b-m309c46p2x] { display:flex; flex:none; align-items:baseline; padding:.26rem .48rem; border:1px solid var(--line);
  border-radius:7px; background:var(--panel); }
.runtime-badge b[b-m309c46p2x] { color:var(--gold); font:700 .7rem ui-monospace,monospace; }

.wrap[b-m309c46p2x] { display:grid; gap:clamp(.8rem,1.6vw,1.4rem); align-items:start;
  padding:clamp(.8rem,1.6vw,1.4rem); max-width:2000px; margin:0 auto; }
.character-mode[b-m309c46p2x] { --character-summary-height:clamp(19rem,42dvh,24rem);
  grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
.character-mode .panels[b-m309c46p2x] { grid-column:1 / -1; columns:auto; }
@media (max-width:1099px) { .stage[b-m309c46p2x] { position:relative !important; top:auto !important; } }

/* the figure: same character in every tab */
.stage[b-m309c46p2x] { position:sticky; top:5rem; display:flex; flex-direction:column; border:1px solid var(--line);
  border-radius:12px; overflow:hidden;
  background:radial-gradient(120% 70% at 50% 12%,rgba(198,138,58,.12),transparent 60%),var(--panel); }
/* Square, but never taller than a share of the window: the column carries the id card and the
   readout under it, and all three together have to fit on screen without scrolling. */
.figwrap[b-m309c46p2x] { aspect-ratio:1/1; max-height:min(38dvh,20rem); position:relative; cursor:zoom-in; }
.figwrap:focus-visible[b-m309c46p2x] { outline:2px solid var(--gold); outline-offset:-3px; }
.stage-expand-cue[b-m309c46p2x], .gen .stage-dark[b-m309c46p2x] { position:absolute; bottom:.65rem; padding:.28rem .55rem;
  border:1px solid rgba(216,173,99,.65); border-radius:999px; background:rgba(12,11,9,.78);
  color:var(--gold); font:700 .58rem/1 system-ui; letter-spacing:.1em; text-transform:uppercase; }
.stage-expand-cue[b-m309c46p2x] { right:.65rem; z-index:3; pointer-events:none; }
.stage-dark[b-m309c46p2x] { right:4.9rem; z-index:4; }
.stage-dark:hover[b-m309c46p2x], .stage-dark.on[b-m309c46p2x] { border-color:rgba(216,173,99,.65); background:rgba(12,11,9,.78);
  color:var(--gold); }
.stage-close[b-m309c46p2x] { position:absolute; top:1rem; right:1rem; z-index:5; width:2.75rem; height:2.75rem;
  border:1px solid var(--gold); border-radius:50%; background:rgba(12,11,9,.9); color:var(--gold);
  font:400 1.8rem/1 Georgia,serif; }
.idcard[b-m309c46p2x] { padding:.65rem .85rem; border-top:1px solid var(--line); background:rgba(0,0,0,.2); }
.idcard .nm[b-m309c46p2x] { font:1.25rem Georgia,serif; }
.idcard .role[b-m309c46p2x] { color:var(--gold); font-size:.6rem; letter-spacing:.14em; text-transform:uppercase; }
.readout[b-m309c46p2x] { display:grid; gap:.2rem; padding:.6rem .85rem; border-top:1px solid var(--line); font-size:.74rem; }
.readout .row[b-m309c46p2x] { display:grid; grid-template-columns:9rem 1fr; gap:1rem; }
.readout .row span[b-m309c46p2x] { color:var(--soft); }

/* Compact character summary: the live rig and Gunnar's data share one short, equal-height row. */
.character-stage[b-m309c46p2x] { position:relative; top:auto; align-self:start; }
.character-stage .figwrap[b-m309c46p2x] { aspect-ratio:auto; height:var(--character-summary-height,22rem); max-height:none; }
.character-data[b-m309c46p2x] { height:var(--character-summary-height,22rem); display:flex; flex-direction:column;
  border:1px solid var(--line); border-radius:12px; overflow:hidden;
  background:linear-gradient(145deg,rgba(198,138,58,.08),transparent 40%),var(--panel); }
.character-toolbar[b-m309c46p2x] { display:flex; align-items:center; justify-content:flex-end; gap:.7rem;
  padding:.38rem .65rem; border-bottom:1px solid var(--line); background:rgba(0,0,0,.16); }
.character-toolbar .family-tabs[b-m309c46p2x] { border:0; padding:0; background:transparent; }
.character-toolbar .reroll[b-m309c46p2x] { padding:.3rem .72rem; font-size:.7rem; }
.character-identity[b-m309c46p2x] { padding:.42rem .9rem; border-bottom:1px solid var(--line); }
.character-identity .eyebrow[b-m309c46p2x] { display:block; margin-bottom:.1rem; font-size:.58rem; }
.character-identity h1[b-m309c46p2x] { margin:0; font:500 clamp(1.4rem,2.25vw,2rem)/.95 Georgia,serif; letter-spacing:-.035em; }
.character-identity p[b-m309c46p2x] { margin:.12rem 0 0; color:var(--gold); font-size:.56rem; letter-spacing:.14em;
  text-transform:uppercase; }
.character-readout[b-m309c46p2x] { padding:.3rem .9rem; border-top:0; border-bottom:1px solid var(--line);
  grid-template-columns:repeat(2,minmax(0,1fr)); gap:.1rem .7rem; font-size:.66rem; }
.character-readout .row[b-m309c46p2x] { grid-template-columns:5.65rem minmax(0,1fr); gap:.5rem; min-width:0; }
.character-readout strong[b-m309c46p2x] { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.character-readout .availability[b-m309c46p2x] { color:var(--ready); }
.character-controls[b-m309c46p2x] { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.4rem;
  padding:.32rem .9rem .42rem; margin-top:0; min-height:0; }
.character-controls fieldset[b-m309c46p2x] { margin:0; padding:0; border:0; min-width:0; }
.character-controls legend[b-m309c46p2x] { width:100%; display:flex; justify-content:space-between; align-items:baseline;
  margin:0 0 .25rem; color:var(--bronze); font-size:.57rem; font-weight:700; letter-spacing:.14em;
  text-transform:uppercase; }
.character-controls legend span[b-m309c46p2x] { color:var(--soft); font-size:.58rem; font-weight:500; letter-spacing:.04em;
  text-transform:none; }
.choice-grid[b-m309c46p2x] { display:grid; gap:.25rem; }
.choice-grid button[b-m309c46p2x] { min-height:2rem; padding:.2rem .35rem; border:1px solid var(--line); border-radius:7px;
  background:var(--panel-2); color:var(--soft); font-size:.72rem; }
.choice-grid button:hover[b-m309c46p2x] { border-color:var(--bronze); color:var(--ink); }
.choice-grid button.on[b-m309c46p2x] { border-color:var(--bronze); background:var(--bronze); color:var(--ground);
  font-weight:700; box-shadow:0 0 0 1px rgba(216,173,99,.24); }
.framing-choices[b-m309c46p2x] { grid-template-columns:repeat(3,1fr); }
.species-choices[b-m309c46p2x] { grid-template-columns:repeat(4,1fr); }
.gender-choices[b-m309c46p2x] { grid-template-columns:repeat(2,1fr); }
.monster-hint[b-m309c46p2x] { display:flex; flex-direction:column; justify-content:center; flex:1; min-height:0;
  padding:.8rem .9rem; color:var(--soft); border-top:1px solid var(--line); }
.monster-hint strong[b-m309c46p2x] { color:var(--gold); font-size:.72rem; letter-spacing:.08em; text-transform:uppercase; }
.monster-hint span[b-m309c46p2x] { margin-top:.2rem; font-size:.68rem; }

/* The compact preview itself becomes the full-screen inspection surface; no duplicate canvas. */
.stage.stage-expanded[b-m309c46p2x] { position:fixed !important; inset:0; top:0 !important; z-index:1000; width:100vw;
  height:100dvh; max-width:none; border:0; border-radius:0; padding:clamp(.5rem,2vw,1.5rem);
  background:radial-gradient(90% 80% at 50% 10%,rgba(198,138,58,.16),transparent 65%),var(--ground); }
.stage-expanded .figwrap[b-m309c46p2x], .character-stage.stage-expanded .figwrap[b-m309c46p2x] { width:100%; height:100%; max-height:none;
  aspect-ratio:auto; cursor:zoom-out; }
.stage-expanded > .idcard[b-m309c46p2x], .stage-expanded > .readout[b-m309c46p2x] { display:none; }
.stage-expanded .stage-expand-cue[b-m309c46p2x] { bottom:1rem; right:1rem; }

/* panels: columns, so short cards do not stretch to the tallest in a row */
.panels[b-m309c46p2x] { columns:23rem 2; column-gap:clamp(.8rem,1.4vw,1.2rem); }
[b-m309c46p2x] .equip-grid { display:flex; flex-direction:column; gap:clamp(.8rem,1.6vw,1.4rem); }
[b-m309c46p2x] .equip-grid .card { margin:0; }
[b-m309c46p2x] .dress-card, [b-m309c46p2x] .models-card { min-height:0; }
[b-m309c46p2x] .card { border:1px solid var(--line); border-radius:12px; background:var(--panel);
  padding:.85rem .95rem 1rem; min-width:0; break-inside:avoid; margin:0 0 clamp(.8rem,1.4vw,1.2rem); }
[b-m309c46p2x] .card.wide { column-span:all; }
[b-m309c46p2x] .card h3 { font:600 .62rem/1 system-ui; letter-spacing:.16em; text-transform:uppercase;
  color:var(--bronze); display:flex; align-items:center; gap:.5rem; margin:0 0 .6rem; }
[b-m309c46p2x] .card h3::after { content:""; flex:1; height:1px; background:var(--line); }
[b-m309c46p2x] .card h3 em { font-style:normal; color:var(--soft); letter-spacing:.02em; text-transform:none; font-size:1.05em; }
[b-m309c46p2x] .collapse-head { width:100%; display:flex; align-items:center; gap:.55rem; padding:0;
  border:0; background:transparent; color:var(--bronze); text-align:left;
  font:600 .62rem/1 system-ui; letter-spacing:.16em; text-transform:uppercase; }
[b-m309c46p2x] .collapse-head span { display:flex; align-items:center; gap:.5rem; flex:1; min-width:0; }
[b-m309c46p2x] .collapse-head span::after { content:""; flex:1; height:1px; background:var(--line); }
[b-m309c46p2x] .collapse-head em { color:var(--soft); font-style:normal; letter-spacing:.02em;
  text-transform:none; white-space:nowrap; }
[b-m309c46p2x] .collapse-head b { width:1.2rem; color:var(--gold); font-size:1rem; text-align:center; }
[b-m309c46p2x] .card.collapsed { padding:.78rem .95rem; }
[b-m309c46p2x] .card h4 { margin:0 0 .3rem; font:600 .62rem/1 system-ui; letter-spacing:.12em;
  text-transform:uppercase; color:var(--soft); }
[b-m309c46p2x] .lede { color:var(--soft); font-size:.78rem; line-height:1.5; margin:0 0 .8rem; }
[b-m309c46p2x] .lede b { color:var(--ink); } [b-m309c46p2x] .lede em { color:var(--gold); font-style:italic; }
[b-m309c46p2x] .note { color:var(--cold); font-size:.7rem; line-height:1.45; margin:.55rem 0 0; }
[b-m309c46p2x] .mono { font-family:ui-monospace,Menlo,Consolas,monospace; }
[b-m309c46p2x] .soft { color:var(--soft); } [b-m309c46p2x] .cold { color:var(--cold); } [b-m309c46p2x] .gold { color:var(--gold); }

[b-m309c46p2x] .chips { display:flex; flex-wrap:wrap; gap:.35rem; }
[b-m309c46p2x] .chip { font-size:.74rem; padding:.3rem .6rem; border:1px solid var(--line);
  background:var(--panel-2); color:var(--ink); border-radius:7px; display:flex; align-items:center;
  gap:.4rem; line-height:1.1; }
[b-m309c46p2x] .chip.on { border-color:var(--bronze); box-shadow:inset 0 0 0 1px var(--bronze); background:rgba(198,138,58,.13); }
[b-m309c46p2x] .chip .dot { width:6px; height:6px; border-radius:50%; flex:none; background:var(--soft); }
[b-m309c46p2x] .chip.ready .dot { background:var(--ready); }
[b-m309c46p2x] .chip.partial .dot { background:var(--gold); }
[b-m309c46p2x] .chip.gap .dot { background:var(--cold); }
[b-m309c46p2x] .legend { color:var(--soft); font-size:.64rem; display:flex; gap:.9rem; flex-wrap:wrap; margin-top:.45rem; }
[b-m309c46p2x] .legend span { display:flex; align-items:center; gap:.3rem; }
[b-m309c46p2x] .legend i { width:6px; height:6px; border-radius:50%; display:inline-block; }
[b-m309c46p2x] .legend i.ready { background:var(--ready); }
[b-m309c46p2x] .legend i.partial { background:var(--gold); }
[b-m309c46p2x] .legend i.gap { background:var(--cold); }

/* Dress-up is two horizontal sections: all slots first, the selected slot's pieces below. */
[b-m309c46p2x] .dress { display:grid; gap:.75rem; grid-template-columns:1fr; align-items:start; }
[b-m309c46p2x] .rail { display:grid; grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr));
  gap:.25rem; align-content:start; }
[b-m309c46p2x] .railbtn { display:flex; justify-content:space-between; gap:.5rem; align-items:baseline;
  text-align:left; font-size:.76rem; padding:.32rem .5rem; border:1px solid transparent;
  border-radius:7px; background:transparent; color:var(--soft); width:100%; }
[b-m309c46p2x] .railbtn:hover:not(:disabled) { color:var(--ink); background:var(--panel-2); }
[b-m309c46p2x] .railbtn.on { border-color:var(--bronze); background:rgba(198,138,58,.13); color:var(--ink); }
[b-m309c46p2x] .railbtn em { font-style:normal; font-family:ui-monospace,monospace; font-size:.66rem;
  opacity:.75; max-width:5.4rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
[b-m309c46p2x] .railbtn em.empty { color:var(--cold); }
[b-m309c46p2x] .items { display:grid; gap:.45rem; align-content:start; }
[b-m309c46p2x] .filter { width:100%; padding:.32rem .5rem; border:1px solid var(--line); border-radius:7px;
  background:var(--panel-2); color:var(--ink); font-size:.76rem; }
[b-m309c46p2x] .itemgrid { display:flex; flex-wrap:wrap; gap:.3rem; max-height:19rem; overflow-y:auto; padding-right:.2rem; }
.character-mode[b-m309c46p2x]  .itemgrid { max-height:none; overflow-y:visible; }
[b-m309c46p2x] .item { font-size:.72rem; padding:.26rem .5rem; border:1px solid var(--line); border-radius:6px;
  background:var(--panel-2); color:var(--ink); text-align:left; line-height:1.15; }
[b-m309c46p2x] .item:hover { border-color:var(--bronze); }
[b-m309c46p2x] .item.on { border-color:var(--bronze); background:rgba(198,138,58,.16); font-weight:600; }
[b-m309c46p2x] .item.none { color:var(--soft); }
[b-m309c46p2x] .count { color:var(--soft); font-size:.68rem; }
[b-m309c46p2x] .aura-test { margin-top:.8rem; padding-top:.7rem; border-top:1px solid var(--line); }
[b-m309c46p2x] .aura-test-title { display:flex; align-items:center; justify-content:space-between; gap:.7rem;
  margin-bottom:.55rem; color:var(--bronze); font-size:.64rem; letter-spacing:.1em; text-transform:uppercase; }
[b-m309c46p2x] .aura-test-title span { display:flex; align-items:baseline; gap:.55rem; }
[b-m309c46p2x] .aura-test-title small { color:var(--soft); font-size:.58rem; font-weight:400; letter-spacing:.02em; text-transform:none; }
[b-m309c46p2x] .aura-actions { display:flex; align-items:center; gap:.35rem; }
[b-m309c46p2x] .aura-toggle { min-width:3rem; padding:.25rem .55rem; border:1px solid var(--line); border-radius:999px;
  background:var(--panel-2); color:var(--soft); font-size:.65rem; }
[b-m309c46p2x] .aura-toggle.on { border-color:var(--bronze); color:var(--gold); background:rgba(198,138,58,.13); }
[b-m309c46p2x] .aura-controls { display:grid; grid-template-columns:minmax(7rem,.55fr) repeat(3,minmax(10rem,1fr)); gap:.45rem; }
[b-m309c46p2x] .aura-controls label { display:grid; grid-template-columns:4rem minmax(0,1fr) 3rem; align-items:center; gap:.45rem;
  padding:.35rem .45rem; border:1px solid rgba(52,45,34,.72); border-radius:7px; background:rgba(0,0,0,.12);
  color:var(--soft); font-size:.68rem; }
[b-m309c46p2x] .aura-controls label:first-child { grid-template-columns:4rem 2.2rem; }
[b-m309c46p2x] .aura-controls input[type=color] { width:2.1rem; height:1.55rem; padding:1px; border:1px solid var(--line);
  border-radius:5px; background:var(--panel-2); }
[b-m309c46p2x] .aura-controls input[type=range] { width:100%; accent-color:var(--bronze); }
[b-m309c46p2x] .aura-controls output { color:var(--gold); font:.62rem ui-monospace,monospace; text-align:right; }
@media (max-width:800px) { [b-m309c46p2x] .aura-controls { grid-template-columns:1fr; } }
[b-m309c46p2x] .modelbar { display:flex; flex-wrap:wrap; gap:.5rem; align-items:baseline; padding:.5rem .7rem;
  border:1px dashed var(--line); border-radius:8px; background:var(--panel-2); font-size:.74rem; color:var(--soft); }
[b-m309c46p2x] .modelbar b { color:var(--ink); }
[b-m309c46p2x] .group { margin-bottom:.7rem; }

[b-m309c46p2x] .colour-block { margin-top:.85rem; padding-top:.75rem; border-top:1px solid var(--line); }
[b-m309c46p2x] .colour-title { display:flex; justify-content:space-between; align-items:center; gap:1rem;
  margin-bottom:.65rem; color:var(--bronze); font-size:.62rem; letter-spacing:.12em; text-transform:uppercase; }
[b-m309c46p2x] .colour-title > span { display:flex; align-items:baseline; gap:.65rem; min-width:0; }
[b-m309c46p2x] .colour-title small { color:var(--soft); font-size:.58rem; font-weight:400; letter-spacing:.03em; text-transform:none; }
[b-m309c46p2x] .tint-reset { flex:none; padding:.28rem .6rem; border:1px solid var(--bronze); border-radius:6px;
  background:transparent; color:var(--gold); font-size:.62rem; letter-spacing:.04em; text-transform:none; }
[b-m309c46p2x] .colour-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(17rem,1fr)); gap:.42rem .85rem; }
[b-m309c46p2x] .tint-control { display:grid; grid-template-columns:5.4rem 2rem minmax(6rem,1fr) 2.8rem;
  align-items:center; gap:.45rem; min-width:0; padding:.28rem .4rem; border:1px solid rgba(52,45,34,.72);
  border-radius:7px; background:rgba(0,0,0,.12); color:var(--soft); font-size:.68rem; }
[b-m309c46p2x] .tint-control > span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
[b-m309c46p2x] .tint-control input[type=color] { width:2rem; height:1.55rem; padding:1px; border:1px solid var(--line);
  border-radius:5px; background:var(--panel-2); }
[b-m309c46p2x] .tint-control input[type=range] { width:100%; accent-color:var(--bronze); }
[b-m309c46p2x] .tint-control output { color:var(--gold); font:.62rem ui-monospace,monospace; text-align:right; white-space:nowrap; }

/* clip buttons: lit for what the weapon may play */
[b-m309c46p2x] .btnrow { display:flex; flex-wrap:wrap; gap:.4rem; margin-bottom:.6rem; }
[b-m309c46p2x] .play { font-size:.72rem; padding:.28rem .5rem; border:1px solid var(--line);
  background:var(--panel-2); color:var(--ink); border-radius:6px; font-family:ui-monospace,Menlo,monospace; }
[b-m309c46p2x] .play:hover:not(:disabled) { border-color:var(--bronze); }
[b-m309c46p2x] .play.fit { border-color:var(--bronze); color:var(--gold); }
[b-m309c46p2x] .play.unfit { opacity:.38; }
[b-m309c46p2x] .play.unfit:hover { opacity:.75; }

[b-m309c46p2x] .scroller { overflow-x:auto; }
[b-m309c46p2x] table { width:100%; border-collapse:collapse; font-size:.74rem; }
[b-m309c46p2x] td, [b-m309c46p2x] th { padding:.28rem .45rem; border-bottom:1px solid rgba(52,45,34,.7); text-align:left; }
[b-m309c46p2x] th { color:var(--soft); font-weight:600; font-size:.6rem; letter-spacing:.1em; text-transform:uppercase; }
[b-m309c46p2x] td.right, [b-m309c46p2x] th.right { text-align:right; }
[b-m309c46p2x] .log { margin:0; padding:0 0 0 1.2rem; display:grid; gap:.15rem; max-height:18rem; overflow-y:auto; }
[b-m309c46p2x] .log li { color:var(--soft); font-size:.7rem; font-family:ui-monospace,monospace; }
[b-m309c46p2x] .log li.refused { color:#d8a08a; }
[b-m309c46p2x] .grid2 { display:grid; gap:.7rem; margin-bottom:.6rem; }
@media (min-width:720px) { [b-m309c46p2x] .grid2 { grid-template-columns:1fr 1fr; } }
[b-m309c46p2x] .mini { border:1px solid var(--line); border-radius:8px; padding:.6rem .75rem; background:var(--panel-2); }
[b-m309c46p2x] .mini p { margin:0; color:var(--soft); font-size:.78rem; }

/* the live graph: the ladder IS the vertical axis */
[b-m309c46p2x] .graph { display:block; width:100%; min-width:52rem; height:auto; }
[b-m309c46p2x] .graph .band rect { fill:rgba(255,255,255,.02); stroke:var(--line); stroke-dasharray:3 4; }
[b-m309c46p2x] .graph .rank { fill:var(--soft); font:700 12px ui-monospace,monospace; }
[b-m309c46p2x] .graph .node rect { fill:var(--panel-2); stroke:var(--line); stroke-width:1.2; }
[b-m309c46p2x] .graph .node .name { fill:var(--ink); font:600 12px system-ui; text-anchor:middle; }
[b-m309c46p2x] .graph .node .clip { fill:var(--soft); font:10px ui-monospace,monospace; text-anchor:middle; }
[b-m309c46p2x] .graph .node.live rect { fill:rgba(198,138,58,.22); stroke:var(--gold); stroke-width:2; }
[b-m309c46p2x] .graph .node.live .name { fill:var(--gold); }
[b-m309c46p2x] .graph .node.missing rect { stroke:var(--ember); stroke-dasharray:4 3; }
[b-m309c46p2x] .graph .node.missing .clip { fill:var(--ember); }
[b-m309c46p2x] .graph .arrow { fill:none; stroke:var(--gold); stroke-width:2; }
[b-m309c46p2x] .graph .arrow.refused { stroke:var(--ember); stroke-dasharray:6 4; }
[b-m309c46p2x] .graph .mk { fill:var(--gold); } [b-m309c46p2x] .graph .mkred { fill:var(--ember); }
[b-m309c46p2x] .graph .arrowlabel { fill:var(--gold); font:600 11px system-ui; text-anchor:middle; }
[b-m309c46p2x] .graph .arrowlabel.refused { fill:var(--ember); }

/* Movement, so the machine reads as running rather than posed: the live node breathes and the
   arrow travels. Both stop for anyone who asked the system for less motion. */
@keyframes livepulse-b-m309c46p2x { 0%,100% { opacity:1; } 50% { opacity:.55; } }
@keyframes travel-b-m309c46p2x { to { stroke-dashoffset:-28; } }
[b-m309c46p2x] .graph .node.live rect { animation:livepulse-b-m309c46p2x 1.6s ease-in-out infinite; }
[b-m309c46p2x] .graph .arrow.taken { stroke-dasharray:10 4; animation:travel-b-m309c46p2x .7s linear infinite; }
[b-m309c46p2x] .graph .arrow.refused { animation:livepulse-b-m309c46p2x 1s ease-in-out infinite; }
@media (prefers-reduced-motion:reduce) {
  [b-m309c46p2x] .graph .node.live rect, [b-m309c46p2x] .graph .arrow { animation:none; }
}

@media (max-width:1099px) {
  .family-tabs[b-m309c46p2x] { order:4; }
  .character-controls[b-m309c46p2x] { grid-template-columns:1fr; }
  .brand span[b-m309c46p2x] { display:none; }
}

@media (max-width:680px) {
  .brand b[b-m309c46p2x] { font-size:.8rem; }
  .tabs > .tab[b-m309c46p2x] { padding-inline:.34rem; font-size:.64rem; }
  .runtime-badge[b-m309c46p2x] { display:none; }
  .character-readout[b-m309c46p2x] { grid-template-columns:1fr; }
  .species-choices[b-m309c46p2x] { grid-template-columns:repeat(2,1fr); }
}

@media (max-width:500px) {
  .brand[b-m309c46p2x] { display:none; }
  .tabs[b-m309c46p2x] { margin-left:auto; }
}

@media (max-width:1099px) {
  .character-stage.stage-expanded .figwrap[b-m309c46p2x] { height:100%; min-height:0; }
}

[b-m309c46p2x] .play.demo { border-color:var(--bronze); color:var(--gold); font-weight:600; }

/* the trace: what just happened, for anyone who was not quick enough to watch it */
[b-m309c46p2x] .trace { display:flex; flex-wrap:wrap; gap:.3rem; margin-top:.6rem; }
[b-m309c46p2x] .step { font-size:.68rem; font-family:ui-monospace,monospace; padding:.2rem .45rem;
  border:1px solid var(--line); border-radius:5px; color:var(--soft); background:var(--panel-2); }
[b-m309c46p2x] .step b { color:var(--bronze); }
[b-m309c46p2x] .step:first-child { border-color:var(--gold); color:var(--ink); }
[b-m309c46p2x] .step.refused { border-color:var(--ember); color:#e0a48c; text-decoration:line-through; }

/* Slow motion says so, on the figure and next to the button that causes it. A rig playing at a
   quarter speed with nothing on screen explaining it reads as a broken rig — it did, twice. */
.slowmo[b-m309c46p2x] { position:absolute; top:.5rem; left:.5rem; display:flex; align-items:baseline; gap:.35rem;
  padding:.2rem .5rem; border-radius:999px; border:1px solid var(--gold);
  background:rgba(0,0,0,.55); color:var(--gold); font:700 .8rem/1 ui-monospace,monospace; }
.slowmo span[b-m309c46p2x] { font:600 .55rem/1 system-ui; letter-spacing:.12em; text-transform:uppercase; opacity:.85; }
[b-m309c46p2x] .slowtag { align-self:center; padding:.2rem .5rem; border-radius:999px;
  border:1px solid var(--gold); color:var(--gold); font:600 .68rem/1.2 system-ui; }

.procedural-skin-badge[b-m309c46p2x]{position:absolute;right:1rem;top:1rem;z-index:4;padding:.3rem .55rem;border:1px solid #6f9f74;border-radius:999px;color:#bde7b8;background:#111b14dd;font:700 .68rem/1 ui-monospace,monospace;letter-spacing:.04em}
/* /Components/SpineRigPicker.razor.rz.scp.css */
.library[b-wcj8sy4lup] { position:sticky; top:5rem; display:grid; grid-template-rows:auto auto auto minmax(0,1fr);
  max-height:calc(100dvh - 6.5rem); min-height:34rem; border:1px solid var(--line); border-radius:12px;
  overflow:hidden; background:var(--panel); }
.library-head[b-wcj8sy4lup] { display:flex; align-items:center; justify-content:space-between; gap:.75rem; padding:.85rem .9rem;
  border-bottom:1px solid var(--line); background:linear-gradient(135deg,rgba(198,138,58,.14),transparent); }
.library-head div[b-wcj8sy4lup] { display:grid; gap:.16rem; }
.library-head strong[b-wcj8sy4lup] { font:600 1rem Georgia,serif; }
.eyebrow[b-wcj8sy4lup] { color:var(--bronze); font-size:.58rem; font-weight:700; letter-spacing:.15em; text-transform:uppercase; }
.runtime[b-wcj8sy4lup] { padding:.22rem .45rem; border:1px solid var(--bronze); border-radius:999px; color:var(--gold);
  font:700 .65rem ui-monospace,monospace; }
.kind-tabs[b-wcj8sy4lup] { display:grid; grid-template-columns:1fr 1fr; padding:.55rem; gap:.35rem; border-bottom:1px solid var(--line); }
.kind-tabs button[b-wcj8sy4lup] { display:flex; justify-content:space-between; gap:.5rem; border:1px solid var(--line); border-radius:7px;
  padding:.38rem .5rem; background:var(--panel-2); color:var(--soft); font-size:.72rem; }
.kind-tabs button span[b-wcj8sy4lup] { font-family:ui-monospace,monospace; opacity:.75; }
.kind-tabs button.on[b-wcj8sy4lup] { border-color:var(--bronze); background:rgba(198,138,58,.16); color:var(--ink); }
.search[b-wcj8sy4lup] { display:block; padding:.55rem; border-bottom:1px solid var(--line); }
.search input[b-wcj8sy4lup] { width:100%; padding:.4rem .55rem; border:1px solid var(--line); border-radius:7px;
  background:var(--ground); color:var(--ink); font-size:.74rem; }
.rig-list[b-wcj8sy4lup] { display:grid; align-content:start; gap:.26rem; padding:.45rem; overflow-y:auto; }
.rig[b-wcj8sy4lup] { display:grid; grid-template-columns:1.8rem minmax(0,1fr) auto; align-items:center; gap:.55rem; width:100%;
  padding:.44rem .5rem; border:1px solid transparent; border-radius:8px; background:transparent; color:var(--ink); text-align:left; }
.rig:hover[b-wcj8sy4lup] { background:var(--panel-2); border-color:var(--line); }
.rig.on[b-wcj8sy4lup] { background:rgba(198,138,58,.15); border-color:var(--bronze); box-shadow:inset 3px 0 0 var(--bronze); }
.mark[b-wcj8sy4lup] { display:grid; place-items:center; width:1.7rem; aspect-ratio:1; border-radius:50%; background:var(--panel-2);
  border:1px solid var(--line); color:var(--bronze); font:700 .65rem Georgia,serif; }
.rig-copy[b-wcj8sy4lup] { display:grid; min-width:0; }
.rig-copy strong[b-wcj8sy4lup] { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:.76rem; }
.rig-copy small[b-wcj8sy4lup] { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--soft);
  font:500 .61rem ui-monospace,monospace; }
.counts[b-wcj8sy4lup] { color:var(--soft); text-align:right; font-size:.56rem; line-height:1.35; white-space:nowrap; }
.counts b[b-wcj8sy4lup] { color:var(--ink); font-family:ui-monospace,monospace; }
.sr-only[b-wcj8sy4lup] { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden;
  clip:rect(0,0,0,0); white-space:nowrap; border:0; }
@media (max-width:1099px) {
  .library[b-wcj8sy4lup] { position:relative; top:auto; max-height:none; min-height:0; }
  .rig-list[b-wcj8sy4lup] { grid-template-columns:repeat(auto-fit,minmax(12rem,1fr)); max-height:15rem; }
}
/* /Components/SpineSceneView.razor.rz.scp.css */
.spine-scene[b-2epu2wmyfa] {
    position: relative;
    display: block;
    overflow: hidden;
}

.spine-scene > canvas[b-2epu2wmyfa],
.scene-placeholder[b-2epu2wmyfa] {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
}
/* /Components/SpineStudioTabs.razor.rz.scp.css */
.spine-studio-tabs[b-t2xjswl1m9] { display:flex;flex-wrap:wrap;gap:.35rem;margin:.75rem 0; }
.pose-reference[b-t2xjswl1m9] { margin-left:auto; }
a[b-t2xjswl1m9] { padding:.45rem .9rem;border:1px solid #53462d;border-radius:6px;color:#c3b89f;text-decoration:none;background:#242016; }
a[aria-current="page"][b-t2xjswl1m9] { background:#c58d38;color:#17160f;border-color:#c58d38; }
a:focus-visible[b-t2xjswl1m9] { outline:2px solid #e3b468;outline-offset:2px; }
/* /Components/SpineTextureEditor.razor.rz.scp.css */
fieldset[b-84k0k3xm0j] { border: 1px solid #74603a; padding: 1rem; display: grid; gap: 1rem; margin: 1rem 0; min-width: 0; }
label[b-84k0k3xm0j] { display: grid; gap: .5rem; }
textarea[b-84k0k3xm0j], input[b-84k0k3xm0j], select[b-84k0k3xm0j], button[b-84k0k3xm0j] { font: inherit; padding: .7rem; border: 1px solid #74603a; border-radius: 6px; }
textarea[b-84k0k3xm0j], input[b-84k0k3xm0j], select[b-84k0k3xm0j] { color: #eee6d5; background: #17160f; max-width: 100%; box-sizing: border-box; }
button[b-84k0k3xm0j] { cursor: pointer; color: #17160f; background: #c58d38; font-weight: 600; }
button:disabled[b-84k0k3xm0j] { cursor: not-allowed; opacity: .5; }
.comparison[b-84k0k3xm0j] { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(280px, 100%), 1fr)); gap: 1rem; }
figure[b-84k0k3xm0j] { margin: 0; min-width: 0; }
figcaption[b-84k0k3xm0j] { overflow-wrap: anywhere; padding: .6rem 0; }
img[b-84k0k3xm0j] { width: 100%; max-height: 600px; object-fit: contain; background: repeating-conic-gradient(#39362e 0% 25%, #24221e 0% 50%) 50% / 20px 20px; }
a[b-84k0k3xm0j] { display: block; color: #e3b468; margin: .8rem 0; }
p[b-84k0k3xm0j] { overflow-wrap: anywhere; }
/* /Components/SpineView.razor.rz.scp.css */
.spine-view[b-0vwc2wo3jd] { position:relative; display:grid; place-items:center; min-width:0; min-height:0; overflow:hidden; color:#c9a762; }
/* Absolute, so the BOX decides the shape. Left in flow, the canvas' declared resolution acts as
   intrinsic content and silently overrides the crop aspect-ratios below. */
.spine-canvas[b-0vwc2wo3jd] { position:absolute; inset:0; display:block; width:100%; height:100%; }
.spine-placeholder[b-0vwc2wo3jd] { display:grid; place-items:center; width:100%; height:100%; }
.spine-placeholder > :global(svg)[b-0vwc2wo3jd],
.spine-placeholder > :global(img)[b-0vwc2wo3jd] { display:block; width:100%; height:100%; object-fit:cover; }
.spine-fallback[b-0vwc2wo3jd] { width:100%; height:100%; }

.spine-loading[b-0vwc2wo3jd] { position:absolute; inset:0; z-index:4; display:grid; place-items:center;
  padding:1rem; background:radial-gradient(70% 80% at 50% 45%,rgba(198,138,58,.12),transparent 70%),rgba(12,11,9,.7);
  color:#ece3d2; pointer-events:none; }
.spine-loading-card[b-0vwc2wo3jd] { display:grid; justify-items:center; gap:.55rem; max-width:22rem; text-align:center; }
.spine-loading-card strong[b-0vwc2wo3jd] { font:700 .72rem/1.2 system-ui,-apple-system,"Segoe UI",sans-serif;
  letter-spacing:.13em; text-transform:uppercase; color:#d8ad63; }
.spine-loading-card small[b-0vwc2wo3jd] { color:#a99f8b; font:500 .68rem/1.45 system-ui,-apple-system,"Segoe UI",sans-serif; }
.spine-loading-spinner[b-0vwc2wo3jd] { width:2rem; height:2rem; border:2px solid rgba(216,173,99,.22);
  border-top-color:#d8ad63; border-radius:50%; animation:spine-loading-spin-b-0vwc2wo3jd .85s linear infinite; }
@keyframes spine-loading-spin-b-0vwc2wo3jd { to { transform:rotate(1turn); } }
@media (prefers-reduced-motion:reduce) { .spine-loading-spinner[b-0vwc2wo3jd] { animation-duration:1.8s; } }

/* Live measurement HUD. Generator enables it permanently; other consumers can opt in with
   ?spineMetrics=1. It reports the selected format, GPU target, bytes and load-to-parse time. */
.spine-view.spine-metrics-enabled[b-0vwc2wo3jd]::after { content:attr(data-spine-metrics); position:absolute;
  left:.5rem; bottom:.5rem; z-index:3; max-width:calc(100% - 1rem); padding:.28rem .48rem;
  border:1px solid rgba(216,173,99,.72); border-radius:6px; background:rgba(9,8,7,.86);
  color:#e4c47c; font:600 .64rem/1.25 ui-monospace,SFMono-Regular,Consolas,monospace;
  box-shadow:0 3px 14px rgba(0,0,0,.35); pointer-events:none; }

/* The three approved framings only change the box ratio; the camera crop is done in the runtime. */
.crop-portrait[b-0vwc2wo3jd] { aspect-ratio:1/1; }
.crop-bust[b-0vwc2wo3jd] { aspect-ratio:3/4; }
.crop-full[b-0vwc2wo3jd] { aspect-ratio:1/2; }
/* /Components/StudioNavigation.razor.rz.scp.css */
.studio-navigation[b-jruu8rz6k6]{display:flex;align-items:center;gap:clamp(.35rem,1vw,.75rem);min-width:0;font:14px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.tabs[b-jruu8rz6k6]{display:flex;align-items:center;gap:.16rem;border:1px solid #342d22;border-radius:8px;padding:.16rem;background:#1d1a14;white-space:nowrap;overflow-x:auto}
.tabs[b-jruu8rz6k6]  .tab,.tabs a[b-jruu8rz6k6]{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;height:1.85rem;font:inherit;line-height:1;padding:0 clamp(.42rem,.8vw,.68rem);border:0;border-radius:6px;background:transparent;color:#a99f8b;text-decoration:none;cursor:pointer}
.tabs[b-jruu8rz6k6]  .tab.on,.tabs a[aria-current="page"][b-jruu8rz6k6]{background:#c68a3a;color:#0c0b09;font-weight:600}
.tabs[b-jruu8rz6k6]  button:disabled{cursor:not-allowed;opacity:.42}
.tabs a:focus-visible[b-jruu8rz6k6],.tabs[b-jruu8rz6k6]  button:focus-visible{outline:2px solid #d8ad63;outline-offset:-2px}
.external-destination[b-jruu8rz6k6]{flex:none}
/* /Pages/ApiConsumers.razor.rz.scp.css */
.api-docs[b-9peea8qhkp]{min-height:100vh;padding:2rem clamp(1.25rem,5vw,5rem) 5rem;background:#111109;color:#f6eedc;font-family:system-ui,sans-serif}
.api-hero[b-9peea8qhkp]{margin:3rem 0 2rem;max-width:68rem}.api-hero h1[b-9peea8qhkp]{font:700 clamp(2.7rem,7vw,5.5rem)/.95 Georgia,serif;margin:.15rem 0 1rem}.api-hero>p:last-child[b-9peea8qhkp],.note[b-9peea8qhkp]{max-width:58rem;color:#c7b999;line-height:1.6}
.eyebrow[b-9peea8qhkp]{margin:0;color:#d89b3b;font-size:.78rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.api-card[b-9peea8qhkp]{border:1px solid #594824;border-radius:1.25rem;background:#1c1a12;padding:clamp(1.25rem,3vw,2.25rem);margin:1.25rem 0}
.section-heading[b-9peea8qhkp]{display:flex;align-items:center;justify-content:space-between;gap:1rem}.section-heading h2[b-9peea8qhkp]{font:700 2rem Georgia,serif;margin:.15rem 0 1rem}.version[b-9peea8qhkp]{border:1px solid #a9792f;border-radius:999px;padding:.35rem .7rem;color:#e7b358;font-size:.75rem;font-weight:800;text-transform:uppercase}
.endpoint-list[b-9peea8qhkp]{display:grid;gap:.7rem}.endpoint-list>div[b-9peea8qhkp]{display:grid;grid-template-columns:minmax(20rem,.9fr) 1.1fr;gap:1rem;padding:1rem;border:1px solid #40371f;border-radius:.7rem;background:#15140e}.endpoint-list dt[b-9peea8qhkp],.endpoint-list dd[b-9peea8qhkp]{margin:0}.endpoint-list dd[b-9peea8qhkp]{color:#bdae91}
.steps[b-9peea8qhkp]{display:grid;gap:.75rem;padding:0;list-style:none;counter-reset:step}.steps li[b-9peea8qhkp]{counter-increment:step;display:grid;grid-template-columns:2.3rem 12rem 1fr;align-items:start;gap:.8rem;padding:.9rem 0;border-top:1px solid #40371f}.steps li[b-9peea8qhkp]:before{content:counter(step);display:grid;place-items:center;width:1.8rem;height:1.8rem;border-radius:50%;background:#c88b31;color:#130f08;font-weight:800}.steps span[b-9peea8qhkp]{color:#bdae91}
pre[b-9peea8qhkp]{overflow:auto;padding:1rem;border:1px solid #40371f;border-radius:.7rem;background:#0f0f0b;color:#e7b358;line-height:1.6}code[b-9peea8qhkp]{font-family:"Cascadia Mono",Consolas,monospace}
button[b-9peea8qhkp]{font:inherit;padding:.7rem 1rem;border:1px solid #d6a24b;border-radius:.6rem;background:#bf8833;color:#17130b;cursor:pointer}button:disabled[b-9peea8qhkp]{opacity:.6;cursor:default}button:focus-visible[b-9peea8qhkp]{outline:2px solid #f6eedc;outline-offset:3px}
@media(max-width:760px){.endpoint-list>div[b-9peea8qhkp],.steps li[b-9peea8qhkp]{grid-template-columns:1fr}.steps li[b-9peea8qhkp]:before{grid-row:1}.steps strong[b-9peea8qhkp]{grid-row:1;margin-left:2.5rem}.steps span[b-9peea8qhkp]{grid-column:1}}
.consumer-actions[b-9peea8qhkp] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2rem; }
.consumer-actions > div[b-9peea8qhkp] { display: flex; flex-direction: column; align-items: flex-start; gap: .75rem; }
.consumer-actions h2[b-9peea8qhkp], .consumer-actions p[b-9peea8qhkp] { margin: 0; }
select[b-9peea8qhkp], input[type=password][b-9peea8qhkp], textarea[b-9peea8qhkp] { background: #191b20; color: #fff; border: 1px solid #545966; border-radius: .5rem; padding: .75rem; max-width: 100%; box-sizing: border-box; }
input[type=password][b-9peea8qhkp], textarea[b-9peea8qhkp] { width: 100%; }
textarea[b-9peea8qhkp] { min-height: 5rem; resize: vertical; font-family: monospace; }
.danger[b-9peea8qhkp] { margin-left: 1rem; background: #873b34; color: #fff; }
@media (max-width: 700px) { .consumer-actions[b-9peea8qhkp] { grid-template-columns: 1fr; } .danger[b-9peea8qhkp] { margin: 1rem 0 0; display: block; } }
/* /Pages/ApiDocs.razor.rz.scp.css */
.api-docs[b-p0eu0g2zzm]{min-height:100vh;padding:2rem clamp(1.25rem,5vw,5rem) 5rem;background:#111109;color:#f6eedc;font-family:system-ui,sans-serif}
.api-hero[b-p0eu0g2zzm]{margin:3rem 0 2rem;max-width:68rem}.api-hero h1[b-p0eu0g2zzm]{font:700 clamp(2.7rem,7vw,5.5rem)/.95 Georgia,serif;margin:.15rem 0 1rem}.api-hero>p:last-child[b-p0eu0g2zzm],.note[b-p0eu0g2zzm]{max-width:58rem;color:#c7b999;line-height:1.6}
.eyebrow[b-p0eu0g2zzm]{margin:0;color:#d89b3b;font-size:.78rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.api-card[b-p0eu0g2zzm]{border:1px solid #594824;border-radius:1.25rem;background:#1c1a12;padding:clamp(1.25rem,3vw,2.25rem);margin:1.25rem 0}
.section-heading[b-p0eu0g2zzm]{display:flex;align-items:center;justify-content:space-between;gap:1rem}.section-heading h2[b-p0eu0g2zzm]{font:700 2rem Georgia,serif;margin:.15rem 0 1rem}.version[b-p0eu0g2zzm]{border:1px solid #a9792f;border-radius:999px;padding:.35rem .7rem;color:#e7b358;font-size:.75rem;font-weight:800;text-transform:uppercase}
.endpoint-list[b-p0eu0g2zzm]{display:grid;gap:.7rem}.endpoint-list>div[b-p0eu0g2zzm]{display:grid;grid-template-columns:minmax(20rem,.9fr) 1.1fr;gap:1rem;padding:1rem;border:1px solid #40371f;border-radius:.7rem;background:#15140e}.endpoint-list dt[b-p0eu0g2zzm],.endpoint-list dd[b-p0eu0g2zzm]{margin:0}.endpoint-list dd[b-p0eu0g2zzm]{color:#bdae91}
.steps[b-p0eu0g2zzm]{display:grid;gap:.75rem;padding:0;list-style:none;counter-reset:step}.steps li[b-p0eu0g2zzm]{counter-increment:step;display:grid;grid-template-columns:2.3rem 12rem 1fr;align-items:start;gap:.8rem;padding:.9rem 0;border-top:1px solid #40371f}.steps li[b-p0eu0g2zzm]:before{content:counter(step);display:grid;place-items:center;width:1.8rem;height:1.8rem;border-radius:50%;background:#c88b31;color:#130f08;font-weight:800}.steps span[b-p0eu0g2zzm]{color:#bdae91}
pre[b-p0eu0g2zzm]{overflow:auto;padding:1rem;border:1px solid #40371f;border-radius:.7rem;background:#0f0f0b;color:#e7b358;line-height:1.6}code[b-p0eu0g2zzm]{font-family:"Cascadia Mono",Consolas,monospace}
button[b-p0eu0g2zzm]{font:inherit;padding:.7rem 1rem;border:1px solid #d6a24b;border-radius:.6rem;background:#bf8833;color:#17130b;cursor:pointer}button:disabled[b-p0eu0g2zzm]{opacity:.6;cursor:default}button:focus-visible[b-p0eu0g2zzm]{outline:2px solid #f6eedc;outline-offset:3px}
@media(max-width:760px){.endpoint-list>div[b-p0eu0g2zzm],.steps li[b-p0eu0g2zzm]{grid-template-columns:1fr}.steps li[b-p0eu0g2zzm]:before{grid-row:1}.steps strong[b-p0eu0g2zzm]{grid-row:1;margin-left:2.5rem}.steps span[b-p0eu0g2zzm]{grid-column:1}}
/* /Pages/Authoring.razor.rz.scp.css */
main[b-pcfhnfwj4x]{max-width:1400px;margin:auto;padding:24px;display:grid;gap:12px;color:#ece3d2}
label[b-pcfhnfwj4x],.controls[b-pcfhnfwj4x],nav[b-pcfhnfwj4x]{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
textarea[b-pcfhnfwj4x]{width:100%;min-height:480px;background:#111;color:#eee;font:12px monospace;resize:vertical}
button[b-pcfhnfwj4x],input[b-pcfhnfwj4x],select[b-pcfhnfwj4x],textarea[b-pcfhnfwj4x]{padding:10px;border:1px solid #555;border-radius:6px}
button:disabled[b-pcfhnfwj4x]{opacity:.45}a[b-pcfhnfwj4x]{color:#d8ad63}
.preview-workspace[b-pcfhnfwj4x]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}
.preview-stage[b-pcfhnfwj4x]{background:#1d1a14;border:1px solid #342d22;border-radius:12px;padding:12px;min-width:0}
@media(max-width:850px){.preview-workspace[b-pcfhnfwj4x]{grid-template-columns:minmax(0,1fr)}}
/* /Pages/SpineLibrary.razor.rz.scp.css */
.spine-library[b-bgrudxc5uf]{min-height:100vh;padding:2rem clamp(1.25rem,5vw,5rem) 5rem;background:#111109;color:#f6eedc;font-family:system-ui,sans-serif}.library-hero[b-bgrudxc5uf],.section-heading[b-bgrudxc5uf],.rig-card>header[b-bgrudxc5uf],.version-row[b-bgrudxc5uf],.actions[b-bgrudxc5uf]{display:flex;align-items:center;justify-content:space-between;gap:1rem}.library-hero[b-bgrudxc5uf]{margin:3rem 0 2rem}.library-hero h1[b-bgrudxc5uf]{font:700 clamp(2.7rem,7vw,5.5rem)/.95 Georgia,serif;margin:.15rem 0 1rem}.library-hero p[b-bgrudxc5uf]{max-width:52rem;color:#c7b999}.eyebrow[b-bgrudxc5uf]{margin:0;color:#d89b3b!important;font-size:.78rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.upload-card[b-bgrudxc5uf],.directory[b-bgrudxc5uf]{border:1px solid #594824;border-radius:1.25rem;background:#1c1a12;padding:clamp(1.25rem,3vw,2.25rem);margin:1.25rem 0}.section-heading h2[b-bgrudxc5uf]{font:700 2rem Georgia,serif;margin:.15rem 0}.step[b-bgrudxc5uf],.active[b-bgrudxc5uf]{border:1px solid #a9792f;border-radius:999px;padding:.35rem .7rem;color:#e7b358;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.form-grid[b-bgrudxc5uf]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin:1.5rem 0}.form-grid label[b-bgrudxc5uf],.file-picker[b-bgrudxc5uf]{display:flex;flex-direction:column;gap:.45rem;font-weight:700;color:#dfcfae}.form-grid input[b-bgrudxc5uf],.form-grid select[b-bgrudxc5uf],.file-picker[b-bgrudxc5uf]{border:1px solid #6c572d;border-radius:.65rem;background:#11110c;color:#fff;padding:.8rem}.file-picker input[b-bgrudxc5uf]{margin-top:.4rem}.file-picker small[b-bgrudxc5uf]{font-weight:400;color:#a99d83}.selected-files[b-bgrudxc5uf]{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.45rem;list-style:none;padding:0}.selected-files li[b-bgrudxc5uf]{display:flex;justify-content:space-between;gap:1rem;padding:.55rem .7rem;background:#11110c;border-radius:.45rem}.selected-files strong[b-bgrudxc5uf]{color:#c7b999}.primary[b-bgrudxc5uf],.secondary[b-bgrudxc5uf],.danger[b-bgrudxc5uf]{border-radius:.65rem;padding:.7rem 1rem;font-weight:800;cursor:pointer}.primary[b-bgrudxc5uf]{border:1px solid #e0a13c;background:#c88b31;color:#130f08;margin-top:1rem}.secondary[b-bgrudxc5uf]{border:1px solid #92733d;background:transparent;color:#ecd39e}.danger[b-bgrudxc5uf]{border:1px solid #9c5144;background:transparent;color:#efa395}.primary:disabled[b-bgrudxc5uf],.secondary:disabled[b-bgrudxc5uf],.danger:disabled[b-bgrudxc5uf]{opacity:.45;cursor:not-allowed}.notice[b-bgrudxc5uf]{padding:1rem;border-radius:.7rem}.notice.success[b-bgrudxc5uf]{background:#18301f;border:1px solid #3f7f50}.notice.error[b-bgrudxc5uf]{background:#3a1e19;border:1px solid #a65042}.rig-card[b-bgrudxc5uf]{border:1px solid #40371f;border-radius:.8rem;margin-top:1rem;overflow:hidden}.rig-card>header[b-bgrudxc5uf]{padding:1rem 1.2rem;background:#15140e}.rig-card h3[b-bgrudxc5uf]{margin:0;font:700 1.4rem Georgia,serif}.rig-card p[b-bgrudxc5uf]{margin:.25rem 0 0;color:#a99d83}.version-row[b-bgrudxc5uf]{padding:1rem 1.2rem;border-top:1px solid #40371f;align-items:flex-start}.version-name[b-bgrudxc5uf]{display:flex;align-items:center;gap:.6rem;min-width:10rem}.metadata[b-bgrudxc5uf]{display:flex;gap:1rem;color:#bdae91;font-size:.85rem}.file-names[b-bgrudxc5uf]{flex:1;min-width:16rem;color:#91866f;font-size:.8rem;overflow-wrap:anywhere}.actions[b-bgrudxc5uf]{justify-content:flex-end}.empty[b-bgrudxc5uf]{padding:2rem;text-align:center;color:#a99d83}@media(max-width:900px){.form-grid[b-bgrudxc5uf]{grid-template-columns:1fr 1fr}.version-row[b-bgrudxc5uf]{flex-wrap:wrap}.file-names[b-bgrudxc5uf]{order:3;width:100%}}@media(max-width:560px){.form-grid[b-bgrudxc5uf]{grid-template-columns:1fr}.library-hero[b-bgrudxc5uf]{align-items:flex-start}.version-row[b-bgrudxc5uf],.metadata[b-bgrudxc5uf]{flex-direction:column}.actions[b-bgrudxc5uf]{width:100%}.actions button[b-bgrudxc5uf]{flex:1}}
.activation-dialog[b-bgrudxc5uf]{box-sizing:border-box;width:min(32rem,calc(100vw - 2rem));max-height:calc(100dvh - 2rem);overflow:auto;border:1px solid #a9792f;border-radius:1rem;padding:1.5rem;background:#1c1a12;color:#f6eedc;font-family:system-ui,sans-serif;box-shadow:0 1rem 4rem #0008}.activation-dialog[b-bgrudxc5uf]::backdrop{background:#000b}.activation-dialog h2[b-bgrudxc5uf]{margin-top:0;font:700 1.8rem Georgia,serif}.activation-dialog p[b-bgrudxc5uf]{line-height:1.6;overflow-wrap:anywhere}.activation-dialog .actions[b-bgrudxc5uf]{justify-content:flex-end;flex-wrap:wrap}.activation-dialog .primary[b-bgrudxc5uf]{margin-top:0}.activation-dialog button:focus-visible[b-bgrudxc5uf]{outline:3px solid #f6eedc;outline-offset:3px}
/* /Pages/SpriteSheets.razor.rz.scp.css */
.sheet-page[b-rijyizzjjt] { max-width:1540px; margin:1rem auto; padding:1rem; color:#eee6d5; background:#17160f; border:1px solid #453920; border-radius:12px; }
h1[b-rijyizzjjt] { margin:.8rem 0 .2rem; }
p[b-rijyizzjjt] { margin:0 0 1rem; color:#bdaa86; }
/* /Pages/Textures.razor.rz.scp.css */
.texture-authoring[b-4la7auhs41] { max-width: 1540px; margin: 1rem auto; padding: 1rem; color: #eee6d5; background: #17160f; border: 1px solid #453920; border-radius: 12px; }
fieldset[b-4la7auhs41] { display: flex; flex-wrap: wrap; gap: 1rem; padding: 1rem; margin: 1rem 0; border: 1px solid #74603a; }
label[b-4la7auhs41] { display: grid; gap: .4rem; color: #bdaa86; }
button[b-4la7auhs41], select[b-4la7auhs41], input[b-4la7auhs41] { padding: .6rem .8rem; font: inherit; border-radius: 6px; border: 1px solid #74603a; }
input[b-4la7auhs41], select[b-4la7auhs41] { background: #17160f; color: #eee6d5; }
button[b-4la7auhs41] { cursor: pointer; color: #17160f; background: #c58d38; font-weight: 600; align-self: end; }
button:disabled[b-4la7auhs41], fieldset:disabled[b-4la7auhs41] { cursor: not-allowed; opacity: .65; }
h1:focus[b-4la7auhs41] { outline: none; }
a[b-4la7auhs41] { color: #e3b468; }
img[b-4la7auhs41] { display: block; max-width: 100%; max-height: 640px; object-fit: contain; background: #39362e; margin: 1rem 0; }
dd[b-4la7auhs41] { overflow-wrap: anywhere; margin-bottom: .7rem; }