#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--suit-red: #c00;--suit-black: #111;--suit-blue: #0040ff;--suit-green: #0c0;--text-color: #efefdd;--card-background-color: #efefdd;--card-width:125px;--card-height:175px;--card-animation-time: 222ms}.card{margin:4px;display:inline-block;position:relative;filter:drop-shadow(6px 3px 6px rgba(0,0,0,.7333333333));height:var(--card-height);width:var(--card-width);transform-style:preserve-3d;perspective:500px}.card-face,.card-back{backface-visibility:hidden;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:4px}.card-face{background:var(--card-background-color);fill:var(--suit-black);stroke:var(--suit-black);rotate:y 0deg}.face-down .card-face{rotate:y 180deg}.black .card-face{fill:var(--suit-black);stroke:var(--suit-black)}.red .card-face{fill:var(--suit-red);stroke:var(--suit-red)}.blue .card-face{fill:var(--suit-blue);stroke:var(--suit-blue)}.green .card-face{fill:var(--suit-green);stroke:var(--suit-green)}.card-back{border:solid 4px var(--card-background-color);box-sizing:border-box;background:purple;rotate:y -180deg}.face-down .card-back{rotate:y 0deg}.animate-cards .card,.animate-cards .card-face,.animate-cards .card-back{transition:ease-out transform var(--card-animation-time),ease-in rotate var(--card-animation-time)}.fan{--fan-cards: 0;--fan-angle: 90deg;width:calc(var(--card-height) * 2.2);height:calc(var(--card-height) * 1.4);position:relative;display:inline-block;text-align:center}.fan .card{position:absolute;transform-origin:50% 125%;transform:translate(-50%,6%) rotate(var(--fan-card-angle));--fan-offset: calc(var(--fan-angle) / -2);--fan-increment: calc(var(--fan-angle) / (var(--fan-cards) + 1));--fan-card-angle: calc(var(--fan-offset) + var(--fan-increment) * var(--fan-card))}.fan .card:nth-child(1){--fan-card: 1}.fan:has(> .card:nth-child(1)){--fan-cards: 1}.fan .card:nth-child(2){--fan-card: 2}.fan:has(> .card:nth-child(2)){--fan-cards: 2}.fan .card:nth-child(3){--fan-card: 3}.fan:has(> .card:nth-child(3)){--fan-cards: 3}.fan .card:nth-child(4){--fan-card: 4}.fan:has(> .card:nth-child(4)){--fan-cards: 4}.fan .card:nth-child(5){--fan-card: 5}.fan:has(> .card:nth-child(5)){--fan-cards: 5}.fan .card:nth-child(6){--fan-card: 6}.fan:has(> .card:nth-child(6)){--fan-cards: 6}.fan .card:nth-child(7){--fan-card: 7}.fan:has(> .card:nth-child(7)){--fan-cards: 7}.fan .card:nth-child(8){--fan-card: 8}.fan:has(> .card:nth-child(8)){--fan-cards: 8}.fan .card:nth-child(9){--fan-card: 9}.fan:has(> .card:nth-child(9)){--fan-cards: 9}.fan .card:nth-child(10){--fan-card: 10}.fan:has(> .card:nth-child(10)){--fan-cards: 10}.fan .card:nth-child(11){--fan-card: 11}.fan:has(> .card:nth-child(11)){--fan-cards: 11}.fan .card:nth-child(12){--fan-card: 12}.fan:has(> .card:nth-child(12)){--fan-cards: 12}.fan .card:nth-child(13){--fan-card: 13}.fan:has(> .card:nth-child(13)){--fan-cards: 13}.fan .card:nth-child(14){--fan-card: 14}.fan:has(> .card:nth-child(14)){--fan-cards: 14}.fan .card:nth-child(15){--fan-card: 15}.fan:has(> .card:nth-child(15)){--fan-cards: 15}.fan .card:nth-child(16){--fan-card: 16}.fan:has(> .card:nth-child(16)){--fan-cards: 16}.fan .card:nth-child(17){--fan-card: 17}.fan:has(> .card:nth-child(17)){--fan-cards: 17}.fan .card:nth-child(18){--fan-card: 18}.fan:has(> .card:nth-child(18)){--fan-cards: 18}.fan .card:nth-child(19){--fan-card: 19}.fan:has(> .card:nth-child(19)){--fan-cards: 19}.fan .card:nth-child(20){--fan-card: 20}.fan:has(> .card:nth-child(20)){--fan-cards: 20}.full-height{height:100vh}.round-layout{--rl-diameter: 400px;--rl-size: 20px;--rl-padding: 10px;width:var(--rl-diameter);height:var(--rl-diameter);min-height:var(--rl-diameter);min-width:var(--rl-diameter);flex:0;border-radius:50%;display:flex;position:relative}.round-layout>.rl-item{padding:var(--rl-padding);height:var(--rl-size);width:var(--rl-size);--rl-angle: calc(360deg / var(--rl-items));--rl-translate: calc((var(--rl-diameter) - var(--rl-size)) / 2 - var(--rl-padding));position:absolute}.round-layout>.rl-item:nth-of-type(1){transform:translate(var(--rl-translate),var(--rl-translate)) rotate(calc(0 * var(--rl-angle) + 90deg)) translate(var(--rl-translate)) rotate(-90deg)}.round-layout>.rl-item:nth-of-type(1).rl-level{transform:translate(var(--rl-translate),var(--rl-translate)) rotate(calc(0 * var(--rl-angle) + 90deg)) translate(var(--rl-translate)) rotate(calc(-0 * var(--rl-angle) - 90deg))}.round-layout>.rl-item:nth-of-type(1).rl-level .rl-level{transform:none}.round-layout>.rl-item:nth-of-type(1) .rl-level{transform:rotate(calc(-0 * var(--rl-angle)))}.round-layout>.rl-item:nth-of-type(2){transform:translate(var(--rl-translate),var(--rl-translate)) rotate(calc(1 * var(--rl-angle) + 90deg)) translate(var(--rl-translate)) rotate(-90deg)}.round-layout>.rl-item:nth-of-type(2).rl-level{transform:translate(var(--rl-translate),var(--rl-translate)) rotate(calc(1 * var(--rl-angle) + 90deg)) translate(var(--rl-translate)) rotate(calc(-1 * var(--rl-angle) - 90deg))}.round-layout>.rl-item:nth-of-type(2).rl-level .rl-level{transform:none}.round-layout>.rl-item:nth-of-type(2) .rl-level{transform:rotate(calc(-1 * var(--rl-angle)))}.round-layout>.rl-item:nth-of-type(3){transform:translate(var(--rl-translate),var(--rl-translate)) rotate(calc(2 * var(--rl-angle) + 90deg)) translate(var(--rl-translate)) rotate(-90deg)}.round-layout>.rl-item:nth-of-type(3).rl-level{transform:translate(var(--rl-translate),var(--rl-translate)) rotate(calc(2 * var(--rl-angle) + 90deg)) translate(var(--rl-translate)) rotate(calc(-2 * var(--rl-angle) - 90deg))}.round-layout>.rl-item:nth-of-type(3).rl-level .rl-level{transform:none}.round-layout>.rl-item:nth-of-type(3) .rl-level{transform:rotate(calc(-2 * var(--rl-angle)))}.round-layout>.rl-item:nth-of-type(4){transform:translate(var(--rl-translate),var(--rl-translate)) rotate(calc(3 * var(--rl-angle) + 90deg)) translate(var(--rl-translate)) rotate(-90deg)}.round-layout>.rl-item:nth-of-type(4).rl-level{transform:translate(var(--rl-translate),var(--rl-translate)) rotate(calc(3 * var(--rl-angle) + 90deg)) translate(var(--rl-translate)) rotate(calc(-3 * var(--rl-angle) - 90deg))}.round-layout>.rl-item:nth-of-type(4).rl-level .rl-level{transform:none}.round-layout>.rl-item:nth-of-type(4) .rl-level{transform:rotate(calc(-3 * var(--rl-angle)))}.round-layout>.rl-item:nth-of-type(5){transform:translate(var(--rl-translate),var(--rl-translate)) rotate(calc(4 * var(--rl-angle) + 90deg)) translate(var(--rl-translate)) rotate(-90deg)}.round-layout>.rl-item:nth-of-type(5).rl-level{transform:translate(var(--rl-translate),var(--rl-translate)) rotate(calc(4 * var(--rl-angle) + 90deg)) translate(var(--rl-translate)) rotate(calc(-4 * var(--rl-angle) - 90deg))}.round-layout>.rl-item:nth-of-type(5).rl-level .rl-level{transform:none}.round-layout>.rl-item:nth-of-type(5) .rl-level{transform:rotate(calc(-4 * var(--rl-angle)))}.round-layout>.rl-item:nth-of-type(6){transform:translate(var(--rl-translate),var(--rl-translate)) rotate(calc(5 * var(--rl-angle) + 90deg)) translate(var(--rl-translate)) rotate(-90deg)}.round-layout>.rl-item:nth-of-type(6).rl-level{transform:translate(var(--rl-translate),var(--rl-translate)) rotate(calc(5 * var(--rl-angle) + 90deg)) translate(var(--rl-translate)) rotate(calc(-5 * var(--rl-angle) - 90deg))}.round-layout>.rl-item:nth-of-type(6).rl-level .rl-level{transform:none}.round-layout>.rl-item:nth-of-type(6) .rl-level{transform:rotate(calc(-5 * var(--rl-angle)))}.round-layout>.rl-item:nth-of-type(7){transform:translate(var(--rl-translate),var(--rl-translate)) rotate(calc(6 * var(--rl-angle) + 90deg)) translate(var(--rl-translate)) rotate(-90deg)}.round-layout>.rl-item:nth-of-type(7).rl-level{transform:translate(var(--rl-translate),var(--rl-translate)) rotate(calc(6 * var(--rl-angle) + 90deg)) translate(var(--rl-translate)) rotate(calc(-6 * var(--rl-angle) - 90deg))}.round-layout>.rl-item:nth-of-type(7).rl-level .rl-level{transform:none}.round-layout>.rl-item:nth-of-type(7) .rl-level{transform:rotate(calc(-6 * var(--rl-angle)))}.round-layout>.rl-item:nth-of-type(8){transform:translate(var(--rl-translate),var(--rl-translate)) rotate(calc(7 * var(--rl-angle) + 90deg)) translate(var(--rl-translate)) rotate(-90deg)}.round-layout>.rl-item:nth-of-type(8).rl-level{transform:translate(var(--rl-translate),var(--rl-translate)) rotate(calc(7 * var(--rl-angle) + 90deg)) translate(var(--rl-translate)) rotate(calc(-7 * var(--rl-angle) - 90deg))}.round-layout>.rl-item:nth-of-type(8).rl-level .rl-level{transform:none}.round-layout>.rl-item:nth-of-type(8) .rl-level{transform:rotate(calc(-7 * var(--rl-angle)))}.round-layout>.rl-item:nth-of-type(9){transform:translate(var(--rl-translate),var(--rl-translate)) rotate(calc(8 * var(--rl-angle) + 90deg)) translate(var(--rl-translate)) rotate(-90deg)}.round-layout>.rl-item:nth-of-type(9).rl-level{transform:translate(var(--rl-translate),var(--rl-translate)) rotate(calc(8 * var(--rl-angle) + 90deg)) translate(var(--rl-translate)) rotate(calc(-8 * var(--rl-angle) - 90deg))}.round-layout>.rl-item:nth-of-type(9).rl-level .rl-level{transform:none}.round-layout>.rl-item:nth-of-type(9) .rl-level{transform:rotate(calc(-8 * var(--rl-angle)))}.round-layout>.rl-item:nth-of-type(10){transform:translate(var(--rl-translate),var(--rl-translate)) rotate(calc(9 * var(--rl-angle) + 90deg)) translate(var(--rl-translate)) rotate(-90deg)}.round-layout>.rl-item:nth-of-type(10).rl-level{transform:translate(var(--rl-translate),var(--rl-translate)) rotate(calc(9 * var(--rl-angle) + 90deg)) translate(var(--rl-translate)) rotate(calc(-9 * var(--rl-angle) - 90deg))}.round-layout>.rl-item:nth-of-type(10).rl-level .rl-level{transform:none}.round-layout>.rl-item:nth-of-type(10) .rl-level{transform:rotate(calc(-9 * var(--rl-angle)))}.round-layout>.rl-item:nth-of-type(11){transform:translate(var(--rl-translate),var(--rl-translate)) rotate(calc(10 * var(--rl-angle) + 90deg)) translate(var(--rl-translate)) rotate(-90deg)}.round-layout>.rl-item:nth-of-type(11).rl-level{transform:translate(var(--rl-translate),var(--rl-translate)) rotate(calc(10 * var(--rl-angle) + 90deg)) translate(var(--rl-translate)) rotate(calc(-10 * var(--rl-angle) - 90deg))}.round-layout>.rl-item:nth-of-type(11).rl-level .rl-level{transform:none}.round-layout>.rl-item:nth-of-type(11) .rl-level{transform:rotate(calc(-10 * var(--rl-angle)))}.round-layout>.rl-item:nth-of-type(12){transform:translate(var(--rl-translate),var(--rl-translate)) rotate(calc(11 * var(--rl-angle) + 90deg)) translate(var(--rl-translate)) rotate(-90deg)}.round-layout>.rl-item:nth-of-type(12).rl-level{transform:translate(var(--rl-translate),var(--rl-translate)) rotate(calc(11 * var(--rl-angle) + 90deg)) translate(var(--rl-translate)) rotate(calc(-11 * var(--rl-angle) - 90deg))}.round-layout>.rl-item:nth-of-type(12).rl-level .rl-level{transform:none}.round-layout>.rl-item:nth-of-type(12) .rl-level{transform:rotate(calc(-11 * var(--rl-angle)))}.round-layout>.rl-center{top:50%;left:50%;position:absolute;padding:0}.rl-level{position:absolute}.main-menu{text-align:center}.main-menu>*{width:12rem}.score-positive{color:#80ff80}.score-negative{color:#ff7171}label[data-v-48d40fcc]{display:flex;flex-direction:row;width:100%;max-width:400px;font-size:24px;margin:.5em 0}input[data-v-48d40fcc],select[data-v-48d40fcc]{min-width:100px;padding:0 .75rem}span[data-v-48d40fcc]{min-width:100px;margin-right:1em}select[data-v-48d40fcc],input[data-v-48d40fcc]{background:grey;flex:1}.bid-selector button{margin:0 .25em .25em}.current-bidder{font-weight:700;color:#0f0;text-transform:uppercase}.bid-player-list{display:flex;flex-direction:row}.bid-player-list div{flex:1;flex-basis:200px;max-width:400px}.bid-player-list div div{margin-left:1em}.current-player{font-weight:700;color:#0f0}.heading-game-code{text-transform:capitalize;margin:10px;cursor:pointer;text-align:right}.heading-player{margin:10px;text-align:right}.error{text-align:center;color:red}