:root{--bg-primary: #121212;--bg-secondary: #1e1e1e;--bg-button: #2a2a2a;--bg-button-hover: #3a3a3a;--bg-overlay: #222222;--text-primary: #ffffff;--text-secondary: #cccccc;--border-color: #666666;--border-color-light: #777777;--status-success: #4caf50;--status-error: #f44336;--status-warning: #ff9800;--status-info: #2196f3;--remove-btn-color: #ff6b6b;--death-overlay-color: #ff4444}*{-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale;font-smooth:never;text-rendering:optimizeSpeed}html{font-size:18px}body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--theme-font-primary, sans-serif);margin:0}#header{display:flex;align-items:center;padding:1em}#header input,#header button,#header select{background:var(--bg-button);border:none;color:var(--text-primary);padding:.7em 1em;border-radius:4px;margin-right:.5em;font-family:var(--theme-font-primary, sans-serif);font-size:1rem;transition:background .2s,filter .2s}#header button:hover,#header select:hover,#proceedButton:hover,.startNewButton:hover{background:var(--bg-button-hover);cursor:pointer}.removeBtn:hover{background:#000c;cursor:pointer}#leaderboardButton{margin-left:auto}#header #startButton{background:var(--status-success, #4caf50);font-weight:700}#header #startButton:hover:not(:disabled){background:#5cbf60;filter:brightness(1.1)}#header #startButton:disabled{background:var(--status-success, #4caf50);opacity:.5;cursor:not-allowed}#debugButton{font-size:.85rem;padding:.5em .7em;background:var(--bg-secondary);border:1px solid var(--border-color);opacity:.7;transition:opacity .2s,background .2s;margin-right:.3em}#debugButton:hover{opacity:1;background:var(--bg-button);border-color:var(--border-color-light)}.toggle-label{display:flex;align-items:center;gap:.5em;color:var(--text-primary);font-size:1rem;margin-right:.5em;cursor:pointer}.toggle-label input[type=checkbox]{width:1em;height:1em;cursor:pointer}#status{font-weight:700;margin-right:1em;font-size:1rem;display:inline-flex;align-items:center;gap:.5em}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{display:inline-block;width:1em;height:1em;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}#joinPrompt{text-align:center;font-size:8em;margin:.2em 0;font-family:var(--theme-font-decorative, cursive);display:none}#dayDisplay{text-align:center;font-size:3.5em;margin:0;font-family:var(--theme-font-decorative, cursive)}#phaseDesc{text-align:center;font-size:1rem;margin:.5em 0}#playersGrid{display:grid;grid-template-columns:repeat(auto-fill,100px);gap:1em;padding:1em;justify-content:center;justify-items:center}.player{position:relative;width:80px}.player img{width:80px;height:80px;object-fit:cover;border-radius:8px;background-color:#f5f5f5}.player .name{text-align:center;margin-top:.5em;word-break:break-word;font-size:1rem}.removeBtn{position:absolute;top:2px;right:2px;background:#000000b3;color:var(--remove-btn-color);border:none;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:14px;line-height:20px;text-align:center;transition:background .2s,filter .2s;text-shadow:0 0 2px rgba(0,0,0,.8);z-index:10;cursor:pointer}#eventLog{padding:1.5em;display:flex;flex-direction:column;align-items:center}.event{display:flex;flex-direction:column;align-items:center;margin-bottom:1em}.avatars{display:flex;flex-wrap:wrap;justify-content:center;gap:.5em;margin:.5em 0}.avatarWrap{display:inline-flex;flex-direction:column;align-items:center;position:relative}.avatarWrap img{width:60px;height:60px;object-fit:cover;border-radius:4px;background-color:#f5f5f5}.avatarWrap img.dead{filter:grayscale(100%);opacity:var(--death-opacity, .6);border:var(--death-border-width, 2px) solid var(--death-border-color, #ff4444);box-shadow:0 0 var(--death-shadow-size, 6px) var(--death-shadow-color, rgba(255, 68, 68, .5))}.avatarWrap.has-dead:after{content:var(--death-overlay-icon, "✕");position:absolute;top:30px;left:50%;transform:translate(-50%,-50%);color:var(--death-overlay-color, #ff4444);font-size:var(--death-overlay-size, 1.8em);font-weight:700;text-shadow:0 0 4px rgba(0,0,0,.9),0 0 8px var(--death-overlay-glow, rgba(255, 68, 68, .8));pointer-events:none;z-index:10}.text{text-align:center;white-space:pre-wrap;font-family:var(--theme-font-primary, sans-serif);font-size:1rem;margin:.5em 0}#proceedContainer{text-align:center;margin:1em;display:none}#proceedButton{background:var(--bg-button);border:none;color:var(--text-primary);padding:.7em 1em;border-radius:4px;font-family:var(--theme-font-primary, sans-serif);font-size:1rem}#winnerScreen{display:none;text-align:center;padding:2em}#winnerAvatar{width:150px;height:150px;border-radius:50%;object-fit:cover;background-color:#f5f5f5}#winnerText{font-size:3.5em;margin:1em 0;font-family:var(--theme-font-decorative, cursive)}#placementsGrid{display:grid;grid-template-columns:repeat(auto-fill,120px);gap:1.5em;justify-content:center;margin-top:1em}.placement{text-align:center;transition:opacity .3s;width:120px;position:relative}.placement.dead img{filter:grayscale(100%);opacity:var(--death-opacity, .6);border:var(--death-border-width, 2px) solid var(--death-border-color, #ff4444);box-shadow:0 0 var(--death-shadow-size-large, 8px) var(--death-shadow-color, rgba(255, 68, 68, .5))}.placement.dead:after{content:var(--death-overlay-icon, "✕");position:absolute;top:50px;left:50%;transform:translate(-50%,-50%);color:var(--death-overlay-color, #ff4444);font-size:var(--death-overlay-size-large, 2.5em);font-weight:700;text-shadow:0 0 4px rgba(0,0,0,.9),0 0 8px var(--death-overlay-glow, rgba(255, 68, 68, .8));pointer-events:none;z-index:10}.placement img{width:100px;height:100px;object-fit:cover;border-radius:8px;position:relative;background-color:#f5f5f5}.placement .rank{font-size:1.2em;margin-top:.7em;font-family:var(--theme-font-primary, sans-serif)}.placement .name,.placement .kills{font-size:1rem;font-family:var(--theme-font-primary, sans-serif);word-break:break-word;white-space:normal}.startNewButton{margin:.5em;padding:.7em 1.2em;background:var(--bg-button);border:none;color:var(--text-primary);border-radius:4px;font-family:var(--theme-font-primary, sans-serif);font-size:1rem}#deathLogContainer{margin:2em 0;width:100%;padding:0 1em}#deathLogContainer h3{font-size:1.2rem;margin-bottom:.5em;font-family:var(--theme-font-primary, sans-serif);text-align:left}#deathLog{width:100%;height:300px;background:var(--bg-overlay);border:1px solid var(--border-color);border-radius:4px;padding:.5em;font-family:var(--theme-font-primary, monospace);font-size:1rem;overflow-y:scroll;text-align:left;white-space:pre-wrap;color:var(--text-primary)}.tooltip-container{position:relative;display:inline-flex;align-items:center;justify-content:center}.tooltip-box{visibility:hidden;position:absolute;z-index:100;top:100%;left:50%;transform:translate(-50%) translateY(4px);background:var(--bg-overlay);color:var(--text-primary);border:1px solid var(--border-color);padding:.5em;border-radius:4px;white-space:pre;font-family:var(--theme-font-primary, sans-serif);font-size:.9rem;text-align:left;width:max-content;max-width:none}.tooltip-container:hover .tooltip-box{visibility:visible}.tooltip-container.loading:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:24px;height:24px;border:2px solid var(--text-primary);border-top-color:transparent;animation:spin .8s linear infinite;z-index:5;background:#121212b3;border-radius:50%;pointer-events:none}.tooltip-container.loading img{opacity:.3}#leaderboardOverlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:none;justify-content:center;align-items:center;z-index:1000}#leaderboardOverlay .overlayContent{position:relative;background:var(--bg-overlay);padding:2em;border-radius:8px;max-width:80%;max-height:80%;overflow-y:auto;text-align:left;color:var(--text-primary)}#leaderboardOverlay h2{margin-top:0;font-family:var(--theme-font-decorative, cursive)}#closeOverlay{position:absolute;top:8px;right:8px;background:none;border:none;color:var(--text-primary);font-size:1.5rem;cursor:pointer;transition:color .2s}#closeOverlay:hover{color:var(--remove-btn-color)}#leaderboardTable{width:100%;border-collapse:collapse;margin-top:1em}#leaderboardTable th,#leaderboardTable td{padding:.5em;border-bottom:1px solid var(--border-color)}#leaderboardTable th{text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none}#leaderboardTable th.sort-asc:after{content:" ▲"}#leaderboardTable th.sort-desc:after{content:" ▼"}#clearLeaderboardButton{margin-top:1.5em;padding:.7em 1.2em;background:var(--status-error, #f44336);border:none;color:var(--text-primary);border-radius:4px;font-family:var(--theme-font-primary, sans-serif);font-size:1rem;cursor:pointer;transition:background .2s,filter .2s;width:100%}#clearLeaderboardButton:hover{background:var(--remove-btn-color, #ff6b6b);filter:brightness(1.1)}