:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text-color);background-color:var(--background-color);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;-webkit-user-select:none;user-select:none;max-width:100vw;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5;overflow-x:hidden}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}#root{flex-grow:1}a{color:var(--primary-color);-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500;transition:color .25s}a:hover{color:var(--primary-color-alt)}body{justify-content:center;place-items:center;min-width:640px;min-height:100vh;margin:0;display:flex}div{align-items:center;display:flex}dialog{background:0 0;border:none}::backdrop{background-color:var(--background-color);opacity:.9}h1{font-size:3.2em;line-height:1.1}button{background-color:var(--background-color-alt);color:var(--text-color);cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:.4em;min-width:max-content;margin:.5em;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s,background-color .25s;display:inline-flex}button:disabled{cursor:not-allowed;opacity:.4;filter:grayscale(.15)}button:hover{background-color:var(--background-color);border-color:var(--text-color);color:var(--text-color)}button[color=primary]{background-color:var(--primary-color);color:var(--text-color-alt)}button[color=primary]:hover:not(:disabled){background-color:var(--primary-color-alt);color:var(--text-color)}button[color=warn]{background-color:var(--warn-color);color:var(--text-color-alt)}button[color=warn]:hover:not(:disabled){background-color:var(--warn-color-alt);color:var(--text-color)}button[color=secondary]{background-color:var(--secondary-color);color:var(--text-color-alt)}button[color=secondary]:hover:not(:disabled){background-color:var(--secondary-color-alt);color:var(--text-color)}button[color=tertiary]{background-color:var(--tertiary-color);color:var(--text-color-alt)}button[color=tertiary]:hover:not(:disabled){background-color:var(--tertiary-color-alt);color:var(--text-color)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}button svg{vertical-align:bottom;width:1.5em;height:1.5em;padding:0 5px 0 0}button[role=close]{border-color:var(--primary-color-alt);outline:none;height:30px;margin:.5em;font-size:.8em;transition:border-color .25s,background-color .25s;position:absolute;top:-.2rem;right:1.5rem}button[role=close]:hover{background-color:var(--warn-color-alt)}.table-container{width:100%;padding:10px}.table-container table{border-collapse:separate;border:solid var(--primary-color) 1px;border-radius:12px;width:100%}.table-container th,td{border-left:solid var(--primary-color) 1px;border-top:solid var(--primary-color) 1px;border-right:solid var(--primary-color-alt) 1px;border-bottom:solid var(--primary-color-alt) 1px;border-radius:8px;padding:8px}.table-container th{background-color:var(--primary-color);color:var(--text-color-alt);border-top:none;border-radius:8px;font-weight:700}.table-container tbody tr:nth-child(2n){background-color:var(--background-color-alt)}select{appearance:none;border:1px solid var(--primary-color);background-color:var(--background-color-alt);color:var(--text-color);font:inherit;cursor:pointer;border-radius:.75rem;margin-top:10px;margin-left:5px;padding:10px;line-height:1.2;transition:border-color .2s,background-color .2s}select:hover{border-color:var(--primary-color-alt)}select:focus{outline:none}select:disabled{cursor:not-allowed;opacity:.65;background-color:var(--background-color-alt);color:var(--text-color-alt)}select option{background-color:var(--background-color-alt);color:var(--text-color)}select option:checked,select option:focus{background-color:var(--primary-color);color:var(--text-color-alt)}select option:hover{background-color:var(--primary-color-alt);color:var(--text-color)}select{accent-color:var(--primary-color)}[role=select] label{color:var(--primary-color);pointer-events:none;background:var(--background-color-alt);font-size:.85rem;font-weight:500;transition:top .2s,transform .2s,font-size .2s,color .2s;position:absolute;top:0;left:1.5rem;transform:translateY(-50%)}[role=select]{width:100%;position:relative}[role=select] select{flex-grow:1;padding-top:12px;padding-bottom:12px}[role=select] label{color:color-mix(in srgb, var(--text-color) 45%, transparent);border:1px solid var(--primary-color);background:var(--background-color);border-radius:8px;padding:0 4px;font-size:.8rem;top:-.1rem;left:.5rem;transform:translateY(0)}[role=main]{flex-direction:row;flex:1;justify-content:center;width:100%;margin:auto;display:flex;position:relative;top:8rem}[role=banner]{flex-direction:row;display:flex;position:absolute;top:0;left:0;right:0}[role=banner] .auth{flex-direction:row;align-items:center;margin-right:1em;padding:1em;display:flex;position:absolute;top:0;right:0}[role=banner] .auth [role=user-button]{cursor:pointer;border:2px solid #0000;border-radius:8px;padding:.6em 1.2em;transition:border-color .25s}[role=banner] .auth [role=user-button]:hover{border-color:var(--primary-color)}[role=banner] h1{cursor:pointer;margin-left:auto;margin-right:auto}[role=file-upload]{cursor:pointer}.icon{width:5em;height:5em;color:var(--text-color)}.icon[color=primary]{color:var(--primary-color)}.icon[color=warn]{color:var(--warn-color)}input,textarea{border:1px solid var(--primary-color);border-radius:5px;margin:5px;padding:10px;transition:border-color .25s}textarea{margin:15px}[role=input]{appearance:none;width:100%;padding:10px;position:relative}[role=input] input,[role=input] textarea{box-sizing:border-box;border:1px solid var(--primary-color);background:var(--background-color-alt);width:100%;color:var(--text-color);border-radius:12px;outline:none;margin:0;font-size:1rem;line-height:1.4}[role=input] label{color:color-mix(in srgb, var(--text-color) 45%, transparent);pointer-events:none;background:var(--background-color-alt);font-size:1rem;font-weight:500;transition:top .2s,transform .2s,font-size .2s,color .2s;position:absolute;top:50%;left:1.5rem;transform:translateY(-50%)}[role=input] input:hover:not(:disabled),[role=input] textarea:hover:not(:disabled){border-color:var(--primary-color-alt)}[role=input] input:focus,[role=input] textarea:focus{border-color:var(--primary-color)}[role=input] input:focus+label,[role=input].has-value label,[role=input].invalid label,[role=input] textarea:focus+label{border:1px solid var(--primary-color);background:var(--background-color);border-radius:8px;padding:0 4px;font-size:.8rem;top:-.1rem;left:1rem;transform:translateY(0)}[role=input] input:disabled,[role=input] textarea:disabled{cursor:not-allowed;opacity:.65;background:color-mix(in srgb, var(--background-color) 92%, gray 8%);box-shadow:none}[role=input] input:disabled+label,[role=input] textarea:disabled+label{opacity:.7}[role=input].invalid input,[role=input].invalid textarea{border-color:var(--warn-color)}[role=input].invalid label{color:var(--warn-color)}[role=input].invalid input:focus,[role=input].invalid textarea:focus{border-color:var(--warn-color)}[role=contentinfo]{align-items:center;width:100vw;padding-top:10rem}[role=checkbox]{appearance:none;border:1px solid var(--primary-color);background:var(--background-color-alt);cursor:pointer;border-radius:.4rem;place-content:center;width:1.2rem;height:1.2rem;margin:0;transition:background-color .2s,border-color .2s,transform .15s;display:inline-grid}[role=checkbox]:hover:not(:disabled){border-color:var(--primary-color-alt)}[role=checkbox]:focus-visible{outline:none}[role=checkbox]:active:not(:disabled){transform:scale(.96)}[role=checkbox]:before{content:"";clip-path:polygon(14% 44%,0 65%,40% 100%,100% 16%,80% 0,38% 62%);background:var(--primary-color-alt);width:.65rem;height:.65rem;transition:transform .15s ease-in-out;transform:scale(0)}[role=checkbox]:checked{background:var(--primary-color);border-color:var(--primary-color)}[role=checkbox]:checked:before{transform:scale(1)}[role=checkbox]:disabled{cursor:not-allowed;opacity:.55;background:color-mix(in srgb, var(--background-color-alt) 85%, gray 15%);border-color:color-mix(in srgb, var(--primary-color) 45%, gray 55%)}[role=user-dialog]{background-color:var(--background-color-alt);border:1px solid var(--primary-color);z-index:1000;border-radius:8px;flex-direction:column;width:fit-content;display:flex;position:absolute;top:5rem;right:1rem}[role=profile-picture]{height:3em;margin-right:10px}.playmat-container{perspective:1200px;perspective-origin:50%;pointer-events:none;justify-content:center}[role=playmat]{aspect-ratio:16/9;border:5px solid var(--primary-color);transform-origin:50%;width:clamp(480px,70vw,1920px);transform-style:preserve-3d;z-index:0;pointer-events:none;background:url(/api/assets/playmat.webp) 50%/cover no-repeat;border-radius:20px;justify-content:center;position:relative;top:-100px;transform:rotateX(40deg)}.playmat-board{aspect-ratio:16/9;transform-origin:50%;width:5760px;transform-style:preserve-3d;pointer-events:none;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%;container-type:size}[role=manage-users]{flex-direction:column;align-items:center;display:flex}.card-image{cursor:pointer;pointer-events:painted;background-color:#0000;border:4px solid #0000;border-radius:36px;justify-content:center;align-items:center;min-width:350px;max-width:350px;min-height:500px;max-height:500px;margin-top:10px;padding:10px;transition:border-color .25s;display:flex;overflow:hidden}.card-image img{width:auto;min-width:408px;height:auto;min-height:556px;max-height:556px;margin-left:-25px;position:absolute;box-shadow:0 24px 24px #00000038}.card-image [role=file-upload] img{margin-left:-204px}.card-image:hover{border-color:var(--tertiary-color)}.card-image.drag-over{border-color:var(--primary-color-alt)}.edit-card{background:color-mix(in srgb, var(--background-color-alt) 70%, transparent);-webkit-backdrop-filter:blur(10px);border:1px solid var(--primary-color-alt);border-radius:12px;flex-direction:column;align-items:center;width:fit-content;height:fit-content;padding:20px;display:flex}.manage-card,.config{flex-direction:column;width:100%;display:flex}::selection{background:var(--primary-color);color:var(--text-color)}::selection{background:var(--primary-color);color:var(--text-color)}@media (prefers-color-scheme:dark){:root{--background-color:#1a1a1a;--background-color-alt:#302f2f;--text-color:#ebdffa;--text-color-alt:#39383c;--primary-color:#c1aed7;--primary-color-alt:#745a94;--secondary-color:#a4c0ec;--secondary-color-alt:#386eb6;--tertiary-color:#d5c59b;--tertiary-color-alt:#a58124;--warn-color:#ff6e73;--warn-color-alt:#80171b}}@media (prefers-color-scheme:light){:root{--background-color:#ebdffa;--background-color-alt:#c9c1d5;--text-color:#1a1a1a;--text-color-alt:#ebdffa;--primary-color-alt:#c1aed7;--primary-color:#745a94;--secondary-color-alt:#a4c0ec;--secondary-color:#386eb6;--tertiary-color-alt:#d5c59b;--tertiary-color:#a58124;--warn-color-alt:#ff6e73;--warn-color:#80171b}}