/* Complete the design system inside views, as well as around them. */
body .rd-page .rd-page-header{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:18px;min-height:280px;padding:36px!important;margin:0 0 30px!important;border:0!important;background:linear-gradient(90deg,#101010ee 0%,#101010ca 44%,#10101030 100%),var(--header-art,url('/assets/hero.png')) center 42%/cover}
body .rd-page .rd-page-header h2{font:400 clamp(34px,4.6vw,62px)/1.06 var(--disp)!important;letter-spacing:-.015em;max-width:760px}
body .rd-page .rd-page-header .sec-note{max-width:640px;color:#eee7db;text-shadow:0 1px 5px #000;font-size:15px;line-height:1.65}
#banzuke,#news,#ranks{--header-art:url('/assets/arena.png')}
#venue{--header-art:url('/assets/venue-kokugikan.png')}
#stables,#learn,#journey{--header-art:url('/assets/hero.png')}
#collection,#forge-view{--header-art:url('/assets/pack-reference.png')}
body .rd-account-entry{float:none;margin:0;text-align:right;padding:4px 0}
body .rd-page :is(.lvlcard,.streakcard,.quest,.ach,.qlocked,.tradebox,.tradecard,.wishbox,.pbox,.pcard,.chcard,.fitem,.dcard){border-radius:0;box-shadow:none;background:#22221f;border:1px solid #575248}
body .rd-page :is(.lvlcard,.streakcard){padding:28px;min-height:220px}
body .rd-page .lvlcard{background:#f1e9d9;color:#141414;border:0;border-top:5px solid #cc352c}
body .lvlcard :is(.lvl-lbl,.lvtitle,.lvn,.xpnote,.xpnote b){color:#191918}
body .lvlcard .lvn{font:80px/1 var(--disp);color:#cc352c}
body .lvlcard .lvtitle{font:34px/1.1 var(--disp);text-transform:uppercase}
body .lvlcard .lvkanji{color:#786342}
body .lvlcard .xpnote{font:14px/1.6 var(--ui);letter-spacing:0;margin-top:14px}
body .rd-page :is(.xpbar,.qprog){border-radius:0;background:#19191826;height:8px}
body .rd-page :is(.xpbar,.qprog) i{border-radius:0;background:#cc352c}
body .rd-page .qprog{background:#ffffff20}
body .rd-page :is(.qtitle,.atitle,.streakcard h4){font-family:var(--disp);font-weight:400;letter-spacing:.02em}
body .rd-page .qtitle{font-size:23px}
body .rd-page .atitle{font-size:20px}
body .rd-page .streakcard h4{font-size:21px;color:#f1e9d9}
body .rd-page .streakdots i{border-radius:0}
body .rd-page .streakdots i.on{background:#cc352c;color:#fff}
body .rd-page .quest{padding:22px;border-top:3px solid #b69a62}
body .rd-page .quest.ready{border-top-color:#cc352c;background:#2c2420}
body .rd-page .quest.done{border-top-color:#668877}
body .rd-page .ach{padding:20px;opacity:.8}
body .rd-page .ach.got{background:#302a21;border-top:3px solid #b69a62}
body .rd-page :is(.qclaim,.pill,.cfoil,button:not(.tcard)){border-radius:0}
body .rd-page .qlocked{padding:28px;border-style:dashed;text-align:left}
body .rd-page :is(.qdetail,.adetail,.streaknote){font-size:13px;line-height:1.6}
/* Matching sealed red tournament wrapper. */
body #collection .packopt[data-pack="aki"]::before,body #pack[data-pack-style="aki"] .foilwrap::before{content:'';background:url('/assets/pack-standard.png') center/cover no-repeat;animation:none;transform:none}
body #pack[data-pack-style="aki"] .crest{display:none}
/* Original character illustrations with collectible foil depth. */
body .rd-card .tfig,body .rd-card.sm .tfig{inset:0 0 38%;display:block;transform:none!important;overflow:hidden;z-index:1}
body .rd-card .tfig img{width:100%;height:100%;object-fit:cover;object-position:center 22%;display:block}
body .rd-card .tfig::before,body .rd-card .tfig::after{display:none}
body .rd-card .thead{position:relative;z-index:4;color:#fff;text-shadow:0 1px 5px #000;background:linear-gradient(#000a,transparent)}
body .rd-card .thead .rk{color:#fff}
body .rd-card .tkanji{display:none}
body .rd-card .tfoot{z-index:4}
body .rd-card .tframe{z-index:5;pointer-events:none}
body .rd-card.rd-foil{box-shadow:0 0 0 1px #efcd80,0 8px 30px #0009,0 0 24px #f4ad5044}
body .rd-card.rd-foil:hover{box-shadow:0 0 0 2px #ffe6aa,0 0 32px #57d8ef70,0 0 60px #ed8b5750}
body .rd-card.rd-foil .tinner::after{display:block;inset:0 0 38%;z-index:3;opacity:.65;mix-blend-mode:color-dodge;background:repeating-linear-gradient(115deg,#ffd56a20 0%,#44e9ff66 9%,#db6aff55 16%,transparent 25%,#fff8 28%,transparent 34%),radial-gradient(circle at var(--gx,40%) var(--gy,30%),#fff9,transparent 35%);background-size:300% 100%;animation:rd-foil-sweep 5s ease-in-out infinite}
body .rd-card.rd-foil .tfig::after{content:'';display:block;position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle,#fff 0 1px,transparent 2px),radial-gradient(circle,#ffdf8c 0 1px,transparent 2px);background-size:37px 53px,67px 43px;opacity:.45;mix-blend-mode:screen}
body .rd-venue-photo{margin:0!important;position:relative;overflow:hidden;min-height:200px;height:auto!important;aspect-ratio:3/2;background:#20201d}
body .rd-venue-photo img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
body .rd-venue-photo figcaption{position:absolute;bottom:10px;right:10px;padding:4px 8px;background:#141414bb;color:#eee;font:10px var(--ui);letter-spacing:.08em;text-transform:uppercase}
/* Battle presentation follows the existing settled round results. */
body #battle .arena{background:linear-gradient(#101010bb,#101010e8),url('/assets/arena.png') center/cover}
body #battle .arena.clash{box-shadow:inset 0 0 100px #cc352c66}
body #battle .slot.victor{box-shadow:0 0 0 2px #ffe0a0,0 0 36px #ffbc5766}
.rd-battle-cue{position:absolute;inset:44% 0 auto;z-index:20;text-align:center;pointer-events:none;font:clamp(22px,4vw,52px)/1 var(--disp);text-transform:uppercase;letter-spacing:.05em;color:#fff5dc;text-shadow:0 3px 0 #8b2119,0 0 25px #000;background:linear-gradient(90deg,transparent,#131313e8,transparent);padding:18px}
.rd-impact{position:absolute;left:50%;top:50%;width:15px;height:15px;border:3px solid #ffe6a7;border-radius:50%;z-index:19;pointer-events:none}
.rd-spark{position:absolute;left:50%;top:50%;width:5px;height:5px;background:#ffd585;z-index:19;pointer-events:none}
body #battle .slot.rd-active{outline:2px solid #fff2cb;outline-offset:4px;filter:brightness(1.15)}
@media(max-width:760px){body #mainnav{flex-wrap:wrap;justify-content:center;gap:6px 13px}body .top{flex-wrap:wrap}body .rd-page .rd-page-header{padding:25px 20px!important;min-height:270px;background-position:center}body .rd-page .rd-page-header .sec-note{font-size:13px}body .rd-page :is(.lvlcard,.streakcard){padding:23px}body .lvlcard .lvn{font-size:64px}body .lvlcard .lvtitle{font-size:27px}}
@media(prefers-reduced-motion:reduce){body .rd-card.rd-foil .tinner::after{animation:none;opacity:.3}.rd-impact,.rd-spark{display:none}}
body #journey .lvlcard .lvn{color:#cc352c!important}
body #journey .lvlcard :is(.lvl-lbl,.lvtitle,.xpnote,.xpnote b){color:#191918!important}
body :is(#legends-view,#profile,#trading) .rd-page-header{background-size:auto,auto 150%;background-position:center,right 12%;background-repeat:no-repeat;background-color:#121212}
body #collection .rd-page-header,body #forge-view .rd-page-header{background-position:center,right 23%}
body .rd-page :is(.lbtop,.lbhero,.showslot,.pbar,.lbpodium){border-radius:0}
/* September baseline additions: one finish owner, all five wrappers. */
body .rd-card.foil .tframe::after{display:none!important;animation:none!important}
body .rd-card.foil .tinner{border:1px solid #b69a62;background:#171715;box-shadow:none}
body #collection .packopt[data-pack="asageiko"]::before,body #pack[data-pack-style="asageiko"] .foilwrap::before{content:'';background:url('/assets/pack-reference.png') 17.6% 13.8%/550% auto no-repeat;filter:saturate(.5);animation:none;transform:none}
body #collection .packopt[data-pack="yusho"]::before,body #pack[data-pack-style="yusho"] .foilwrap::before{content:'';background:url('/assets/pack-standard.png') center/cover no-repeat;filter:hue-rotate(35deg) saturate(.7);animation:none;transform:none}
body #pack:is([data-pack-style="asageiko"],[data-pack-style="yusho"]) .crest{display:none}
body #collection #pityline{border-left:3px solid #b69a62;background:#22221f;padding:14px 18px;color:#e8dfcd;font:13px/1.6 var(--ui)}
body .qreset{display:block;color:#c9bfa9;font:12px/1.6 var(--ui);letter-spacing:0}
body .foilg{background:#171715;color:#ffe2a0;border:1px solid #b69a62;padding:3px 7px;border-radius:0}
#comings{--header-art:url('/assets/arena.png')}
#chanko{--header-art:url('/assets/venue-kokugikan.png')}
#series{--header-art:url('/trailer-poster.jpg')}
#shop{--header-art:url('/assets/pack-reference.png')}
body #ranks .lbtop .lbfig{display:block;width:160px;height:160px;max-width:100%;object-fit:contain;margin:0 auto 8px;filter:drop-shadow(0 8px 12px #76532330)}
body #ranks .lbtop .lbcard.p1 .lbfig{width:200px;height:200px}
body #ranks .lb .pos{display:grid;place-items:center;border:1px solid #b69a6266;min-width:28px;min-height:28px;font-size:14px}
@media(max-width:600px){body #ranks .lbtop .lbfig,body #ranks .lbtop .lbcard.p1 .lbfig{width:115px;height:115px}}
/* Selected direction C: Arena Champion. */
body .rd-card{--card-ink:#f1e9d9;--card-muted:#c9b58c;border:2px solid #b69a62!important;border-radius:8px!important;background:#101110;box-shadow:0 10px 25px #0008}
body .rd-card .tinner{background:#111210!important;border:1px solid #d3b772!important}
body .rd-card .tfig,body .rd-card.sm .tfig{inset:0 0 25%}
body .rd-card .tfig img{object-position:center 16%}
body .rd-card .tfoot{height:38%!important;background:linear-gradient(transparent,#101210 16%,#101210)!important;border-top:0!important;padding-top:22px!important;color:#f1e9d9!important}
body .rd-card .tfoot :is(.en,.kj,.meta,.s .v,.s .k,.kimarite){color:#f1e9d9!important}
body .rd-card .tfoot .rname{border-top:1px solid #b69a62;border-bottom:1px solid #b69a62;padding:6px 0;font-family:Georgia,serif!important;letter-spacing:.04em}
body .rd-card .tframe{inset:7px;border:1px solid #d7bc77!important;border-radius:3px;box-shadow:inset 0 0 0 2px #111,inset 0 0 0 3px #b69a6266}
body .rd-card .tstats{margin-top:6px;border:0}
body .rd-card .rarity{background:#111c!important;color:#e8d3a1!important;z-index:7}
body .rd-card.rd-foil .tinner::after{inset:0;mix-blend-mode:screen;opacity:.23;background:linear-gradient(115deg,transparent 30%,#d7c18b88 43%,#acdded77 49%,#fff8 51%,transparent 62%);background-size:300% 100%;pointer-events:none}
body .rd-card.rd-foil .tfig::after{display:none}
body .rd-card.rd-foil:hover{box-shadow:0 0 0 1px #ffe6a6,0 0 25px #d5bc6266}
@media(max-width:600px){body #battle .rd-card .tfoot{height:43%!important;padding:8px 5px 4px!important}body #battle .rd-card .tfoot .rname{padding:2px 0;letter-spacing:0}body #battle .rd-card .tstats{margin-top:2px}}
body .rd-card .tfoot{height:44%!important;padding:12px 10px 8px!important}
body .rd-card .tfoot .rname{display:flex;flex-wrap:wrap;gap:3px 7px;align-items:baseline;padding:4px 0;font-size:19px!important;line-height:1.1}
body .rd-card .tfoot .rname .kj{font-size:10px!important}
body .rd-card .tfoot .meta{font-size:8px;line-height:1.2;margin-top:3px}
body .rd-card .tstats .s{padding:3px 0}
body .rd-card .tstats .s .v{font-size:21px}
body .rd-card .tstats .s .k{font-size:8px}
body .rd-card .kimarite{font-size:8px;margin-top:4px}
body .rd-card .tfig,body .rd-card.sm .tfig{bottom:34%}
body #banzuke{--header-art:url('/assets/headers/banzuke.webp')}
body #stables{--header-art:url('/assets/headers/stables.webp')}
body #venue{--header-art:url('/assets/headers/venue.webp')}
body #news{--header-art:url('/assets/headers/news.webp')}
body #learn{--header-art:url('/assets/headers/learn.webp')}
body #journey{--header-art:url('/assets/headers/journey.webp')}
body #pickem{--header-art:url('/assets/headers/pickem.webp')}
body #predict-view{--header-art:url('/assets/headers/predict-view.webp')}
body #battle{--header-art:url('/assets/headers/battle.webp')}
body #collection{--header-art:url('/assets/headers/collection.webp')}
body #forge-view{--header-art:url('/assets/headers/forge-view.webp')}
body #legends-view{--header-art:url('/assets/headers/legends-view.webp')}
body #trading{--header-art:url('/assets/headers/trading.webp')}
body #profile{--header-art:url('/assets/headers/profile.webp')}
body #ranks{--header-art:url('/assets/headers/ranks.webp')}
body #chanko{--header-art:url('/assets/headers/chanko.webp')}
body #comings{--header-art:url('/assets/headers/comings.webp')}
body #series{--header-art:url('/assets/headers/series.webp')}
body #shop{--header-art:url('/assets/headers/shop.webp')}
body .rd-page .rd-page-header{background-size:auto,cover!important;background-position:center,right center!important;background-repeat:no-repeat!important;min-height:285px}
@media(max-width:600px){body .rd-page .rd-page-header{background-position:center,65% center!important;background-image:linear-gradient(90deg,#101010df,#10101085),var(--header-art)!important}}
/* Watch together belongs to DOHYŌ, including third-party stream links. */
body .rd-page .srccard{border:1px solid #62594a!important;background:#22221f!important;border-radius:0!important;box-shadow:none;color:#f1e9d9;padding:24px}
body .rd-page .srccard .n{font:400 25px/1.2 var(--disp)!important;text-transform:uppercase;letter-spacing:.015em;color:#f1e9d9}
body .rd-page .srccard .d{font:14px/1.7 var(--ui);color:#c9c1b3}
body .rd-page .srccard .tag{color:#d3b474!important;font:600 11px/1.4 var(--ui);letter-spacing:.12em}
body .rd-page .streamcard.showcase{background:linear-gradient(90deg,#151515,#25221c)!important;border:1px solid #b69a62!important;border-left:4px solid #cc352c!important;padding:28px}
body .rd-page .showflag{border:0;background:#cc352c;color:#fff5e5;font:600 10px var(--ui);padding:7px 10px;letter-spacing:.12em}
body .rd-page .srccard:hover,body .rd-page .srccard:focus-visible{border-color:#cc352c!important;background:#30271f!important;outline-color:#cc352c}
body .rd-page .theater{border:1px solid #b69a62;background:#141414}
body .rd-page .theater .tbar{background:#24221f;border-color:#62594a}
body .rd-page .theater :is(.tname,.tag,a){color:#f1e9d9}
body .rd-page .showcase .rd-stream-art{position:absolute;inset:0 0 0 auto;width:48%;height:100%;object-fit:cover;opacity:.95;mask-image:linear-gradient(90deg,transparent,#000 30%);pointer-events:none}
body .rd-page .showcase :is(.n,.d,.tag,.showflag){position:relative;z-index:1}
@media(max-width:600px){body .rd-page .showcase .rd-stream-art{width:100%;opacity:.22}}
