.wrapper[data-v-418625ab]{display:grid;width:100vw;height:100vh;grid-template-columns:1fr;justify-items:center;align-items:center}main[data-v-418625ab]{border:1px solid transparent;padding:calc(var(--base-unit) * 2);border-radius:var(--base-unit);background-color:#fff}form[data-v-418625ab]{display:flex;justify-content:space-between;gap:var(--base-unit)}form>input[type=text][data-v-418625ab]{width:auto;flex-grow:1;border:0;border-bottom:2px solid var(--color-primary)}svg[data-v-418625ab]{max-width:500px}.card[data-v-c1dc230b]{display:inline-block;position:relative;user-select:none}.card-container[data-v-c1dc230b]{background-color:#fff;width:5em;max-width:100%;aspect-ratio:.7191011236;border-radius:2%;margin:2em 1em;border:.1em solid var(--akra-color-red);outline:.5em solid white;color:var(--akra-color-black);position:relative;display:grid;grid-template-columns:1fr;justify-items:center;align-items:center;pointer-events:none;box-shadow:5px 7px 1em .1em var(--shadow-color, black);font-family:system-ui;transition:all .5s}.card-container[data-v-c1dc230b]:before,.card-container[data-v-c1dc230b]:after{display:block;width:fit-content;height:fit-content;content:attr(data-value);position:absolute;background:white;padding:0 .2em}.card-container[data-v-c1dc230b]:before{top:-.3em;left:-.3em}.card-container[data-v-c1dc230b]:after{bottom:-.3em;right:-.3em;transform:rotate(180deg)}.card-picture[data-v-c1dc230b]{font-size:3em;text-align:center;pointer-events:none}.card-backface[data-v-c1dc230b]{background-color:#fff;position:absolute;width:5em;top:0;aspect-ratio:.7191011236;border-radius:2%;margin:2em 1em;border:.1em solid white;outline:.5em solid white;transform:rotateY(-180deg);box-shadow:5px 7px 1em .1em #000;backface-visibility:hidden;display:grid;grid-template-columns:1fr;justify-items:center;align-items:center;transition:all .5s;overflow:hidden}.card-backface svg[data-v-c1dc230b]{height:9em;padding:0;margin-left:-30px;margin-top:-15px}.backface .card-container[data-v-c1dc230b]{transform:rotateY(180deg);transition:transform .5s;backface-visibility:hidden}.backface .card-backface[data-v-c1dc230b]{transform:rotateY(0);transition:all .5s}.playfield[data-v-39fcb537]{position:relative;height:100vh;max-height:100vh}.played[data-v-39fcb537]{list-style:none;font-size:1rem;display:flex;flex-direction:row;padding:0;margin:auto;max-width:1024px}.played li[data-v-39fcb537]{display:block}.picker[data-v-39fcb537]{position:absolute;bottom:0;display:grid;grid-template-columns:1fr;justify-items:center;align-items:center;width:100vw;overflow:hidden}.picker-cards[data-v-39fcb537]{position:relative;font-size:3em}.picker-card[data-v-39fcb537]{display:inline-block;transform:translateY(0);transition:transform .3s;position:absolute;transform-origin:bottom center;left:calc(var(--index, 0) * 1px);bottom:-4em;transform:translate(calc(var(--index, 0) * .1em)) rotate(calc(var(--index, 0) * 1deg));height:fit-content}.picker[data-v-39fcb537]:after{clear:both;content:"";height:1px}.picker-card .card[data-v-39fcb537]{transform:translateY(0);transition:transform .3s}.picker-card .card[data-v-39fcb537]:hover{transform:translateY(-2em);transition:transform .3s}.picker-card.selected .card[data-v-39fcb537]{transform:translateY(-1.5em);--shadow-color: var(--color-primary)}.picker-card[data-v-39fcb537]:nth-of-type(1){position:relative;--index: -30}.picker-card[data-v-39fcb537]:nth-of-type(2){--index: -20}.picker-card[data-v-39fcb537]:nth-of-type(3){--index: -10}.picker-card[data-v-39fcb537]:nth-of-type(4){--index: 0}.picker-card[data-v-39fcb537]:nth-of-type(5){--index: 10}.picker-card[data-v-39fcb537]:nth-of-type(6){--index: 20}.picker-card[data-v-39fcb537]:nth-of-type(7){--index: 30}.tools[data-v-39fcb537]{text-align:center}p[data-v-39fcb537]{display:inline-block}button[data-v-39fcb537]{margin:1em .5em;padding:1em;width:200px}:root{--akra-color-black: #333;--akra-color-red: #ea543c;--akra-color-white: #f7f5ee;--color-primary: var(--akra-color-red);--color-secondary: var(--akra-color-black);--color-background: var(--akra-color-white);--base-unit: 1rem}*{box-sizing:border-box}body{padding:0;margin:0;background-color:var(--color-background);color:var(--color-secondary);font-family:sans-serif}h1{color:var(--color-primary)}input{padding:var(--base-unit);background-color:var(--color-background)}input[type=submit],button{background-color:var(--color-primary);border:1px solid var(--color-primary);color:var(--color-background);cursor:pointer}