/* Both wardrobe tabs share one bounded content row. Skin trial actions remain
   in intrinsically sized articles; the options list scrolls instead of clipping them. */
#v142-skin-vault .v200-wardrobe-shell { min-height:0;max-height:100%;grid-template-rows:auto auto minmax(0,1fr); }
#v201-wardrobe-body { min-width:0;min-height:0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);overflow:hidden; }
#v201-wardrobe-body > [role="tabpanel"] { grid-area:1 / 1;min-width:0;min-height:0; }
#v200-character-wardrobe-panel { overflow:hidden;grid-template-columns:minmax(180px,.30fr) minmax(0,1fr); }
#v200-character-wardrobe-panel #v142-skin-options { grid-auto-rows:max-content;align-content:start;overscroll-behavior:contain;scroll-padding-block:12px; }
#v200-character-wardrobe-panel .v175-appearance-actions { flex-wrap:wrap; }
#v200-character-wardrobe-panel .v175-appearance-actions button { flex:1 1 130px; }
#v200-character-wardrobe-panel[hidden],#v200-cardback-panel[hidden] { display:none !important; }
.v200-wardrobe-tabs { display:flex;gap:8px;padding:9px clamp(14px,2.4vw,32px);border-bottom:1px solid #d9b75e38;background:#090b0b; }
.v200-wardrobe-tabs button { flex:0 1 220px;min-height:40px;border:1px solid #d9b75e44;background:#151412;color:#b8ad93;font:600 13px/1.4 Georgia,"Yu Mincho",serif;cursor:pointer; }
.v200-wardrobe-tabs button[aria-selected="true"] { border-color:#e8c974;background:linear-gradient(110deg,#641e2c,#231815);color:#fff0ba;box-shadow:inset 0 -2px #e8c974; }
.v200-wardrobe-tabs button:focus-visible,.v200-cardback-choice:focus-visible,#v200-cardback-pass-entry:focus-visible { outline:2px solid #fff0c0;outline-offset:3px; }
#v200-cardback-panel { min-height:0;min-width:0;display:grid;grid-template-columns:minmax(230px,.34fr) minmax(0,1fr);overflow:hidden; }
.v200-cardback-dossier { min-height:0;overflow:auto;padding:24px clamp(16px,2.2vw,30px);border-right:1px solid #d9b75e38;background:radial-gradient(circle at 50% 38%,#76452130,transparent 58%),#080a0b; }
.v200-cardback-dossier > small { display:block;color:#a98c55;font:700 9px/1.4 "Courier New",monospace;letter-spacing:.12em; }
.v200-cardback-dossier h3 { margin:8px 0 18px;font-size:23px;font-weight:500; }
#v200-cardback-preview { display:flex;justify-content:center;margin:16px 0 22px; }
#v200-cardback-preview .v200-cardback-art { width:min(180px,75%); }
#v200-cardback-equipped-name { display:block;margin-top:6px;font-size:17px;color:#f8e7bd; }
.v200-cardback-dossier p { color:#a89d87;font:12px/1.8 sans-serif; }
#v200-cardback-owned-count { display:block;color:#d9c082;font:700 12px/1.5 sans-serif; }
#v200-cardback-pass-entry { display:block;width:100%;min-height:42px;margin:17px 0 0;padding:9px;border:1px solid #617e6e;background:linear-gradient(135deg,#183c32,#0b1d18);color:#d4eadc;font:600 12px/1.5 sans-serif;cursor:pointer; }
#v200-cardback-status { min-height:2em;color:#e7c87d; }
#v200-cardback-choices { min-height:0;overflow:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;align-content:start;padding:24px;scrollbar-color:#715b2e #080808;scrollbar-width:thin; }
.v200-cardback-choice { min-width:0;display:flex;flex-direction:column;align-items:center;gap:15px;padding:20px 13px 15px;border:1px solid #d9b75e40;background:radial-gradient(circle at 50% 25%,#866c392a,transparent 60%),#101112;color:#efdeb5;text-align:center;cursor:pointer; }
.v200-cardback-choice:hover:not(:disabled) { border-color:#e8c974;background-color:#191514; }
.v200-cardback-choice.is-selected { border-color:#efd07c;box-shadow:inset 0 0 0 1px #efd07c40; }
.v200-cardback-choice:disabled { cursor:default; }
.v200-cardback-choice.is-locked .v200-cardback-art { filter:saturate(.7);opacity:.75; }
.v200-cardback-art { display:block;position:relative;width:110px;aspect-ratio:5/7;border:1px solid #d8b85f;border-radius:8px;overflow:hidden;background:#13090d;box-shadow:0 10px 25px #0009;color:#e7d092;font:700 28px/1 Georgia,serif; }
.v200-cardback-art img { display:block;width:100%;height:100%;object-fit:fill; }
.v200-cardback-copy { display:block;min-width:0;width:100%; }
.v200-cardback-copy strong { display:block;font:500 17px/1.5 Georgia,"Yu Mincho",serif; }
.v200-cardback-copy small { display:block;min-height:2.8em;margin-top:5px;color:#958d7b;font:11px/1.5 sans-serif; }
.v200-cardback-copy em { display:block;margin-top:10px;padding-top:9px;border-top:1px solid #d9b75e25;color:#c9b578;font:normal 700 12px/1.5 sans-serif; }
.v200-cardback-choice.is-selected .v200-cardback-copy em { color:#fbe7a8; }
/* Earlier earned patterns are still shown with their original battle artwork. */
.v200-cardback-art[data-cardback-id="discarded-decree"] { background:linear-gradient(154deg,transparent 42%,#e2c67a3d 43% 44%,transparent 45%),radial-gradient(circle at 50% 49%,#8e2133 0 7%,#d0ac59 8% 9%,transparent 10% 22%,#d0ac5952 23% 24%,transparent 25%),repeating-linear-gradient(45deg,#110709 0 8px,#310c13 8px 10px);border-color:#c8aa60; }
.v200-cardback-art[data-cardback-id="emerald-code"] { background:radial-gradient(circle at center,#d6bb6c 0 3%,#225f49 4% 14%,transparent 15% 27%,#d6bb6c47 28% 29%,transparent 30%),repeating-conic-gradient(from 45deg,#06110e 0 12deg,#194a39 12deg 24deg);border-color:#d6bb6c; }
.v200-cardback-art[data-cardback-id="twin-regalia"] { background:radial-gradient(circle at 43% 50%,#358e6ae6 0 8%,transparent 9%),radial-gradient(circle at 57% 50%,#9f2436eb 0 8%,transparent 9%),radial-gradient(circle at center,transparent 0 23%,#d7b65e 24% 25%,transparent 26%),repeating-conic-gradient(#18090d 0 10deg,#3b151b 10deg 20deg);border-color:#f0d079; }
@media(max-width:820px) {
  #v200-character-wardrobe-panel { grid-template-columns:minmax(0,1fr);grid-template-rows:84px minmax(0,1fr); }
  .v200-wardrobe-tabs { gap:5px;padding:6px 10px; }
  .v200-wardrobe-tabs button { flex:1;min-height:40px;font-size:12px; }
  #v200-cardback-panel { grid-template-columns:1fr;overflow:auto; }
  .v200-cardback-dossier { overflow:visible;border-right:0;border-bottom:1px solid #d9b75e38;padding:18px 16px; }
  .v200-cardback-dossier h3 { font-size:20px; }
  #v200-cardback-preview .v200-cardback-art { width:125px; }
  #v200-cardback-choices { overflow:visible;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:16px 10px; }
  .v200-cardback-choice { padding:14px 9px;gap:10px; }
  .v200-cardback-choice .v200-cardback-art { width:min(110px,90%); }
  .v200-cardback-copy strong { font-size:14px; }
  .v200-cardback-copy small { font-size:10px; }
}
@media(max-height:640px) and (orientation:landscape) {
  #v200-character-wardrobe-panel { grid-template-columns:minmax(150px,28vw) minmax(0,1fr);grid-template-rows:minmax(0,1fr); }
  .v200-wardrobe-tabs { padding-block:4px; }
  .v200-wardrobe-tabs button { min-height:34px; }
  #v200-cardback-preview .v200-cardback-art { width:105px; }
  .v200-cardback-dossier { padding-block:14px; }
  .v200-cardback-dossier h3 { margin-block:5px 8px; }
  #v200-cardback-choices { padding:14px;gap:11px; }
}
@media(max-width:820px) and (max-height:640px) and (orientation:landscape) {
  #v200-character-wardrobe-panel { grid-template-columns:minmax(0,1fr);grid-template-rows:72px minmax(0,1fr); }
}
@media(prefers-reduced-motion:reduce) { .v200-cardback-choice { transition:none; } }