.astral-puzzle-header{background-color:#706969;height:60px;display:flex;justify-content:center;position:relative}.astral-puzzle-header img{position:absolute;height:50px;left:0;top:5px;cursor:pointer;margin-left:.3rem}.astral-puzzle-header header{display:flex;height:100%;align-items:center;font-size:2rem;color:#fff}@media (max-width: 480px){.astral-puzzle-header header{font-size:1.5rem}}*{box-sizing:border-box}.astral-puzzle-item{position:relative;display:inline-block;width:66px;height:66px;left:1.5px;top:1.5px;cursor:pointer}.astral-puzzle-item .border{position:absolute;background-image:url(https://cdn.astraltaledb.com/assets/item-icon-frames-c16639d77840d14d032c2b0c23309dbcd230bc57f9aff4f630edb24935780287.png);background-repeat:no-repeat;height:66px;width:66px;left:-1.5px;top:-1.5px}.astral-puzzle-item .border-1{background-position:25% 0%}.astral-puzzle-item .border-2{background-position:50% 0%}.astral-puzzle-item .border-3{background-position:75% 0%}.astral-puzzle-item .border-4{background-position:100% 0%}.astral-puzzle-item .border-5{background-position:0% 100%}.astral-puzzle-item .border-6{background-position:25% 100%}.astral-puzzle-item .border-7{background-position:50% 100%}@media (max-width: 480px){.astral-puzzle-item{scale:.8;left:0;top:.5px}}.astral-puzzle-row{width:100%;height:100px;display:flex;justify-content:center;align-items:center}.astral-puzzle-row.highlighted{background-color:#ff03}.astral-puzzle-cell{display:flex;flex-direction:column;align-items:center}.astral-puzzle-item-container{display:flex;height:80px;width:80px;justify-content:center;align-items:center}.astral-puzzle-item-container.selected{border:2px solid red}@media (max-width: 480px){.astral-puzzle-cell{scale:.8}.astral-puzzle-row{height:80px}.astral-puzzle-item-container{height:60px;width:60px}.astral-puzzle-item-probability{font-size:.8rem}}::view-transition-group(*){animation-duration:.15s}*{-webkit-tap-highlight-color:transparent}body{width:100vw;margin:0}.astral-puzzle{width:100%;margin:1rem auto}.astral-puzzle-user-input{display:grid;grid-template:repeat(2,1fr) / repeat(3,1fr);gap:.5rem 0;margin:1rem 0;justify-items:center;grid-template-areas:". buttons checkbox1" ". checkbox2 checkbox3";width:30rem;max-width:100%;margin:0 auto}.astral-puzzle-buttons{grid-area:buttons;display:flex;gap:.5rem}.astral-puzzle-checkbox1{grid-area:checkbox1;justify-self:start}.astral-puzzle-checkbox2{grid-area:checkbox2}.astral-puzzle-checkbox3{grid-area:checkbox3;justify-self:start}.astral-puzzle-results{text-align:center}@media (max-width: 480px){.astral-puzzle-user-input{font-size:.8rem}}.astral-puzzle-confirm-modal-buttons{display:flex;justify-content:center;gap:1rem}.astral-puzzle-menu-modal{position:fixed;height:100vh;width:100vw;z-index:1;display:flex}.astral-puzzle-menu{position:fixed;height:100vh;width:50vw;max-width:200px;background-color:#504d4d;animation:slide-in .1s linear;display:flex;flex-direction:column}@keyframes slide-in{0%{transform:translate(-100%)}to{transform:translate(0)}}.astral-puzzle-menu-backdrop{flex:1}.astral-puzzle-menu-header{display:flex;justify-content:center;align-items:center;height:60px;min-height:60px;font-size:1.5rem;color:#fff}.astral-puzzle-menu-options{margin:1rem;display:flex;flex-direction:column;gap:1rem;overflow:auto;height:calc(100vh - 60px);-ms-overflow-style:none;scrollbar-width:none}.astral-puzzle-menu-options::-webkit-scrollbar{display:none}.astral-puzzle-menu-option{display:flex;color:#fff;height:40px;min-height:40px;justify-content:center;align-items:center;cursor:pointer}.astral-puzzle-menu-option:hover{background-color:#706969}.astral-puzzle-menu-option.active{background-color:#000}
