: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;--color-success-hover: #5cbf60;--img-placeholder-bg: var(--bg-secondary);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2em;--size-avatar-sm: 60px;--size-avatar-md: 80px;--size-avatar-lg: 100px;--size-avatar-xl: 150px;--z-base: 5;--z-dropdown: 10;--z-sticky: 100;--z-overlay: 1000;--opacity-disabled: .5;--opacity-overlay: .8;--opacity-subtle: .3;--opacity-muted: .7;--overlay-black-70: rgba(0, 0, 0, .7);--overlay-black-80: rgba(0, 0, 0, .8);--overlay-black-90: rgba(0, 0, 0, .9);--overlay-bg-primary: rgba(18, 18, 18, .7)}*{-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:var(--overlay-black-80);cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--status-info, #2196f3);outline-offset:2px;border-radius:2px}button:focus:not(:focus-visible),input:focus:not(:focus-visible),select:focus:not(:focus-visible){outline:none}#leaderboardButton{margin-left:auto}#restartButton{display:none}#themeSelector{margin-left:auto;margin-right:.5em}#header #startButton{background:var(--status-success, #4caf50);font-weight:700}#header #startButton:hover:not(:disabled){background:var(--color-success-hover);filter:brightness(1.1)}#header #startButton:disabled{background:var(--status-success, #4caf50);opacity:var(--opacity-disabled);cursor:not-allowed}#debugButton{font-size:.85rem;padding:.5em .7em;background:var(--bg-secondary);border:1px solid var(--border-color);opacity:var(--opacity-muted);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:3em;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:var(--img-placeholder-bg)}.player .name{text-align:center;margin-top:.5em;word-break:break-word;font-size:1rem}.removeBtn{position:absolute;top:2px;right:2px;background:var(--overlay-black-70);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 var(--overlay-black-80);z-index:var(--z-dropdown);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;position:relative;transition:filter .3s ease,opacity .3s ease}.event:not(.revealed){filter:blur(8px);cursor:pointer;-webkit-user-select:none;user-select:none;padding-top:calc(60px + 1em)}.event:not(.revealed):before{content:"";position:absolute;inset:0;background:#000000b3;border-radius:4px;z-index:1;transition:background .3s ease}.event:not(.revealed):hover{filter:blur(6px);box-shadow:0 0 20px #ffffff4d}.event:not(.revealed):hover:before{background:#0009}.event.revealed{filter:blur(0)}.event.revealed:before{display:none}.event:not(.revealed):after{content:"?";display:flex;align-items:center;justify-content:center;width:60px;height:60px;position:absolute;top:.5em;left:50%;transform:translate(-50%);background:#ffffff0d;border:1px dashed rgba(255,255,255,.2);border-radius:4px;font-size:1.5em;color:#ffffff4d;z-index:2}.event.revealed:after{display:none}.avatars{display:flex;flex-wrap:wrap;justify-content:center;gap:.5em;margin:.5em 0}.event:not(.revealed) .avatars{display:none}.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:var(--img-placeholder-bg)}.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 var(--overlay-black-90),0 0 8px var(--death-overlay-glow, rgba(255, 68, 68, .8));pointer-events:none;z-index:var(--z-dropdown)}.event:not(.revealed) .avatarWrap.has-dead:after{display:none}.event:not(.revealed) .avatarWrap img.dead{filter:none!important;border:none!important;box-shadow:none!important}.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}#winnerScreen hr{width:50%;border-color:var(--border-color);margin:2em auto}#winnerAvatar{width:150px;height:150px;border-radius:50%;object-fit:cover;background-color:var(--img-placeholder-bg)}#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 var(--overlay-black-90),0 0 8px var(--death-overlay-glow, rgba(255, 68, 68, .8));pointer-events:none;z-index:var(--z-dropdown)}.placement img{width:100px;height:100px;object-fit:cover;border-radius:8px;position:relative;background-color:var(--img-placeholder-bg)}.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:fixed;z-index:var(--z-overlay);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;pointer-events:none}.tooltip-box.visible{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:var(--z-base);background:var(--overlay-bg-primary);border-radius:50%;pointer-events:none}.tooltip-container.loading img{opacity:var(--opacity-subtle)}#leaderboardOverlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,var(--opacity-overlay));display:none;justify-content:center;align-items:center;z-index:var(--z-overlay)}#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)}#scoreboardOverlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,var(--opacity-overlay));display:none;justify-content:center;align-items:center;z-index:var(--z-overlay)}#scoreboardOverlay .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)}#scoreboardOverlay h2{margin-top:0;font-family:var(--theme-font-decorative, cursive)}#closeScoreboardOverlay{position:absolute;top:8px;right:8px;background:none;border:none;color:var(--text-primary);font-size:1.5rem;cursor:pointer;transition:color .2s}#closeScoreboardOverlay:hover{color:var(--remove-btn-color)}#scoreboardContent{display:grid;grid-template-columns:1fr 1fr;gap:2em;margin-top:1em}.scoreboard-section{display:flex;flex-direction:column}.scoreboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1em;padding-bottom:.5em;border-bottom:2px solid var(--border-color)}.scoreboard-header h3{margin:0;font-family:var(--theme-font-primary, sans-serif);font-size:1.5rem}.scoreboard-header .count{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.player-list{display:flex;flex-direction:column;gap:.5em;max-height:400px;overflow-y:auto}.player-list-item{padding:.5em;border-radius:4px;background:var(--bg-secondary);font-family:var(--theme-font-primary, sans-serif)}.player-list-item.empty{color:var(--text-secondary);font-style:italic;text-align:center;padding:1em}@media(max-width:767px){#scoreboardContent{grid-template-columns:1fr}}@media(max-width:767px){#header{flex-wrap:wrap}#header input{width:100%;margin-bottom:.5em}#playersGrid{grid-template-columns:repeat(auto-fill,60px);gap:.5em}#joinPrompt{font-size:clamp(1.5rem,4vw,3em)}#dayDisplay{font-size:clamp(1.5rem,5vw,3.5em)}}@media(min-width:768px){#playersGrid{grid-template-columns:repeat(auto-fill,100px)}}