/* The year's ledger uses the same lacquer, bronze rules and seals as action reports. */
.room-annual-report.annual-visual{box-sizing:border-box;padding:12px;gap:16px;position:relative;isolation:isolate;min-width:0;background:radial-gradient(ellipse at 90% 0,#497fa733,transparent 60%),repeating-linear-gradient(135deg,#ffffff02 0 1px,transparent 1px 9px),linear-gradient(135deg,#172c42f5,#101a2af5);box-shadow:inset 0 0 0 1px #a68d65,inset 0 0 0 5px #0a1425,inset 0 0 0 6px #a68d6544,0 12px 30px #0006}
.annual-visual .annual-hero{border:3px double #b59a70;box-shadow:0 5px 18px #0007,inset 0 0 0 1px #d1b174}
.annual-visual .annual-hero:after{content:'';position:absolute;inset:6px;border:1px solid #e0c48c55;pointer-events:none}
.annual-visual .annual-hero figcaption{padding:35px 18px 14px;background:linear-gradient(transparent,#071321f2 65%);text-shadow:0 2px 5px #000}
.annual-visual .annual-hero figcaption small{color:#c3d9ee;letter-spacing:1px}
.annual-visual .annual-content{position:relative;min-width:0}
.annual-visual .annual-content:before{content:'錄';position:absolute;right:8px;top:0;max-height:100%;overflow:hidden;font:120px/1 var(--serif);color:#8cbfdf;opacity:.06;pointer-events:none;z-index:-1}
.annual-visual .annual-content>header{padding:0 0 10px;border-bottom:1px solid #aa946966;text-shadow:0 2px #0008}
.annual-visual .annual-content>header i{color:#b8d9ee;background:radial-gradient(circle at 30% 20%,#46627a,#132135);border:3px double #bda477;box-shadow:0 2px 8px #0007}
.annual-visual .annual-record-list article{border:1px solid #758da480;border-top-color:#b5c9d6;background:linear-gradient(125deg,#2b4358,#162638);box-shadow:inset 0 0 0 2px #0b172355,0 3px 8px #0004}
.annual-visual .annual-record-list article>i{width:31px;height:34px;display:grid;place-items:center;border:3px double #a6906a;background:#142338;color:#b9d8f0;flex:none}
.annual-visual .annual-record-list article>div{min-width:0}
.annual-visual .annual-reward-grid>div{background:linear-gradient(135deg,#294159,#142235);border-color:#8a9eae88;box-shadow:inset 0 1px #c3d8ec44}
.annual-visual .annual-reward-grid b{color:#d0eaff;text-shadow:0 1px 4px #0007}
.annual-visual .annual-reward-grid .is-loss b{color:#efadaa}
.annual-visual :is(.report-full,.annual-inline-pages button){background:linear-gradient(120deg,#30465b,#182a3d);border:1px solid #aa956f;color:#f1e3c8;box-shadow:inset 0 0 0 2px #102033}
@media(min-width:701px) and (max-height:800px){
 .annual-visual .annual-content{gap:4px}
 .annual-visual .annual-content>header{padding-bottom:5px}
 .annual-visual .annual-record-list{gap:5px}
 .annual-visual .annual-record-list article{padding:8px 10px;min-height:42px}
 .annual-visual .annual-record-list strong{font-size:16px}
 .annual-visual .annual-record-list strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
 .annual-visual .annual-reward-grid{gap:5px}
 .annual-visual .annual-reward-grid>div{flex-direction:row;gap:5px;padding:3px 4px}
 .annual-visual .annual-reward-grid span{font-size:11px;white-space:nowrap}
 .annual-visual .annual-reward-grid b{font-size:19px}
 .annual-visual .annual-content>.report-full{min-height:32px}
}
@media(max-width:700px){
 .room-experience.is-room-result:has(.annual-visual){grid-template-rows:44px 114px 0 minmax(0,1fr) 40px 54px}
 .room-experience.is-room-result:has(.annual-visual) .room-location{display:none}
 .room-experience.is-room-result:has(.annual-visual) .palace-result-body>.map-replay-open{min-height:30px;height:30px;margin:0;padding:4px 10px;flex:none;background:linear-gradient(120deg,#30465b,#182a3d);border-color:#aa956f}
 .room-annual-report.annual-visual{padding:10px;gap:7px;grid-template-rows:minmax(70px,1fr) auto}
 .annual-visual .annual-hero figcaption{padding:20px 12px 9px}
 .annual-visual .annual-content{gap:5px}
 .annual-visual .annual-record-list article{padding:6px 8px;gap:7px}
 .annual-visual .annual-record-list article>i{width:26px;height:29px;font-size:17px}
 .annual-visual .annual-record-list strong{font-size:13px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
 .annual-visual .annual-record-list small{font-size:11px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
 .annual-visual .annual-reward-grid{gap:4px}
 .annual-visual .annual-reward-grid>div{padding:4px 3px;gap:2px}
 .annual-visual .annual-reward-grid b{font-size:18px}
 .annual-visual .annual-inline-pages{gap:8px}
 .annual-visual .annual-content>.report-full{min-height:30px;margin-top:0}
}
@media(max-width:700px) and (max-height:680px){
 .room-experience.is-room-result:has(.annual-visual){grid-template-rows:44px 98px 0 minmax(0,1fr) 40px 44px}
 .room-annual-report.annual-visual{gap:5px}
 .annual-visual .annual-content{gap:4px}
 .annual-visual .annual-reward-grid>div{flex-direction:row;gap:4px;padding:2px}
 .annual-visual .annual-reward-grid b{font-size:15px}
 .annual-visual .annual-reward-grid span{font-size:9px;letter-spacing:-.25px;white-space:nowrap}
 .annual-visual .annual-hero h2{font-size:21px}
}