:root{--tier-0: rgba(26, 26, 26, .7);--tier-1: rgba(24, 172, 249, .7);--tier-2: rgba(19, 219, 182, .7);--tier-3: rgba(70, 206, 33, .7);--tier-4: rgba(164, 202, 26, .7);--tier-5: rgba(255, 196, 21, .7);--tier-6: rgba(238, 138, 32, .7);--tier-7: rgba(223, 34, 34, .7);--tier-8: rgba(232, 41, 127, .7);--tier-9: rgba(189, 24, 181, .7);--tier-10: rgba(96, 27, 200, .7)}body{background-color:#121212;color:#fff;font-family:sans-serif;margin:0;padding:0;overflow:hidden}input,select{margin-left:5px}.tier-number{display:inline-block;padding:2px 6px;border-radius:4px;color:#fff;font-weight:700;text-align:center;min-width:20px}.tier-number[data-tier="0"]{background-color:var(--tier-0)}.tier-number[data-tier="1"]{background-color:var(--tier-1)}.tier-number[data-tier="2"]{background-color:var(--tier-2)}.tier-number[data-tier="3"]{background-color:var(--tier-3)}.tier-number[data-tier="4"]{background-color:var(--tier-4)}.tier-number[data-tier="5"]{background-color:var(--tier-5)}.tier-number[data-tier="6"]{background-color:var(--tier-6)}.tier-number[data-tier="7"]{background-color:var(--tier-7)}.tier-number[data-tier="8"]{background-color:var(--tier-8)}.tier-number[data-tier="9"]{background-color:var(--tier-9)}.tier-number[data-tier="10"]{background-color:var(--tier-10)}table{width:max-content;border-collapse:collapse;color:#fff;table-layout:fixed}thead th{position:sticky;top:0;z-index:10;background-color:#1a1a1a;border-top:none;cursor:pointer}.mapName,td:first-child{white-space:nowrap;width:15%}.KSFTier,td:nth-child(2){text-align:center;min-width:100px;width:5%;white-space:nowrap}.yourTier,td:nth-child(3){text-align:center;width:10%;white-space:nowrap}.otherUserTier,td:nth-child(n+4){text-align:center;min-width:100px;width:5%;white-space:nowrap}th,td{border:1px solid #333;padding:5px}tr.bonus-row td{background-color:#242424}.tableWrapper{max-height:93vh;overflow-y:auto;overflow-x:auto}#login,#main{padding:20px}#topBar{width:100%}#search{width:70%;margin:0 auto 10px;padding:5px;background-color:#1a1a1a;color:#fff;border:1px solid #333;border-radius:4px}.logout{position:absolute;right:20px;padding:8px 16px;background-color:#1a1a1a;color:#fff;border:1px solid #333;border-radius:4px;cursor:pointer;transition:background-color .2s,transform .1s}.customButton{position:relative;padding:8px 16px;background-color:#1a1a1a;color:#fff;border:1px solid #333;border-radius:4px;cursor:pointer;transition:background-color .2s,transform .1s}#logout:hover{background-color:#2a2a2a;transform:translateY(-1px)}#logout:active{transform:translateY(1px)}.tier-select{padding:4px 6px;background-color:#1a1a1a;color:#fff;border:1px solid #333;border-radius:4px}.tier-input::-webkit-inner-spin-button,.tier-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.tier-input[type=number]{-moz-appearance:textfield;appearance:textfield}.number-wrapper{position:relative;display:inline-flex;align-items:stretch;gap:2px}.tier-input{width:50px;padding:4px 6px;background-color:#1a1a1a;color:#fff;border:1px solid #333;border-radius:4px;text-align:center;outline:none;box-sizing:border-box}.number-wrapper .number-arrow{width:20px;display:flex;align-items:center;justify-content:center;background-color:#1a1a1a;color:#fff;border:1px solid #333;cursor:pointer;font-size:10px;padding:0;line-height:1;-webkit-user-select:none;user-select:none}.number-wrapper .number-arrow.up{border-radius:4px 0 0 4px}.number-wrapper .number-arrow.down{border-radius:0 4px 4px 0}.number-wrapper .number-arrow:hover{background-color:#2a2a2a}#context-menu{background-color:#242424;box-shadow:0 0 20px #25282a38;color:#fff;width:13em;padding:1rem;font-size:.7rem;position:fixed;visibility:hidden}.item{padding:.3em 1.2em}.item:hover{background-color:#2c8df733;cursor:pointer}