/* Calling Cards gallery; whole artwork with no additional frame. */
.cards103{max-width:1580px;margin:0 auto;padding:8px 0 28px;color:#edf3f6}
.cards103 .cards81-head{margin-bottom:26px}
.cards103 .cards81-head h1{font-size:clamp(26px,3vw,42px);font-weight:800;letter-spacing:.025em;margin:6px 0 8px}
.cards103 .cards81-head>p:last-child{color:#9eafb7;font-size:14px}
.cards103 .cards103-kicker{color:#96a9ae;font-size:10px;font-weight:700;letter-spacing:.16em;line-height:1.5;margin:0 0 12px}
.cards103 .cards81-tabs{border:0;border-bottom:1px solid #b8d6df25;border-radius:0;background:transparent;padding:0;gap:26px;margin:0 0 26px;width:100%;box-shadow:none}
.cards103 .cards81-tabs button{padding:12px 0;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;min-height:48px;font-size:12px;letter-spacing:.07em;color:#8fa1aa;box-shadow:none}
.cards103 .cards81-tabs button[aria-pressed=true]{color:#eefbff;border-bottom-color:#7fe2ec;background:transparent;box-shadow:none}
.cards103 .cards81-tabs button span{background:#b2dbe314;border-radius:3px;font-size:10px;min-height:20px;min-width:22px}
.cards103 .cards103-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 14px;align-items:start}
.cards103 .cards103-item{display:block;min-width:0;width:100%;padding:0;margin:0;border:0;border-radius:0;background:transparent;color:#a4b4bb;text-align:left;font:inherit;cursor:default;box-shadow:none;transition:color .15s}
.cards103 .cards103-item>img{display:block;width:100%;height:auto;aspect-ratio:723/191;object-fit:contain;border:0;border-radius:0;filter:drop-shadow(0 4px 6px #0005);transition:filter .15s}
.cards103 .cards103-item[aria-pressed=true]{color:#c5f9ff}
.cards103 .cards103-item:hover{color:white}
.cards103 .cards103-item:hover>img{filter:drop-shadow(0 4px 8px #0009) brightness(1.08)}
.cards103 .cards103-item:focus-visible{outline:2px solid #b8f3ff;outline-offset:5px}
@media(max-width:600px){.cards103 .cards103-grid{grid-template-columns:minmax(0,1fr)}.cards103 .cards81-head{margin-bottom:18px}}
@media(prefers-reduced-motion:reduce){.cards103 *{transition:none!important}}

@media(max-width:1100px){.cards103 .cards103-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.cards103 .cards103-grid{grid-template-columns:minmax(0,1fr)}}

/* Deep black atmosphere, with restrained smoke and light above the gallery. */
body:has(.cards103),
:is(body.forge-live-theme,body.demo-mode) .app.online47:has(.cards103) .main{
 background-color:#030405!important;
 background-image:radial-gradient(ellipse at 14% 0%,#38414733 0%,transparent 48%),radial-gradient(ellipse at 88% 36%,#1d292c22 0%,transparent 45%),linear-gradient(135deg,#060809 0%,#020303 58%,#080a0b 100%)!important;
 background-attachment:fixed!important;
 min-height:100vh;
}
:is(body.forge-live-theme,body.demo-mode) .app.online47:has(.cards103) .main::before{display:none!important}
.cards103 .cards81-head h1{color:#f3f5f5;text-shadow:0 2px 18px #ffffff12}
.cards103 .cards81-tabs{border-bottom-color:#ffffff1c}
.cards103 .cards81-tabs button{color:#88908f}
.cards103 .cards81-tabs button[aria-pressed=true]{color:#f2ffff;border-bottom-color:#a9d6d3;text-shadow:0 0 16px #b8fff636}
.cards103 .cards103-item>img{filter:drop-shadow(0 5px 9px #000b)}
.cards103 .cards103-item:hover>img{filter:drop-shadow(0 7px 13px #000e) brightness(1.07)}

/* Generated samurai background. */
body:has(.cards103),
:is(body.forge-live-theme,body.demo-mode) .app.online47:has(.cards103) .main{
 background-image:linear-gradient(90deg,#020303b8,#020303d1),url('/assets/samurai-background103.webp')!important;
 background-position:center,right center!important;
 background-size:cover,cover!important;
 background-repeat:no-repeat!important;
 background-attachment:fixed!important;
}
@media(max-width:760px){
 body:has(.cards103),
 :is(body.forge-live-theme,body.demo-mode) .app.online47:has(.cards103) .main{
  background-position:center,70% center!important;
 }
}

.cards103 .cards81-tabs{flex-wrap:wrap;max-width:100%;box-sizing:border-box}
.cards103 .cards81-tabs button{min-height:48px;touch-action:manipulation}
@media(max-width:760px){body:has(.cards103),:is(body.forge-live-theme,body.demo-mode) .app.online47:has(.cards103) .main{background-image:linear-gradient(90deg,#020303b8,#020303d1),url('/assets/samurai-background103-mobile.webp')!important;background-attachment:scroll!important;background-position:center,70% top!important;background-size:cover,auto 100svh!important}}

/* Scope gallery overrides above older shared SKILLZONE decoration. */
:is(body.forge-live-theme,body.demo-mode) .app.online47 #content:has(.cards103)::before,
:is(body.forge-live-theme,body.demo-mode) .app.online47 #content:has(.cards103)::after{display:none!important;content:none!important}
:is(body.forge-live-theme,body.demo-mode) .app.online47 #content .cards103 .cards81-tabs{background:transparent!important;border:0!important;border-bottom:1px solid #ffffff1c!important;border-radius:0!important;padding:0!important;box-shadow:none!important;gap:26px!important}
:is(body.forge-live-theme,body.demo-mode) .app.online47 #content .cards103 .cards81-tabs button{background:transparent!important;border:0!important;border-bottom:2px solid transparent!important;border-radius:0!important;box-shadow:none!important;padding:12px 0!important;min-height:48px!important;color:#88908f!important}
:is(body.forge-live-theme,body.demo-mode) .app.online47 #content .cards103 .cards81-tabs button[aria-pressed=true]{color:#f2ffff!important;border-bottom-color:#a9d6d3!important}

/* One full RANK card and its name per row; original artwork stays intact. */
.cards103 .cards103-grid.ranks105-list{grid-template-columns:minmax(0,1fr);max-width:1120px;gap:20px}
.cards103 .ranks105-list .cards103-item{display:grid;grid-template-columns:minmax(0,3.2fr) minmax(160px,1fr);gap:28px;align-items:center}
.cards103 .ranks105-list .rank105-name{position:static;display:block;margin:0;padding:0;background:none;border:0;color:#e5eceb;font:700 clamp(13px,1.25vw,18px)/1.45 Arial,sans-serif;letter-spacing:.055em;text-transform:uppercase;overflow-wrap:normal;word-break:normal}
@media(max-width:760px){.cards103 .ranks105-list .cards103-item{grid-template-columns:minmax(0,1fr) 112px;gap:18px}.cards103 .ranks105-list .rank105-name{font-size:13px;letter-spacing:.03em}}
@media(max-width:600px){.cards103 .cards103-grid.ranks105-list{gap:18px}.cards103 .ranks105-list .cards103-item{grid-template-columns:minmax(0,1fr) 88px;gap:12px}.cards103 .ranks105-list .rank105-name{font-size:11px;letter-spacing:.025em}}