/* Collector's Album review. All selectors are scoped to the new folio. */
.selected-belonging .selected-copy,.selected-belonging .selected-art-focus{display:none}
.folio-anchor{position:absolute;left:59.27734375%;top:46.92082111%;width:15.52734375%;height:28.59237537%;z-index:8;color:#f6dfad;text-shadow:none}
.folio-host{container-type:inline-size;width:100%;height:100%}
.folio-board{width:100%;height:100%;display:grid;grid-template-columns:41.5094% 52.8302%;grid-template-rows:minmax(0,1fr) 18.4615%;column-gap:5.6604%;row-gap:6.6667%;font-family:'Cormorant Garamond',Georgia,serif;font-weight:700;text-shadow:none;color:#f4dfb2}
.folio-art{position:relative;min-width:0;min-height:0;overflow:hidden}
.world .folio-art .folio-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none;z-index:2}
.world .folio-art #folio-catch,.folio-art #folio-catch{position:absolute;left:9%;top:16%;width:82%;height:70%;object-fit:contain;object-position:center;display:block}
.folio-art #folio-empty-art{position:absolute;inset:20%;display:grid;place-items:center;font-size:60px;color:#d9ad61}
.folio-art #folio-empty-art[hidden],#folio-catch[hidden]{display:none!important}
.folio-info{min-width:0;min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#aa773e #321323;padding:0 2% 0 3%;border-left:1px solid #b38139;overflow-wrap:anywhere}
.folio-info h2{margin:0;font:700 clamp(20px,7.2cqw,48px)/.92 'Cormorant Garamond',Georgia,serif;color:#f9dfaa;letter-spacing:-.015em;text-wrap:balance;text-shadow:none}
.folio-flourish{font-size:clamp(8px,2.8cqw,20px);line-height:1;text-align:center;color:#d4a453;margin:2% 0}
#folio-rarity{font-size:clamp(12px,4.2cqw,27px);line-height:1;margin:2% 0;color:#eac47b}
#folio-rarity:not(:empty):before{content:'✦ ';font-size:.7em}
.folio-info dl{margin:0;font-size:clamp(11px,3.8cqw,24px);line-height:1.03;font-weight:700}
.folio-info dl>div{display:flex;justify-content:space-between;gap:5%;margin:1% 0}
.folio-info dt,.folio-info dd{margin:0}.folio-info dd{text-align:right;font-variant-numeric:tabular-nums;color:#f8e5bc}
.folio-info .folio-discovery{display:block;border-top:1px solid #976730;padding-top:3%;margin-top:3%}.folio-discovery dd{text-align:left}
.folio-navigation{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:8%;min-height:0;position:relative}
.folio-navigation:before{content:'';position:absolute;left:14%;right:14%;top:50%;height:1px;background:linear-gradient(90deg,#d9a851,transparent 32%,transparent 68%,#d9a851);pointer-events:none}
.folio-arrow{flex:0 0 auto;position:relative;height:100%;aspect-ratio:1;padding:0;border:2px solid #edc371;border-radius:50%;background:radial-gradient(circle at 45% 35%,#561a2b,#240c19);box-shadow:inset 0 0 0 1px #73471e,0 0 0 1px #794c24;color:#ffe2a0;cursor:pointer}
.folio-arrow svg{width:90%;height:90%;fill:#efd08d;stroke:#9c602b;stroke-width:1}.folio-arrow:hover:not(:disabled){background:#61243c}.folio-arrow:disabled{opacity:.38;cursor:default;filter:saturate(.4)}
.folio-nav-center{text-align:center;min-width:0;z-index:1;line-height:1.1}.folio-demo-label{display:block;font-size:clamp(8px,2.6cqw,16px);color:#e2bb85;white-space:nowrap}
#folio-enlarge{border:0;background:none;color:#f5d990;font:700 clamp(10px,3.2cqw,18px)/1.1 'Cormorant Garamond',serif;padding:2px 6px;text-decoration:underline;text-underline-offset:2px;cursor:pointer}
.folio-board :focus-visible,.folio-compact:focus-visible,#folio-dialog button:focus-visible{outline:2px solid #fff0ae;outline-offset:2px}
.folio-compact{display:none;width:100%;height:100%;border:1px solid #c49a52;background:rgba(56,13,34,.74);color:#f7dfac;font-family:'Cormorant Garamond',Georgia,serif;border-radius:8px;cursor:pointer;padding:5%}
.folio-compact span,.folio-compact strong,.folio-compact small{display:block}.folio-compact>span:first-child{font-size:30px}.folio-compact strong{font-size:clamp(12px,1.5vw,24px);line-height:1}.folio-compact small{margin-top:6px;font-size:10px}
.folio-anchor.is-compact .folio-compact{display:block}.folio-anchor.is-compact #folio-home{display:none}
.folio-anchor.is-compact.has-selection .folio-compact{display:none}.folio-anchor.is-compact.has-selection #folio-home{display:block}
#folio-dialog{box-sizing:border-box;width:min(1000px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:24px;border:3px double #d4aa5e;border-radius:18px;background:radial-gradient(ellipse at 30% 20%,#55132f,#2b0b1d 80%);color:#f5dfb2;box-shadow:0 15px 90px #000b;overflow:auto}
#folio-dialog::backdrop{background:#0f071bd9;backdrop-filter:blur(3px)}
.folio-dialog-header{display:flex;justify-content:space-between;gap:20px;align-items:start;margin-bottom:24px;border-bottom:1px solid #8b5838;padding-bottom:12px}
.folio-dialog-header h2{font:700 30px/1 'Cormorant Garamond',serif;margin:0}.folio-dialog-header p{font:14px/1.4 Georgia,serif;margin:8px 0 0;color:#dabc9d}
#folio-close{flex-shrink:0;background:#3a1226;border:1px solid #bc914f;color:#ffe5b7;border-radius:20px;min-height:44px;padding:8px 16px;cursor:pointer}
#folio-expanded{height:auto;aspect-ratio:318/195}#folio-dialog .folio-board{height:100%}#folio-dialog #folio-enlarge{display:none}#folio-dialog .folio-arrow{max-height:68px;min-height:44px}#folio-dialog .folio-info{border-left-width:1px}
@media(max-width:600px){#folio-dialog{padding:16px}.folio-dialog-header{gap:8px}.folio-dialog-header h2{font-size:26px}.folio-dialog-header p{font-size:12px}#folio-close{padding:6px 10px}#folio-expanded{aspect-ratio:auto}#folio-dialog .folio-board{height:auto;grid-template-columns:1fr;grid-template-rows:230px auto 52px;gap:20px}#folio-dialog .folio-art{width:210px;justify-self:center}#folio-dialog .folio-info{max-height:none;overflow:visible;border-left:0;padding:0 6px}#folio-dialog .folio-info h2{font-size:32px}#folio-dialog .folio-info dl{font-size:20px;line-height:1.2}#folio-dialog #folio-rarity{font-size:23px}#folio-dialog .folio-flourish{font-size:18px}#folio-dialog .folio-demo-label{font-size:14px}#folio-dialog .folio-navigation{grid-column:1}}
.world .folio-art #folio-catch,.folio-art #folio-catch{left:5%;top:14%;width:90%;height:76%}
#folio-dialog{background-image:linear-gradient(#28071b44,#21081c66),url('assets/destinations/backpack/backpack-keep-max-approved.png');background-size:100% 100%,644.025% 349.744%;background-position:center,70.1734% 65.7084%}
.folio-info h2:first-letter{font-size:1.14em}
.folio-arrow{background:linear-gradient(145deg,#75401e,#ecc580 9%,#956124 17%,#381323 21%,#641f35 65%,#261020 83%,#b07c37 88%,#f2d79b 93%,#754320);border-color:#b98a45;box-shadow:inset 0 0 0 1px #f7d49a}
#folio-dialog .folio-info h2{font-size:clamp(32px,8.4cqw,70px)}
#folio-dialog .folio-info dl{font-size:clamp(20px,4.1cqw,32px);line-height:1.12}
#folio-dialog #folio-rarity{font-size:clamp(23px,4.4cqw,34px)}
@media(max-width:600px){#folio-dialog .folio-info h2{font-size:34px}#folio-dialog .folio-info dl{font-size:20px}#folio-dialog #folio-rarity{font-size:23px}}
.folio-arrow,.folio-arrow:hover:not(:disabled){background:transparent url('assets/folio/arrow.png') center/contain no-repeat;border:0;box-shadow:none;border-radius:0;aspect-ratio:1.22}
.folio-arrow svg{visibility:hidden}#folio-next{transform:scaleX(-1)}
@media(min-width:601px){#folio-dialog .folio-info h2{font-size:clamp(32px,7cqw,60px)}#folio-dialog .folio-info dl{font-size:clamp(20px,3.3cqw,27px);line-height:1.05}#folio-dialog #folio-rarity{font-size:clamp(23px,3.6cqw,29px)}}
#folio-home .folio-info dl>div{margin:0}#folio-home .folio-flourish{margin:1px 0}#folio-home #folio-rarity{margin:1px 0 2px}#folio-home .folio-info .folio-discovery{margin-top:2px;padding-top:2px}
