:root{--checked-bg: #a2d2ff;--checked-border: #5CB0FF;--special-0-bg: #a2ffb7;--special-0-border: #5CFF82;--special-1-bg: #fffda2;--special-1-border: #FFFA5C;--special-2-bg: #ffb3a2;--special-2-border: #FF825C;--special-3-bg: #d2a2ff;--special-3-border: #B05CFF}:root,:root.light{--bg-color: #f0f0f0;--header-bg: #fff;--header-border: #ddd;--grid-item-bg: #fff;--grid-item-border: #aaa;--text-color: #000}:root.dark{--bg-color: #121212;--header-bg: #1e1e1e;--header-border: #333;--grid-item-bg: #2a2a2a;--grid-item-border: #444;--text-color: #fff;--checked-bg: #3a6a8e;--checked-border: #2c5a7c;--special-0-bg: #3a8e5d;--special-0-border: #2c7c4b;--special-1-bg: #8e8b3a;--special-1-border: #7c7a2c;--special-2-bg: #8e5f3a;--special-2-border: #7c4d2c;--special-3-bg: #6a3a8e;--special-3-border: #5a2c7c}@media(prefers-color-scheme:dark){:root:not(.light){--bg-color: #121212;--header-bg: #1e1e1e;--header-border: #333;--grid-item-bg: #2a2a2a;--grid-item-border: #444;--text-color: #fff;--checked-bg: #3a6a8e;--checked-border: #2c5a7c;--special-0-bg: #3a8e5d;--special-0-border: #2c7c4b;--special-1-bg: #8e8b3a;--special-1-border: #7c7a2c;--special-2-bg: #8e5f3a;--special-2-border: #7c4d2c;--special-3-bg: #6a3a8e;--special-3-border: #5a2c7c}}body{margin:0;background-color:var(--bg-color);font-family:sans-serif;color:var(--text-color)}header{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background-color:var(--header-bg);border-bottom:1px solid var(--header-border);position:sticky;top:0;z-index:1000;transition:transform .3s ease-in-out}header.header--hidden{transform:translateY(-100%)}.header-left{display:flex;align-items:center;gap:20px}.header-left h1{margin:0;font-size:1.5em}.theme-toggle{position:relative;display:inline-block;width:50px;height:28px}.theme-toggle input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.3s;border-radius:28px}.slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:#fff;transition:.3s;border-radius:50%}input:checked+.slider{background-color:var(--checked-bg)}input:checked+.slider:before{transform:translate(22px)}.header-right{display:flex;flex-direction:column;align-items:flex-end;gap:5px}#stats span,#active-players{font-size:.9em}#special-stats .special-stat{margin-left:5px;padding:2px 5px;border-radius:3px;font-weight:700;color:#000}.special-stat-0{background-color:var(--special-0-bg)}.special-stat-1{background-color:var(--special-1-bg)}.special-stat-2{background-color:var(--special-2-bg)}.special-stat-3{background-color:var(--special-3-bg)}#grid-container{width:100%;max-width:2000px;margin:0 auto;position:relative;box-sizing:border-box;visibility:hidden}.grid-item{box-sizing:border-box;width:40px;height:40px;background-color:var(--grid-item-bg);border:1px solid var(--grid-item-border);border-radius:5px;transition:all .2s ease-in-out}.grid-item:hover{transform:scale(1.05)}.grid-item:active{transform:scale(.95)}.grid-item.checked{background-color:var(--checked-bg);border:1px solid var(--checked-border)}.grid-item.checked-special-0{background-color:var(--special-0-bg);border:1px solid var(--special-0-border)}.grid-item.checked-special-1{background-color:var(--special-1-bg);border:1px solid var(--special-1-border)}.grid-item.checked-special-2{background-color:var(--special-2-bg);border:1px solid var(--special-2-border)}.grid-item.checked-special-3{background-color:var(--special-3-bg);border:1px solid var(--special-3-border)}@media(max-width:600px){header{flex-direction:column;align-items:center;gap:10px}.header-right{align-items:center}}