.bts-journal{position:relative;display:grid;place-items:center;padding:clamp(1rem,3vw,2rem) clamp(1rem,4vw,3rem) 2rem;background:radial-gradient(ellipse at 50% 30%,#302b1e 0,#161710,#090b08)}.bts-journal__shell{position:relative;width:min(100%,43rem);isolation:isolate}.bts-journal__shell:after{content:"";position:absolute;top:12px;right:-7px;bottom:-8px;left:16px;z-index:-1;border:1px solid #635841;border-radius:5px 14px 14px 5px;background:repeating-linear-gradient(0deg,#756b51 0 1px,#c1b38e 1px 3px,#918262 3px 4px);box-shadow:4px 8px #26271b,12px 22px 35px #0009}.bts-journal__cover{position:relative;isolation:isolate;border:1px solid #796447;border-radius:7px 15px 15px 7px;color:#c1a673;background-color:#363323;background-image:linear-gradient(90deg,#100f08a6,transparent 8% 94%,#21190c80),url(bts-aged-leather.webp);background-position:center;background-size:100% 100%,cover;box-shadow:inset 1px 1px 2px #cfac7666,inset -2px -3px 4px #110d08cc,inset 0 0 18px #100e0877,0 3px 4px #0009;transform-origin:left center}.bts-journal__cover:before{content:"";position:absolute;top:14px;right:14px;bottom:14px;left:38px;z-index:1;border:1px dashed #a68e6270;border-radius:2px 8px 8px 2px;box-shadow:0 1px 1px #d9bd7730,inset 0 1px 2px #110c09b3;pointer-events:none}.bts-journal__cover:after{content:"";position:absolute;top:29px;right:29px;bottom:29px;left:53px;border:1px solid #201608b3;background:linear-gradient(#bda369,#bda369) left top/20px 2px no-repeat,linear-gradient(#bda369,#bda369) left top/2px 20px no-repeat,linear-gradient(#bda369,#bda369) right bottom/20px 2px no-repeat,linear-gradient(#bda369,#bda369) right bottom/2px 20px no-repeat;box-shadow:1px 1px 1px #e5c58b40,inset 1px 1px 2px #0d090980;opacity:.6;pointer-events:none}.bts-journal .bts-threshold__texture{z-index:0;border-radius:inherit;opacity:.55;mix-blend-mode:soft-light;background-image:linear-gradient(135deg,#dec39430,transparent 32% 75%,#190f0959);background-size:cover;pointer-events:none}.bts-journal__spine{position:absolute;inset:0 auto 0 0;width:30px;border-radius:6px 0 0 6px;border-right:1px solid #0c120bbc;background:repeating-linear-gradient(0deg,transparent 0 16%,#120d0799 16.2%,#b7986645 16.8%,transparent 17.5% 33%),linear-gradient(90deg,#1b120bcc,#b9a06b44 40%,#1a170ecc 88%,#c9ae7344),url(bts-aged-leather.webp) left center/auto 100%;box-shadow:5px 0 6px #0003}.bts-journal__ribbon{position:absolute;z-index:4;top:-1px;right:calc(12% - 11px);width:44px;height:64px;cursor:pointer}.bts-journal__ribbon:before{content:"";position:absolute;top:0;left:50%;width:21px;height:49px;background:linear-gradient(90deg,#35170f,#6b3724 50%,#482218);clip-path:polygon(0 0,100% 0,100% 100%,50% 83%,0 100%);filter:drop-shadow(2px 2px 2px #0008) drop-shadow(0 0 7px #ffe5a6f2) drop-shadow(0 0 15px #e7a43bd9) drop-shadow(0 0 23px #9f4e1fa6);transform:translate(-50%);animation:bts-bookmark-attention 2.4s ease-in-out infinite;transition:filter .2s ease,transform .2s ease}.bts-journal__ribbon:hover:before,.bts-journal__ribbon:focus-visible:before{filter:drop-shadow(2px 2px 2px #0008) drop-shadow(0 0 10px #fff0be) drop-shadow(0 0 21px #f2b44b) drop-shadow(0 0 31px #b75a20);transform:translate(-50%) translateY(2px) scale(1.06);animation-play-state:paused}.bts-journal__ribbon:focus-visible{border-radius:3px;outline:2px solid #f0cf88;outline-offset:2px}.bts-journal .bts-threshold__content{position:relative;z-index:1;min-height:calc(100svh - 9.5rem);padding:3rem clamp(2.25rem,5vw,4rem) 2.8rem clamp(3.5rem,7vw,5.5rem)}.bts-journal__edition{margin-bottom:clamp(1.25rem,3svh,2rem);color:#e7cf9b;font:400 clamp(.88rem,1.6vw,1.05rem)/1.45 var(--font-primary--family);letter-spacing:.16em;text-shadow:0 1px 2px #0d0703,0 0 6px rgba(13,7,3,.85)}.bts-journal .bts-threshold__mark{width:auto;max-width:min(48vw,15rem);max-height:clamp(10rem,29svh,20rem);margin-bottom:1.25rem;object-fit:contain;filter:none;mix-blend-mode:normal}.bts-journal .bts-eyebrow{color:#c7ac75;font-size:.62rem;text-shadow:-.6px -1px .5px #130c04,0 1px .4px #e5c28666}.bts-journal h1{max-width:13ch;margin:.9rem auto 1rem;color:#bba06a;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.5rem,6.5vw,4.6rem);font-weight:400;letter-spacing:-.055em;line-height:.9;text-shadow:-1px -1px 1px #0e0804,0 1px .5px #ecd3a080}.bts-journal .bts-threshold__line{color:#c0a679;font-size:clamp(.88rem,1.6vw,1.05rem);text-shadow:-.6px -1px .5px #120c06,0 1px .4px #dcc09059}@supports (background-clip:text) or (-webkit-background-clip:text){.bts-journal :is(h1,.bts-eyebrow,.bts-journal__edition){color:transparent;background-color:#dbc291;background-image:linear-gradient(#d1b17dc9,#ad8f5cc9),url(bts-aged-leather.webp);background-size:320px auto;background-position:45% 48%;background-blend-mode:normal;-webkit-background-clip:text;background-clip:text;text-shadow:none;filter:drop-shadow(-.8px -1.2px .45px #130b04) drop-shadow(.5px .9px .4px #e0bd798c)}}.bts-journal :is(.bts-button--enter,.bts-button--shop-collection){position:relative;min-width:10rem;margin-top:1.7rem;border-color:#aa895a9c;border-radius:2px;color:#ccb080;background:#1a130926;box-shadow:inset 1px 2px 3px #130d06b3,0 1px 1px #d3b38059;text-shadow:0 -1px 1px #120a04,0 1px .3px #d8b57959}.bts-journal .bts-button--shop-collection{display:table;margin:.8rem auto 0}.bts-journal :is(.bts-button--enter,.bts-button--shop-collection):hover,.bts-journal :is(.bts-button--enter,.bts-button--shop-collection):focus-visible{color:#efe1be;background:#b59d6126;border-color:#dec58d}.bts-journal :is(.bts-button--enter,.bts-button--shop-collection):focus-visible{outline:2px solid #e1c68e;outline-offset:5px}.bts-journal .bts-scroll-cue{margin-top:1.6rem;color:#b5a17d;font-size:.53rem;text-shadow:0 -1px .5px #120b05,0 1px .3px #dab98040}.bts-game-portal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483647;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 50% 50%,#38291a 0,#17130e,#060805 78%);animation:bts-game-portal-veil 1.25s ease-in-out both}.bts-game-portal:before{content:"";position:absolute;top:-30%;right:-30%;bottom:-30%;left:-30%;z-index:-1;background:repeating-conic-gradient(from 35deg at 50% 50%,#e9bc7433 0deg 4deg,transparent 6deg 24deg,#70401d77 29deg 31deg,transparent 36deg 45deg);filter:blur(22px);animation:bts-game-portal-haze 1.25s cubic-bezier(.17,.67,.28,1) both}.bts-game-portal__spiral{position:absolute;top:50%;left:50%;width:170vmax;height:170vmax;overflow:visible;filter:drop-shadow(0 0 8px #f2c67d) drop-shadow(0 0 24px #a85320);animation:bts-game-portal-spin 1.25s cubic-bezier(.18,.78,.26,1) both}.bts-game-portal__trail{fill:none;stroke:#a86a35;stroke-width:17;stroke-linecap:round;opacity:.9}.bts-game-portal__highlight{fill:none;stroke:#f6d698;stroke-width:4;stroke-linecap:round;opacity:.86}.bts-game-portal__eye{position:absolute;top:50%;left:50%;width:12vmin;aspect-ratio:1;border:2px solid #ffe2a6;border-radius:50%;background:radial-gradient(circle,#050706 26%,#533517 64%,#d09a4d);box-shadow:0 0 16px #ffe2a6,0 0 54px #c57628,inset 0 0 18px #050706;animation:bts-game-portal-eye 1.25s cubic-bezier(.2,.7,.2,1) both}@keyframes bts-game-portal-veil{0%{opacity:0}18%,82%{opacity:1}to{opacity:1;background:#050706}}@keyframes bts-game-portal-haze{0%{opacity:0;transform:scale(.3) rotate(-45deg)}85%{opacity:1}to{opacity:0;transform:scale(1.5) rotate(290deg)}}@keyframes bts-game-portal-spin{0%{top:var(--bts-portal-y);left:var(--bts-portal-x);opacity:0;transform:translate(-50%,-50%) scale(.08) rotate(-145deg)}18%{opacity:1}45%{top:50%;left:50%}76%{opacity:1}to{top:50%;left:50%;opacity:0;transform:translate(-50%,-50%) scale(1.9) rotate(460deg)}}@keyframes bts-game-portal-eye{0%{top:var(--bts-portal-y);left:var(--bts-portal-x);opacity:0;transform:translate(-50%,-50%) scale(.1)}34%{opacity:1;transform:translate(-50%,-50%) scale(1)}45%{top:50%;left:50%}70%{opacity:1}to{top:50%;left:50%;opacity:0;transform:translate(-50%,-50%) scale(18)}}.bts-journal-transition{position:fixed;display:block;top:0;right:0;bottom:0;left:0;z-index:1000;min-height:0;padding:0;background:none;overflow:hidden;perspective:1800px;perspective-origin:50% 45%;touch-action:none}.bts-journal-transition:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#10130d;animation:bts-journal-reveal-page 1.1s ease both}.bts-journal-transition .bts-journal__cover{position:absolute;margin:0;backface-visibility:hidden;will-change:transform,opacity;animation:bts-journal-open 1.15s cubic-bezier(.3,.05,.25,1) both}.bts-journal-transition .bts-threshold__content{min-height:100%}.bts-journal-transition .bts-threshold__content>*{opacity:1;animation:none;transform:none}.bts-journal-transition .bts-journal__leaf{position:absolute;border-radius:3px 12px 12px 3px;background:linear-gradient(90deg,#53493680,transparent 15%,#f2e2b01a 90%,#3b2a1944),url(bts-field-journal-paper.webp) center/cover;box-shadow:6px 0 24px #0005;transform-origin:left center;animation:bts-journal-turn-leaf 1.2s cubic-bezier(.3,.05,.25,1) both;backface-visibility:hidden}#bts-story:focus{outline:none}@keyframes bts-journal-open{0%{transform:rotateY(0);opacity:1}72%{opacity:1}to{transform:rotateY(-112deg);opacity:0}}@keyframes bts-journal-turn-leaf{0%,15%{transform:rotateY(0);opacity:1}65%{opacity:.8}to{transform:rotateY(-100deg);opacity:0}}@keyframes bts-journal-reveal-page{0%,15%{opacity:1}90%,to{opacity:0}}@keyframes bts-bookmark-attention{0%,to{filter:drop-shadow(2px 2px 2px #0008) drop-shadow(0 0 6px #ffe5a6d9) drop-shadow(0 0 13px #e7a43bbf) drop-shadow(0 0 20px #9f4e1f8c);transform:translate(-50%) translateY(0) rotate(0)}38%{filter:drop-shadow(2px 2px 2px #0008) drop-shadow(0 0 9px #fff0b8f2) drop-shadow(0 0 20px #f0b148e6) drop-shadow(0 0 29px #b65b20b3);transform:translate(-50%) translateY(3px) rotate(1.5deg)}52%{filter:drop-shadow(2px 2px 2px #0008) drop-shadow(0 0 11px #fff3c7) drop-shadow(0 0 23px #f4bb55f2) drop-shadow(0 0 33px #bc5e22bf);transform:translate(-50%) translateY(5px) rotate(-1.5deg) scale(1.04)}68%{filter:drop-shadow(2px 2px 2px #0008) drop-shadow(0 0 8px #ffe8aee6) drop-shadow(0 0 17px #eaa43bd9) drop-shadow(0 0 25px #aa521fa6);transform:translate(-50%) translateY(2px) rotate(1deg)}}@media(max-width:749px){.bts-journal{padding:1rem 1rem 1.5rem}.bts-journal__spine{width:21px}.bts-journal__cover:before{top:10px;right:10px;bottom:10px;left:27px}.bts-journal__cover:after{top:22px;right:22px;bottom:22px;left:39px}.bts-journal .bts-threshold__content{min-height:calc(100svh - 8rem);padding:2.5rem 1.9rem 2.4rem 3rem}.bts-journal h1{font-size:clamp(2rem,7.5vw,3.5rem)}.bts-journal .bts-threshold__mark{max-height:clamp(9rem,27svh,18rem)}.bts-journal__ribbon{right:calc(15% - 14px);width:44px;height:56px}.bts-journal__ribbon:before{width:16px;height:38px}}@media(max-height:650px)and (min-width:750px){.bts-journal .bts-threshold__content{padding-block:2.5rem}.bts-journal .bts-threshold__mark{max-height:8rem}.bts-journal h1{font-size:3rem}}@media(prefers-reduced-motion:reduce){.bts-journal-transition{display:none}.bts-journal__ribbon:before{animation:none}.bts-game-portal{display:none}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/bts-journal-cover.css.map */