
/* Adopted navy, gold and blossom surfaces for the actual home screen. */
body[data-screen="home"] .courtyard-scene>.brand{
background:linear-gradient(125deg,#07152af5,#152941f5)!important;border:1px solid #e5c582!important;
box-shadow:inset 0 0 0 2px #9c7c3938,0 3px 10px #0005!important;overflow:hidden!important}
body[data-screen="home"] .courtyard-scene>.brand b{
font-family:"Noto Serif JP","Yu Mincho",serif!important;font-weight:600!important;letter-spacing:.12em!important;
color:#fff0c9!important;-webkit-text-fill-color:#fff0c9!important;-webkit-text-stroke:0!important;text-shadow:0 1px 5px #000!important}
body[data-screen="home"] .courtyard-scene>.brand .brand-mark{box-shadow:0 0 0 1px #e2bb72!important}
body[data-screen="home"] #todayRokuyo{
color:#fff0cc!important;background:linear-gradient(135deg,#182b43,#071427)!important;
border:1px solid #e2bf79!important;box-shadow:inset 0 0 0 2px #9c7c392e!important;font-family:"Noto Serif JP",serif!important;font-weight:600!important;text-shadow:0 1px 4px #000!important}
html body[data-screen="home"] #top .courtyard-scene>.community-counters{
background:linear-gradient(110deg,#07162be8,#152940eb)!important;border:1px solid #d9ba7b!important;
box-shadow:inset 0 0 0 2px #b89a5e29,0 3px 10px #0004!important;color:#fae6bd!important;overflow:visible!important}
html body[data-screen="home"] #top .courtyard-scene>.community-counters>p:not(#communityStatus){font-family:"Noto Serif JP",serif!important;font-weight:500!important;color:#f4e5c5!important;text-shadow:0 1px 3px #000!important}
html body[data-screen="home"] #top .courtyard-scene>.community-counters strong{color:#ffe3a0!important;font-family:"Noto Serif JP",serif!important;text-shadow:0 0 8px #c9a04744!important}
html body[data-screen="home"] #top .courtyard-scene>.community-counters>p:nth-child(2){border-left:1px solid #d7b77970;padding-left:10px!important}
html body[data-screen="home"] #top .character-stage>.character-name{
position:relative!important;overflow:hidden!important;color:#ffefcc!important;
background:radial-gradient(ellipse at 10% 0,#d9b25e1c,transparent 45%),linear-gradient(115deg,#071428f5,#172a43f5)!important;
border-color:#e1bf7d!important;box-shadow:inset 0 0 0 3px #b5965740,0 0 0 1px #6d532b,0 4px 18px #0005!important;text-shadow:0 2px 5px #000!important}
html body[data-screen="home"] #top .character-stage>.character-name:before,html body[data-screen="home"] #top .character-stage>.character-name:after{
content:"";position:absolute;width:74px;height:60px;pointer-events:none;opacity:.7;
background:url('./assets/home-lower-approved-20261018.webp') 9% 6.5%/680px 1020px no-repeat}
html body[data-screen="home"] #top .character-stage>.character-name:before{top:4px;left:4px}
html body[data-screen="home"] #top .character-stage>.character-name:after{bottom:4px;right:4px;rotate:180deg}
html body[data-screen="home"] #top .character-stage>.character-name>.character-person-name{color:#fff1cf!important;font-family:"Noto Serif JP",serif!important;font-weight:600!important;letter-spacing:.08em!important}
html body[data-screen="home"] #top .character-stage>.character-name>time{color:#ead19d!important;font-family:"Noto Serif JP",serif!important;font-weight:500!important}
html body[data-screen="home"] #top .character-stage>.character-name>#weekdayDivinityName{color:#fff0c7!important;font-family:"Noto Serif JP",serif!important;font-weight:500!important}
html body .home-account.home-design-account{
background:radial-gradient(ellipse at 0 0,#b6934133,transparent 32%),linear-gradient(110deg,#07152bf5,#162c44f5)!important;
border:double 3px #ddbf80!important;padding:7px 10px!important;box-shadow:inset 0 0 0 1px #fff2c733,0 4px 15px #0005!important}
html body .home-account.home-design-account #homeAccountStatus{
align-self:flex-start;border:1px solid #d3b47280;border-radius:20px;padding:2px 6px;background:#0c1c30!important;color:#bfe9ce!important;font-size:10px!important;white-space:nowrap}
html body .home-account.home-design-account .home-account-person>small{letter-spacing:.06em;color:#e5ce9c!important}
html body .home-account.home-design-account .home-account-points{
border:double 3px #c4a569!important;border-radius:10px!important;
background:radial-gradient(ellipse at 100% 0,#d4ae6944,transparent 45%),linear-gradient(120deg,#fff7e4,#eddbaf)!important;
box-shadow:inset 0 0 0 1px #fffdf2!important;padding:5px 7px!important}
html body .home-account.home-design-account .home-account-points>span:first-child{color:#745324!important;font-weight:600!important;letter-spacing:.04em}
html body .home-account.home-design-account .home-account-points>strong{color:#58391b!important;text-shadow:0 1px #fff!important}
html body .home-account.home-design-account #homeAccountAction{
min-height:24px;display:flex!important;align-items:center;justify-content:center;
border:1px solid #b79a5e!important;border-radius:16px!important;color:#fff2cd!important;
background:linear-gradient(100deg,#0c3862,#087e89)!important;box-shadow:inset 0 0 0 1px #f8db9144!important;
font-family:"Noto Serif JP",serif!important;font-weight:600!important;letter-spacing:.03em}
html body .home-account.home-design-account .home-design-guest-actions button{
border:double 3px #cfaf70!important;border-radius:20px!important;box-shadow:inset 0 0 0 1px #fff2c744!important;font-family:"Noto Serif JP",serif!important}
html body .home-account.home-design-account .home-design-google{background:linear-gradient(110deg,#fff9ea,#edd6a2)!important;color:#392919!important}
html body .home-account.home-design-account .home-design-discord{background:linear-gradient(110deg,#1c3156,#344776)!important;color:#fff2d1!important}
.home-roster-characters{display:flex;justify-content:center;gap:10px;margin:0 auto 12px;padding:0 8px;width:100%}
.home-roster-characters button{flex:1;max-width:220px;min-height:44px;padding:8px 18px;cursor:pointer;
border:1px solid #b89c67;border-radius:22px;background:linear-gradient(110deg,#132641,#24354f);color:#e7d8ba;font:600 16px/1.3 "Noto Serif JP",serif;letter-spacing:.1em}
.home-roster-characters button[aria-pressed="true"]{background:linear-gradient(110deg,#f7e4b7,#cfa863);color:#302115;border-color:#ffedb8;box-shadow:0 0 12px #e6b85a35,inset 0 0 0 2px #fff4d444}
.home-roster-characters button:focus-visible{outline:3px solid #fff1b9;outline-offset:3px}
#homeWeekdayDialog .home-roster-characters{margin:0 0 12px;padding:0}
@media(max-width:560px){
html body .home-account.home-design-account{gap:6px!important;grid-template-columns:44px minmax(0,1fr) minmax(136px,1fr);padding:6px!important}
html body .home-account.home-design-account .home-design-avatar{width:42px;height:42px}
html body .home-account.home-design-account #homeAccountName{font-size:16px!important}
html body .home-account.home-design-account #homeAccountStatus{font-size:9px!important;padding:1px 4px}
html body .home-account.home-design-account .home-account-points{padding:4px!important}
html body .home-account.home-design-account #homeAccountAction{font-size:10px!important;min-height:23px;padding:2px!important}
.home-roster-characters{gap:8px;margin-bottom:10px}.home-roster-characters button{font-size:15px}
html body[data-screen="home"] #top .courtyard-scene>.community-counters>p:nth-child(2){padding-left:6px!important}
}

html body .home-account.home-design-account .home-account-points{grid-template-columns:1fr!important;gap:2px!important}
html body .home-account.home-design-account .home-account-points>span:first-child{grid-column:1!important;white-space:nowrap;text-align:center;font-size:11px!important}
html body .home-account.home-design-account .home-account-points>strong{grid-column:1!important;text-align:center}
html body .home-account.home-design-account #homeAccountStatus{max-width:100%;overflow:hidden;text-overflow:ellipsis}
html body[data-screen="home"] #top .character-stage>.character-name:before,html body[data-screen="home"] #top .character-stage>.character-name:after{mix-blend-mode:lighten;mask-image:linear-gradient(135deg,#000 45%,transparent 90%)}
