:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#212121;background-color:#fefefe;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#3b50ce;text-decoration:inherit}a:hover{color:#2d3aaa}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background-color:#fefefe}button{height:2.5em;width:max-content;border-radius:11px;border:1px solid #ccc;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#f5f5f5;color:#111;cursor:pointer;transition:border-color .25s,background-color .25s}button:hover{border-color:#a5846d;background-color:#e8e8e8}button:focus,button:focus-visible{outline:1px solid #a5846d}button:disabled{background-color:#d2d2d2;cursor:not-allowed;color:#666}h1.wikigraph-title{text-align:center;margin:0;font-size:4em;color:#3b2f2f}div.main-div{width:100%;display:flex;gap:2em;flex-direction:column;align-items:center}div.log-reg-div{display:flex}div.log-reg-div button{margin:1em}button.guest-btn{height:100%;border-radius:0 8px 8px 0;box-sizing:border-box;width:max-content}div.guest-input-group{display:flex;align-items:center;height:2.4em}input.guest-input{width:12em;height:100%;padding:0 0 0 .8em;font-size:1em;border-radius:8px 0 0 8px;border:1px solid #ccc;box-sizing:border-box;margin:0}input.guest-input:focus{border-color:#a5846d}.online-users-counter{position:fixed;top:16px;right:16px;z-index:1000;background-color:#fff;padding:8px 12px;border-radius:11px;border:1px solid #ccc}.main-div{width:100%;max-width:420px;margin:1em auto}.lr-fieldset{display:flex;flex-direction:column;gap:1.5em;border:none;padding:0;margin:0}.lr-legend{font-size:1.5rem;font-weight:700;padding-bottom:2rem;color:#3b2f2f;min-width:12em}.lr-fieldset>div{display:flex;flex-direction:column;gap:.5em}.lr-label{font-weight:500;color:#444}.lr-input{padding:.7em;font-size:1rem;border:1px solid #ccc;border-radius:.5em;background-color:#fff;transition:border-color .2s,box-shadow .2s}input:focus{outline:none;border-color:#c1a089;box-shadow:0 0 0 3px #c1a0894d}.change-mode-div{display:flex;justify-content:center;align-items:center;gap:.4em;font-size:.95rem;margin-top:1em}.change-mode-div p{margin:0;color:#444}.change-mode-div a{color:#a5846d;font-weight:500;text-decoration:underline;cursor:pointer}.change-mode-div a:hover{color:#8f6f5c}.popup-container{text-align:center}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#64646466;display:flex;justify-content:center;align-items:center;z-index:999;overflow:auto}.popup-modal{background-color:#fff;padding:2.5rem;border-radius:1rem;min-width:420px;max-width:90vw;box-shadow:0 8px 20px #00000026;font-family:system-ui,sans-serif;color:#333}.popup-modal h2{margin-top:0;font-size:1.8rem;margin-bottom:1.5rem;text-align:center}.popup-fields{display:flex;flex-direction:column;gap:1.75rem;margin-bottom:2.5rem}.field-group{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;width:100%}.field-label{font-weight:600;color:#444}.input-text-popup,.input-number-popup,select{width:100%;padding:.6rem .8rem;font-size:1rem;border:1.5px solid #ccc;border-radius:8px;box-sizing:border-box;background-color:#fdfdfd;transition:border-color .2s}.input-text-popup:focus,.input-number-popup:focus,select:focus{border-color:#a5846d;outline:none}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='14' height='10' viewBox='0 0 14 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 3l6 6 6-6' stroke='%23666' stroke-width='2' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:14px}.radio-div{display:flex;flex-wrap:wrap;gap:.5rem}.radio-option{position:relative;padding:.5rem 1rem;border:1.5px solid #ccc;border-radius:999px;background-color:#f4f4f4;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.95rem;transition:all .2s ease}.radio-option:hover{background-color:#eaeaea}.radio-option input[type=radio]{position:absolute;opacity:0;pointer-events:none}.radio-option:has(input[type=radio]:checked){background-color:#a5846d;border-color:#a5846d;color:#fff}.popup-actions{display:flex;justify-content:space-between;gap:1rem}.popup-modal p{color:red;font-weight:500;margin:.5rem 0 1rem}.logged-view-menu{width:40%;margin:0 auto;padding:1em;border:solid 1px #ccc;border-radius:2em;box-shadow:7px 5px 10px #b4b4b466;background-color:#fff}.username-div{text-align:center;padding-bottom:1em;color:#333}.action-div{display:flex;flex-direction:column;gap:1em;align-items:center;margin-top:1em}.a-span{font-style:italic;font-weight:1000;color:#3e79f9}.a-span:hover{cursor:pointer;color:#513bce}.disc-div{margin-top:1em;text-align:right;color:#555}.main-menu{width:60%}.all_elements_div>div:first-child{display:flex;align-items:center;gap:1em}.join-lobby-btn{width:100%}.lb-table{border-collapse:collapse;width:100%;background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 4px #0000000d}.lb-table thead{background-color:#d8cfc8}.lb-table th,.lb-table td{text-align:left;padding:.8em 1em;border-bottom:1px solid #ddd}.lb-table th{font-weight:700;color:#2e2b2b}.lb-table td{color:#3e3e3e}.lb-table tbody tr:hover{background-color:#f5f3f1;transition:background-color .2s}.lb-table-div{padding:0 .5em 2em}th,td{border:1px solid #ddd;padding:1em;text-align:left}.lobby-view-container{display:flex;align-items:center;justify-content:center;background-color:#fdfdfd;width:90%;padding:2em}.main-lobby{width:100%;padding:2em;color:#2e2b2b;border-radius:1em;border:1px solid #ccc}.h1-lobby,.lobby-header h1{text-align:center;margin:0;font-size:2rem;color:#3b2f2f}.lobby-header{border-bottom:1px solid #e0e0e0;margin-bottom:1.5em}.lobby-parameters-div{margin-top:1.5em}.lobby-parameters-div>h2{margin:0 0 .5em;font-size:1.25rem;color:#333}.lobby-info{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-bottom:1em;gap:1em}.lobby-info p{margin:0;font-size:.95rem;color:#444}.teams-container{margin:2em 0}.team-div{display:flex;flex-wrap:wrap;gap:1em}.team-card{flex:1 1 250px;background-color:#f9f6f3;border:2px solid;border-radius:.75em;padding:1em;position:relative;box-shadow:0 2px 6px #0000000d}.team-header{display:flex;justify-content:space-between;align-items:center}.team-color-indicator{width:24px;height:24px;border-radius:6px;box-shadow:0 1px 3px #0003}.team-players{margin-top:1em;display:flex;flex-direction:column;gap:.5em}.player-card,.player-card.empty{background-color:#fff;padding:.6em;border-radius:6px;border:1px solid #ccc;display:flex;justify-content:space-between;align-items:center;min-height:36px}.player-card.empty{border-style:dashed;color:#888;justify-content:center}.btn-delete-team,.btn-create-team{border-color:#666;border-radius:6px;padding:.5em 1em;cursor:pointer;margin-top:1em;transition:background-color .2s}.btn-delete-team:hover,.btn-create-team :hover{background-color:#a4a1a151}.lobby-players{margin-top:2em;padding:1em;background-color:#f9f6f3;border:2px solid #aad5d8;border-radius:.75em}.players-list{margin-top:1em}.player-item{padding:.5em .75em;display:flex;justify-content:space-between;border-bottom:1px solid #eee;font-size:.95rem}.lobby-badges-div{display:flex;gap:.5em;align-items:center;margin-left:.5em}.lobby-badge{padding:.3em .6em;border-radius:1em;font-size:.75rem;font-weight:700;text-align:center}.lobby-actions{display:flex;align-items:center;margin-top:2em;padding-top:1.5em;border-top:1px solid #ddd}.lobby-actions-right{margin-left:auto;display:flex;gap:8px}:root{--score-table-bg: #ffffff;--score-table-border: #e9ecef;--score-table-border-dark: #ddd;--score-table-header-bg: #f8f9fa;--score-table-hover-bg: #e9ecef;--score-table-active-bg: #dee2e6;--score-table-text-primary: #495057;--score-table-text-secondary: #6c757d;--score-table-text-success: #2e7d32}.score-table-container{height:100%;display:flex;flex-direction:column;background-color:var(--score-table-bg)}.score-table-wrapper{height:100%;overflow-x:scroll;overflow-y:visible;background-color:var(--score-table-bg)}.score-table{width:100%;height:max-content;border-collapse:collapse;border:none;background-color:var(--score-table-bg);font-size:.8em}.score-table tr th:first-child,.score-table tr td:first-child{border-left:none}.score-table tr th:last-child,.score-table tr td:last-child{border-right:none}.score-table thead tr:first-child th{border-top:none}.score-table tbody tr:last-child td{border-bottom:none}.score-table th,.score-table td{padding:0;border:1px solid var(--score-table-border-dark);text-align:center;vertical-align:middle;width:max-content}.score-table th{padding:.4em .3em;background-color:var(--score-table-header-bg);font-weight:600;position:sticky;top:0;z-index:10}.score-table tr{height:2em;border:1px solid var(--score-table-border)}.score-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s ease}.score-table th.sortable:hover{background-color:var(--score-table-hover-bg)}.score-table th.sortable:active{background-color:var(--score-table-active-bg)}.header-content{display:flex;align-items:center;justify-content:center;gap:4px}.sort-indicator{opacity:.3;font-size:.8em;min-width:12px;text-align:center;transition:opacity .2s ease}.score-table th.sortable:hover .sort-indicator{opacity:.6}.score-cell{height:100%;align-content:center}.team-cell{font-weight:600}.team-cell.current-team span{font-weight:700;text-decoration:underline}.team-info{display:flex;align-items:center;justify-content:center;gap:.5em}.team-indicator{width:12px;height:12px;border-radius:50%;flex-shrink:0}.score-metrics{display:flex;gap:.2em;justify-content:center;align-items:center;min-height:45px}.metric{display:flex;flex-direction:column;align-items:center;padding:.15em .25em;border-radius:4px;background-color:var(--score-table-header-bg);font-size:.7em;border:1px solid var(--score-table-border)}.metric-value{font-weight:700;font-size:1.1em}.metric-label{font-size:.7em;color:var(--score-table-text-secondary)}.total-score-cell{font-weight:600}.loading-message{display:flex;align-items:center;justify-content:center;height:100%;font-size:1em;color:var(--score-table-text-secondary);font-style:italic}.score-explanation{margin-top:.5em;padding:.5em;background-color:var(--score-table-header-bg);border-radius:6px;border:1px solid var(--score-table-border);font-size:.8em}.score-explanation h4{margin:0 0 .3em;font-size:1.2em;color:var(--score-table-text-primary);font-weight:600}.score-explanation ul{margin:0;padding-left:1.2em}.score-explanation li{margin-bottom:.2em;font-size:1em;color:var(--score-table-text-secondary);line-height:1.3}.score-explanation li strong{color:var(--score-table-text-primary);font-weight:600}@media (max-width: 768px){.score-table{font-size:.7em}.score-table th,.score-table td{padding:.2em .1em}.metric{font-size:.6em}.team-info{flex-wrap:wrap}}@media (max-width: 480px){.score-table{font-size:.6em}.score-metrics{flex-direction:column;gap:.1em}.score-explanation{display:none}}.game-main-div{height:100%;width:100%;display:flex;flex-direction:column;background-color:#f3f1ef;color:#2e2b2b;padding:1px}.game-div{flex-grow:1;display:flex;flex-direction:row;overflow:hidden;padding:5px}.left-column,.right-column{display:flex;flex-direction:column;overflow:auto}.left-column,.right-column{width:50%}.vertical-columns-splitter{width:10px;cursor:col-resize}.horizontal-right-column-splitter{height:10px;cursor:row-resize}.game-component{border:solid 1px grey;border-radius:1em;overflow:hidden;margin-bottom:2px;background-color:#fff;display:flex;flex-direction:column}.game-component.wiki-component{height:100%}.game-component.graph-component{flex:1;transition:flex .3s ease;position:relative}.game-component.score-component{overflow:auto;min-height:6em;max-height:max-content;flex-shrink:0}.game-component.score-component.collapsed{height:auto;flex:0 0 auto}.graph-buttons{flex-direction:column;display:flex;align-items:end;position:absolute;right:5px;top:5px;gap:5px;z-index:10}.graph-component button{width:2.5em;height:2.5em;padding:0}.graph-component button img{display:block;margin:auto}.fold-score-table-btn img{height:33px;width:33px}.reset-graph-zoom-btn img{height:24px;width:24px}.toggle-physics-btn img{height:16px;width:16px}.header-game{display:flex;flex-direction:row;height:fit-content;max-height:20%;padding:5px 5px 0}.game-info-div{display:flex;flex-direction:row;gap:1em;width:50%;align-items:center}.game-buttons-div{display:flex;flex-direction:row;justify-content:end;gap:1em;align-items:end;width:50%;overflow:hidden;flex-grow:1}.game-title-div{text-align:center}.game-title{padding:0;margin:0}.graph-rules-title{padding:0;font-size:1.2em;margin:1em 0 0}.list-graph-rules{margin:0}.list-graph-rules img{height:3em;vertical-align:middle}.list-graph-rules li{margin-top:.5em}.rules-notitle-div{padding-left:1em}.rules-title{margin-top:0}.loading-screen{width:100%;height:100%;text-align:center;display:grid;align-items:center;font-size:1.2em;color:#4e4e4e}.loading-screen>h2{text-align:center}.main-endgame{height:100%;width:100%;display:flex;align-items:center;justify-content:center;background-color:#f3f1ef;font-family:sans-serif;color:#2e2b2b;padding:2em}.username-div h2{margin:0;font-size:1.8em}.scores-div h3{margin-bottom:.5em;font-size:1.2em;font-weight:600}.scores-table{width:100%;border-collapse:collapse;background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 4px #0000000d}.scores-table thead{background-color:#d8cfc8}.scores-table th,.scores-table td{text-align:left;padding:.8em 1em;border-bottom:1px solid #ddd;vertical-align:top}.scores-table tbody tr:hover{background-color:#f5f3f1;transition:background-color .2s}.scores-players-ul{padding-left:1.2em;margin:0}.action-div{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1em;font-weight:500}.leave-endgame-div{margin-top:2em;display:flex;gap:1em}.scores-player-div{display:flex}.scores-badges-div{margin-left:auto;display:flex;gap:.5em;padding-left:.5em}html,body,#root{width:100%;height:100%;margin:0}#root{display:flex;flex-direction:column}header{flex:0 0 auto;height:fit-content}main{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center}footer{flex:0 0 auto}.main-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:.5em}.left-header,.center-header,.right-header{flex:0 0 auto}.center-header{position:absolute;left:50%;transform:translate(-50%)}.small-btn{width:10em}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em;background-color:#f9f9f9;border-radius:1em;box-shadow:2px 2px 8px #c8c8c84d}.read-the-docs{color:#666}footer{display:flex;flex-direction:row;justify-content:space-between;padding:.5em 1em;background-color:#eaeaea;color:#111;border-top:1px solid #ccc;align-items:center}.footer-btns-div{display:flex;flex-direction:row;gap:1em}.loading-screen{font-size:2em;font-weight:700;color:#222}.displayedNone{display:none}.bold-span{font-weight:700}html,body.game-mode,.game-mode #root,.game-mode main{width:100%;height:100%}body{overflow:hidden}body.normal-mode{overflow:auto}.leader-badge{background-color:gold;color:#333}.you-badge{background-color:#4caf50;color:#fff}