:root{background-color:#f4f4f4;background-image:url(/static/media/background.81927134200d1eff20d9.png);background-position:50%;background-repeat:no-repeat;background-size:cover;font-family:Arial,sans-serif;margin:0;min-height:100vh;padding:0}.contentArea,:root{align-items:center;display:flex;justify-content:center;overflow:hidden}.contentArea{background-color:#cfcfcf4d;border-radius:15px;filter:alpha(opacity=30);height:40rem;max-width:90vw;position:relative;width:30rem}.contentArea,.deckContainer{box-sizing:border-box;max-height:90vh}.deckContainer{grid-gap:1rem;display:grid;gap:1rem;grid-auto-rows:minmax(0,1fr);grid-template-columns:repeat(3,1fr);height:100%;margin:auto;overflow:hidden;padding:5%;width:100%}@media screen and (max-width:500px){.deckContainer{grid-template-columns:repeat(2,1fr)}}.deckArea{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:center;min-height:0;min-width:0;overflow:hidden;width:100%}.deckArea img{border:3px solid #827979;border-radius:10px;flex-shrink:1;height:65%;max-width:100%;object-fit:cover}.deckInfo{align-items:center;display:flex;flex-shrink:0;justify-content:center;width:100%}.deckArea p,.deckName{flex-shrink:0;font-size:1em;font-weight:700;margin:0;padding:.5rem 0;text-align:center}.dropdown{display:inline-block;position:relative}.dropdown-toggle{align-items:center;border:1px solid #ccc;border-radius:5px;color:#fff;cursor:pointer;display:flex;justify-content:space-between;padding:10px 20px;width:12rem}.dropdown-toggle-icon{border-left:5px solid #0000;border-right:5px solid #0000;border-top:5px solid #000;height:0;width:0}.dropdown-content{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#0006;border-radius:5px;box-shadow:0 0 10px 0 #0000001a;color:#fff;display:flex;flex-direction:column;gap:.5rem;left:0;padding:10px 20px;position:absolute;top:100%;width:12rem;z-index:1000}.dropdown-option.selected,.dropdown-option:hover{background-color:#ffffff1a;cursor:pointer;transition:background-color .3s ease}.dropdown-option{border-bottom:1px solid #fff}.column-settings{background-color:#69410180;border-radius:10px;box-shadow:0 2px 10px #00000080;color:#212121;display:flex;flex-direction:column;height:100%;justify-content:center;padding:1rem;width:100%}.title{font-size:1.2em;margin-bottom:20px}#currentDeck{align-items:center;display:flex;gap:10px;height:50%;justify-content:center;margin-bottom:20px}#currentDeck-info{align-items:start;display:flex;flex-direction:column;font-size:.9em;height:100%}#currentDeck-info .deck-name{font-size:1.4em;font-weight:700}#currentDeck-img{border-radius:5px;max-height:100%;object-fit:cover;width:50%}.field{margin-bottom:15px}.options-spread-container{display:flex;justify-content:space-between}.question-container{align-items:center;display:flex;gap:1rem;justify-content:flex-start;padding:.5rem 0}.question-input{background-color:#7c5619;border:1px solid #73480f;border-radius:5px;padding:.5rem;width:100%}.question-label{color:#aaa;font-size:.9em;width:10%}.field label{display:block;font-size:.9em;margin-bottom:5px}.field input,.field select{background-color:#333;border:1px solid #444;border-radius:5px;box-sizing:border-box;color:#fff;padding:8px;width:100%}.field input:focus,.field select:focus{border-color:#007bff;outline:none}.field select:disabled{cursor:not-allowed;opacity:.5}#deckSelectBlock{gap:10px}#deckSelectBlock,#select-img-container{align-items:center;display:flex}#select-img{border-radius:5px;margin:0;max-height:50px;object-fit:cover;padding:0;width:auto}.attributes{margin-bottom:20px}.attributes label{display:block;font-size:.9em;margin-bottom:5px}.attribute-list{display:flex;flex-wrap:wrap;gap:10px}.attribute{background-color:#73480f;border-radius:5px;cursor:pointer;padding:5px 10px;transition:background-color .3s ease}.attribute:hover{background-color:#555}.options label{display:block;font-size:.9em;margin-bottom:10px}.option{align-items:center;cursor:pointer;display:flex;gap:10px;margin-bottom:10px;transition:opacity .3s ease}.option.disabled{cursor:not-allowed;opacity:.5}.icon{background-color:#d29b3d;border-radius:50%;height:20px;width:20px}.border{background-color:#c4b6b6}.color{background-color:#73480f}.option:not(.disabled)>.icon:hover{background-color:#755f43}.actions{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-top:20px;width:100%}.actions svg{color:#fff;height:20px;width:20px}.actions svg:active,.actions svg:hover{transform:scale(1.1);transition:transform .3s ease-in-out}.reverse-card{transform:rotate(180deg)}.result-container{display:flex;flex-direction:column;flex-grow:1;height:100%;position:relative;width:100%}.question-area{align-items:center;display:flex;font-size:1.2rem;font-weight:700;height:5%;justify-content:start;margin-bottom:1rem;margin-top:1rem;padding-left:1rem}.draw-container{border-radius:10px;display:grid;grid-template-columns:repeat(10,1fr);grid-template-rows:1fr 1fr;margin:0 auto;width:90%;z-index:100}.draw-container,.toggle-hidden-area{background-color:#00000080;height:-webkit-fit-content;height:fit-content;transition:transform .3s ease-in-out}.toggle-hidden-area{align-items:center;bottom:0;display:flex;flex-direction:column;left:0;position:absolute;width:100%;z-index:1000}.toggle-hidden-area.hidden{transform:translateY(calc(100% - 50px))}.toggle-hidden-area.open{transform:translateY(0)}.toggle-hidden-btn{align-items:center;display:flex;height:100%;justify-content:center;transition:transform .4s ease-in-out;width:100%}.toggle-hidden-btn svg{height:24px;width:24px}.toggle-hidden-btn:hover{display:flex;height:100%;justify-self:center;width:100%}.toggle-hidden-btn:active{transform:scale(.9)}.draw-card-img{height:100%;object-fit:cover;width:100%;z-index:1000}.draw-card-img:hover{transform:scale(1.1);transition:transform .3s ease-in-out}.draw-card{width:120%}.draw-card.disabled{opacity:0;pointer-events:none}.draw-card.disabled:hover{transform:none}.draw-card.disabled img{display:none}.spread-area{box-sizing:border-box;display:grid;height:80%;padding:5%}.spread-area,.spread-card{position:relative;width:100%}.spread-card{height:100%;justify-self:center;max-height:400px;max-width:300px}.spread-card-img{transform:rotateY(180deg)}.spread-card img{align-self:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;height:120%;left:50%;object-fit:contain;object-position:center;position:absolute;top:50%;transform:translate(-50%,-50%);transform-style:preserve-3d;transition:transform .5s ease-in-out;width:100%}.spread-card.is-closed:hover .spread-card-img,.spread-card.is-open .spread-card-img{transform:rotateY(0deg) translate(-50%,-50%)}.spread-card.is-closed:hover .back-card,.spread-card.is-open .back-card{transform:rotateY(180deg) translate(50%,-50%)}.spread-card.is-closed:hover .back-card,.spread-card.is-closed:hover .spread-card-img{transition:transform 1s ease-in-out}.spread-card:hover p{opacity:.6}.spread-info.is-reverse{text-align:right}.spread-card img.is-reverse{transform:rotate(180deg)}.spread-card img:hover{transform:scale(1.1);z-index:1004}.spread-card p{color:rgba(0,0,0,.405);display:inline-block;font-size:.6rem;left:50%;opacity:0;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.placeholder-img{border:1px solid #fff;opacity:0}.actions-area{align-items:center;display:flex;height:10%;justify-content:space-between;margin:.5rem auto;width:90%;z-index:0}.actions-btn,.detail-card-modal{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.detail-card-modal{background-color:#000c;left:0;position:absolute;top:0;z-index:1010}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.detail-card-modal-content{animation:fadeIn .8s linear forwards;background-color:#cfcfcfcc;border-radius:15px;box-sizing:border-box;flex-direction:column;height:40rem;max-height:90vh;max-width:90vw;overflow:hidden;position:relative;width:30rem}.detail-card-modal-content,.detail-card-modal-header{align-items:center;display:flex;justify-content:center}.detail-card-modal-header{flex-direction:row;font-size:1.2rem;font-weight:700;padding:0 20px;text-align:center;white-space:nowrap;width:100%}.detail-card-modal-header-name{overflow:hidden;padding:0 20px;text-overflow:ellipsis;white-space:nowrap;width:100%}.reverse-card-name{font-size:.9rem;font-weight:400;margin:auto 0;text-align:center}.detail-card-modal-overlay{background-color:#00000080;height:100%;left:0;position:absolute;top:0;width:100%}.detail-card-modal-close-btn{color:#000;cursor:pointer;height:30px;position:absolute;right:20px;top:20px;width:30px}.detail-card-modal-close-btn:hover{transform:scale(1.1);transition:transform .3s ease-in-out}.detail-card-modal-header-close{height:20px;width:20px}.detail-card-modal-img{height:40%;object-fit:contain;object-position:center;transition:transform .7s ease-in-out;width:80%}.detail-card-modal-img.focused{transform:scale(1.5) translateY(20%)}.detail-card-modal-img.reverse-card{transform:rotate(180deg)}.detail-card-modal-img.reverse-card:active,.detail-card-modal-img.reverse-card:hover{transform:rotate(0)}.read-container{display:flex;flex-direction:column;font-size:1rem;height:60%;overflow-y:scroll;white-space:pre-wrap;width:80%}.main-read{font-size:1.2rem}.main-read strong{font-weight:700}.spread-read,.type-read{font-size:.8rem}
/*# sourceMappingURL=main.d4c33046.css.map*/