:root,[data-theme=amoled]{--bg: #000000;--bg-surface: #0a0a0a;--bg-elevated: #181818;--bg-hover: #1a1a1a;--bg-active: #222222;--border: #222222;--border-subtle: #181818;--text: #e0e0e0;--text-secondary: #888888;--text-muted: #555555;--accent: #ffffff;--accent-dim: #aaaaaa;--primary: #ffffff;--primary-text: #000000;--danger: #e74c3c;--success: #2ecc71;--warning: #f39c12;--overlay: rgba(0, 0, 0, .85);--shadow: 0 2px 20px rgba(0, 0, 0, .8);--bubble-bg: rgba(10, 10, 10, .92);--bubble-border: rgba(255, 255, 255, .12);--modal-border: rgba(255, 255, 255, .15);--modal-shadow: 0 8px 40px rgba(0, 0, 0, .6), 0 0 0 1px rgba(255, 255, 255, .08);--radius: 6px;--radius-lg: 10px;--font-display: "Archivo Black", sans-serif;--font-body: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace;--transition: .15s ease}[data-theme=dark]{--bg: #141414;--bg-surface: #1c1c1c;--bg-elevated: #252525;--bg-hover: #2e2e2e;--bg-active: #363636;--border: #333333;--border-subtle: #282828;--text: #e0e0e0;--text-secondary: #999999;--text-muted: #666666;--overlay: rgba(0, 0, 0, .75);--shadow: 0 2px 20px rgba(0, 0, 0, .5);--bubble-bg: rgba(20, 20, 20, .9);--bubble-border: rgba(255, 255, 255, .1);--modal-border: rgba(255, 255, 255, .12);--modal-shadow: 0 8px 40px rgba(0, 0, 0, .5), 0 0 0 1px rgba(255, 255, 255, .06)}[data-theme=light]{--bg: #f5f5f5;--bg-surface: #ffffff;--bg-elevated: #ffffff;--bg-hover: #f0f0f0;--bg-active: #e8e8e8;--border: #dddddd;--border-subtle: #eeeeee;--text: #1a1a1a;--text-secondary: #666666;--text-muted: #999999;--accent: #000000;--accent-dim: #444444;--primary: #1a1a1a;--primary-text: #ffffff;--danger: #c0392b;--success: #27ae60;--warning: #e67e22;--overlay: rgba(0, 0, 0, .4);--bubble-bg: rgba(255, 255, 255, .88);--bubble-border: rgba(0, 0, 0, .12);--modal-border: rgba(0, 0, 0, .15);--modal-shadow: 0 8px 40px rgba(0, 0, 0, .15);--shadow: 0 2px 20px rgba(0, 0, 0, .1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background:var(--bg);color:var(--text);line-height:1.5;min-height:100vh;overflow-x:hidden}#root{min-height:100vh}a{color:var(--accent);text-decoration:none}img{max-width:100%;display:block}input,select,textarea,button{font-family:inherit;font-size:inherit}::selection{background:var(--accent);color:var(--primary-text)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.social-links{position:fixed;bottom:1rem;right:1rem;display:flex;gap:.5rem;z-index:50}.social-btn{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.05em;text-transform:uppercase;padding:.4rem .7rem;border-radius:var(--radius);background:var(--bg-surface);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;transition:all var(--transition);text-decoration:none}.social-btn:hover{background:var(--bg-hover);border-color:var(--text-muted);color:var(--text)}[data-theme=amoled] .social-btn{background:#0a0a0ae6;border-color:#ffffff1f}[data-theme=dark] .social-btn{background:#141414e6;border-color:#ffffff1a}[data-theme=light] .social-btn{background:#000000d9;border-color:#ffffff26;color:#e0e0e0}[data-theme=light] .social-btn:hover{background:#000000f2;color:#fff}.layout{min-height:100vh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 1.25rem;height:48px;background:var(--bg-surface);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.topbar-left{display:flex;align-items:center;gap:.75rem}.topbar-right{display:flex;align-items:center;gap:.5rem}.logo-btn{background:none;border:none;cursor:pointer;display:flex;align-items:baseline;gap:.35rem;padding:0}.logo-text{font-family:var(--font-display);font-size:1.1rem;color:var(--accent);letter-spacing:.05em}.logo-sub{font-family:var(--font-mono);font-size:.65rem;color:var(--text-muted);letter-spacing:.15em;text-transform:uppercase}.nav-btn{background:none;border:1px solid transparent;color:var(--text-secondary);cursor:pointer;padding:.35rem .5rem;border-radius:var(--radius);display:flex;align-items:center;gap:.25rem;transition:all var(--transition);font-size:.8rem}.nav-btn:hover{color:var(--text);border-color:var(--border);background:var(--bg-hover)}.lang-toggle{font-family:var(--font-mono);font-weight:600;font-size:.75rem;letter-spacing:.05em}.main-content{flex:1;display:flex;flex-direction:column}.main-content.with-nav{padding-top:0}.main-content.fullscreen{height:100vh}.page{flex:1;padding:1.5rem;max-width:1200px;margin:0 auto;width:100%}.layout:has(.home-page),.layout:has(.lobby-browser-page),.layout:has(.lobby-page){background-color:#000;background-image:radial-gradient(ellipse at center 65%,transparent 30%,rgba(0,0,0,.7) 70%,#000000 100%),url(/home-bg.png);background-position:center 65%,center 65%;background-size:cover,80%;background-repeat:no-repeat,no-repeat;background-attachment:fixed,fixed}[data-theme=light] .home-page,[data-theme=light] .lobby-browser-page,[data-theme=light] .lobby-page,[data-theme=dark] .home-page,[data-theme=dark] .lobby-browser-page,[data-theme=dark] .lobby-page{--bg: #000000;--bg-surface: #0a0a0a;--bg-elevated: #181818;--bg-hover: #1a1a1a;--bg-active: #222222;--border: #222222;--border-subtle: #181818;--text: #e0e0e0;--text-secondary: #888888;--text-muted: #555555;--accent: #ffffff;--accent-dim: #aaaaaa;--primary: #ffffff;--primary-text: #000000;--danger: #e74c3c;--success: #2ecc71;--warning: #f39c12;--overlay: rgba(0, 0, 0, .85);--shadow: 0 2px 20px rgba(0, 0, 0, .8);--bubble-bg: rgba(10, 10, 10, .92);--bubble-border: rgba(255, 255, 255, .12);--modal-border: rgba(255, 255, 255, .15);--modal-shadow: 0 8px 40px rgba(0, 0, 0, .6), 0 0 0 1px rgba(255, 255, 255, .08)}html:not([data-theme=light]):not([data-theme=dark]) .layout:has(.home-page) .topbar,html:not([data-theme=light]):not([data-theme=dark]) .layout:has(.lobby-browser-page) .topbar,html:not([data-theme=light]):not([data-theme=dark]) .layout:has(.lobby-page) .topbar,[data-theme=amoled] .layout:has(.home-page) .topbar,[data-theme=amoled] .layout:has(.lobby-browser-page) .topbar,[data-theme=amoled] .layout:has(.lobby-page) .topbar{background:#000000d9;border-bottom-color:#ffffff14}.home-page .home-admin-link .link-btn,.lobby-browser-page .page-header,.lobby-browser-page .player-setup-bar,.lobby-browser-page .lobby-list .empty-state,.lobby-browser-page .lobby-card,.lobby-page .lobby-header,.lobby-page .lobby-section{background:var(--bubble-bg);border:1px solid var(--bubble-border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-lg);padding:.75rem 1rem;box-shadow:0 4px 24px #0006}.home-page .home-admin-link .link-btn{padding:.4rem .8rem;border-radius:var(--radius);color:var(--text)}.page-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.page-header h2{font-family:var(--font-display);font-size:1.25rem;letter-spacing:.02em}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.5rem 1rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);color:var(--text);cursor:pointer;font-size:.85rem;font-weight:500;transition:all var(--transition);white-space:nowrap;text-decoration:none}.btn:hover{background:var(--bg-hover);border-color:var(--text-muted)}.btn:active{background:var(--bg-active);transform:scale(.98)}.btn-primary{background:var(--primary);color:var(--primary-text);border-color:var(--primary);font-weight:600}.btn-primary:hover{opacity:.9;background:var(--primary);border-color:var(--primary)}.btn-ghost{background:transparent;border-color:transparent;color:var(--text-secondary)}.btn-ghost:hover{color:var(--text);background:var(--bg-hover);border-color:transparent}.btn-large{padding:.75rem 1.5rem;font-size:1rem}.btn-sm{padding:.3rem .6rem;font-size:.78rem}.btn-xs{padding:.2rem .4rem;font-size:.72rem}.btn-close{background:none;border:none;color:var(--text-muted);font-size:1.5rem;cursor:pointer;padding:0;line-height:1;transition:color var(--transition)}.btn-close:hover{color:var(--text)}.btn:disabled,.btn[disabled]{opacity:.4;cursor:not-allowed;pointer-events:none}.danger{color:var(--danger)!important}.link-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:.75rem;font-family:var(--font-mono);padding:.25rem;transition:color var(--transition);text-decoration:none}.link-btn:hover{color:var(--text-secondary)}.input{padding:.5rem .75rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-surface);color:var(--text);font-size:.85rem;transition:border-color var(--transition);width:100%;outline:none}.input:focus{border-color:var(--accent-dim)}.input::placeholder{color:var(--text-muted)}.input-sm{padding:.35rem .5rem;font-size:.8rem}.input-xs{padding:.2rem .35rem;font-size:.72rem;width:auto}select.input{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M3 5l3 3 3-3' stroke='%23888' fill='none' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;padding-right:1.75rem}.field{display:flex;flex-direction:column;gap:.3rem}.field>span{font-size:.78rem;color:var(--text-secondary);font-family:var(--font-mono);letter-spacing:.02em}.form-row{display:flex;gap:.75rem}.form-row>.field{flex:1}.coords-row .field{flex:0 0 auto;width:100px}.form-actions{margin-top:1rem}.hint-text{font-size:.75rem;color:var(--text-muted);margin:.5rem 0;font-family:var(--font-mono)}.toggle{position:relative;display:inline-flex;align-items:center;cursor:pointer}.toggle input{position:absolute;opacity:0;width:0;height:0}.toggle-track{width:36px;height:20px;border-radius:10px;background:var(--border);position:relative;transition:background var(--transition)}.toggle-track:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--text-muted);transition:all var(--transition)}.toggle input:checked+.toggle-track{background:var(--accent)}.toggle input:checked+.toggle-track:after{left:18px;background:var(--primary-text)}.toggle input:disabled+.toggle-track{opacity:.4;cursor:not-allowed}.toggle-label{display:flex;align-items:center;gap:.4rem;font-size:.78rem;color:var(--text-secondary);cursor:pointer}.toggle-label input[type=checkbox]{accent-color:var(--accent)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal{background:var(--bg-elevated);border:1px solid var(--modal-border);border-radius:var(--radius-lg);width:100%;max-width:440px;max-height:90vh;overflow-y:auto;box-shadow:var(--modal-shadow)}.modal-large{max-width:700px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border)}.modal-header h3{font-family:var(--font-display);font-size:1rem}.modal-body{padding:1.25rem;display:flex;flex-direction:column;gap:.75rem}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;padding:1rem 1.25rem;border-top:1px solid var(--border)}.error-msg{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem .75rem;background:#e74c3c1a;border:1px solid rgba(231,76,60,.3);border-radius:var(--radius);color:var(--danger);font-size:.82rem;margin-bottom:.75rem}.error-msg button{background:none;border:none;color:var(--danger);cursor:pointer;font-size:1.1rem;padding:0;line-height:1}.empty-state{text-align:center;padding:2rem;color:var(--text-muted);font-family:var(--font-mono);font-size:.85rem}.glitch-text{font-family:var(--font-display);position:relative;display:inline-block}.grid-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--border-subtle) 1px,transparent 1px),linear-gradient(90deg,var(--border-subtle) 1px,transparent 1px);background-size:40px 40px;opacity:.4;pointer-events:none;mask-image:radial-gradient(ellipse at center,black 20%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at center,black 20%,transparent 70%)}.home-page{display:flex;align-items:center;justify-content:center;position:relative;padding:2rem;min-height:calc(100vh - 48px)}.home-admin-link{position:absolute;top:1rem;right:1rem;z-index:2}.home-admin-link .link-btn{font-size:.75rem;opacity:.4;transition:opacity var(--transition)}.home-admin-link .link-btn:hover{opacity:.8}.home-hero{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;z-index:1}.home-actions .btn-large{padding:.85rem 2.5rem;font-size:1.05rem;letter-spacing:.03em}.home-decoration{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.player-setup-bar{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:1rem;flex-wrap:wrap}.player-setup-bar .input{width:auto;flex:0 1 200px}.avatar-row{display:flex;gap:.35rem;flex-wrap:wrap}.avatar-btn{width:36px;height:36px;border-radius:var(--radius);border:2px solid transparent;cursor:pointer;padding:2px;background:var(--bg-elevated);transition:all var(--transition);overflow:hidden}.avatar-btn:hover{border-color:var(--text-muted)}.avatar-btn.selected{border-color:var(--accent)}.avatar-btn img{width:100%;height:100%;border-radius:3px;object-fit:cover}.lobby-list{display:flex;flex-direction:column;gap:.5rem}.lobby-card{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);transition:border-color var(--transition)}.lobby-card:hover{border-color:var(--text-muted)}.lobby-card-info{display:flex;flex-direction:column;gap:.2rem}.lobby-card-name{font-weight:600;font-size:.9rem}.lobby-card-meta{display:flex;align-items:center;gap:.75rem;font-size:.75rem;color:var(--text-secondary);font-family:var(--font-mono)}.lobby-card-status.in-game{color:var(--warning)}.lobby-card-status.waiting{color:var(--success)}.lobby-card-lock{font-size:.7rem}.lobby-full-tag,.lobby-ingame-tag{font-size:.75rem;color:var(--text-muted);font-family:var(--font-mono)}.lobby-page{max-width:960px}.lobby-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.lobby-title-row{display:flex;align-items:baseline;gap:.5rem}.lobby-name{font-family:var(--font-display);font-size:1.2rem}.lobby-id{font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted)}.lobby-content{display:grid;grid-template-columns:240px 1fr 280px;gap:1rem;min-height:calc(100vh - 200px)}@media (max-width: 900px){.lobby-content{grid-template-columns:1fr}}.lobby-section{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1rem;display:flex;flex-direction:column}.lobby-section h3{font-family:var(--font-mono);font-size:.78rem;color:var(--text-secondary);letter-spacing:.05em;text-transform:uppercase;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--border)}.player-list{display:flex;flex-direction:column;gap:.4rem;flex:1;overflow-y:auto}.player-card{display:flex;align-items:center;gap:.5rem;padding:.4rem .5rem;border-radius:var(--radius);border-left:3px solid transparent;transition:background var(--transition)}.player-card:hover{background:var(--bg-hover)}.player-avatar{width:28px;height:28px;border-radius:var(--radius);border:2px solid;overflow:hidden;flex-shrink:0}.player-avatar img{width:100%;height:100%;object-fit:cover}.player-info{display:flex;align-items:center;gap:.35rem;flex:1;min-width:0}.player-name{font-size:.85rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.host-badge{font-family:var(--font-mono);font-size:.6rem;color:var(--text-muted);background:var(--bg-elevated);padding:.1rem .3rem;border-radius:3px;letter-spacing:.05em;text-transform:uppercase;flex-shrink:0}.settings-grid{display:flex;flex-direction:column;gap:.6rem;flex:1}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.35rem 0}.setting-row.disabled{opacity:.4;pointer-events:none}.setting-label{font-size:.82rem;color:var(--text-secondary);white-space:nowrap}.setting-control{display:flex;align-items:center;gap:.4rem}.setting-control .input{width:80px}.time-setting{display:flex;align-items:center;gap:.5rem}.time-setting .input{width:70px}.range-row{display:flex;align-items:center;gap:.5rem}.range-row input[type=range]{width:120px;accent-color:var(--accent)}.range-row span{font-family:var(--font-mono);font-size:.78rem;color:var(--text-secondary);min-width:3em;text-align:right}.smaragd-desc{font-size:.72rem;color:var(--text-muted);font-style:italic;padding:.25rem 0;line-height:1.4}.start-btn{margin-top:1rem;width:100%}.lobby-chat-section{display:flex;flex-direction:column}.chat-messages{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:.2rem;padding:.5rem 0;min-height:200px;max-height:400px}.chat-msg{font-size:.8rem;padding:.15rem 0;line-height:1.4}.chat-msg.system{font-style:italic}.chat-system{color:var(--text-muted);font-size:.75rem}.chat-name{font-weight:600;font-size:.78rem;margin-right:.3rem}.chat-text{color:var(--text);word-break:break-word}.chat-input-row{display:flex;gap:.35rem;margin-top:.5rem}.chat-input-row .input{flex:1}.game-page{padding:0;max-width:100%;display:flex;flex-direction:column;height:100vh;overflow:hidden;position:relative}.game-topbar{display:flex;align-items:center;justify-content:space-between;padding:.35rem .75rem;background:var(--bg-surface);border-bottom:1px solid var(--border);z-index:50;height:40px;flex-shrink:0}.game-round-info{display:flex;align-items:center;gap:.75rem}.round-label{font-family:var(--font-mono);font-size:.82rem;color:var(--text-secondary);letter-spacing:.03em}.timer{font-family:var(--font-mono);font-size:.9rem;font-weight:700;color:var(--accent);min-width:3em;text-align:center}.timer-critical{color:var(--danger);animation:timer-pulse .5s ease infinite alternate}@keyframes timer-pulse{0%{opacity:1}to{opacity:.4}}.game-guess-status{display:flex;align-items:center;gap:.35rem}.guess-indicator{position:relative}.guess-dot{width:12px;height:12px;border-radius:50%;opacity:.25;transition:all var(--transition);border:1.5px solid rgba(255,255,255,.2)}.guess-dot.placed{opacity:.6}.guess-dot.locked{opacity:1;box-shadow:0 0 6px currentColor}.chat-toggle{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.03em}.chat-toggle.active{color:var(--accent)}.game-content{flex:1;position:relative;overflow:hidden}.game-content.view-swapped .dynmap-fullscreen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10}.game-content.view-swapped .screenshot-viewer-mini{z-index:30}.game-topbar-actions{display:flex;align-items:center;gap:.35rem}.swap-view-btn{font-size:.82rem!important;display:flex;align-items:center;gap:.25rem}.countdown-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg);z-index:200}.countdown-number{font-family:var(--font-display);font-size:clamp(4rem,15vw,10rem);color:var(--accent);letter-spacing:.05em;animation:countdown-pop .8s ease-out;line-height:1}.countdown-go{color:var(--success);animation:countdown-pop .8s ease-out}.countdown-sub{font-family:var(--font-mono);font-size:.85rem;color:var(--text-muted);margin-top:1rem;letter-spacing:.1em;text-transform:uppercase}@keyframes countdown-pop{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.15);opacity:1}to{transform:scale(1);opacity:1}}.game-guess-controls{position:absolute;bottom:1.25rem;left:50%;transform:translate(-50%);z-index:60;display:flex;justify-content:center;pointer-events:none}.game-guess-controls>*{pointer-events:auto}.guess-btn-floating{font-size:.9rem;padding:.5rem 1.5rem;box-shadow:0 4px 16px #0009;border-radius:var(--radius-lg)}.guess-locked-badge-floating{font-family:var(--font-mono);font-size:.82rem;color:var(--success);background:var(--bg-surface);padding:.4rem 1rem;border-radius:var(--radius-lg);border:1px solid var(--success);box-shadow:0 4px 16px #0009}.dynmap-fullscreen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10}.dynmap-fullscreen .dynmap-container{width:100%;height:100%}.dynmap-fullscreen .dynmap-controls{position:absolute;bottom:.5rem;left:.5rem;right:.5rem;display:flex;justify-content:center;z-index:35;pointer-events:none}.dynmap-fullscreen .dynmap-controls>*{pointer-events:auto}.screenshot-viewer-mini{position:absolute;bottom:1rem;left:1rem;width:220px;height:165px;border-radius:var(--radius-lg);border:2px solid var(--border);overflow:hidden;z-index:30;background:var(--bg-surface);box-shadow:var(--shadow);display:flex;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1)}.screenshot-viewer-mini:hover{width:min(400px,40vw);height:min(300px,40vh);border-color:var(--text-muted)}.screenshot-container-mini{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--bg);position:relative}.screenshot-container-mini .screenshot-img{max-width:100%;max-height:100%;object-fit:contain;-webkit-user-select:none;user-select:none}.screenshot-nav-mini{display:flex;align-items:center;justify-content:center;gap:.25rem;padding:.15rem;background:var(--bg-surface);border-top:1px solid var(--border)}.screenshot-counter-mini{font-family:var(--font-mono);font-size:.68rem;color:var(--text-secondary)}.game-chat-panel{position:absolute;top:40px;right:0;width:280px;bottom:0;background:var(--bg-surface);border-left:1px solid var(--border);display:flex;flex-direction:column;z-index:40}.game-chat-panel .chat-messages{flex:1;padding:.5rem;max-height:none;min-height:0}.game-chat-panel .chat-input-row{padding:.5rem;border-top:1px solid var(--border)}.screenshot-viewer{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column}.screenshot-container{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--bg);cursor:pointer;position:relative}.screenshot-img{max-width:100%;max-height:100%;object-fit:contain;transition:transform .2s ease;-webkit-user-select:none;user-select:none}.screenshot-container.zoomed,.screenshot-container.zoomed .screenshot-img{cursor:zoom-out}.screenshot-container:not(.zoomed){cursor:zoom-in}.screenshot-container.blackout{cursor:default}.blackout-screen{position:absolute;top:0;right:0;bottom:0;left:0;background:#000}.screenshot-error{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--text-muted);font-family:var(--font-mono);font-size:.9rem;text-align:center;padding:2rem;background:var(--bg-surface)}.smaragd .screenshot-container{cursor:default}.smaragd-filter{filter:grayscale(1) contrast(1.2);transform:scaleY(-1)!important;image-rendering:pixelated;clip-path:inset(0 0 50% 0)}.smaragd .screenshot-container.zoomed .smaragd-filter{transform:scaleY(-1)!important}.screenshot-nav{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.35rem;background:var(--bg-surface);border-top:1px solid var(--border)}.screenshot-counter{font-family:var(--font-mono);font-size:.78rem;color:var(--text-secondary)}.dynmap-widget{position:absolute;bottom:1rem;right:1rem;width:200px;height:150px;border-radius:var(--radius-lg);border:2px solid var(--border);overflow:hidden;z-index:30;transition:all .3s cubic-bezier(.4,0,.2,1);background:var(--bg-surface);box-shadow:var(--shadow)}.dynmap-widget:hover,.dynmap-widget.expanded{width:min(550px,60vw);height:min(420px,55vh);border-color:var(--text-muted)}.dynmap-container{width:100%;height:100%}.dynmap-controls{position:absolute;bottom:.5rem;left:.5rem;right:.5rem;display:flex;justify-content:center;z-index:35;pointer-events:none}.dynmap-controls>*{pointer-events:auto}.guess-btn{font-size:.82rem;padding:.4rem 1rem;box-shadow:0 2px 8px #00000080}.keyhint{font-family:var(--font-mono);font-size:.65rem;opacity:.6;margin-left:.2rem}.guess-locked-badge{font-family:var(--font-mono);font-size:.78rem;color:var(--success);background:var(--bg-surface);padding:.3rem .75rem;border-radius:var(--radius);border:1px solid var(--success)}.map-hint{font-family:var(--font-mono);font-size:.68rem;color:var(--text-muted);background:var(--bg-surface);padding:.2rem .5rem;border-radius:var(--radius);opacity:.8}.dynmap-full{width:100%;height:100%;min-height:300px}.player-pin{background:none!important;border:none!important}.pin-container{position:relative;display:flex;flex-direction:column;align-items:center}.pin-label{font-family:var(--font-mono);font-size:10px;font-weight:600;color:var(--accent);background:#000000b3;padding:1px 4px;border-radius:2px;white-space:nowrap;margin-top:2px}.target-pin,.admin-pin{background:none!important;border:none!important}.admin-pin-dot{width:16px;height:16px;border-radius:50%;background:var(--danger);border:2px solid #fff;box-shadow:0 0 8px #00000080}.leaflet-container{background:var(--bg)!important;font-family:var(--font-body)!important}.leaflet-control-zoom a{background:var(--bg-elevated)!important;color:var(--text)!important;border-color:var(--border)!important}.leaflet-control-zoom a:hover{background:var(--bg-hover)!important}.leaflet-popup-content-wrapper{background:var(--bg-surface)!important;color:var(--text)!important;border-radius:var(--radius)!important;box-shadow:var(--shadow)!important}.leaflet-popup-tip{background:var(--bg-surface)!important}.leaflet-popup-close-button{color:var(--text-muted)!important}.round-results{display:grid;grid-template-columns:1fr 360px;height:calc(100vh - 40px);overflow:hidden}@media (max-width: 800px){.round-results{grid-template-columns:1fr;grid-template-rows:1fr 1fr}}.results-map{min-height:0}.results-panel{background:var(--bg-surface);border-left:1px solid var(--border);display:flex;flex-direction:column;padding:1rem;overflow-y:auto}.results-header{margin-bottom:1rem}.results-header h3{font-family:var(--font-display);font-size:1rem}.results-location{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);margin-top:.2rem}.results-table{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1rem}.result-row{display:flex;align-items:center;gap:.5rem;padding:.4rem .5rem;border-radius:var(--radius);font-size:.82rem}.result-row.highlight{background:var(--bg-hover)}.result-rank{font-family:var(--font-mono);font-size:.72rem;color:var(--text-muted);width:2em}.result-name{font-weight:600;flex:1}.result-distance{font-family:var(--font-mono);font-size:.75rem;color:var(--text-secondary)}.result-score{font-family:var(--font-mono);font-weight:700;min-width:4em;text-align:right}.results-totals{border-top:1px solid var(--border);padding-top:.75rem;margin-bottom:1rem}.results-totals h4{font-family:var(--font-mono);font-size:.72rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.4rem}.total-row{display:flex;justify-content:space-between;padding:.2rem .5rem;font-size:.82rem;border-radius:var(--radius)}.total-row.highlight{background:var(--bg-hover)}.total-name{font-weight:600}.total-score{font-family:var(--font-mono);font-weight:700}.results-actions{margin-top:auto}.results-actions .btn{width:100%}.waiting-text{text-align:center;font-family:var(--font-mono);font-size:.78rem;color:var(--text-muted);margin-top:auto;padding:.5rem}.final-results{display:flex;flex-direction:column;align-items:center;padding:2rem;gap:2rem;min-height:calc(100vh - 40px)}.final-header{text-align:center}.final-header h2{font-size:1.8rem;letter-spacing:.05em}.final-sub{font-family:var(--font-mono);font-size:.8rem;color:var(--text-muted);margin-top:.25rem}.final-podium{display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:500px}.final-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1rem 1.25rem;display:flex;align-items:center;gap:.75rem;transition:border-color var(--transition)}.final-card.highlight{border-color:var(--accent-dim)}.final-card.rank-1{border-color:#f39c12;background:linear-gradient(135deg,var(--bg-surface),rgba(243,156,18,.05))}.final-card.rank-2{border-color:var(--text-muted)}.final-card.rank-3{border-color:#cd7f32}.final-rank{font-family:var(--font-display);font-size:1.2rem;color:var(--text-muted);width:2em;text-align:center;flex-shrink:0}.rank-1 .final-rank{color:#f39c12}.rank-2 .final-rank{color:var(--text-secondary)}.rank-3 .final-rank{color:#cd7f32}.final-avatar{width:40px;height:40px;border-radius:var(--radius);border:2px solid;overflow:hidden;flex-shrink:0}.final-avatar img{width:100%;height:100%;object-fit:cover}.final-name{font-weight:600;font-size:.95rem;flex:1}.final-score{display:flex;align-items:baseline;gap:.25rem;flex-shrink:0}.score-num{font-family:var(--font-mono);font-weight:700;font-size:1.1rem}.score-max{font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted)}.score-bar{display:none}.final-actions{margin-top:1rem}.admin-login-page{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 48px)}.admin-login-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2rem;width:100%;max-width:360px}.admin-login-card h2{font-family:var(--font-display);font-size:1.1rem;margin-bottom:1.25rem}.admin-login-card form{display:flex;flex-direction:column;gap:.75rem}.admin-login-card .btn-primary{margin-top:.5rem}.admin-page{max-width:1000px}.admin-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.admin-header-left{display:flex;align-items:center;gap:.75rem}.admin-header-left h2{font-family:var(--font-display);font-size:1.15rem}.admin-user{font-family:var(--font-mono);font-size:.72rem;color:var(--text-muted)}.admin-header-right{display:flex;gap:.5rem}.admin-pw-change{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;padding:.75rem;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:1rem}.admin-pw-change .input{width:auto;flex:0 1 180px}.pw-msg{font-size:.78rem;color:var(--text-secondary)}.admin-tabs{display:flex;gap:0;border-bottom:1px solid var(--border);margin-bottom:1rem}.tab-btn{padding:.5rem 1rem;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);cursor:pointer;font-size:.82rem;font-family:var(--font-mono);transition:all var(--transition)}.tab-btn:hover{color:var(--text)}.tab-btn.active{color:var(--accent);border-bottom-color:var(--accent)}.admin-content{min-height:400px}.location-manager{display:flex;flex-direction:column;gap:1rem}.manager-header{display:flex;align-items:center;justify-content:space-between}.manager-header-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.import-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding:1rem;border:1px dashed var(--border);border-radius:var(--radius-lg);background:var(--bg-surface);color:var(--text-secondary);text-align:center;cursor:pointer}.import-dropzone strong{font-family:var(--font-mono);color:var(--text)}.import-dropzone.active{border-color:var(--accent);background:var(--bg-hover)}.import-panel{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-surface);padding:.75rem 1rem}.import-log{white-space:pre-wrap;font-family:var(--font-mono);font-size:.72rem;color:var(--text-secondary);margin-top:.35rem}.manager-header h3{font-family:var(--font-mono);font-size:.85rem;color:var(--text-secondary)}.location-list{display:flex;flex-direction:column;gap:.4rem}.location-card{display:flex;align-items:center;justify-content:space-between;padding:.6rem .75rem;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);gap:.75rem;transition:border-color var(--transition)}.location-card:hover{border-color:var(--text-muted)}.location-card.disabled-card{opacity:.5}.location-card-info{display:flex;flex-direction:column;gap:.1rem;min-width:0}.location-card-info strong{font-size:.88rem}.location-meta{font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted)}.screenshot-count{font-size:.72rem;color:var(--text-secondary)}.location-card-actions{display:flex;gap:.3rem;flex-shrink:0}.admin-map-picker{width:100%;height:280px;border-radius:var(--radius);border:1px solid var(--border);overflow:hidden}.screenshots-section{margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--border)}.screenshots-section h4{font-family:var(--font-mono);font-size:.78rem;color:var(--text-secondary);margin-bottom:.5rem}.screenshot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.5rem;margin-bottom:.75rem}.screenshot-thumb{position:relative;aspect-ratio:16/9;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border)}.screenshot-thumb img{width:100%;height:100%;object-fit:cover}.screenshot-thumb-actions{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;gap:.2rem;padding:.15rem;background:#000000b3}.sort-num{font-family:var(--font-mono);font-size:.65rem;color:var(--text-muted);margin-right:auto}.upload-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.upload-row input[type=file]{font-size:.78rem;color:var(--text-secondary)}.profile-pic-manager h3{font-family:var(--font-mono);font-size:.85rem;color:var(--text-secondary);margin-bottom:.75rem}.upload-form{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;margin-bottom:1rem}.upload-form .input{width:auto;flex:0 1 160px}.upload-form input[type=file]{font-size:.78rem;color:var(--text-secondary)}.pic-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.5rem}.pic-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);padding:.5rem;display:flex;flex-direction:column;align-items:center;gap:.35rem}.pic-card.disabled-card{opacity:.5}.pic-card img{width:56px;height:56px;border-radius:var(--radius);object-fit:cover}.pic-name{font-size:.75rem;color:var(--text-secondary);text-align:center}.pic-actions{display:flex;gap:.2rem;flex-wrap:wrap;justify-content:center}.ban-manager h3{font-family:var(--font-mono);font-size:.85rem;color:var(--text-secondary);margin-bottom:.75rem}.ban-form{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;margin-bottom:1rem}.ban-form .input{width:auto;flex:0 1 180px}.ban-list{display:flex;flex-direction:column;gap:.35rem}.ban-row{display:flex;align-items:center;gap:.75rem;padding:.4rem .5rem;border-radius:var(--radius);background:var(--bg-surface);border:1px solid var(--border);font-size:.82rem}.ban-id{font-family:var(--font-mono);font-weight:600}.ban-reason{flex:1;color:var(--text-secondary)}.ban-date{font-size:.72rem;color:var(--text-muted);font-family:var(--font-mono)}.lobby-monitor h3{font-family:var(--font-mono);font-size:.85rem;color:var(--text-secondary);margin-bottom:.75rem}.monitor-lobby{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:.75rem;overflow:hidden}.monitor-lobby-header{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-bottom:1px solid var(--border);font-size:.82rem}.monitor-lobby-header span{font-family:var(--font-mono);font-size:.72rem;color:var(--text-muted);flex:1}.monitor-actions-bar{display:flex;justify-content:flex-end;margin-bottom:.75rem}.monitor-players{display:flex;flex-direction:column}.monitor-player{display:flex;align-items:center;gap:.5rem;padding:.35rem .75rem;font-size:.8rem;border-bottom:1px solid var(--border-subtle);flex-wrap:wrap}.monitor-player:last-child{border-bottom:none}.monitor-ip{font-family:var(--font-mono);font-size:.68rem;color:var(--text-muted)}.monitor-actions{display:flex;gap:.3rem;align-items:center;margin-left:auto}.monitor-actions .input{width:100px}.settings-page .page-header{margin-bottom:2rem}.settings-sections{display:flex;flex-direction:column;gap:1.5rem;max-width:500px}.settings-section{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem}.settings-section h3{font-family:var(--font-mono);font-size:.78rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.75rem}.theme-options{display:flex;gap:.5rem}.theme-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:.75rem;background:var(--bg-elevated);border:2px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:all var(--transition);color:var(--text-secondary);font-size:.8rem}.theme-btn:hover{border-color:var(--text-muted)}.theme-btn.active{border-color:var(--accent);color:var(--text)}.theme-preview{width:100%;height:28px;border-radius:4px;border:1px solid rgba(128,128,128,.2)}.theme-preview-amoled{background:#000}.theme-preview-dark{background:#1c1c1c}.theme-preview-light{background:#f5f5f5;border-color:#ddd}.lang-options{display:flex;gap:.5rem}.lang-btn{flex:1;padding:.5rem;background:var(--bg-elevated);border:2px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:all var(--transition);font-size:.85rem;text-align:center;color:var(--text-secondary)}.lang-btn:hover{border-color:var(--text-muted)}.lang-btn.active{border-color:var(--accent);color:var(--text)}.keybind-list{display:flex;flex-direction:column;gap:.5rem}.keybind-row{display:flex;align-items:center;justify-content:space-between}.keybind-label{font-size:.85rem;color:var(--text-secondary)}.keybind-btn{padding:.4rem 1rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;font-family:var(--font-mono);font-size:.82rem;color:var(--text);min-width:80px;text-align:center;transition:all var(--transition)}.keybind-btn:hover{border-color:var(--text-muted)}.keybind-btn.listening{border-color:var(--accent);animation:keybind-pulse 1s infinite;color:var(--text-muted)}@keyframes keybind-pulse{0%,to{opacity:1}50%{opacity:.5}}.settings-actions{display:flex;justify-content:flex-start}.cookie-overlay{position:fixed;bottom:0;left:0;right:0;z-index:9999;display:flex;justify-content:center;padding:1rem;pointer-events:none}.cookie-banner{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1rem 1.5rem;display:flex;align-items:center;gap:1rem;box-shadow:var(--shadow);pointer-events:auto;max-width:600px}.cookie-title{font-family:var(--font-mono);font-size:.78rem;font-weight:600;color:var(--text);white-space:nowrap}.cookie-text{font-size:.78rem;color:var(--text-secondary);line-height:1.4}.cookie-banner .btn{white-space:nowrap;flex-shrink:0}@media (max-width: 640px){.page{padding:1rem}.lobby-content{grid-template-columns:1fr}.round-results{grid-template-columns:1fr;grid-template-rows:50% 50%}.dynmap-widget{width:160px;height:120px}.dynmap-widget:hover,.dynmap-widget.expanded{width:min(90vw,400px);height:min(50vh,300px)}.cookie-banner{flex-direction:column;text-align:center}.player-setup-bar{flex-direction:column;align-items:stretch}.player-setup-bar .input{flex:1;width:100%}.game-chat-panel{width:100%;top:auto;bottom:0;height:50vh}}.easter-meow{position:fixed;bottom:1rem;left:1rem;z-index:9999;pointer-events:auto;cursor:pointer;animation:meow-pop .35s cubic-bezier(.34,1.56,.64,1) forwards}.easter-meow img{max-width:180px;max-height:180px;border-radius:var(--radius-lg);box-shadow:0 4px 24px #00000080;border:2px solid var(--border)}@keyframes meow-pop{0%{opacity:0;transform:scale(.3) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.easter-vicatos{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9999;pointer-events:auto;cursor:pointer;animation:vicatos-pop .5s cubic-bezier(.34,1.56,.64,1) forwards}.easter-vicatos img{max-width:340px;max-height:55vh;border-radius:var(--radius-lg);box-shadow:0 8px 40px #000000b3;border:3px solid var(--border)}@keyframes vicatos-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.1) rotate(-10deg)}60%{opacity:1;transform:translate(-50%,-50%) scale(1.08) rotate(2deg)}to{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0)}}.easter-metal-indicator{position:fixed;bottom:1rem;right:1rem;z-index:9998;animation:metal-pulse 1.2s ease-in-out infinite;pointer-events:none}.easter-metal-indicator .metal-note{font-size:1.5rem;color:var(--text-muted);opacity:.6}@keyframes metal-pulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.8;transform:scale(1.15)}}