html{--background: #2D2B33;--foreground: #39374B;--accent-light: #9467AB;--accent-primary: #DAFF80;--accent-secondary: #F0DFD0;--font-color: #F0DFD0;--font-color-alt: #FFFFFF;--font-color-inv: #000000;--corner-sz: 30px;--card-aspect: 226/194}html,body{min-height:100vh;background:var(--background) url(/pattern.png);color:var(--font-color);font-family:Nunito,sans-serif;font-optical-sizing:auto;font-weight:800;font-style:normal}.background-stencil{position:fixed;pointer-events:none;inset:0;background:linear-gradient(0deg,#0000004d,#0000 69%)}@keyframes alert{0%{margin-top:0;opacity:0}10%{margin-top:20px;opacity:1}90%{margin-top:20px;opacity:1}to{margin-top:0;opacity:0}}.notifications{position:fixed;top:0;left:0;right:0;z-index:10}.notification{padding:.5em 1em;margin:0 auto;width:fit-content;min-width:300px;text-align:center;color:#fff;background:#d33f3f;border:1px solid #ffb0b0;box-shadow:0 5px 8px #00000038;animation-name:alert;animation-duration:5.1s}.container[data-v-5b52e831]{position:relative;width:90%;max-width:1024px;margin:0 auto;z-index:1}h1[data-v-5b52e831]{color:var(--accent-light);text-align:center;font-size:64px;line-height:1em;margin:0;padding:32px 0}.pure-form[data-v-5b52e831]{color:var(--accent-light);background:var(--foreground);border:3px solid var(--accent-secondary);border-radius:var(--corner-sz);padding:55px 100px 40px}.tabs[data-v-5b52e831]{position:absolute;display:flex;flex-wrap:nowrap;align-items:flex-end;justify-content:flex-start;font-size:20px;line-height:1em;height:2em;margin:-2em 0 0 40px}.tabs label[data-v-5b52e831]{position:relative;margin:0 0 0 -3px;padding:.3em 10px;border:3px solid var(--accent-secondary);border-bottom:none;border-radius:.5em .5em 0 0;background-color:var(--accent-secondary);filter:brightness(.8)}.tabs label[data-v-5b52e831]:not(.readonly){cursor:pointer}.tabs label.active[data-v-5b52e831]{padding:.5em 10px;filter:brightness(1);z-index:1}.rules[data-v-5b52e831]{background:var(--accent-secondary);border-radius:inherit;padding:25px 46px 40px;font-size:2vh;line-height:1.3em}.rules h2[data-v-5b52e831]{font-size:2.8vh;line-height:1em;margin:0 0 .6em}.rules ol[data-v-5b52e831]{margin:0}fieldset[data-v-5b52e831]{width:36vh;margin:0 auto;padding:0}.pure-form input[data-v-5b52e831],.pure-form button[data-v-5b52e831]{display:block;width:100%;margin:4.8vh 0 0;border-radius:calc(2/3 * var(--corner-sz));padding:6px 20px;font-size:3.2vh;line-height:1.4em;text-align:center}.pure-form input[data-v-5b52e831]{background:var(--accent-secondary);box-shadow:inset 0 4px 10px #00000063}button[data-v-5b52e831]{background:var(--accent-primary);color:var(--accent-light);filter:saturate(1.3) brightness(.8)}.main-container[data-v-203dadc9]{position:relative;width:90%;max-width:1560px;min-height:100vh;margin:0 auto;z-index:1}.timer[data-v-203dadc9]{position:relative;margin:40px 0;border-radius:8px;overflow:hidden;background:#d9d9d9;text-align:center;line-height:1.4em}.timer>i[data-v-203dadc9],.timer>b[data-v-203dadc9]{position:absolute;height:100%;top:0;left:0;transition:linear 1s}.timer>i[data-v-203dadc9]{background:var(--accent-light);filter:hue-rotate(180deg)}.timer>b[data-v-203dadc9]{pointer-events:none;background:none;-webkit-backdrop-filter:invert(1);backdrop-filter:invert(1);z-index:1}h1[data-v-203dadc9]{position:relative;text-align:center;text-transform:uppercase;font-size:1.6em;line-height:1em;margin:0;filter:invert(1)}h2[data-v-203dadc9]{text-align:center;margin-top:0}.master[data-v-203dadc9]{color:var(--font-color-alt);text-align:center;font-size:24px;line-height:1.5em;margin:0 0 32px;min-height:72px}.master .pure-button[data-v-203dadc9]{background-color:var(--accent-light);width:100%;max-width:200px;margin:4px 0 0}.master[data-v-203dadc9]:empty{display:none}.players[data-v-203dadc9],.settings .pure-form[data-v-203dadc9]{background:var(--foreground);border:3px solid var(--accent-secondary);border-radius:var(--corner-sz);color:var(--font-color-alt);text-align:center;font-size:24px;line-height:2.87em;padding:0 22px 38px}.player[data-v-203dadc9]{position:relative;background:var(--accent-secondary);color:var(--font-color-inv);text-align:right;border-radius:8px;margin:0 0 8px;padding:.1em .5em;line-height:1.25em}.player>span[data-v-203dadc9]{position:absolute;left:.5em;right:2em;text-align:left;text-overflow:ellipsis;overflow:hidden}.player.active[data-v-203dadc9]{box-shadow:0 0 15px 0 var(--accent-primary)}.player.disconnected[data-v-203dadc9]{color:#c58b8b}.player.host>span[data-v-203dadc9]{text-decoration:underline}@keyframes popup-203dadc9{0%{margin-top:0;opacity:0}10%{opacity:1}to{margin-top:-20px;opacity:0}}.player .diff[data-v-203dadc9]{position:absolute;margin-left:-.7em;color:#337015;text-decoration:none;animation-name:popup-203dadc9;animation-duration:1.1s}.played-cards[data-v-203dadc9]{position:relative;background:var(--foreground);border:8px solid var(--accent-primary);box-shadow:inset 1px 4px #206a6a;border-radius:var(--corner-sz);padding:18px 38px 38px;margin:0 0 22px}.played-cards .grid[data-v-203dadc9]{display:grid;grid:auto auto / 1fr 1fr 1fr 1fr;gap:12px;align-content:start;justify-content:stretch;align-items:center;justify-items:stretch}.cards[data-v-203dadc9]{background:var(--foreground);border-radius:var(--corner-sz);padding:30px 46px;margin:0 0 22px;display:grid;grid:auto / 1fr 1fr 1fr 1fr 1fr 1fr 1fr;gap:12px;align-content:start;justify-content:stretch;align-items:center;justify-items:stretch}.slide-fade-enter-active[data-v-203dadc9]{transition:all .3s ease-out}.slide-fade-leave-active[data-v-203dadc9]{transition:all .3s cubic-bezier(1,.5,.8,1)}.slide-fade-enter-from[data-v-203dadc9],.slide-fade-leave-to[data-v-203dadc9]{transform:translateY(-20px);opacity:0}.played-cards h3[data-v-203dadc9]{position:absolute;margin:-1em auto 0;top:50%;left:0;right:0;text-align:center;font-size:40px;line-height:1.5em;transition:.3s ease}.card-wrapper[data-v-203dadc9]{position:relative;width:100%;aspect-ratio:var(--card-aspect)}.card-wrapper .votes[data-v-203dadc9]{position:absolute;display:flex;justify-content:center;align-items:center;width:2em;height:2em;background:var(--accent-light);border:3px solid var(--accent-primary);border-radius:100%;left:-10px;top:-10px;z-index:1}.card[data-v-203dadc9]{width:100%;aspect-ratio:var(--card-aspect);position:relative;border:7px solid var(--accent-secondary);border-radius:6px;overflow:hidden;box-sizing:border-box;box-shadow:0 4px 4px #00000080;cursor:pointer}.card video[data-v-203dadc9],.card img[data-v-203dadc9]{position:absolute;height:100%;width:100%;object-fit:cover}.card[data-v-203dadc9]:after{content:"";position:absolute;inset:0;box-shadow:inset 2px 2px 4px #00000080}.cards .card[data-v-203dadc9]{position:absolute;width:auto;inset:0;border-width:4px;transition:.14s ease}.cards .card[data-v-203dadc9]:hover{inset:-30px;z-index:2}.card.active[data-v-203dadc9]{border-color:#00dcff}.card.active.strong[data-v-203dadc9]{border-color:red}.settings-btn[data-v-203dadc9]{background:url(/settings.png);color:transparent;position:absolute;overflow:hidden;border:none;height:50px;width:50px;padding:0;margin:0;bottom:16px;cursor:pointer}.settings-btn[data-v-203dadc9]:hover{filter:brightness(1.2)}.settings[data-v-203dadc9]{position:fixed;inset:0;background:#00000080;z-index:10;display:flex;flex-wrap:nowrap;flex-direction:column;justify-content:center;align-items:center}.settings .pure-form[data-v-203dadc9]{padding:1em 2em;text-align:left}.settings .pure-controls[data-v-203dadc9]{margin-top:1em}.settings input[data-v-203dadc9]{min-width:10em}.rating[data-v-203dadc9]{position:absolute;right:0;margin-top:0;margin-right:8px;display:flex;flex-direction:column;gap:10px}.rating button[data-v-203dadc9]{background:none;border:none;padding:0;margin:0;filter:saturate(0);cursor:pointer}.rating button[data-v-203dadc9]:hover{filter:saturate(.5)}.rating button.active[data-v-203dadc9]{filter:saturate(1)}