/* Header logo uses the uploaded PNG asset and aligns with the page content. */
.shell > header .brand {display:block!important;width:500px!important;height:82px!important;min-width:500px!important;font-size:0!important;line-height:0!important;background-image:url('/assets/image.png')!important;background-repeat:no-repeat!important;background-position:left center!important;background-size:contain!important}.shell>header .brand>*{display:none!important}
/* Smaller How to play control. */
.shell>header .how-to{font-size:12px!important;border-bottom-width:1px!important;padding-bottom:3px!important;letter-spacing:.4px}.shell>header .language-switcher+.how-to{margin-left:0!important}
.how-modal{position:fixed;inset:0;z-index:1000;display:none;align-items:center;justify-content:center;padding:24px;background:rgba(0,0,0,.72);backdrop-filter:blur(4px)}.how-modal.open{display:flex}.how-modal-card{position:relative;width:min(720px,100%);max-height:min(86vh,780px);overflow-y:auto;background:#15130f;border:1px solid #cb6822;border-radius:14px;padding:34px;box-shadow:0 24px 70px rgba(0,0,0,.55);scrollbar-color:#cb6822 #211d18}.how-modal-card h2{font-size:30px;margin:0 0 8px}.how-intro{margin:0 34px 18px 0;color:#ccc;font-size:14px;line-height:1.45}.how-modal-card ol{margin:0;padding-left:22px;color:#aaa;line-height:1.55}.how-modal-card li{margin:11px 0;padding-left:4px}.how-modal-card li::marker{color:#cb6822;font-weight:900}.how-modal-card strong{color:#fff}.how-modal-close{position:absolute;right:14px;top:12px;border:0;background:transparent;color:#aaa;font-size:25px;padding:4px 8px}.how-modal-close:hover{color:#fff}
@media(min-width:901px){.shell>header{padding-left:max(24px,calc((100vw - 1050px)/2 + 30px))!important}}
@media(min-width:901px) and (max-height:900px){.shell>header .brand{width:430px!important;min-width:430px!important;height:72px!important}}
@media(min-width:901px) and (max-height:760px){.shell>header .brand{width:390px!important;min-width:390px!important;height:64px!important}}
@media(max-width:900px){.shell>header .brand{width:320px!important;min-width:320px!important;height:54px!important}.shell>header .how-to{font-size:11px!important}}
@media(max-width:600px){.shell>header .brand{width:255px!important;min-width:255px!important;height:44px!important}.how-modal-card{padding:28px 22px}.how-modal-card h2{font-size:26px}}