@charset "UTF-8";.home{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2em;height:100vh}h1{font-size:3em}.bttn{border-radius:15px;background-color:var(--bg2);color:var(--text);padding:.5em;font-size:1rem;font-weight:700;text-transform:uppercase;cursor:pointer;transition:all .1s ease-in}.bttn:hover{transform:scale(1.05)}.bttns-wrapper{align-items:center;display:flex;flex-direction:column;gap:.5rem;justify-content:center;width:200px}.bttns-wrapper>.bttn{font-size:1.2em;width:100%}input{border:none}.svg-footer{--size: 2rem;height:var(--size);width:var(--size);cursor:pointer}.home-footer{position:fixed;display:flex;flex-direction:row-reverse;align-items:center;justify-content:end;font-size:inherit;gap:.75rem;bottom:20px;right:20px;z-index:400}@media (max-width: 600px){.svg-footer{--size: 1.5rem}}.home-footer>*{opacity:1;transition:all .2s ease}.home-footer a:hover,.home-footer button:hover{opacity:.8}.button-footer{display:flex}.main-game{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;min-height:100vh}.board{--offset-y: -30px;display:grid;grid-template-columns:1fr 2fr 1fr;grid-template-rows:auto auto;justify-items:center;gap:1rem;row-gap:3rem;padding:1rem;-webkit-user-select:none;user-select:none}.board *:after{position:absolute;left:50%;transform:translate(-50%);font-weight:700;font-size:1.2rem;white-space:nowrap}.dungeon{grid-column:1;grid-row:1}.dungeon:after{content:"Dungeon";bottom:var(--offset-y)}.room{position:relative;grid-column:2;grid-row:1;display:flex;justify-content:space-between;gap:.5em}.room:after{content:"Room";top:var(--offset-y)}.discard{grid-column:3;grid-row:1}.discard:after{content:"Discard";bottom:var(--offset-y)}.equipped-weapon{grid-column:2;grid-row:2}.equipped-weapon:after{content:"Equipped weapon";top:var(--offset-y)}.slain{grid-column:2;grid-row:3;text-align:center}.card,.card-place{aspect-ratio:var(--aspect);width:min(14vw,120px);font-weight:700;font-size:1.1em;text-align:center;border-radius:8px;padding:0}.card{--c: 0;--r: 0;--sprite-w: 48;--sprite-h: 64;--pad-x: 0;--pad-y: 0;--tot-c: 15;--tot-r: 5;--back-c: 0;--back-r: 4;--img-w: calc((var(--tot-c) * var(--sprite-w) + (var(--tot-c)) * var(--pad-x)));--img-h: calc((var(--tot-r) * var(--sprite-h) + (var(--tot-r)) * var(--pad-y)));box-sizing:border-box;position:absolute;cursor:pointer;z-index:100}.card .flip{width:100%;height:100%;transition:transform .5s ease;transform-style:preserve-3d}.card-back{background-position:calc((var(--back-c) * (var(--sprite-w) + var(--pad-x))) / (var(--img-w) - var(--sprite-w) - var(--pad-x)) * 100%) calc((var(--back-r) * (var(--sprite-h) + var(--pad-y))) / (var(--img-h) - var(--sprite-h) - var(--pad-y)) * 100%)}.card-front{transform:rotateY(-180deg);background-position:calc((var(--c) * (var(--sprite-w) + var(--pad-x))) / (var(--img-w) - var(--sprite-w) - var(--pad-x)) * 100%) calc((var(--r) * (var(--sprite-h) + var(--pad-y))) / (var(--img-h) - var(--sprite-h) - var(--pad-y)) * 100%)}.card-back,.card-front{display:flex;align-items:center;justify-content:center;width:100%;height:100%;position:absolute;backface-visibility:hidden;image-rendering:-moz-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:pixelated;background-size:calc(var(--img-w) / var(--sprite-w) * 100%);background-repeat:no-repeat}.card-place{position:relative;background:transparent;box-shadow:none;border:2px dashed var(--c2);opacity:1}:root{--font-main: system-ui, Avenir, Helvetica, Arial, sans-serif;--cell-size: 50px;--trans-time: .5s}html{box-sizing:content-box}*,*:before,*:after{box-sizing:inherit;margin:0;padding:0}body{--aspect: 3/4;--card-asset: url(./assets/decks/set_1.png);display:flex;flex-direction:column;align-items:center;justify-content:center}input,button{appearance:none;background:none;border:none;cursor:pointer}html{overflow:hidden;--c2: rgb(166, 166, 166);--bg: #1e1e1e;--bg2: #3c3d3f;--bg3: #292929;--text: #abb2bf}html.dark{--bg: #f4f4f5;--bg2: #d6d7db;--bg3: #c7c7c7;--text: #383a42}body,button,input,textarea,a{color:var(--text);font-family:var(--font-main)}html,body{background:var(--bg);font-size:18px;line-height:1}