/* Shared category accents and readable controls across editorial views. */
[data-home-color=sorties],[data-archive-color=sorties],#yuki-encyclopedie{--ui-accent:#00a8ff;--ui-rgb:0,168,255}
[data-home-color=flashs],[data-archive-color=flashs]{--ui-accent:#ff174f;--ui-rgb:255,23,79}
[data-home-color=souvenirs],.yuki-anniversary-page{--ui-accent:#ffe600;--ui-rgb:255,230,0}
[data-home-color=tests],[data-archive-color=tests]{--ui-accent:#a8ff00;--ui-rgb:168,255,0}
[data-home-color=chroniques],[data-archive-color=chroniques]{--ui-accent:#d500ff;--ui-rgb:213,0,255}
[data-home-color=dossiers],[data-archive-color=dossiers]{--ui-accent:#00fff0;--ui-rgb:0,255,240}
[data-home-color=actualites]{--ui-accent:#ff5c00;--ui-rgb:255,92,0}
.yuki-archive-view:not([data-archive-color]),.yuki-archive-view[data-archive-color=""]{--ui-accent:#ff008c;--ui-rgb:255,0,140}
:is(.yuki-home-sections,.yuki-home-tabs,.yuki-archive-view,#yuki-encyclopedie,.yuki-anniversary-page) i{
    filter:none!important;text-shadow:none!important;
}
:is(.yuki-home-sections,.yuki-archive-view,#yuki-encyclopedie,.yuki-anniversary-page) [class*="text-yuki-accent"]{color:var(--ui-accent)!important}
:is(.yuki-home-sections,.yuki-archive-view,#yuki-encyclopedie,.yuki-anniversary-page) [class*="bg-yuki-accent/"]{
    background-color:rgba(var(--ui-rgb),.1)!important;
}
:is(.yuki-home-sections,.yuki-archive-view,#yuki-encyclopedie,.yuki-anniversary-page) :is(a,button,[class*="rounded"])[class*="hover:bg-yuki-accent"]:hover{
    background:rgba(var(--ui-rgb),.14)!important;border-color:var(--ui-accent)!important;box-shadow:none!important;
}
:is(.yuki-home-sections,.yuki-archive-view,#yuki-encyclopedie,.yuki-anniversary-page) [class*="hover:border-yuki-accent"]:hover{border-color:var(--ui-accent)!important}
:is(.yuki-home-sections,.yuki-archive-view,#yuki-encyclopedie,.yuki-anniversary-page) [class*="hover:text-yuki-accent"]:hover{color:var(--ui-accent)!important}
:is(.yuki-home-sections,.yuki-archive-view,#yuki-encyclopedie,.yuki-anniversary-page) .group:hover [class*="group-hover:text-yuki-accent"]{color:var(--ui-accent)!important}
:is(.yuki-home-sections,.yuki-archive-view,#yuki-encyclopedie,.yuki-anniversary-page) .group:hover [class*="group-hover:bg-yuki-accent"]{background:rgba(var(--ui-rgb),.18)!important}
body:is(.home,.blog) #page .yuki-home-sections article:hover{border-color:rgba(var(--ui-rgb),.55)!important}
body:is(.home,.blog) #page .yuki-home-sections .yuki-test-row:hover h3{color:var(--ui-accent)}
body:is(.home,.blog) #page .yuki-home-sections>section>div:first-child>a{color:var(--ui-accent)!important;border-color:rgba(var(--ui-rgb),.35)!important}
body:is(.home,.blog) #page .yuki-home-sections>section>div:first-child>a:hover{background:rgba(var(--ui-rgb),.12)!important;box-shadow:3px 3px 0 #0009!important}
.yuki-home-tabs button[aria-selected=true],.yuki-archive-view .yuki-search-tab[aria-current=page],#yuki-encyclopedie .ency-tab-btn[aria-pressed=true]{
    background:rgba(var(--ui-rgb),.12)!important;color:var(--ui-accent)!important;border-color:var(--ui-accent)!important;box-shadow:inset 0 -2px 0 var(--ui-accent)!important;
}
.yuki-home-tabs button[aria-selected=true]>i,.yuki-archive-view .yuki-search-tab[aria-current=page]>i{color:inherit!important}
.yuki-archive-view #primary .yuki-search-tabs .yuki-search-tab:hover{
    background:rgba(var(--ui-rgb),.12)!important;
    color:var(--ui-accent)!important;
    border-color:var(--ui-accent)!important;
}
#yuki-encyclopedie .ency-tab-btn[aria-pressed=false]{background:#ffffff04!important;border-color:#ffffff18!important;box-shadow:none!important}
#yuki-encyclopedie .ency-tab-btn[aria-pressed=false]:hover{color:var(--ui-accent)!important;border-color:var(--ui-accent)!important}
#yuki-encyclopedie [class*="fa-chevron"]{color:var(--ui-accent)!important}
.yuki-game-cover-badge,.yuki-anniversary-page .bg-yuki-accent{box-shadow:none!important}

/* Apply the reading measure to the content itself, including older templates. */
body.single-post #primary{width:100%;max-width:820px!important;margin-inline:auto;flex-basis:auto}
body.single-post #page .jrpgfr-test-layout{
    max-width:1104px!important;grid-template-columns:220px minmax(0,820px)!important;gap:32px!important;
}
@media(max-width:1279px){body.single-post #primary{max-width:820px!important}}

/* Flash singles share the reading width and compact panels of regular posts. */
body.yuki-single-flash{--ui-accent:#ff174f;--ui-rgb:255,23,79}
.yuki-single-flash .yuki-flash-layout{
    display:block!important;
    width:100%!important;
    max-width:852px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    box-sizing:border-box;
}
.yuki-single-flash #primary{width:100%;max-width:820px!important;min-width:0;margin-left:auto!important;margin-right:auto!important}
.yuki-single-flash #masthead .yuki-navbar-shell,
.yuki-single-flash .yuki-flash-article,
.yuki-single-flash .yuki-flash-related{border-radius:12px!important}
.yuki-single-flash .yuki-flash-copy h1{font-size:clamp(1.5rem,3vw,2rem);overflow-wrap:anywhere}
.yuki-single-flash .jrpgfr-flash-body{font-size:1.125rem;line-height:1.8;overflow-wrap:anywhere}
.yuki-single-flash .yuki-flash-layout i{filter:none!important;text-shadow:none!important}
.yuki-single-flash .yuki-flash-layout [class*="text-yuki-accent"]{color:var(--ui-accent)!important}
.yuki-single-flash .yuki-flash-layout .bg-yuki-accent{background:var(--ui-accent)!important;box-shadow:none!important}
.yuki-single-flash .yuki-flash-layout [class*="bg-yuki-accent/"]{background:rgba(var(--ui-rgb),.12)!important}
.yuki-single-flash .yuki-flash-layout .from-yuki-accent\/10{--tw-gradient-from:rgba(var(--ui-rgb),.1)!important}
.yuki-single-flash .yuki-flash-layout :is(a,button):hover{border-color:rgba(var(--ui-rgb),.5)!important}
.yuki-single-flash .yuki-flash-layout .group\/game:hover [class*="group-hover/game:text-yuki-accent"]{color:var(--ui-accent)!important}
.yuki-single-flash .yuki-flash-layout a[class*="glass"],
.yuki-single-flash .yuki-flash-related a[class*="rounded-full"]{border-radius:5px!important}
.yuki-single-flash .yuki-flash-layout a[class*="glass"]:hover,
.yuki-single-flash .yuki-flash-related a[class*="rounded-full"]:hover{background:rgba(var(--ui-rgb),.12)!important}
.yuki-single-flash .jrpgfr-flash-body a{color:var(--ui-accent)!important}