/* =========================================================
   SHOCKER v158 — IMPERIAL COURT HOME
   The four duelists are painted only from immutable normal-card archives.
   ========================================================= */
#home-screen.v62-shocker-home.v158-imperial-court {
    --v158-court-gold:#e0bf69;
    --v158-court-gold-pale:#fff0b5;
    --v158-court-wine:#78131f;
    --v158-court-teal:#0b4650;
    background:
        radial-gradient(ellipse at 74% 31%,rgba(20,112,123,.27),transparent 31%),
        radial-gradient(ellipse at 29% 36%,rgba(145,24,39,.28),transparent 35%),
        linear-gradient(116deg,#020304 0 45.5%,#18070b 45.7% 62%,#031519 62.2% 100%) !important;
}

/* v116 intentionally suppressed the old wallpaper. v158 supplies a new,
   deliberately restrained heraldic texture and therefore restores the layers. */
#home-screen.v62-shocker-home.v158-imperial-court::before {
    content:"" !important;
    display:block !important;
    position:fixed !important;
    inset:-18% !important;
    z-index:0 !important;
    opacity:.34 !important;
    pointer-events:none !important;
    background:
        repeating-linear-gradient(118deg,transparent 0 94px,rgba(224,191,105,.035) 95px,transparent 96px 184px),
        repeating-linear-gradient(0deg,transparent 0 5px,rgba(255,255,255,.018) 6px),
        radial-gradient(ellipse at 50% 42%,rgba(224,191,105,.08),transparent 45%) !important;
    box-shadow:none !important;
    animation:v158-court-wall-drift 24s ease-in-out infinite alternate !important;
}
#home-screen.v62-shocker-home.v158-imperial-court::after {
    content:"\2660   \2665   \2666   \2663" !important;
    display:block !important;
    position:fixed !important;
    left:50% !important;
    top:52% !important;
    right:auto !important;
    bottom:auto !important;
    width:auto !important;
    height:auto !important;
    z-index:0 !important;
    transform:translate(-50%,-50%) rotate(-7deg) !important;
    border:0 !important;
    clip-path:none !important;
    opacity:.034 !important;
    color:#fff7d6 !important;
    background:none !important;
    font:900 clamp(78px,17vw,250px)/1 Georgia,serif !important;
    letter-spacing:.18em !important;
    white-space:nowrap !important;
    pointer-events:none !important;
}

#home-screen.v62-shocker-home.v158-imperial-court .home-hero {
    background:
        linear-gradient(104deg,rgba(2,3,5,.985) 0 39%,rgba(22,7,11,.90) 56%,rgba(3,24,29,.75) 100%),
        radial-gradient(circle at 77% 32%,rgba(55,160,172,.25),transparent 33%),
        radial-gradient(circle at 58% 72%,rgba(166,30,48,.25),transparent 38%) !important;
    box-shadow:
        inset 0 0 0 1px rgba(255,240,184,.05),
        inset 0 0 88px rgba(0,0,0,.74),
        0 20px 48px rgba(0,0,0,.52) !important;
}
#home-screen.v62-shocker-home.v158-imperial-court .home-hero::before {
    content:"IMPERIAL\A GRAND TABLE" !important;
    white-space:pre;
    right:-1% !important;
    top:7% !important;
    color:rgba(255,239,195,.046) !important;
    font-size:clamp(58px,9.5vw,146px) !important;
    line-height:.76 !important;
    letter-spacing:-.055em !important;
}
#home-screen.v62-shocker-home.v158-imperial-court .home-hero::after {
    border-color:rgba(224,191,105,.21) !important;
    box-shadow:inset 0 0 22px rgba(224,191,105,.025);
}
#home-screen.v62-shocker-home.v158-imperial-court .v62-home-showcase {
    display:none !important;
}

.v158-home-court {
    position:absolute;
    inset:1.5% -1.5% -1% 44%;
    z-index:4;
    overflow:hidden;
    pointer-events:none;
    isolation:isolate;
}
.v158-home-court::before {
    content:"";
    position:absolute;
    left:5%;
    right:-4%;
    bottom:-3%;
    height:42%;
    z-index:0;
    border-radius:50%;
    background:
        radial-gradient(ellipse at center,rgba(255,226,142,.20),rgba(117,22,35,.12) 37%,transparent 68%);
    filter:blur(10px);
}
.v158-home-court::after {
    content:"";
    position:absolute;
    z-index:8;
    inset:0;
    background:
        linear-gradient(90deg,rgba(3,4,6,.94),transparent 12% 88%,rgba(2,5,7,.35)),
        linear-gradient(0deg,rgba(2,3,5,.82),transparent 20% 86%,rgba(3,4,6,.18));
    pointer-events:none;
}
.v158-court-atmosphere,
.v158-court-split,
.v158-court-seal,
.v158-court-floor {
    position:absolute;
    pointer-events:none;
}
.v158-court-atmosphere {
    inset:0;
    z-index:0;
    overflow:hidden;
}
.v158-court-atmosphere::before,
.v158-court-atmosphere::after {
    content:"";
    position:absolute;
    top:-20%;
    bottom:-12%;
    width:34%;
    opacity:.24;
    filter:blur(.2px);
}
.v158-court-atmosphere::before {
    left:13%;
    transform:skewX(-18deg);
    background:linear-gradient(90deg,transparent,rgba(159,28,45,.55),transparent);
}
.v158-court-atmosphere::after {
    right:3%;
    transform:skewX(15deg);
    background:linear-gradient(90deg,transparent,rgba(47,142,154,.48),transparent);
}
.v158-court-split {
    z-index:1;
    left:51%;
    top:-15%;
    width:1px;
    height:132%;
    transform:rotate(11deg);
    transform-origin:center;
    background:linear-gradient(transparent,rgba(255,231,161,.28) 18% 78%,transparent);
    box-shadow:0 0 18px rgba(224,191,105,.18);
}
.v158-court-seal {
    z-index:1;
    left:54%;
    top:41%;
    width:clamp(90px,15vw,220px);
    aspect-ratio:1;
    translate:-50% -50%;
    border:1px solid rgba(224,191,105,.13);
    border-radius:50%;
    opacity:.58;
    box-shadow:inset 0 0 0 7px rgba(224,191,105,.025),inset 0 0 0 8px rgba(224,191,105,.09);
}
.v158-court-seal::before,
.v158-court-seal::after {
    content:"";
    position:absolute;
    left:50%;
    top:50%;
    translate:-50% -50%;
    rotate:45deg;
    border:1px solid rgba(224,191,105,.18);
}
.v158-court-seal::before { width:58%;height:58%; }
.v158-court-seal::after { width:24%;height:24%;background:rgba(224,191,105,.05); }
.v158-court-floor {
    z-index:1;
    left:2%;
    right:0;
    bottom:4%;
    height:1px;
    background:linear-gradient(90deg,transparent,rgba(224,191,105,.62),transparent);
    box-shadow:0 0 16px rgba(224,191,105,.32);
}

.v158-court-figure {
    --v158-x:0;
    --v158-r:0deg;
    --v158-scale:1;
    --v158-accent:#e0bf69;
    position:absolute;
    z-index:var(--v158-z,3);
    bottom:2.5%;
    width:34%;
    height:87%;
    margin:0;
    transform:translateX(var(--v158-x)) rotate(var(--v158-r)) scale(var(--v158-scale));
    transform-origin:50% 100%;
    filter:drop-shadow(0 19px 17px rgba(0,0,0,.86));
    animation:v158-court-arrive .72s cubic-bezier(.16,.84,.24,1) both;
    animation-delay:var(--v158-delay,0s);
    pointer-events:none;
}
.v158-court-card {
    position:absolute;
    inset:0;
    overflow:hidden;
    border:1px solid color-mix(in srgb,var(--v158-accent) 70%,#e0bf69);
    border-radius:clamp(7px,1vw,13px);
    background:#070809;
    box-shadow:
        inset 0 0 0 3px rgba(4,5,6,.94),
        inset 0 0 0 4px rgba(255,235,170,.20),
        0 0 28px color-mix(in srgb,var(--v158-accent) 18%,transparent);
    animation:v158-court-breathe 8s ease-in-out infinite;
    animation-delay:var(--v158-float-delay,0s);
}
.v158-court-card::before {
    content:"";
    position:absolute;
    z-index:2;
    inset:5px;
    border:1px solid rgba(255,239,192,.16);
    border-radius:calc(clamp(7px,1vw,13px) - 3px);
    pointer-events:none;
}
.v158-court-card::after {
    content:"";
    position:absolute;
    z-index:3;
    top:-34%;
    left:-72%;
    width:34%;
    height:168%;
    transform:rotate(18deg);
    background:linear-gradient(90deg,transparent,rgba(255,247,211,.18),transparent);
    animation:v158-court-glint 9s ease-in-out infinite;
    animation-delay:var(--v158-glint-delay,0s);
}
.v158-court-figure img {
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    object-position:50% 20%;
    user-select:none;
    -webkit-user-drag:none;
    pointer-events:none;
    background:#08090a;
}
.v158-court-figure figcaption {
    position:absolute;
    z-index:5;
    left:50%;
    bottom:5.2%;
    translate:-50% 0;
    max-width:88%;
    padding:5px 10px 5px 11px;
    overflow:hidden;
    border-left:2px solid var(--v158-accent);
    color:#f2e4bd;
    background:linear-gradient(90deg,rgba(2,3,4,.92),rgba(3,4,5,.55));
    font:700 clamp(6px,.63vw,9px)/1.1 Georgia,"Yu Mincho",serif;
    letter-spacing:.08em;
    text-overflow:ellipsis;
    text-shadow:0 2px 4px #000;
    white-space:nowrap;
}
.v158-court-figure.is-leonard {
    left:2%;
    --v158-z:3;
    --v158-r:-7deg;
    --v158-scale:.90;
    --v158-accent:#bc3042;
    --v158-delay:.07s;
    --v158-float-delay:-1.2s;
    --v158-glint-delay:3.8s;
    filter:brightness(.84) saturate(.88) drop-shadow(0 19px 17px rgba(0,0,0,.86));
}
.v158-court-figure.is-riana {
    left:31%;
    bottom:0;
    height:96%;
    --v158-z:6;
    --v158-r:-.5deg;
    --v158-scale:1.04;
    --v158-accent:#e0bf69;
    --v158-delay:.16s;
    --v158-float-delay:-3.4s;
    --v158-glint-delay:1.2s;
}
.v158-court-figure.is-noir {
    right:-3%;
    --v158-z:4;
    --v158-r:7deg;
    --v158-scale:.91;
    --v158-accent:#43a38b;
    --v158-delay:.25s;
    --v158-float-delay:-5s;
    --v158-glint-delay:5.4s;
    filter:brightness(.87) saturate(.9) drop-shadow(0 19px 17px rgba(0,0,0,.86));
}
.v158-court-figure.is-ordivo {
    left:59%;
    bottom:26%;
    width:27%;
    height:70%;
    --v158-z:2;
    --v158-r:5deg;
    --v158-scale:.86;
    --v158-accent:#4c91d4;
    --v158-delay:0s;
    --v158-float-delay:-6.2s;
    --v158-glint-delay:6.7s;
    opacity:.66;
    filter:brightness(.59) saturate(.72) drop-shadow(0 15px 15px rgba(0,0,0,.9));
}
.v158-court-figure.is-ordivo figcaption { display:none; }
.v158-court-figure.is-missing { display:none; }

#home-screen.v62-shocker-home.v158-imperial-court .home-hero-copy {
    z-index:12 !important;
    width:46% !important;
}
#home-screen.v62-shocker-home.v158-imperial-court .home-season {
    border-left-color:#c02639 !important;
    color:#dfc678 !important;
    box-shadow:inset 0 -1px rgba(224,191,105,.12);
}
#home-screen.v62-shocker-home.v158-imperial-court .home-hero-title {
    color:#fff2c5 !important;
    text-shadow:0 5px 0 #000,0 12px 34px rgba(0,0,0,.94),0 0 28px rgba(224,191,105,.13) !important;
}
#home-screen.v62-shocker-home.v158-imperial-court .home-hero-title em {
    color:var(--v158-court-gold) !important;
}
#home-screen.v62-shocker-home.v158-imperial-court .v62-mechanic {
    border-color:rgba(224,191,105,.34);
    background:linear-gradient(105deg,rgba(9,9,10,.86),rgba(61,17,24,.52));
    box-shadow:inset 2px 0 rgba(145,25,40,.5);
}
#home-screen.v62-shocker-home.v158-imperial-court .home-notice {
    border-color:rgba(224,191,105,.43) !important;
    background:
        linear-gradient(90deg,rgba(123,18,32,.21),transparent 42%),
        linear-gradient(125deg,rgba(36,11,16,.93),rgba(4,8,9,.95)) !important;
    box-shadow:inset 0 0 0 1px rgba(255,241,191,.025),0 9px 20px rgba(0,0,0,.25);
}
#home-screen.v62-shocker-home.v158-imperial-court .home-menu-btn {
    border-color:rgba(224,191,105,.34) !important;
    background:
        linear-gradient(105deg,rgba(137,24,39,.08),transparent 38%),
        linear-gradient(115deg,rgba(30,27,22,.97),rgba(3,7,8,.99)) !important;
    box-shadow:inset 0 1px rgba(255,244,202,.055),inset 3px 0 rgba(224,191,105,.055),0 9px 21px rgba(0,0,0,.35) !important;
}
#home-screen.v62-shocker-home.v158-imperial-court .home-menu-btn:hover,
#home-screen.v62-shocker-home.v158-imperial-court .home-menu-btn:focus-visible {
    border-color:rgba(255,229,156,.82) !important;
    box-shadow:inset 3px 0 rgba(224,191,105,.42),0 10px 24px rgba(0,0,0,.48),0 0 18px rgba(224,191,105,.08) !important;
}
#home-screen.v62-shocker-home.v158-imperial-court .home-menu-btn.primary {
    background:
        radial-gradient(circle at 88% 18%,rgba(41,123,132,.18),transparent 36%),
        linear-gradient(105deg,rgba(124,18,34,.98),rgba(45,8,15,.98) 54%,rgba(4,19,23,.98)) !important;
    box-shadow:inset 0 1px rgba(255,242,197,.16),inset 4px 0 #d9b766,0 12px 28px rgba(0,0,0,.52),0 0 26px rgba(151,24,42,.18) !important;
}

@keyframes v158-court-arrive {
    from { opacity:0;translate:0 7%; }
    to { opacity:1;translate:0 0; }
}
@keyframes v158-court-breathe {
    0%,100% { translate:0 0; }
    50% { translate:0 -1.15%; }
}
@keyframes v158-court-glint {
    0%,62% { left:-72%;opacity:0; }
    70% { opacity:.75; }
    83%,100% { left:142%;opacity:0; }
}
@keyframes v158-court-wall-drift {
    from { transform:translate3d(-1.2%,0,0) scale(1.01); }
    to { transform:translate3d(1.2%,0,0) scale(1.035); }
}

@media (max-width:900px) {
    .v158-home-court { inset:1% -2% -1% 43%; }
    .v158-court-figure { width:35%; }
    .v158-court-figure.is-riana { left:29%; }
    .v158-court-figure.is-ordivo { left:58%; }
    #home-screen.v62-shocker-home.v158-imperial-court .home-hero-copy { width:48% !important; }
}

@media (max-width:700px) {
    .v158-home-court { inset:0 -4% -2% 46%; }
    .v158-court-figure { width:39%;height:91%; }
    .v158-court-figure.is-leonard { left:-5%;--v158-scale:.86;opacity:.78; }
    .v158-court-figure.is-riana { left:27%;height:98%;--v158-scale:1; }
    .v158-court-figure.is-noir { right:-11%;--v158-scale:.86;opacity:.8; }
    .v158-court-figure.is-ordivo { left:60%;bottom:29%;width:31%;height:66%;opacity:.48; }
    .v158-court-figure figcaption { display:none; }
    .v158-court-seal { left:53%;width:120px; }
    #home-screen.v62-shocker-home.v158-imperial-court .home-hero-copy { width:56% !important; }
    #home-screen.v62-shocker-home.v158-imperial-court .home-hero-title { font-size:clamp(25px,8vw,37px) !important; }
}

@media (max-width:480px) {
    .v158-home-court { left:49%; }
    .v158-court-figure.is-ordivo { display:none; }
    .v158-court-figure.is-leonard { left:-11%; }
    .v158-court-figure.is-riana { left:23%;width:44%; }
    .v158-court-figure.is-noir { right:-18%; }
    #home-screen.v62-shocker-home.v158-imperial-court .home-hero-copy { width:59% !important; }
}

@media (max-height:650px) and (min-width:701px) {
    .v158-home-court { inset:0 -1% -3% 46%; }
    .v158-court-figure figcaption { display:none; }
    .v158-court-figure.is-ordivo { opacity:.42; }
    #home-screen.v62-shocker-home.v158-imperial-court .home-hero-copy { width:49% !important; }
}

@media (max-height:560px) and (orientation:landscape) {
    .v158-home-court { left:49%; }
    .v158-court-figure.is-ordivo { display:none; }
    .v158-court-figure.is-leonard { left:-5%; }
    .v158-court-figure.is-riana { left:27%; }
    .v158-court-figure.is-noir { right:-10%; }
    .v158-court-seal { width:92px; }
    #home-screen.v62-shocker-home.v158-imperial-court .home-hero-copy { width:54% !important; }
}

@media (prefers-reduced-motion:reduce) {
    #home-screen.v62-shocker-home.v158-imperial-court::before,
    .v158-court-figure,
    .v158-court-card,
    .v158-court-card::after {
        animation:none !important;
    }
    .v158-court-figure { opacity:1;translate:0 0; }
    .v158-court-card::after { display:none; }
}

@media (forced-colors:active) {
    .v158-home-court { opacity:.72; }
    .v158-court-card { border:2px solid CanvasText;box-shadow:none; }
}

/* v190: hold each card for two seconds, then swap in 400ms.
   The native battle-card ratio is preserved at every viewport size. */
#home-screen.v190-home-carousel .v158-home-court {
    container-type:size;
}
#home-screen.v190-home-carousel .v158-court-figure.is-carousel {
    left:50%;
    right:auto;
    top:48%;
    bottom:auto;
    width:48%;
    width:min(48cqw, calc(88cqh * 925 / 1281));
    height:auto;
    aspect-ratio:925 / 1281;
    opacity:0;
    translate:none;
    visibility:hidden;
    transform:translate3d(150%,-43%,0) rotate(12deg) scale(.72);
    transform-origin:50% 50%;
    filter:drop-shadow(0 12px 14px rgba(0,0,0,.75));
    animation:none;
    transition:transform .4s cubic-bezier(.22,.8,.3,1), opacity .25s ease;
}
#home-screen.v190-home-carousel .v158-court-figure.is-carousel.is-missing { display:none; }
#home-screen.v190-home-carousel .v158-court-figure[data-carousel-slot="center"] {
    transform:translate3d(-50%,-50%,0);opacity:1;visibility:visible;z-index:6;
}
#home-screen.v190-home-carousel .v158-court-figure[data-carousel-slot="left"] {
    transform:translate3d(-150%,-45%,0) rotate(-7deg) scale(.83);opacity:.76;visibility:visible;z-index:3;
}
#home-screen.v190-home-carousel .v158-court-figure[data-carousel-slot="right"] {
    transform:translate3d(50%,-45%,0) rotate(7deg) scale(.83);opacity:.76;visibility:visible;z-index:3;
}
#home-screen.v190-home-carousel .v158-court-figure[data-carousel-slot="enter"] {
    transform:translate3d(150%,-43%,0) rotate(12deg) scale(.72);visibility:visible;z-index:2;
}
#home-screen.v190-home-carousel .v158-court-figure[data-carousel-slot="exit"] {
    transform:translate3d(-250%,-43%,0) rotate(-12deg) scale(.72);visibility:visible;z-index:2;
}
#home-screen.v190-home-carousel .v158-court-figure .v190-card-toggle {
    display:block;
    width:100%;height:100%;
    padding:0;margin:0;
    border:0;
    overflow:visible;
    background:transparent;
    box-shadow:none;
    color:inherit;
    font:inherit;
    cursor:pointer;
    touch-action:manipulation;
    pointer-events:none;
    perspective:900px;
    animation:none;
    -webkit-tap-highlight-color:transparent;
}
#home-screen.v190-home-carousel .v158-court-figure[aria-hidden="false"] .v190-card-toggle {
    pointer-events:auto;
}
#home-screen.v190-home-carousel .v190-card-toggle::before,
#home-screen.v190-home-carousel .v190-card-toggle::after {
    content:none;animation:none;
}
#home-screen.v190-home-carousel .v190-card-toggle:focus-visible {
    outline:3px solid #fff1b7;
    outline-offset:4px;
}
#home-screen.v190-home-carousel .v190-card-faces {
    position:absolute;inset:0;
    border-radius:inherit;
    transform-style:preserve-3d;
    transition:transform .52s cubic-bezier(.2,.75,.25,1);
}
#home-screen.v190-home-carousel .v190-card-toggle.is-awaken .v190-card-faces {
    transform:rotateY(180deg);
}
#home-screen.v190-home-carousel .v190-card-face {
    position:absolute;inset:0;
    display:block;
    box-sizing:border-box;
    overflow:hidden;
    border:1px solid color-mix(in srgb,var(--v158-accent) 70%,#e0bf69);
    border-radius:inherit;
    background:#070809;
    box-shadow:inset 0 0 0 3px rgba(4,5,6,.9), 0 0 20px color-mix(in srgb,var(--v158-accent) 18%,transparent);
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
}
#home-screen.v190-home-carousel .v190-card-face.is-awaken {
    transform:rotateY(180deg);
    border-color:#f5e3a0;
    box-shadow:0 0 24px color-mix(in srgb,var(--v158-accent) 45%,transparent), inset 0 0 0 2px rgba(255,239,192,.22);
}
#home-screen.v190-home-carousel .v158-court-figure img {
    object-fit:contain;object-position:center;
}
#home-screen.v190-home-carousel .v158-court-figure figcaption { pointer-events:none; }
#home-screen.v190-home-carousel .v190-court-hint {
    position:absolute;z-index:9;
    left:50%;bottom:2%;translate:-50% 0;
    padding:3px 8px;
    border-radius:20px;
    color:#e6d8ac;background:rgba(3,4,6,.72);
    font:600 clamp(8px,.7vw,11px)/1.4 "Yu Gothic",sans-serif;
    white-space:nowrap;
    pointer-events:none;
}
#home-screen.v190-home-carousel .v190-court-live {
    position:absolute;width:1px;height:1px;padding:0;margin:-1px;
    overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0;
}
@media (prefers-reduced-motion:reduce) {
    #home-screen.v190-home-carousel .v158-court-figure,
    #home-screen.v190-home-carousel .v190-card-faces { transition:none; }
}