:root{--bg: #ffffff;--bg-night: #181818;--accent: #236D30;--accent-light: #8CB571}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:var(--bg)}canvas{display:block}.hud-panel{position:fixed;font-family:Courier New,monospace;color:#222;background:#ffffffd9;padding:6px 14px;border:2.5px solid #222;border-radius:3px;pointer-events:none;z-index:10;-webkit-user-select:none;user-select:none}#score{top:16px;left:68px;display:flex;flex-wrap:wrap;align-items:center;max-width:308px;gap:2px;height:40px;padding:0 8px}#score:empty{display:none}#score .clover-icon{width:24px;height:24px;display:inline-block}#score .clover-icon svg{width:100%;height:100%}#score .score-number{font-size:20px;font-weight:700;line-height:24px;margin-right:4px}#density-info{bottom:16px;left:16px;font-size:13px;height:40px;display:flex;align-items:center;padding:0 14px}#zoom-btn{bottom:16px;right:16px;width:40px;height:40px;padding:0;display:flex;align-items:center;justify-content:center;pointer-events:auto;cursor:pointer}#zoom-btn:hover{background:#e6e6e6e6}#zoom-btn svg{width:22px;height:22px}#night-btn{bottom:16px;right:68px;width:40px;height:40px;padding:0;display:flex;align-items:center;justify-content:center;pointer-events:auto;cursor:pointer}#night-btn:hover{background:#e6e6e6e6}#night-btn svg{width:22px;height:22px}.tooltip{position:fixed;background:#222;color:#fff;font-size:12px;padding:8px 12px;border-radius:4px;white-space:pre;pointer-events:none;z-index:9999;display:none;font-family:monospace;line-height:1.6}.naming-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0006;display:flex;align-items:center;justify-content:center;pointer-events:all}.naming-card{font-family:Courier New,monospace;background:#fff;border:2.5px solid #222;border-radius:4px;padding:24px 28px;min-width:280px;max-width:340px;text-align:center}.naming-title{font-size:16px;font-weight:700;color:#222;margin-bottom:16px}.naming-input{width:100%;font-family:Courier New,monospace;font-size:15px;padding:8px 10px;border:2px solid #222;border-radius:3px;outline:none;background:#fff;color:#222;margin-bottom:16px}.naming-input:focus{border-color:var(--accent)}.naming-btn-row{display:flex;gap:10px;justify-content:center}.naming-btn{font-family:Courier New,monospace;font-size:14px;padding:8px 18px;border:2px solid #222;border-radius:3px;cursor:pointer;background:#fff;color:#222}.naming-btn:hover{background:#f0f0f0}.naming-btn-submit{background:var(--accent-light);color:#fff;border-color:var(--accent)}.naming-btn-submit:hover{background:#7aa563}.naming-btn-submit:disabled{opacity:.6;cursor:default}.nametag-container{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5;overflow:hidden}.nametag{position:absolute;top:0;left:0;font-family:Courier New,monospace;font-size:15px;line-height:1.4;color:var(--accent);background:#ffffffd9;padding:5px 10px;border-radius:3px;border-left:3px solid var(--accent-light);white-space:nowrap;transform-origin:top left;translate:-50% 0}.nametag-name{font-weight:700}.nametag-date{display:block;font-size:13px;opacity:.7}.leaderboard-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0006;display:flex;align-items:center;justify-content:center;pointer-events:all}.leaderboard-card{font-family:Courier New,monospace;background:#fff;border:2.5px solid #222;border-radius:4px;padding:24px 28px;min-width:360px;max-width:460px;text-align:center}.leaderboard-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.leaderboard-header .naming-title{margin-bottom:0}.leaderboard-close{font-family:Courier New,monospace;font-size:22px;background:none;border:none;color:#222;cursor:pointer;padding:0 4px;line-height:1}.leaderboard-close:hover{color:#888}.leaderboard-subtitle{font-size:13px;color:#666;margin-bottom:16px}.leaderboard-error{font-size:13px;color:#c44;margin-top:-10px;margin-bottom:12px}.leaderboard-tabs{display:flex;gap:0;border-bottom:2px solid #ddd;margin-bottom:12px}.leaderboard-tab{flex:1;font-family:Courier New,monospace;font-size:13px;padding:8px 0;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;color:#666}.leaderboard-tab:hover{color:#222}.leaderboard-tab.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:700}.leaderboard-list{max-height:400px;overflow-y:auto;text-align:left}.leaderboard-row{display:flex;align-items:center;padding:6px 8px;font-size:14px;border-radius:3px}.leaderboard-row:nth-child(2n){background:#00000008}.leaderboard-row.lb-self{background:#8cb57126;border-left:3px solid var(--accent-light)}.lb-rank{width:40px;font-weight:700;color:#888;flex-shrink:0}.lb-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#222}.lb-count{width:40px;text-align:right;font-weight:700;color:var(--accent);flex-shrink:0}.lb-time{width:70px;text-align:right;font-size:12px;color:#999;flex-shrink:0}.lb-separator{border-top:2px dotted #ccc;margin:8px 0}.leaderboard-empty{padding:32px 0;text-align:center;color:#999;font-size:14px}.leaderboard-btn-never{font-size:12px;padding:6px 12px;color:#999;border-color:#ccc}#trophy-btn{top:16px;left:16px;width:40px;height:40px;padding:0;display:flex;align-items:center;justify-content:center;pointer-events:auto;cursor:pointer}#trophy-btn:hover{background:#e6e6e6e6}#trophy-btn svg{width:22px;height:22px}#player-count{top:16px;left:50%;transform:translate(-50%);height:40px;display:flex;align-items:center;gap:6px;padding:0 14px}#player-count .eye-icon{width:22px;height:16px}#player-count .player-count-number{font-size:15px;font-weight:700;line-height:1}@keyframes look-around{0%,29%{cx:12}33%,62%{cx:9}67%,95%{cx:15}to{cx:12}}.eye-pupil{animation:look-around 10.5s ease-in-out infinite}body.night{background:var(--bg-night)}body.night .hud-panel{color:#ddd;background:#181818d9;border-color:#ddd}body.night #zoom-btn:hover,body.night #night-btn:hover{background:#3c3c3ce6}body.night .tooltip{background:#ddd;color:#222}body.night .naming-overlay{background:#0009}body.night .naming-card{background:#222;border-color:#ddd}body.night .naming-title{color:#ddd}body.night .naming-input{background:#333;color:#ddd;border-color:#ddd}body.night .naming-input:focus{border-color:var(--accent-light)}body.night .naming-btn{background:#333;color:#ddd;border-color:#ddd}body.night .naming-btn:hover{background:#444}body.night .naming-btn-submit{background:var(--accent);border-color:var(--accent-light);color:#fff}body.night .naming-btn-submit:hover{background:#1a5a26}body.night .nametag{color:var(--accent-light);background:#181818cc;border-left-color:var(--accent)}body.night .leaderboard-overlay{background:#0009}body.night .leaderboard-card{background:#222;border-color:#ddd}body.night .leaderboard-close{color:#ddd}body.night .leaderboard-close:hover{color:#888}body.night .leaderboard-subtitle{color:#999}body.night .leaderboard-tabs{border-bottom-color:#444}body.night .leaderboard-tab{color:#999}body.night .leaderboard-tab:hover{color:#ddd}body.night .leaderboard-tab.active{color:var(--accent-light);border-bottom-color:var(--accent-light)}body.night .leaderboard-row:nth-child(2n){background:#ffffff0a}body.night .leaderboard-row.lb-self{background:#8cb5711a;border-left-color:var(--accent)}body.night .lb-name{color:#ddd}body.night .lb-count{color:var(--accent-light)}body.night .lb-rank{color:#777}body.night .lb-time{color:#666}body.night .lb-separator{border-top-color:#444}body.night .leaderboard-empty{color:#666}body.night #trophy-btn:hover{background:#3c3c3ce6}body.night .leaderboard-btn-never{color:#777;border-color:#555}