:root{--main-bg-color:#06553f;--main-white:#f5edd9;--main-gold:#c7971e;--main-dark-text-color:#55061c;--main-walnut:#704b3a;--match-blue:#061c55}body{background-color:var(--main-bg-color);font-family:sans-serif;overflow:hidden}header{flex-flow:row;justify-content:flex-end;width:100%;display:flex;& h1{background:linear-gradient(180deg, var(--main-gold), var(--main-white), var(--main-gold));-webkit-text-fill-color:transparent;filter:drop-shadow(2px 2px var(--main-dark-text-color));background-clip:text;margin:0;padding-right:1.5rem;font-family:Cinzel Decorative,serif;font-size:3.5rem;font-style:normal;font-weight:400}}.dialog-box{background:var(--main-white);color:var(--main-dark-text-color);border:2px solid var(--main-dark-text-color);z-index:50;border-radius:1rem;flex-flow:column;gap:1rem;margin:calc(50vh - 80%) 1rem 1rem;padding:1.5rem 2rem;font-family:Huninn,sans-serif;display:flex;position:relative;& h2{margin:0;font-family:Huninn,sans-serif}& .input-group{flex-flow:column;gap:.2rem;display:flex}& input{background:var(--main-white);border:1px solid var(--main-dark-text-color);box-sizing:border-box;width:100%;color:var(--main-dark-text-color);border-radius:.4rem;padding:.25rem}& input[type=button]{background:var(--main-dark-text-color);color:var(--main-white);margin-top:1rem;padding:.5rem;font-weight:700}}.match-qr-code{flex-flow:column;display:flex;& img{margin:auto}}.player-list{color:var(--main-white);flex-flow:column;gap:.5rem;display:flex;position:absolute;top:15vh;& p{margin:0}}.deck-area{z-index:0;box-sizing:border-box;perspective:800px;flex-flow:row;justify-content:center;gap:1rem;width:100%;display:flex;position:absolute;top:30vh;left:0;&>div{transform:rotateX(35deg)}& .playing-card{width:12vh;height:20vh;position:relative}}.hand-area{box-sizing:border-box;flex-flow:row;justify-content:center;width:100%;height:50vh;display:flex;position:absolute;top:60vh;left:0;overflow:hidden;& .player-hand{box-sizing:border-box;padding-top:2rem;position:relative;& .playing-card{translate:-50%}}}.playing-card{background:var(--main-white);border:1px solid var(--main-dark-text-color);z-index:100;border-radius:1rem;width:21vh;height:35vh;padding:1rem;transition:background .2s;position:absolute;&.red{color:var(--main-dark-text-color)}&.black{color:var(--match-blue)}& .info{flex-flow:column;align-items:center;font-size:135%;display:flex;position:absolute;& .suit{font-size:150%}&.tr{top:1rem;right:1rem}&.tl{top:1rem;left:1rem}&.br{bottom:1rem;right:1rem;transform:rotate(180deg)}&.bl{bottom:1rem;left:1rem;transform:rotate(180deg)}}&.backside{background:var(--main-dark-text-color);color:var(--main-white);border:1px solid var(--main-white)}}footer{box-sizing:border-box;flex-flow:wrap;align-content:flex-end;align-items:flex-end;display:flex;position:absolute;bottom:0}.hidden{display:none}
/*# sourceMappingURL=website.799eecdb.css.map */