/* A full illustrated title card, with real accessible menu controls. */
.boot-world:before{background-image:url('assets/alley/title-scene-v5.webp');background-position:50% 50%;filter:none}
.boot-world{inset:-1%;background:#080808;transform:translate(calc(var(--look-x)*-6px),calc(var(--look-y)*-4px)) scale(1.025)}
.boot-veil{background:linear-gradient(0deg,#080808d9,transparent 18%),linear-gradient(90deg,#07070738,transparent 60%)}
.boot-content{left:2%;top:47%;width:51%;max-width:820px;align-items:center;text-align:center;gap:0}
.boot-label{font:9px/1.5 Arial,sans-serif;letter-spacing:3px;margin:0 0 0;color:#bfbbae}
.boot-label:before{display:none}
.boot-title{margin:0 0 7px;width:100%;line-height:0;letter-spacing:0;filter:drop-shadow(0 8px 16px #0008);text-shadow:none}
.boot-title:after{display:none}
.boot-title img{display:block;width:100%;height:auto;max-height:49dvh;object-fit:contain}
.boot-motto{font:italic 19px/1.4 Georgia,serif;color:#e2dccd;letter-spacing:.3px;max-width:100%;margin:0 0 22px;text-shadow:0 2px 8px #000}
.boot-actions{display:flex;flex-direction:column;align-items:stretch;width:260px;max-width:80vw;gap:10px}
.boot-actions .baked-button,.boot-actions #boot-play{position:relative;width:100%!important;min-width:0;height:62px!important;min-height:0;aspect-ratio:auto;padding:8px 24px;box-sizing:border-box;border:4px double #ddd5c3;border-radius:5px;background:linear-gradient(#272724,#101010);box-shadow:0 5px 10px #0009,inset 0 0 0 3px #111;color:#eee7d7;font:bold 21px/1 Georgia,serif;letter-spacing:2.5px;box-shadow:0 5px 15px #000b;clip-path:none;filter:none;transition:transform .18s,background .18s}
.boot-actions .baked-button:not(#boot-play){height:53px!important;background:linear-gradient(#252523,#111);border:3px double #a9a596;font-size:17px;letter-spacing:2px}
.boot-actions #boot-play{color:#1b1b19;background:linear-gradient(#faf4e3,#c8c1b0);border-color:#fff8e8;text-shadow:0 1px #fff8e5}
.boot-actions .baked-button:before,.boot-actions .baked-button:after{content:'✦';position:absolute;top:50%;transform:translateY(-50%);font-size:13px;opacity:.7}
.boot-actions .baked-button:before{left:15px}.boot-actions .baked-button:after{right:15px}
.boot-actions .baked-button:is(:hover,:focus-visible){transform:translateY(-2px);filter:brightness(1.12);outline:2px solid #eee7d7;outline-offset:4px}
.boot-actions .baked-button:active{transform:translateY(1px)}
.boot-journey{margin:19px 0 0;font:10px/1.5 Arial;letter-spacing:1.2px;max-width:90%;color:#d1cbbf}
.boot-menu:after{inset:12px;border-color:#e7dfcd20;border-radius:3px}
.boot-footer{font-size:8px;color:#c9c2b4;z-index:1}
.boot-loading{margin-top:12px}.boot-embers i{background:#e8dfcd;box-shadow:none;opacity:.2}
@media(min-width:1900px){.boot-content{left:6%;width:46%}.boot-actions{width:300px}}
@media(max-height:760px) and (min-width:761px){.boot-content{top:46%;left:3%;width:48%}.boot-title img{max-height:43dvh}.boot-motto{font-size:16px;margin-bottom:14px}.boot-actions{width:220px;gap:7px}.boot-actions .baked-button,.boot-actions #boot-play{height:50px!important;font-size:19px}.boot-actions .baked-button:not(#boot-play){height:43px!important;font-size:15px}.boot-journey{margin-top:13px;font-size:9px}}
@media(max-width:760px) and (orientation:portrait){
 .boot-world:before{background-size:auto 82%;background-repeat:no-repeat;background-position:84% 100%}
 .boot-veil{background:linear-gradient(0deg,#080808f2,transparent 64%),linear-gradient(90deg,#07070790,transparent 95%),linear-gradient(#0808089c,transparent 35%)}
 .boot-content{inset:4% 5% 12%;width:90%;max-width:none;transform:none;align-items:center;justify-content:flex-start}
 .boot-label{font-size:7px;letter-spacing:2px}
 .boot-title{margin:0 0 8px;width:100%}.boot-title img{max-height:29dvh}
 .boot-motto{display:none}
 .boot-actions{margin-top:auto;width:220px;gap:8px;align-self:flex-start}
 .boot-actions .baked-button,.boot-actions #boot-play{height:54px!important;font-size:20px}
 .boot-actions .baked-button:not(#boot-play){height:44px!important;font-size:15px}
 .boot-journey{align-self:flex-start;max-width:220px;font-size:8px;margin-top:14px}
 .boot-footer{left:6%;right:6%;bottom:16px;font-size:6px}.boot-footer button{font-size:7px}.boot-menu:after{inset:8px}
}
@media(max-height:620px) and (orientation:portrait){.boot-content{top:3%;bottom:12%}.boot-title img{max-height:25dvh}.boot-motto{font-size:13px}.boot-actions{width:190px;gap:6px}.boot-actions .baked-button,.boot-actions #boot-play{height:46px!important}.boot-actions .baked-button:not(#boot-play){height:39px!important}.boot-journey{margin-top:8px}}
@media(max-height:500px) and (orientation:landscape){.boot-world:before{background-position:center top}.boot-content{top:46%;left:4%;width:43%}.boot-label{display:none}.boot-title img{max-height:45dvh}.boot-motto,.boot-journey{display:none}.boot-actions{width:190px;gap:6px}.boot-actions .baked-button,.boot-actions #boot-play{height:40px!important;font-size:16px}.boot-actions .baked-button:not(#boot-play){height:34px!important;font-size:13px}.boot-footer{bottom:10px}.boot-loading{width:140px;font-size:8px}}
.boot-menu.is-still .boot-world{transform:scale(1.025);transition:none}
@media(prefers-reduced-motion:reduce){.boot-actions .baked-button{transition:none}.boot-actions .baked-button:is(:hover,:focus-visible){transform:none}}