/* Shared editorial system for all fifteen existing application views. */
body:not(.at-home){background:#191918}
body #vtabs{background:#f1e9d9;border-bottom:1px solid #b7ad99;position:relative;top:auto}
body #vtabs .wrap{max-width:1360px;display:flex;gap:6px;padding:12px 32px;overflow-x:auto}
body #vtabs .vtab{background:transparent;border:0;border-bottom:2px solid transparent;color:#514b40;font:600 13px var(--ui);padding:11px 15px;flex-shrink:0;border-radius:0}
body #vtabs .vtab.on{border-color:#cc352c;color:#141414;background:#e8decc}
body #vtabs .vk{font-size:11px;color:#7b6e58}
body main>.rd-page{padding:0 0 64px;border-top:0;min-height:65vh}
.rd-page>.wrap{max-width:1360px;padding:0 32px}
/* The page furniture below the views — the mini leaderboard, the Ko-fi block and
   the footer — are bare <section>/<footer> with a plain .wrap, so they never got
   the .rd-page>.wrap treatment and kept the baseline's 1180px. Against 19 views
   at 1360 that reads as the bottom of the page being narrower than the rest of
   the site, which is exactly how it looks. Out-specified rather than reordered:
   a plain `.wrap` rule would lose to `.rd-page>.wrap` further down. */
html body #minilb>.wrap,
html body #support>.wrap,
html body footer>.wrap{max-width:1360px;padding:0 32px}
.rd-page-meta{display:flex;align-items:center;gap:12px;min-height:54px;border-bottom:1px solid var(--line);font-size:12px;color:#b8b2a6}
.rd-page-meta>a:hover{color:#f1e9d9}
.rd-page-motto{margin-left:auto;letter-spacing:.28em;font-size:10px}
.rd-page>.wrap>.sec-head:first-of-type{padding:28px 0 30px;margin:0 0 28px;align-items:center;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr minmax(260px,44%);gap:32px}
.rd-page>.wrap>.sec-head:first-of-type h2{font:400 clamp(32px,4vw,52px)/1.12 var(--disp)!important;letter-spacing:-.015em;max-width:700px}
.rd-page .sec-head h2 .k{display:block;font:16px var(--serif);letter-spacing:.2em;color:var(--gold);margin:10px 0 0}
.rd-page .sec-note{font:400 14px/1.75 var(--ui);color:#c8c1b4;max-width:620px}
.rd-page .sec-head:not(:first-of-type){border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:24px}
.rd-page h3,.rd-page h4{letter-spacing:.02em}
.rd-page .btn{font:600 14px var(--ui);letter-spacing:.02em;text-transform:none;padding:13px 20px;min-height:44px}
.rd-page :is(input,select,textarea){border-radius:0!important;background:#20201e!important;color:#f1e9d9!important;border:1px solid #655f53!important;font:14px var(--ui)!important;min-height:44px}
.rd-page :is(button,a){touch-action:manipulation}
.rd-page .empty-note,.rd-page .pempty{padding:24px;border:1px dashed #726753;background:#21211e;color:#d7cdb9;font-size:14px;line-height:1.7}
.rd-page .econ-bar{border:1px solid var(--line);background:#20201d;padding:18px 22px;gap:20px;margin-bottom:22px}
.rd-page .salt-chip{border:0;border-right:1px solid var(--line);padding-right:24px;border-radius:0;background:none}
.rd-page .salt-chip .n{font:32px var(--disp);color:var(--sand)}
.rd-page .salt-chip .t{font-size:12px;color:#c9bfa9}
.rd-page .pill{border-radius:0;background:none;border-color:#575247;font-size:12px}
.rd-account-entry{float:right;margin-top:14px}
.rd-account-entry button{background:transparent;border:0;color:var(--gold);font:12px var(--ui);cursor:pointer;padding:8px 0}
body.signed .rd-account-entry{display:none}
/* Tournament pages: paper tables and editorial rows. */
#banzuke .banzuke{background:#f1e9d9;border:1px solid #b69a62;margin-top:24px;padding:10px 24px;color:#141414}
#banzuke .rikishi{border-bottom:1px solid #c8bea9;padding:18px 0;color:#141414}
#banzuke .rikishi :is(.name,.en,.kj,.rec,.rname){color:#141414}
#banzuke .rikishi :is(.rank,.rank-en,.sub,.heya){color:#70624c}
#banzuke .divtabs{border:0;gap:8px;display:flex;flex-wrap:wrap}
#banzuke .divtabs button{padding:12px 20px;border-radius:0;border:1px solid #6d6554;background:#24231f;color:#f1e9d9;min-height:50px}
#banzuke .divtabs button.on,#banzuke .divtabs button.active{background:#cc352c;border-color:#cc352c;color:white}
#banzuke .banzuke-cap{font-size:13px;color:#b8b2a6}
#banzuke .brow{border-bottom:1px solid #c9beaa;padding:18px 4px}
#banzuke .brow .name,#banzuke .brow .wl{color:#141414}
#banzuke .brow .name .kj,#banzuke .brow .rank{color:#6b5c44}
#banzuke .brow .name{font-family:var(--disp);font-weight:400;letter-spacing:.01em}
#banzuke .brow:hover{background:#e5dac4}
#banzuke .hoshi i{border-color:#706149}
#banzuke .hoshi i.w{background:#332e23;border-color:#332e23}
#banzuke .hoshi i.l{background:none;opacity:1}
#stables :is(.heyacard,.heya-card,.stable,.stablecard){background:#23231f;border:1px solid #675d49;border-radius:0}
#stables :is(.heyaname,.sname){font-family:var(--disp);color:var(--sand)}
#stables .stcard{border-radius:0;background:#24231f;border:1px solid #695b43;padding:24px}
#stables .stcard .sname{font-size:26px;border-bottom:1px solid #60543f;padding-bottom:15px;margin-bottom:14px}
#stables .stcard .snote{font-size:14px;line-height:1.7}
#stables .smember{border-radius:0;background:#302c23;border-color:#746247;font-size:13px;padding:9px 12px}
#venue .vhero{border-radius:0;border:1px solid #746245;background:#22221e;padding:28px;box-shadow:none}
#venue .vart{background:#f1e9d9;color:#29251d;border-radius:0}
#venue .vlight,#venue .vart::before{display:none}
#venue :is(.vcard,.ticketcard){border-radius:0;background:#22221f;border-color:#6d614c}
#venue .vgrid{gap:16px}
#news :is(.newsitem,.jpitem,.vgrid-item){border-radius:0;border-color:#5c564a;background:#20201d;padding:18px}
#news .newsitem{border-left:3px solid #cc352c}
#news .score{color:#b69a62}
#news :is(.theater,.vfeatured,.lounge){border-radius:0;border-color:#6c5c43;background:#20201d}
#news h3{font-family:var(--disp);font-size:26px;color:var(--sand)}
#learn details{border:1px solid #5e594e;border-radius:0;background:#20201e;margin-bottom:12px}
#learn summary{padding:20px 24px;color:var(--sand);font-size:16px;cursor:pointer}
#learn details[open]>summary{background:#f1e9d9;color:#141414;border-bottom:3px solid #cc352c}
#learn details .body{padding:20px 24px;font-size:15px;line-height:1.85;color:#d3cbbc}
#learn .lgroup{margin-bottom:20px}
/* Daily play: clear choices, restrained selected states. */
#pickem .picks{gap:18px}
#pickem :is(.pick,.bout,.match){border-radius:0;background:#24231f;border:1px solid #6c614b;padding:22px}
#pickem :is(.pick button,.pick-btn,.fighter){border-radius:0;font-size:16px;min-height:48px}
#pickem .pick-meter{background:#f1e9d9;color:#141414;border:0;border-left:5px solid #cc352c;padding:22px;margin-top:24px}
#pickem .pick-meter :is(.n,.t,.t b){color:#141414}
#pickem .pick-meter .n{font:42px var(--disp)}
#journey :is(.jcard,.qcard,.quest,.questcard,.levelcard,.streakcard,.acard){border-radius:0;border:1px solid #685c46;background:#22221f;box-shadow:none}
#journey :is(.qgrid,.jgrid,.journey-grid){gap:16px}
#journey .xpbar{border-radius:0;background:#39372f;height:10px}
#journey .xpbar i{background:#cc352c;border-radius:0}
#journey .levelbox,#journey .streakbox{background:#25231e;border:1px solid #776347;border-radius:0;padding:24px}
#journey :is(.lvn,.streakn b){font-family:var(--disp);color:#f1e9d9}
#predict-view :is(.predcard,.predbox,.predrow,.bboard){border-radius:0;border-color:#675b45;background:#22221f}
#predict-view :is(.predopts button,.predopt){border-radius:0;min-height:44px}
/* Packs: source artwork for approved wrappers; season pack retains its own identity. */
#collection #packs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0}
#collection .packopt{position:relative;width:100%;max-width:none;min-width:0;text-align:left;border:1px solid #625946;border-radius:0;background:#24221e;padding:22px 20px 18px;box-shadow:none;display:block}
#collection .packopt::before{content:'';display:block;width:94px;height:140px;margin:2px auto 22px;background:linear-gradient(140deg,#9b362e,#3b1416);border:1px solid #b69a62;box-shadow:5px 7px 12px #0005}
#collection .packopt[data-pack=keiko]::before{background-image:url('/assets/pack-reference.png');background-size:537.1% 240.9%;background-position:17.44% 19.7%;border:0}
#collection .packopt[data-pack=kokugikan]::before{background-image:url('/assets/pack-reference.png');background-size:512% 240.4%;background-position:47.57% 19.73%;border:0}
#collection .packopt[data-pack=aki]::before{content:'DOHYŌ';display:grid;place-items:center;font:21px var(--disp);color:#f1e9d9;outline:1px solid #b69a62;outline-offset:-7px}
#collection .packopt[aria-pressed=true]{border-color:#f1e9d9;background:#302a21;box-shadow:inset 0 -4px #cc352c}
#collection .packopt .ptag{position:absolute;top:14px;left:14px;border-radius:0;background:#f1e9d9;color:#171714;font-size:10px;padding:4px 8px}
#collection .packopt .pn{font-size:24px;letter-spacing:.02em}
#collection .packopt .pcost{border-color:#5e5544;padding:10px 0;margin:8px 0}
#collection .packopt .pcost b{font:32px var(--disp);color:#f1e9d9}
#collection .packopt .pwhy{font-size:13px;line-height:1.6;color:#c7beaa;min-height:100px}
#collection .packopt .podds{font-size:12px;margin-top:16px}
#collection .packopt .pfloor{font-size:12px}
#collection #sndtoggle{grid-column:1/-1;justify-self:end;border-radius:0}
#collection .salt-explain{font-size:13px;line-height:1.75;background:#24221d;border-left:3px solid #b69a62;padding:18px 22px;margin-bottom:26px}
.rd-opening-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);padding-top:20px;font-size:13px;color:#c7bfae}
.rd-opening-toolbar button{border-radius:0;padding:11px 16px;font-size:13px}
#collection .pack-stage{border:1px solid #59503e;background:radial-gradient(ellipse at center,#514534 0%,#25221d 45%,#191918 75%);min-height:460px;margin-top:18px;padding:32px 12px;overflow:hidden}
#pack .foilwrap{position:relative;width:250px;height:375px;background:linear-gradient(150deg,#a2352c,#341515)!important;border:1px solid #b69a62;border-radius:0;box-shadow:0 18px 28px #0005;overflow:visible}
#pack[data-pack-style=keiko] .foilwrap{background:#f1e9d9!important}
#pack[data-pack-style=kokugikan] .foilwrap{background:#171716!important}
#pack .foilwrap::before{content:'';position:absolute;inset:0;opacity:1;background:none;z-index:0;animation:none;transform:none}
#pack[data-pack-style=keiko] .foilwrap::before{background-image:url('/assets/pack-reference.png');background-size:537.1% 240.9%;background-position:17.44% 19.7%}
#pack[data-pack-style=kokugikan] .foilwrap::before{background-image:url('/assets/pack-reference.png');background-size:512% 240.4%;background-position:47.57% 19.73%}
#pack .foilwrap::after{border-radius:0;opacity:.3;background:linear-gradient(115deg,transparent 25%,#fff8 45%,transparent 65%);mix-blend-mode:soft-light}
#pack .crest{position:relative;z-index:1;width:160px}
#pack[data-pack-style=keiko] .crest,#pack[data-pack-style=kokugikan] .crest{visibility:hidden}
#pack .pname{position:absolute;bottom:32px;left:0;right:0;background:#141414ed;padding:7px;font-size:17px;z-index:2}
#pack .phint{position:absolute;bottom:0;left:0;right:0;background:#141414ed;padding:8px;font-size:10px;color:#f1e9d9;letter-spacing:.04em;z-index:2}
#pack.charging{animation:rd-pack-lift 1.05s ease-in both}
@keyframes rd-pack-lift{0%{translate:0 0;rotate:0deg}40%{translate:0 -12px;rotate:-2deg}75%{translate:0 -18px;rotate:2deg}100%{translate:0 -24px;rotate:0deg}}
.rd-card-back{background:#141414 url('/assets/pack-reference.png') 86.1% 23.6% / 548.5% 271.6%!important;border:1px solid #b69a62;border-radius:8px}
.rd-card-back>*{visibility:hidden}
/* Wrestler-centered print cards. Rarity badges retain their existing game meanings. */
body .rd-card{--card-paper:#f1e9d9;--card-ink:#191815;--card-muted:#645945;isolation:isolate;touch-action:pan-y}
body .rd-card.rd-foil{--card-paper:#6b2322;--card-ink:#f1e9d9;--card-muted:#d4bc8d}
body .rd-card.rd-foil.legend{--card-paper:#171716;--card-ink:#f1e9d9;--card-muted:#b69a62}
body .rd-card .tinner{background:var(--card-paper)!important;border:2px solid #b69a62;border-radius:7px;box-shadow:0 8px 20px #0005;color:var(--card-ink)}
body .rd-card .tframe{border:1px solid #b69a62;inset:7px;border-radius:2px;z-index:4}
body .rd-card .tinner::before{opacity:.14;filter:sepia(1);z-index:0}
body .rd-card .thead{padding:20px 16px 8px;background:none;color:var(--card-ink)}
body .rd-card .thead :is(.rk,.rec){color:var(--card-ink);background:none;border-color:#b69a6280;letter-spacing:.02em}
body .rd-card .thead .rk{font-size:11px}
body .rd-card .tfig{top:18%;bottom:35%;z-index:1;transform:none!important;transition:none}
body .rd-card .tfig::before{content:'';position:absolute;width:62%;aspect-ratio:1;border-radius:50%;background:#cc352c;top:0;left:19%;opacity:.9;z-index:-1}
body .rd-card .tfig svg{fill:#24221d;stroke:#24221d;filter:drop-shadow(2px 4px 0 #b69a6266);max-width:86%;height:100%}
body .rd-card.rd-foil .tfig svg{fill:#f1e9d9;stroke:#f1e9d9}
body .rd-card.rd-foil .tfig::before{background:#b69a62;opacity:.25}
body .rd-card .tkanji{font-size:35px;top:18%;right:12px;opacity:.18;color:var(--card-ink);text-shadow:none;z-index:0}
body .rd-card .tfoot{padding:10px 14px 14px;background:var(--card-paper);border-top:1px solid #b69a6280;z-index:3}
body .rd-card .tfoot{position:absolute;bottom:0;left:0;right:0;height:44%;display:flex;flex-direction:column;overflow:hidden}
body .rd-card .tfig,body .rd-card.sm .tfig{bottom:44%}
body .rd-card .tfoot .rname{flex-shrink:0}
body .rd-card .tfoot .meta{white-space:nowrap;overflow:hidden;display:block;text-overflow:ellipsis;flex-shrink:0}
body .rd-card .tfoot .meta>span:last-child{display:none}
body .rd-card .tstats{flex-shrink:0}
body .rd-card .tfoot .rname{font-size:23px;line-height:1.15;letter-spacing:.01em;color:var(--card-ink)}
body .rd-card .tfoot .rname .kj{font-size:13px;color:var(--card-muted)}
body .rd-card .tfoot .meta{font-size:10px;letter-spacing:.02em;color:var(--card-muted)}
body .rd-card .tstats{gap:0;margin-top:10px;border-top:1px solid #b69a6290;border-bottom:1px solid #b69a6290}
body .rd-card .tstats .s{border:0;border-right:1px solid #b69a6290;background:none;padding:7px 0}
body .rd-card .tstats .s:last-child{border:0}
body .rd-card .tstats .s .v{color:var(--card-ink);font-size:24px}
body .rd-card .tstats .s .k{color:var(--card-muted);font-size:9px;letter-spacing:.08em}
body .rd-card .kimarite{font-size:9px;color:var(--card-muted);border:0;background:none;padding:0;letter-spacing:.01em;line-height:1.35;margin-top:7px}
body .rd-card:not(.sm) .tfoot .rname{font-size:20px}
body .rd-card:not(.sm) .tfoot{padding:8px 12px 10px}
body .rd-card:not(.sm) .tstats{margin-top:6px}
body .rd-card:not(.sm) .tstats .s{padding:5px 0}
body .rd-card:not(.sm) .kimarite{margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0}
body .rd-card .rarity{top:0;left:14px;font-size:9px;padding:3px 8px;letter-spacing:.08em;max-width:calc(100% - 28px)}
body .rd-card .rarity:is(.common,.uncommon,.rare,.epic,.legend){background:#26221b;color:#f1e9d9;border-bottom:2px solid #b69a62}
body .rd-card .tinner::after{display:none}
body .rd-card.rd-foil .tinner::after{content:'';display:block;position:absolute;inset:0;z-index:2;opacity:.3;background:linear-gradient(115deg,transparent 20%,#d6929233 33%,#c5b86688 40%,#79baca77 47%,#a181ba66 54%,transparent 65%);background-size:240% 100%;animation:rd-foil-sweep 7s ease-in-out infinite;pointer-events:none;mix-blend-mode:screen}
@keyframes rd-foil-sweep{0%,100%{background-position:100% 0}50%{background-position:0 0}}
body .rd-card.sm .thead{padding:17px 12px 6px}
body .rd-card.sm .tfig{top:18%;bottom:38%}
body .rd-card.sm .tfoot{padding:9px 12px 12px}
body .rd-card.sm .tfoot .rname{font-size:20px;gap:2px;white-space:normal}
body .rd-card.sm .tstats .s .v{font-size:21px}
body .rd-card.sm .tstats .s .k{font-size:9px}
body .rd-card.sm .thead .rk{font-size:10px}
body .rd-card.lockedL{filter:none;opacity:1}
body .rd-card.lockedL .tinner{filter:none;opacity:1}
body .rd-card .lockmsg{font-size:12px;line-height:1.5;background:#141414ef;color:#f1e9d9;padding:12px;z-index:6}
#legends-view .rd-card .lockmsg{top:auto;bottom:-58px;left:0;right:0;min-height:48px;border:1px solid #6f6046;display:block}
#legends-view .cardgrid{row-gap:84px!important;padding-bottom:64px}
#collection .cardgrid,#legends-view .cardgrid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:28px 20px}
.rd-page .colbar,.rd-page .forgebar,.rd-page .teambar{border-radius:0;background:#24221e;border-color:#6a5d46;padding:16px}
/* Workshop, trading, profile, and rankings. */
#forge-view :is(.fitem,.chcard){border-radius:0;background:#22221e;border:1px solid #6f6046;padding:20px;box-shadow:none}
#forge-view .fname{font-family:var(--disp);font-size:23px}
#forge-view .fpress{border-radius:0;background:#f1e9d9;color:#141414;border:0;padding:12px;font-size:12px}
#forge-view .forgegrid{gap:14px}
#trading :is(.tradebox,.tradecard,.tradeform,.wishlist,.wishpanel){border-radius:0;background:#24231f;border-color:#706247}
#trading :is(.tradehead,.trade-title){font-family:var(--disp)}
#trading .wishbox{border:1px solid #756346;background:#24231e;padding:24px}
#trading .wishbox h4{font-family:var(--disp);font-size:25px}
#profile .pcard{border-radius:0;background:#22221e;border:1px solid #746144;padding:28px;box-shadow:none}
#profile .pid{border-bottom:1px solid #5e5543;padding-bottom:24px}
#profile .pseal{background:#cc352c;color:#f1e9d9;border-radius:0;border:0;font-family:var(--disp)}
#profile #pname{font:34px var(--disp);color:#f1e9d9}
#profile .pstats{border:1px solid #625642;background:#1b1b19;padding:16px;gap:16px}
#profile .pbox{border-radius:0;border:1px solid #5e5544;background:#26251f;padding:22px}
#profile .pbox h4{font:21px var(--disp);color:#f1e9d9;margin-bottom:16px}
#profile .pcols{gap:18px}
/* The first pass at the board only darkened the rows; the block further down
   turns the whole list to paper, so these would have fought it. */
/* Battle: card objects move; wrestler art is still. */
#battle .arena{position:relative;padding:28px 22px;border:1px solid #8d7953;background:radial-gradient(ellipse at center,#524a36 0%,#29261f 43%,#191918 72%);border-radius:0;isolation:isolate;overflow:hidden}
#battle .arena::before{content:'';position:absolute;inset:12% 6%;border:3px double #b69a6255;border-radius:50%;z-index:-1;pointer-events:none}
#battle .arena .side h4{font:18px var(--disp);color:#f1e9d9;letter-spacing:.03em}
#battle .slot{border-radius:4px;border-color:#776447;background:#19191888}
#battle .vsmark{color:#b69a62;font-family:var(--disp);text-shadow:none}
#battle .slot.victor{filter:none;box-shadow:0 0 0 2px #b69a62,0 0 22px #b69a6244}
#battle .slot.beaten{filter:saturate(.35) brightness(.65);opacity:.8}
#battle .winbanner{border-radius:0;background:#302a1e;border:1px solid #b69a62;box-shadow:none}
#battle .winbanner.lose{background:#242424;border-color:#77736b}
#battle .winbanner::before{display:none}
#battle .battle-log{font-size:14px;line-height:1.8;padding:20px;border-left:3px solid #b69a62;background:#24221e}
#battle .pickcta{border-radius:0;background:#f1e9d9;color:#191815;border:0;padding:20px}
#battle .pickcta :is(a,span,b){color:#191815}
body:not(.at-home) footer{background:#f1e9d9;color:#141414;padding:24px 0;border-top:0}
body:not(.at-home) #support{background:#20201d;border-top:1px solid #5d5442;padding:28px 0}
@media(max-width:900px){.rd-page>.wrap{padding:0 22px}.rd-page>.wrap>.sec-head:first-of-type{grid-template-columns:1fr;gap:16px}.rd-page .sec-note{max-width:none}#collection .packopt .pwhy{min-height:0}#collection .packopt{padding:20px 14px}#collection .packopt .pn{font-size:20px}#battle .arena{padding:20px 12px}.rd-page .econ-bar{gap:12px;padding:16px}.rd-page-meta{font-size:11px}}
@media(max-width:600px){body #vtabs .wrap{padding:8px 14px;gap:0}body #vtabs .vtab{font-size:12px;padding:12px}.rd-page>.wrap{padding:0 18px}.rd-page-meta{min-height:46px}.rd-page-motto{display:none}.rd-page>.wrap>.sec-head:first-of-type{padding:22px 0;margin-bottom:22px}.rd-page>.wrap>.sec-head:first-of-type h2{font-size:34px!important}.rd-page .sec-note{font-size:14px;line-height:1.65}.rd-account-entry{float:none;margin:12px 0 -12px}.rd-account-entry button{min-height:40px}.rd-page .econ-bar{flex-wrap:wrap}.rd-page .salt-chip{flex:1}#collection #packs{grid-template-columns:1fr;gap:14px}#collection .packopt{padding:20px 18px 18px 135px;min-height:190px}#collection .packopt::before{position:absolute;left:20px;top:48px;width:88px;height:132px;margin:0}#collection .packopt .ptag{font-size:10px;top:15px;left:18px}#collection .packopt .pn{font-size:22px}#collection .packopt .pwhy{font-size:12px;line-height:1.6}#collection .packopt .podds{font-size:12px}.rd-opening-toolbar{align-items:start;font-size:12px;gap:12px}.rd-opening-toolbar button{white-space:nowrap;font-size:12px}#collection .pack-stage{min-height:440px}#collection .cardgrid,#legends-view .cardgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}body .rd-card.sm .thead{padding:16px 8px 4px}body .rd-card.sm .thead .rk{font-size:8px}body .rd-card.sm .thead .rec{font-size:10px;padding:1px 3px}body .rd-card.sm .tflag{display:none}body .rd-card.sm .tfoot{padding:7px 8px 10px}body .rd-card.sm .tfoot .rname{font-size:16px}body .rd-card.sm .tfoot .rname .kj{font-size:10px}body .rd-card.sm .tfoot .meta{display:none}body .rd-card.sm .tstats{margin-top:6px}body .rd-card.sm .tstats .s .v{font-size:18px}body .rd-card.sm .tstats .s .k{font-size:8px}body .rd-card.sm .kimarite{display:none}body .rd-card .lockmsg{font-size:10px;padding:8px}body .rd-card .rarity{font-size:8px;left:8px;padding:3px 5px;max-width:calc(100% - 16px)}#banzuke .banzuke{padding:8px 14px}#profile .pcard{padding:18px}#profile .pcols{grid-template-columns:1fr}#profile .pbox{padding:18px}#battle .arena{grid-template-columns:1fr;gap:14px;padding:18px 12px}#battle .arena .side{min-width:0}#battle .arena .vsmark{font-size:22px;padding:0;min-height:0}#battle .slots{gap:8px}#battle .rd-card.sm .tfoot .rname{font-size:12px}#battle .rd-card.sm .tstats .s .v{font-size:14px}#battle .rd-card.sm .tstats .s .k{font-size:7px}#battle .rd-card.sm .thead .rk{font-size:7px}#battle .rd-card.sm .rarity{font-size:6px}#battle .rd-card.sm .tfoot .rname .kj{display:none}#battle .rd-card.sm .tfig{bottom:38%}.rd-page .btn{padding:12px 16px}#learn summary{padding:17px;font-size:15px}#learn details .body{padding:17px}}
@media(max-width:600px){#collection .cardgrid,#legends-view .cardgrid{grid-template-columns:minmax(0,1fr);max-width:320px;margin-left:auto;margin-right:auto}#collection .rd-card.sm .tfoot .rname,#legends-view .rd-card.sm .tfoot .rname{font-size:25px}#collection .rd-card.sm .tfoot .rname .kj,#legends-view .rd-card.sm .tfoot .rname .kj{font-size:14px}#collection .rd-card.sm .tstats .s .v,#legends-view .rd-card.sm .tstats .s .v{font-size:27px}#collection .rd-card.sm .tstats .s .k,#legends-view .rd-card.sm .tstats .s .k{font-size:11px}#collection .rd-card.sm .thead .rk,#legends-view .rd-card.sm .thead .rk{font-size:12px}#collection .rd-card.sm .thead .rec,#legends-view .rd-card.sm .thead .rec{font-size:15px}#collection .rd-card .rarity,#legends-view .rd-card .rarity{font-size:10px}#collection .rd-card.sm .tfoot,#legends-view .rd-card.sm .tfoot{padding:13px}#collection .rd-card.sm .kimarite,#legends-view .rd-card.sm .kimarite{display:block;font-size:11px}#legends-view .rd-card .lockmsg{font-size:12px}#battle .slotrow{gap:8px}#battle .rd-card .tfoot{height:43%;padding:5px}#battle .rd-card.sm .tstats .s{padding:3px 0}#battle .rd-card.sm .tstats{margin-top:3px}#battle .rd-card.sm .tfig{bottom:43%}}
@media(prefers-reduced-motion:reduce){body .rd-card.rd-foil .tinner::after{animation:none;opacity:.15}#pack.charging{animation:none}body .rd-card{transform:none!important}}
/* A .sm card in a multi-column grid is ~250px tall, so its footer is ~110px —
   room for the name and the stat row and nothing else. The meta line and the
   kimarite line were being clipped off the bottom rather than dropped, which
   is why the stat row looked cut. Drop them above 600px; below it the
   single-column collection/legends grid gives a much taller card and the
   phone block above deliberately puts the kimarite line back. */
@media(min-width:601px){body .rd-card.sm .tfoot .meta,body .rd-card.sm .kimarite{display:none}}

/* ---- The leaderboard, in the new design -----------------------------------
   It was the last dark, rounded, gradient-lit panel left on an account page,
   sitting under a header that had already moved to paper. The level card in
   Your daily dohyō set the pattern — cream ground, a rule across the top,
   display type, one red number — and the banzuke set the pattern for a ranked
   list. This is those two patterns, applied. The podium art is dropped: it was
   dark webp cut for a dark panel, and it reads as a hole on paper. */
#ranks .lbtop{gap:18px;margin-bottom:30px}
#ranks .lbtop .lbfig{display:none}
#ranks .lbtop .lbcard{background:#f1e9d9;color:#141414;border:0;border-top:5px solid #b69a62;
  border-radius:0;box-shadow:none;padding:26px 20px 22px;justify-content:flex-start}
#ranks .lbtop .lbcard.p1{background:#f1e9d9;border-top-color:#cc352c}
#ranks .lbtop .lbcard.p1::before{content:none}
/* The app hides the podium numeral from sighted readers (a visually-hidden
   clip rect) because the medal disc carried the position. There is no disc
   now, so the numeral has to come back out of the clip and do that job. */
#ranks .lbtop .seal{position:static;clip:auto;overflow:visible;white-space:normal;
  width:auto;height:auto;margin:0 0 10px;border-radius:0;background:none;box-shadow:none;
  display:block;text-align:center;font:44px/1 var(--disp);color:#b69a62;padding:0}
#ranks .lbtop .lbcard.p1 .seal{font-size:56px;color:#cc352c;background:none;box-shadow:none;width:auto;height:auto}
#ranks .lbtop .lbcard.p2 .seal,#ranks .lbtop .lbcard.p3 .seal{background:none;box-shadow:none}
#ranks .lbtop .lbname{font-family:var(--disp);font-weight:400;text-transform:uppercase;letter-spacing:.01em;
  color:#141414;text-shadow:none}
#ranks .lbtop .lbcard.p1 .lbname{color:#141414;text-shadow:none}
#ranks .lbtop .lbsalt{color:#cc352c;margin-top:8px}
#ranks .lbtop .lbsalt .u{color:#786342}
#ranks .lbtop .lbcards{color:#6b5c44}
#ranks .lbtop .lbcard.me{outline:2px solid #cc352c;outline-offset:0}
#banzuke .showmore-row{text-align:center;margin-top:18px}
#banzuke .showmore-row .btn{border-color:#b69a62;color:#4a3f2d;background:transparent}
#banzuke .showmore-row .btn:hover{background:#e5dac4;color:#141414}
#ranks .lbtop .lbchal .btn{border-color:#b69a62;color:#4a3f2d}
#ranks .lbtop .lbchal .btn:hover{background:#e5dac4;color:#141414}

#ranks .lb{background:#f1e9d9;border:1px solid #b69a62;padding:6px 24px;color:#141414;margin-top:30px}
#ranks .lb .lbrow{border-bottom:1px solid #c9beaa;padding:16px 4px}
#ranks .lb .lbrow:last-child{border-bottom:0}
#ranks .lb .lbrow:hover{background:#e5dac4}
#ranks .lb .lbrow .pos{font-family:var(--disp);font-size:19px;color:#b69a62}
#ranks .lb .lbrow:nth-child(1) .pos,#ranks .lb .lbrow:nth-child(2) .pos,
#ranks .lb .lbrow:nth-child(3) .pos{color:#b69a62}
#ranks .lb .lbrow .uname{font-family:var(--disp);font-weight:400;font-size:19px;letter-spacing:.01em;color:#141414}
#ranks .lb .lbrow .cardsn{color:#6b5c44}
#ranks .lb .lbrow .saltn{font-family:var(--disp);font-size:19px;color:#cc352c}
#ranks .lb .lbrow.me{background:#e5dac4;box-shadow:inset 3px 0 0 #cc352c}
#ranks .lb .lbrow.me .uname::after{background:#cc352c;color:#f1e9d9}
#ranks .lb .lbrow.gap .pos{color:#8d7f68}
#ranks .lb .lbrow .btn{border-color:#b69a62;color:#4a3f2d}
#ranks .lb .lbrow .btn:hover{background:#dccdb0;color:#141414}
#ranks .lbfoot{color:#b8b2a6}

/* The videos section came from the old front page with its own heading
   treatment — inline kanji in clay, its own size, a gold wash behind it — so
   next to "Watch together 生放送" and "The news stand 新聞" on the same page it
   read as a different kind of thing. Match the section heads instead. */
#vids .vidhead{background:none;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:24px}
#vids .vidhead h3{font:400 clamp(24px,3.2vw,34px)/1.12 var(--disp);letter-spacing:.015em;
  text-transform:uppercase;color:var(--sand)}
#vids .vidhead h3 .k{display:block;font:16px var(--serif);letter-spacing:.2em;color:var(--gold);margin:10px 0 0}
#vids .vidhead .note{font-size:13px;line-height:1.6;color:var(--sand-dim);max-width:52ch}
/* Four columns do not fit a phone. The name and the XP are what you scan for,
   so they share the first line and the rank/level/cards line sits under the
   name — rather than every column wrapping to three lines each, which is what
   the desktop grid does at 412px. */
@media(max-width:600px){
  #ranks .lb{padding:6px 16px}
  #ranks .lb .lbrow{grid-template-columns:30px minmax(0,1fr) auto;gap:2px 12px;padding:14px 2px}
  #ranks .lb .lbrow .pos{grid-row:1/3;align-self:center;font-size:16px}
  #ranks .lb .lbrow .uname{grid-column:2;grid-row:1;font-size:17px}
  #ranks .lb .lbrow .saltn{grid-column:3;grid-row:1;font-size:17px;white-space:nowrap}
  #ranks .lb .lbrow .cardsn{grid-column:2/4;grid-row:2;font-size:10.5px;text-align:left}
  #ranks .lb .lbrow.gap .cardsn{display:none}
}


/* ---- The bout ---------------------------------------------------------
   The head-to-head panel under "Your daily dohyo". Paper, like the rest of
   the redesign: cream ground, a red rule across the top, Anton for the names
   and the numbers, one gold line between the columns. The figures are the
   card silhouettes, so a man looks the same here as on his card. */
.rd-bout{background:var(--sand);color:var(--ink);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23756753' opacity='.07' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E");padding:30px 0 34px}
.rd-bout-inner{padding-top:0;padding-bottom:0}
.rd-bout[hidden]{display:none}
.rd-bout-hd{display:flex;align-items:baseline;justify-content:space-between;gap:18px;
  padding:0 0 14px;border-bottom:1px solid rgba(20,20,20,.14);flex-wrap:wrap}
.rd-bout-hd h2{font-family:var(--disp);font-weight:400;text-transform:uppercase;letter-spacing:.01em;
  font-size:27px;margin:0;color:#141414}
.rd-bout-hd h2 span{color:#b69a62;font-family:var(--jp);font-size:18px;margin-left:6px}
.rd-bout-when{font:600 11px var(--ui);letter-spacing:.14em;text-transform:uppercase;color:#786342;margin-left:10px}
.rd-bout-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.rd-bout-meta .rd-bout-when{margin-left:0}
.rd-bout-watch{font:600 11px var(--ui);letter-spacing:.16em;text-transform:uppercase;
  color:#f1e9d9;background:#cc352c;border:1px solid #cc352c;padding:9px 14px;text-decoration:none;
  transition:background .16s,color .16s}
.rd-bout-watch span{margin-left:5px}
.rd-bout-watch:hover,.rd-bout-watch:focus-visible{background:#141414;border-color:#141414;color:#f1e9d9}
.rd-bout-chip{font:600 11px var(--ui);letter-spacing:.16em;text-transform:uppercase;
  color:#4a3f2d;border:1px solid #b69a62;padding:5px 10px}
.rd-bout-chip.done{color:#f1e9d9;background:#4a3f2d;border-color:#4a3f2d}
/* On now: the one thing on this page that is happening while you look at it. */
.rd-bout-chip.live{color:#fff;background:#cc352c;border-color:#cc352c;
  box-shadow:0 0 0 0 rgba(204,53,44,.55);animation:rd-bout-pulse 1.9s ease-out infinite}
.rd-bout-chip.live::before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;
  background:#fff;margin-right:7px;vertical-align:baseline;animation:rd-bout-blink 1.9s ease-in-out infinite}
@keyframes rd-bout-pulse{
  0%{box-shadow:0 0 0 0 rgba(204,53,44,.55);filter:brightness(1)}
  55%{box-shadow:0 0 0 9px rgba(204,53,44,0);filter:brightness(1.14)}
  100%{box-shadow:0 0 0 0 rgba(204,53,44,0);filter:brightness(1)}}
@keyframes rd-bout-blink{0%,100%{opacity:.35}50%{opacity:1}}
@media(prefers-reduced-motion:reduce){
  .rd-bout-chip.live,.rd-bout-chip.live::before{animation:none}
  .rd-bout-chip.live{box-shadow:0 0 0 3px rgba(204,53,44,.28)}}

.rd-bout-grid{display:grid;grid-template-columns:1fr 1.05fr 1fr}
.rd-bout-side{padding:24px 26px 24px 0}
.rd-bout-w{text-align:right;padding:24px 0 24px 26px}
.rd-bout-fig{display:block;width:150px;height:200px;object-fit:contain;
  filter:grayscale(1) contrast(1.05) drop-shadow(0 8px 10px rgba(0,0,0,.25))}
.rd-bout-w .rd-bout-fig{margin-left:auto;margin-right:0}
.rd-bout-w .rd-bout-fig{transform:scaleX(-1)}
.rd-bout-nm{font-family:var(--disp);font-weight:400;text-transform:uppercase;font-size:36px;line-height:1;margin:12px 0 2px;display:block;color:inherit;text-decoration:none;border-bottom:2px solid transparent;transition:border-color .16s,color .16s}
a.rd-bout-nm:hover,a.rd-bout-nm:focus-visible{color:#cc352c;border-bottom-color:#cc352c}
.rd-bout-w a.rd-bout-nm{display:inline-block}
.rd-bout-kj{font-family:var(--jp);font-size:19px;color:#786342}
.rd-bout-rk{font:600 11px var(--ui);letter-spacing:.16em;text-transform:uppercase;color:#cc352c;margin-top:10px}
.rd-bout-hy{font:600 11px var(--ui);letter-spacing:.14em;text-transform:uppercase;color:#786342;margin-top:3px}
.rd-bout-rec{font-family:var(--disp);font-size:38px;margin-top:14px;line-height:1}
.rd-bout-rec small{font:600 10px var(--ui);letter-spacing:.16em;text-transform:uppercase;color:#786342;display:block;margin-top:3px}

.rd-bout-mid{padding:24px 22px;border-left:1px solid rgba(20,20,20,.14);border-right:1px solid rgba(20,20,20,.14)}
.rd-bout-h2h{text-align:center}
.rd-bout-lab{font:600 10px var(--ui);letter-spacing:.18em;text-transform:uppercase;color:#786342}
.rd-bout-sub{letter-spacing:.1em;margin-top:6px}
.rd-bout-sc{font-family:var(--disp);font-size:50px;line-height:1.05;margin:4px 0 10px}
.rd-bout-first{font-family:var(--disp);font-size:34px;line-height:1.1;margin:6px 0 4px;color:#cc352c}
.rd-bout-bar{display:flex;height:10px;background:#e0d5bd}
.rd-bout-bar i{display:block;height:100%}
.rd-bout-bar .e{background:#cc352c}
.rd-bout-bar .w{background:#b69a62}
.rd-bout-tape{margin-top:20px;border-top:1px solid rgba(20,20,20,.14)}
.rd-bout-tape div{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;padding:9px 2px;
  border-bottom:1px solid rgba(20,20,20,.09);font-size:15px;align-items:baseline}
.rd-bout-tape b{font-weight:700}
.rd-bout-tape b i{font-style:normal;font-size:12px;color:#786342}
.rd-bout-tape .r{text-align:right}
.rd-bout-tape span{font:600 9.5px var(--ui);letter-spacing:.16em;text-transform:uppercase;color:#786342;text-align:center}
.rd-bout-by{margin-top:0;border-top:0}
.rd-bout-by div{font-size:12.5px;align-items:start}
.rd-bout-by b{font-weight:600;color:#4a3f2d;line-height:1.5}

.rd-bout-hist{margin:22px 0 0;border-top:1px solid rgba(20,20,20,.14)}
.rd-bout-row{display:grid;grid-template-columns:132px 1fr 150px;gap:12px;padding:9px 0;
  border-bottom:1px solid rgba(20,20,20,.09);font-size:14px;align-items:baseline}
.rd-bout-row .b{font:600 11px var(--ui);letter-spacing:.1em;color:#786342}
.rd-bout-row .k{font:600 10.5px var(--ui);letter-spacing:.14em;text-transform:uppercase;color:#786342;text-align:right}

@media(max-width:900px){
  .rd-bout-grid{grid-template-columns:1fr 1fr}
  .rd-bout-mid{grid-column:1/-1;order:3;border-left:0;border-right:0;border-top:1px solid rgba(20,20,20,.14)}
  .rd-bout-fig{width:110px;height:150px}
  .rd-bout-nm{font-size:27px}
}
@media(max-width:600px){
  .rd-bout-hd{padding:0 0 12px}
  .rd-bout-side{padding:18px 0}
  .rd-bout-mid{padding:18px}
  .rd-bout-hist{margin:18px 0 0}
  .rd-bout-row{grid-template-columns:1fr;gap:2px}
  .rd-bout-row .k{text-align:left}
  .rd-bout-rec{font-size:30px}
}

/* Kinboshi, form, career, kachi-koshi, and your own stake in the bout. */
.rd-bout-star{margin-top:14px;padding:11px 14px;border-left:4px solid #b69a62;background:#e8dec8;
  font-size:14px;color:#4a3f2d}
.rd-bout-star b{display:block;font:600 10px var(--ui);letter-spacing:.18em;text-transform:uppercase;
  color:#8a6a1f;margin-bottom:3px}
.rd-bout-form{margin-top:12px;display:flex;gap:5px;flex-wrap:wrap;font-size:15px;line-height:1}
.rd-bout-w .rd-bout-form{justify-content:flex-end}
.rd-bout-form i{font-style:normal}
.rd-bout-form .w{color:#cc352c}
.rd-bout-form .l{color:#9a8e78}
.rd-bout-form .a{color:#b3a68e}
.rd-bout-koshi{margin-top:9px;font:600 10.5px var(--ui);letter-spacing:.13em;text-transform:uppercase;color:#786342}
.rd-bout-koshi.good{color:#2f6d43}
.rd-bout-koshi.bad{color:#a7402f}
.rd-bout-career{margin-top:7px;font-size:12.5px;color:#6b5c44}
.rd-bout-stake{margin:20px 0 0;padding:14px 16px;background:#e8dec8;display:flex;flex-wrap:wrap;
  gap:6px 26px;align-items:baseline;font-size:13px;color:#4a3f2d}
.rd-bout-stake b{font:600 10px var(--ui);letter-spacing:.18em;text-transform:uppercase;color:#4a3f2d;
  flex:0 0 100%}
.rd-bout-stake b.hit{color:#2f6d43}
.rd-bout-stake b.miss{color:#a7402f}
.rd-bout-stake-yes{color:#4a3f2d;font-weight:600}
.rd-bout-stake-no{color:#8b7d63}
@media(max-width:600px){.rd-bout-stake{gap:4px;flex-direction:column}}

/* The edge bar. Deliberately not called a win probability: it is a rank gap
   shaded by the head-to-head, and the sub-line says so. */
.rd-bout-edge{margin-bottom:22px;padding-bottom:18px;border-bottom:1px solid rgba(20,20,20,.14)}
.rd-bout-edge-row{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:baseline;margin-bottom:7px}
.rd-bout-edge-row b{font-family:var(--disp);font-weight:400;font-size:26px;line-height:1}
.rd-bout-edge-row b:last-child{text-align:right}
.rd-bout-edge-row .rd-bout-lab{text-align:center}
.rd-bout-edge .rd-bout-sub{text-align:center}

.rd-bout-note{margin-top:8px;text-align:center;font-size:12px;line-height:1.5;color:#786342}

/* ---- the bout: a result on screen ---------------------------------------
   When the bout that was on has just been decided the panel holds it for a
   few ticks with the winner marked before walking on to the next one. */
.rd-bout-side.lose{opacity:.45}
.rd-bout-side.lose .rd-bout-fig{filter:grayscale(1) drop-shadow(0 10px 12px #14141435)}
.rd-bout-won{display:inline-block;font:600 11px var(--ui);letter-spacing:.18em;text-transform:uppercase;color:#fff;background:#cc352c;padding:5px 9px;margin-top:10px}
.rd-bout-side.win .rd-bout-nm{color:#cc352c}
.rd-bout-next strong{font-weight:700;color:#cc352c}
.rd-bout-next-sub{display:block;margin-top:4px;font-size:12px;opacity:.75}

/* ---- the year (venue page) ---------------------------------------------- */
.rd-cal{margin-top:44px;border:1px solid var(--line);background:var(--ink2)}
.rd-cal .th{padding:17px 20px 15px;border-bottom:1px solid var(--line)}
.rd-cal .th h3{font-family:var(--disp);font-size:24px;color:var(--sand);line-height:1;margin:0}
.rd-cal .th h3 .k{font-family:var(--serif);font-size:.55em;color:var(--clay);margin-left:11px}
.rd-cal .th .when{margin-top:9px;font-size:13.5px;color:var(--sand-dim);line-height:1.55}
.rd-cal-ups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border-bottom:1px solid var(--line)}
.rd-cal-up{background:var(--ink2);padding:18px 20px 16px;position:relative}
.rd-cal-up.on{background:#2a2622}
.rd-cal-chip{display:inline-block;font:600 10px var(--ui);letter-spacing:.18em;text-transform:uppercase;color:var(--gold);border:1px solid #6a5a3a;padding:4px 8px}
.rd-cal-chip.live{color:#fff;background:#cc352c;border-color:#cc352c}
.rd-cal-chip.dim{color:var(--sand-dim);border-color:var(--line)}
.rd-cal-name{font-family:var(--disp);font-size:30px;line-height:1;color:var(--sand);margin-top:12px}
.rd-cal-name span{font-family:var(--serif);font-size:.5em;color:var(--clay);margin-left:9px}
.rd-cal-where{margin-top:6px;font-size:13px;color:var(--sand-dim)}
.rd-cal-dates{margin-top:2px;font:600 13px var(--ui);letter-spacing:.06em;text-transform:uppercase;color:var(--sand)}
.rd-cal-count{font-family:var(--disp);font-size:40px;line-height:1;color:var(--clay);margin:14px 0 12px}
.rd-cal-row{display:grid;grid-template-columns:86px auto 1fr;gap:10px;align-items:baseline;padding:7px 0;border-top:1px solid var(--line);font-size:13px}
.rd-cal-row span{font:600 10px var(--ui);letter-spacing:.14em;text-transform:uppercase;color:var(--sand-dim)}
.rd-cal-row b{color:var(--sand)}
.rd-cal-row i{font-style:normal;color:var(--sand-dim);font-size:12px}
.rd-cal-lines{padding:6px 20px 10px}
.rd-cal-year{font:600 11px var(--ui);letter-spacing:.2em;color:var(--gold);padding:14px 0 6px}
.rd-cal-line{display:grid;grid-template-columns:44px 1.2fr 1fr 1.1fr 1.6fr;gap:12px;align-items:baseline;padding:10px 0;border-top:1px solid var(--line);font-size:14px;color:var(--sand)}
.rd-cal-line.done{color:var(--sand-dim)}
.rd-cal-line.on{color:var(--sand)}
.rd-cal-m{font:600 11px var(--ui);letter-spacing:.14em;text-transform:uppercase;color:var(--sand-dim)}
.rd-cal-n{font-family:var(--disp);font-size:20px;line-height:1}
.rd-cal-n i{font-family:var(--serif);font-style:normal;font-size:.6em;color:var(--clay);margin-left:7px}
.rd-cal-v,.rd-cal-d{font-size:13px}
.rd-cal-r{text-align:right;font-size:13px}
.rd-cal-r b{color:var(--sand)}
.rd-cal-live{color:#e0453b}
.rd-cal-muted{color:var(--sand-dim)}
.rd-cal-foot{padding:12px 20px 16px;border-top:1px solid var(--line);font-size:12.5px;color:var(--sand-dim);line-height:1.6}
.rd-cal-foot a{color:var(--gold)}
@media(max-width:900px){.rd-cal-ups{grid-template-columns:1fr}.rd-cal-line{grid-template-columns:40px 1fr 1fr;grid-template-areas:"m n r" "m v d"}.rd-cal-m{grid-area:m}.rd-cal-n{grid-area:n}.rd-cal-v{grid-area:v}.rd-cal-d{grid-area:d}.rd-cal-r{grid-area:r}}

/* ---- kyūjō (banzuke page) ------------------------------------------------ */
.rd-kyujo{margin:28px 0 8px;border:1px solid var(--line);background:var(--ink2)}
.rd-kyujo .th{padding:17px 20px 15px;border-bottom:1px solid var(--line)}
.rd-kyujo .th h3{font-family:var(--disp);font-size:24px;color:var(--sand);line-height:1;margin:0}
.rd-kyujo .th h3 .k{font-family:var(--serif);font-size:.55em;color:var(--clay);margin-left:11px}
.rd-kyujo .th .when{margin-top:9px;font-size:13.5px;color:var(--sand-dim)}
/* The 1px gap used to show the grid's own background as hairlines — and, with
   three men out in a five-column grid, as a solid grey slab where cards 4 and
   5 would be. The hairline now belongs to each card; the grid paints nothing. */
.rd-kyujo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1px;background:transparent}
.rd-kyujo-card{background:var(--ink2);padding:16px 18px 14px;border-left:4px solid #cc352c;box-shadow:0 0 0 1px var(--line)}
.rd-kyujo-card.back{border-left-color:#6a5a3a;opacity:.75}
.rd-kyujo-nm{font-family:var(--disp);font-size:24px;line-height:1;color:var(--sand)}
.rd-kyujo-nm a{color:inherit;text-decoration:none}
.rd-kyujo-nm a:hover{color:#e0453b}
.rd-kyujo-rk{margin-top:5px;font:600 10px var(--ui);letter-spacing:.14em;text-transform:uppercase;color:var(--clay)}
.rd-kyujo-st{margin-top:9px;font-size:14px;color:var(--sand)}
.rd-kyujo-meta{margin-top:3px;font-size:12.5px;color:var(--sand-dim)}
.rd-kyujo-own{display:inline-block;margin-top:9px;font:600 10px var(--ui);letter-spacing:.14em;text-transform:uppercase;color:var(--gold);border:1px solid #6a5a3a;padding:3px 7px}
.rd-kyujo-foot{padding:11px 20px 14px;border-top:1px solid var(--line);font-size:12.5px;color:var(--sand-dim);line-height:1.6}

/* ---- dark mode for the paper panels ---------------------------------------
   theme.css (the toggle) recolours the big paper bands; these panels sat on
   their own #f1e9d9 and stayed cream on a dark page. Same palette as theme.css. */
html[data-theme=dark] body :is(#banzuke .banzuke,#ranks .lb,#pickem .pick-meter,#battle .pickcta,#forge-view .fpress,#learn details[open]>summary,#venue .vart){background:#20201e!important;color:#f1e9d9!important}
html[data-theme=dark] body :is(#banzuke .banzuke,#ranks .lb){border-color:#504b40}
html[data-theme=dark] body #banzuke .brow{border-bottom-color:#3a3630}
html[data-theme=dark] body #banzuke :is(.brow .name,.brow .wl,.rikishi .name,.rikishi .en,.rikishi .kj,.rikishi .rec,.rikishi .rname){color:#f1e9d9}
html[data-theme=dark] body #banzuke :is(.brow .name .kj,.brow .rank,.rikishi .rank,.rikishi .sub,.rikishi .heya,.brow .bheya){color:#c8baa0}
html[data-theme=dark] body #banzuke .brow:hover{background:#2a2823}
html[data-theme=dark] body #banzuke .hoshi i{border-color:#c8baa0}
html[data-theme=dark] body #banzuke .hoshi i.w{background:#f1e9d9;border-color:#f1e9d9}
html[data-theme=dark] body #banzuke .showmore-row .btn{border-color:#b69a62;color:#f1e9d9}
html[data-theme=dark] body #ranks .lb .lbrow{border-bottom-color:#3a3630}
html[data-theme=dark] body #ranks .lb .lbrow:hover{background:#2a2823}
html[data-theme=dark] body #ranks .lb .lbrow.me{background:#2a2823}
html[data-theme=dark] body #ranks .lb .lbrow .uname{color:#f1e9d9}
html[data-theme=dark] body #ranks .lb .lbrow .cardsn{color:#c8baa0}
html[data-theme=dark] body #ranks .lb .lbrow .btn{color:#f1e9d9}
html[data-theme=dark] body #ranks .lb .lbrow .btn:hover{background:#3a3630;color:#f1e9d9}
html[data-theme=dark] body #pickem .pick-meter :is(.n,.t,.t b){color:#f1e9d9}
html[data-theme=dark] body #learn details[open]>summary{color:#f1e9d9}
html[data-theme=dark] body .rd-bout-next strong{color:#e0453b}