html{height:100%}*,:after,:before{box-sizing:border-box}body{background-color:#333;display:grid;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;gap:20px;grid-template-rows:minmax(0,1fr) auto;height:100%;margin:0;min-height:100svh;padding:10px;place-items:center;user-select:none}a:link,a:visited{color:#f1f1f1}a:active,a:hover{color:#ffa1a1}.hidden,.is-hidden,.visually-hidden,[hidden]{display:none!important}.picture-wrapper{aspect-ratio:1;height:min(100%,1080px);max-width:100%;position:relative}.picture-wrapper #picture,.picture-wrapper .main-picture,.picture-wrapper .main-picture-link,.picture-wrapper .puzzle,.picture-wrapper .stripe-puzzle{display:block;height:100%;width:100%}.main-picture{box-shadow:0 8px 32px rgba(0,0,0,.6);object-fit:contain}.main-picture-link{color:transparent;cursor:pointer;text-decoration:none}.app-button{appearance:none;background-color:#444;border:1px solid hsla(0,0%,100%,.15);border-radius:6px;color:#f0f0f0;cursor:pointer;font:500 15px/1 inherit;padding:10px 22px;transition:background-color .12s ease,border-color .12s ease,transform 80ms ease}.app-button:hover{background-color:#555;border-color:hsla(0,0%,100%,.25)}.app-button:active{background-color:#3c3c3c;transform:translateY(1px)}.app-button:focus-visible{outline:2px solid #6aa9ff;outline-offset:2px}.buttons-row{display:flex;gap:10px;justify-content:center;width:min(100%,1080px)}.solve-btn{display:none}.solve-btn-shown .solve-btn{display:inline-block}.solve-btn-shown.solve-btn-animate .solve-btn{animation:solve-btn-appear .5s cubic-bezier(.34,1.56,.64,1)}@keyframes solve-btn-appear{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@media (min-width:1600px) and (min-height:1100px){.app-button{font-size:20px;padding:15px 36px}.buttons-row{gap:16px}}@media (pointer:coarse){.app-button{border-radius:8px;flex:1 1 0;font-size:clamp(15px,4.8vw,18px);min-height:56px;min-width:0;overflow:hidden;padding:15px clamp(12px,5.8vw,26px);text-overflow:ellipsis;white-space:nowrap}.buttons-row{gap:12px}}@media (max-width:700px){.picture-wrapper{height:auto;width:100%}}@media (pointer:coarse) and (orientation:landscape) and (max-height:520px){body{gap:14px;grid-template-columns:minmax(0,1fr) 150px;grid-template-rows:minmax(0,1fr);height:100svh;overflow:hidden;padding-block:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-bottom));padding-inline:max(12px,env(safe-area-inset-left)) max(12px,env(safe-area-inset-right))}.picture-wrapper{height:min(100%,1080px);width:auto}.buttons-row{align-self:center;flex-direction:column;gap:10px;width:150px}.app-button{font-size:16px;min-height:48px;padding:12px 14px;width:100%}}body{grid-template-columns:none;grid-template-rows:none;overflow:visible;padding:15px}.picture-wrapper{aspect-ratio:auto;container-type:inline-size;display:grid;gap:15px;grid-template-rows:auto auto auto;height:auto;justify-items:center;width:min(100%,757px,calc(100svh*757/1080 - 78.5037px))}.picture-wrapper_music-shown{width:min(100%,757px,calc(100svh*757/1080 - 92.52222px))}.main-picture-link{aspect-ratio:757/1080;height:auto;width:100%}.west-station_hidden{display:none!important}.book-caption{display:grid;gap:5px;justify-items:center;margin:0 auto;text-align:center;width:100%}.book-title{color:#f1f1f1;display:block;font-size:min(18px,5.4cqw);line-height:1;max-width:100%;text-decoration:none}.book-subtitle,.book-title{text-align:center;white-space:nowrap}.book-subtitle{line-height:1.1}.book-links,.book-subtitle{color:#d0d0d0;font-size:min(13px,3.9cqw)}.book-links{align-items:center;display:flex;flex-wrap:wrap;gap:4px 12px;justify-content:center;line-height:1.2;max-width:100%;text-align:center}.book-link{display:inline-block;max-width:100%;white-space:nowrap}