:root{--font-primary: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--color-primary: #4f46e5;--color-primary-hover: #4338ca;--color-primary-shadow: rgba(79, 70, 229, .4);--color-text-light: #fff;--color-text-dark: #1f2937;--color-bg-input: #f3f4f6;--color-bg-panel: #f9fafb;--color-card-bg: #ffffff;--color-card-selected-bg: #e0e7ff;--color-card-border: #e5e7eb;--color-badge-bg: #ef4444;--color-badge-text: #ffffff;--color-highlight: #dcfce7;--color-black: #000000;--color-grey: #9ca3af;--shadow-soft: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06)}*{box-sizing:border-box}body{margin:0;min-height:100dvh;height:100dvh;width:100vw;overflow:hidden}#root{width:100%;height:100%}.top{display:flex;flex-wrap:wrap;justify-content:space-between;padding:10px;gap:10px}.top div{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.top div button,label{margin-left:0}button{width:auto;min-width:120px;flex:1;font-size:16px;font-weight:600;color:var(--color-text-light);cursor:pointer;height:35px;text-align:center;border:none;border-radius:50px;transition:all .4s ease-in-out;background-color:var(--color-primary);box-shadow:0 4px 15px 0 var(--color-primary-shadow)}button:hover{background-color:var(--color-primary-hover)}input{border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--color-bg-input);padding:8px 12px;border-radius:3px;width:100%;max-width:250px;font-size:16px;font-weight:600;font-family:var(--font-primary)}label{display:flex;flex-direction:column;align-items:flex-start;font-size:14px;font-weight:600;font-family:var(--font-primary);color:var(--color-text-dark)}.bottom-panel{background:var(--color-bg-panel);text-align:center;box-shadow:inset 0 4px 6px -4px #0000001a;border-top:1px solid var(--color-card-border);overflow:auto;white-space:nowrap;scrollbar-width:none;-ms-overflow-style:none}.bottom-panel::-webkit-scrollbar{display:none}.card>span.badge{background:var(--color-badge-bg);border:2px solid #ffffff;box-shadow:0 2px 4px #0003}@media all and (min-width: 960px){.card{font-size:28pt}.card>span.badge{font-size:20pt;display:flex;align-items:center;justify-content:center;border-radius:50%;width:40px;height:40px;color:var(--color-badge-text)}.large{font-size:56pt}}@media all and (max-width: 960px){.text-right-sm{text-align:right}.card{font-size:24pt}.card>span.badge{font-size:16pt;display:flex;align-items:center;justify-content:center;border-radius:50%;width:30px;height:30px;color:var(--color-badge-text)}.large{font-size:28pt}}.container{height:100dvh;width:100vw;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.card{position:relative;border:1px solid var(--color-card-border);width:1.65em;height:2.3em;margin:5px;border-radius:5px;font-family:var(--font-primary);font-weight:700;box-shadow:var(--shadow-soft);background-color:var(--color-card-bg);display:inline-flex;justify-content:center;align-items:center;transition:background-color .25s,transform .25s}.card>span{position:absolute;bottom:-10px;right:-10px}.selectable{cursor:pointer}.cardSelected{background-color:var(--color-card-selected-bg);border-color:var(--color-primary);transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.status{display:flex;min-height:8px;margin:25px}.status>div{transition:all .5s ease;border:solid var(--color-card-border) 1px;flex-wrap:nowrap;flex:1;background-color:var(--color-card-selected-bg);margin:1px;box-shadow:var(--shadow-soft)}.userName{display:none;text-align:center;margin:2px;font-weight:700}.status:hover .userName{display:block}.player-status-container{display:flex;flex-wrap:wrap;justify-content:space-evenly;gap:5px}.player-status-container>div{font-size:24pt;font-weight:700;font-family:var(--font-primary);padding:5px;transition:all .5s ease;border:1px solid var(--color-card-border);background-color:var(--color-card-selected-bg);box-shadow:var(--shadow-soft)}.player-status-container>div.highlighted{background-color:var(--color-highlight)}.results-panel{flex:1;display:flex;justify-content:center;align-items:center;filter:blur(24px);transition:all .5s ease}.reveal{filter:none}