@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap";
:root{--bg-base:#f5f6fa;--bg-surface:#fff;--bg-elevated:#f0f1f5;--bg-hover:#e8eaf0;--bg-glass:#ffffffc7;--bg-input:#eef0f5;--bg-input-focus:#fff;--text-primary:#111827;--text-secondary:#4b5563;--text-muted:#9ca3af;--text-inverse:#fff;--accent:#65a30d;--accent-hover:#4d7c0f;--accent-dim:#65a30d;--accent-light:#84cc16;--accent-glow:#65a30d1f;--accent-subtle:#65a30d0d;--success:#16a34a;--success-glow:#16a34a1f;--danger:#dc2626;--danger-glow:#dc26261a;--danger-solid:#dc2626;--warning:#d97706;--warning-glow:#d977061a;--info:#2563eb;--info-glow:#2563eb1a;--hunter:#dc2626;--hunter-glow:#dc262614;--hider:#16a34a;--hider-glow:#16a34a14;--border:#00000012;--border-light:#0000000a;--border-accent:#65a30d40;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 1px 3px #0000000d;--shadow-md:0 4px 12px #0000000f;--shadow-lg:0 8px 24px #00000014;--shadow-glow:0 0 20px var(--accent-glow);--transition-fast:.12s cubic-bezier(.4, 0, .2, 1);--transition-base:.2s cubic-bezier(.4, 0, .2, 1);--transition-slow:.35s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100dvh;font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,sans-serif;font-size:15px;line-height:1.5;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(circle at 1px 1px,#0000000a 1px,#0000 0);background-size:28px 28px;position:fixed;inset:0}.page{min-height:100dvh;padding:var(--space-lg);padding-top:calc(env(safe-area-inset-top,0px) + var(--space-lg));padding-bottom:calc(env(safe-area-inset-bottom,0px) + var(--space-lg));z-index:1;flex-direction:column;align-items:center;width:100%;max-width:440px;margin:0 auto;display:flex;position:relative}.page-center{justify-content:center}.page-game{max-width:100%;padding:0;position:relative}h1{letter-spacing:-.03em;color:var(--text-primary);font-size:1.75rem;font-weight:700;line-height:1.15}h2{color:var(--text-primary);letter-spacing:-.015em;font-size:1.05rem;font-weight:600}h3{color:var(--text-secondary);font-size:.8rem;font-weight:600}p{color:var(--text-secondary);line-height:1.6}.label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:6px;font-size:.65rem;font-weight:600}.section-title{margin-bottom:var(--space-md);align-items:center;gap:10px;display:flex}.section-title:before{content:"";background:var(--accent);border-radius:2px;width:3px;height:16px}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-lg);width:100%;transition:all var(--transition-base);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.card-glass{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px)saturate(180%);box-shadow:var(--shadow-md);border:1px solid #ffffffb3}.card:hover{box-shadow:var(--shadow-md)}.team-grid{flex-direction:column;gap:12px;display:flex}.team-card{background:var(--bg-surface);border-radius:var(--radius-lg);border:1.5px solid var(--border);transition:all var(--transition-base);overflow:hidden;box-shadow:0 1px 4px #0000000a}.team-card:hover{transform:translateY(-1px);box-shadow:0 4px 16px #0000000f}.team-card--mine{border-color:var(--tc-accent);box-shadow:0 2px 12px color-mix(in srgb, var(--tc-accent) 15%, transparent)}.team-card--mine:hover{box-shadow:0 4px 20px color-mix(in srgb, var(--tc-accent) 20%, transparent)}.team-card--eliminated{opacity:.35;pointer-events:none}.team-card__header{align-items:center;gap:12px;padding:14px 16px 0;display:flex}.team-card__icon{background:var(--tc-bg);width:40px;height:40px;color:var(--tc-accent);border:1.5px solid var(--tc-light);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;font-weight:700;display:flex}.team-card--mine .team-card__icon{background:var(--tc-accent);color:#fff;border-color:var(--tc-accent);box-shadow:0 2px 8px color-mix(in srgb, var(--tc-accent) 30%, transparent)}.team-card__name{color:var(--text-primary);align-items:center;font-size:.95rem;font-weight:600;display:flex}.team-card__count{color:var(--tc-accent);font-variant-numeric:tabular-nums;font-size:.85rem;font-weight:700}.team-card__count span{color:var(--text-muted);font-weight:500}.team-tag{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;padding:2px 7px;font-size:.6rem;font-weight:700;display:inline-flex}.team-tag--hunter{background:var(--danger-glow);color:var(--danger)}.team-tag--ready{background:var(--success-glow);color:var(--success)}.team-tag--out{color:var(--text-muted);background:#0000000d}.team-tag--waiting{color:#a16207;background:#eab3081a}.team-card__members{flex-wrap:wrap;gap:6px;padding:10px 16px;display:flex}.team-chip{background:var(--bg-elevated);border-radius:var(--radius-full);color:var(--text-secondary);border:1px solid var(--border);transition:all var(--transition-fast);align-items:center;gap:5px;padding:5px 12px;font-size:.78rem;font-weight:500;display:inline-flex}.team-chip--leader{background:var(--tc-bg);color:var(--tc-accent);border-color:var(--tc-light);font-weight:600}.team-chip--me{background:var(--tc-accent);color:#fff;border-color:var(--tc-accent)}.team-chip__dot{background:currentColor;border-radius:50%;flex-shrink:0;width:5px;height:5px}.team-card__action{padding:0 16px 14px}.team-card__join{border:2px dashed var(--tc-light);border-radius:var(--radius-md);background:var(--tc-bg);width:100%;color:var(--tc-accent);cursor:pointer;transition:all var(--transition-fast);text-align:center;padding:10px;font-family:inherit;font-size:.82rem;font-weight:600}.team-card__join:hover{background:var(--tc-accent);color:#fff;border-color:var(--tc-accent);box-shadow:0 4px 12px color-mix(in srgb, var(--tc-accent) 25%, transparent)}.team-card__join:active{transform:scale(.97)}.empty-state{padding:var(--space-2xl) var(--space-lg);background:var(--bg-surface);border-radius:var(--radius-lg);border:2px dashed var(--border);flex-direction:column;justify-content:center;align-items:center;display:flex}.btn-icon-sm{width:28px;height:28px;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;display:flex}.btn-icon-sm:hover{background:var(--bg-elevated)}.btn-icon-danger:hover{background:var(--danger-glow);color:var(--danger)}.loc-banner{background:var(--warning-glow);border-radius:var(--radius-md);width:100%;color:var(--warning);border:1px solid #d9770633;align-items:center;gap:12px;padding:12px 16px;display:flex}.input-group{width:100%}.input{background:var(--bg-input);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:all var(--transition-base);border:1.5px solid #0000;outline:none;padding:12px 16px;font-family:inherit;font-size:.9rem}.input::placeholder{color:var(--text-muted)}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);background:var(--bg-input-focus)}.btn{border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;gap:6px;width:100%;padding:12px 20px;font-family:inherit;font-size:.85rem;font-weight:600;line-height:1;display:inline-flex;position:relative;overflow:hidden}.btn:active{transform:scale(.96)}.btn-primary{background:var(--accent);color:var(--text-inverse)}.btn-primary:hover{background:var(--accent-hover);box-shadow:0 0 16px var(--accent-glow);transform:translateY(-1px)}.btn-success{background:var(--success);color:var(--text-inverse)}.btn-success:hover{box-shadow:0 0 16px var(--success-glow);transform:translateY(-1px)}.btn-danger{background:var(--danger-solid);color:#fff}.btn-danger:hover{box-shadow:0 0 16px var(--danger-glow);transform:translateY(-1px)}.btn-warning{background:var(--warning);color:var(--text-inverse)}.btn-ghost{color:var(--text-secondary);border:1.5px solid var(--border);border-radius:var(--radius-md);background:0 0}.btn-ghost:hover{background:var(--bg-hover);border-color:var(--border-accent);color:var(--accent)}.btn-sm{padding:8px 14px;font-size:.78rem}.btn:disabled{opacity:.3;cursor:not-allowed;transform:none}.btn-emergency{top:calc(env(safe-area-inset-top,0px) + 14px);border-radius:var(--radius-md);background:var(--danger-solid);color:#fff;letter-spacing:.06em;z-index:1000;border:2px solid #fff9;width:48px;height:48px;padding:0;font-size:.7rem;font-weight:700;animation:2s ease-in-out infinite sos-glow;position:fixed;left:14px}@keyframes sos-glow{0%,to{box-shadow:0 2px 12px var(--danger-glow)}50%{box-shadow:0 2px 28px #dc262659}}.badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.06em;align-items:center;padding:3px 9px;font-size:.6rem;font-weight:700;line-height:1;display:inline-flex}.badge-accent{background:var(--accent-glow);color:var(--accent)}.badge-success{background:var(--success-glow);color:var(--success)}.badge-danger{background:var(--danger-glow);color:var(--danger)}.badge-warning{background:var(--warning-glow);color:var(--warning)}.badge-hunter{background:var(--hunter-glow);color:var(--hunter)}.badge-hider{background:var(--hider-glow);color:var(--hider)}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.w-full{width:100%}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.text-center{text-align:center}.text-sm{font-size:.85rem}.text-xs{font-size:.75rem}.text-muted{color:var(--text-muted)}.text-accent{color:var(--accent)}.text-danger{color:var(--danger)}.text-success{color:var(--success)}.divider{background:var(--border);width:100%;height:1px;margin:var(--space-md) 0}.team-members{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.member-chip{background:var(--bg-elevated);border-radius:var(--radius-full);color:var(--text-secondary);border:1px solid var(--border-light);transition:all var(--transition-fast);align-items:center;gap:4px;padding:5px 12px;font-size:.76rem;font-weight:500;display:inline-flex}.member-chip.leader{background:var(--accent-glow);color:var(--accent);border-color:var(--border-accent);font-weight:600}.member-chip.leader:before{content:"★";font-size:.6rem}.toast-container{top:calc(env(safe-area-inset-top,0px) + 12px);z-index:9999;gap:var(--space-sm);pointer-events:none;flex-direction:column;width:calc(100% - 32px);max-width:400px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast{padding:12px var(--space-md);border-radius:var(--radius-md);background:var(--bg-surface);border:1px solid var(--border);box-shadow:var(--shadow-lg);pointer-events:auto;color:var(--text-primary);font-size:.83rem;font-weight:500;animation:.3s ease-out toast-in}.toast.toast-error{border-color:var(--danger)}.toast.toast-success{border-color:var(--success)}.toast.toast-warning{border-color:var(--warning)}.toast.toast-exit{animation:.25s ease-in forwards toast-out}@keyframes toast-in{0%{opacity:0;transform:translateY(-10px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes toast-out{0%{opacity:1}to{opacity:0;transform:translateY(-10px)scale(.97)}}.timer{font-variant-numeric:tabular-nums;text-align:center;color:var(--accent);letter-spacing:-.02em;font-size:2.5rem;font-weight:700}.timer.urgent{color:var(--danger);animation:.8s infinite timer-pulse}@keyframes timer-pulse{0%,to{opacity:1}50%{opacity:.25}}.map-container{width:100%;height:100dvh;position:relative}.map-overlay{z-index:1000;padding:var(--space-md);padding-top:calc(env(safe-area-inset-top,0px) + var(--space-md));gap:var(--space-sm);pointer-events:none;flex-direction:column;padding-left:72px;display:flex;position:absolute;top:0;left:0;right:0}.map-overlay>*{pointer-events:auto}.map-bottom-controls{z-index:1000;padding:var(--space-md);padding-bottom:calc(env(safe-area-inset-bottom,0px) + var(--space-md));gap:var(--space-sm);flex-direction:column;display:flex;position:absolute;bottom:0;left:0;right:0}.oor-alert{z-index:2000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:var(--space-lg);background:#f5f6faf5;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.oor-alert-content{text-align:center;max-width:300px}.spinner{border:2.5px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:28px;height:28px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-page{justify-content:center;align-items:center;gap:var(--space-md);background:var(--bg-base);flex-direction:column;min-height:100dvh;display:flex}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:2px}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:.4s ease-out fade-in}.admin-section{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-md);width:100%;box-shadow:var(--shadow-sm)}.admin-section+.admin-section{margin-top:10px}.no-select{-webkit-user-select:none;user-select:none}.emergency-blink{animation:.6s ease-in-out infinite emergency-marker-blink}@keyframes emergency-marker-blink{0%,to{opacity:1}50%{opacity:.15}}.emergency-ring-outer{animation:2s ease-out infinite emergency-ring-expand}.emergency-ring-inner{animation:2s ease-out .5s infinite emergency-ring-expand}@keyframes emergency-ring-expand{0%{opacity:.6;stroke-width:3px}to{opacity:0;stroke-width:1px}}.brand-mark{margin:0 auto var(--space-xl);position:relative}.brand-mark-icon{border-radius:var(--radius-lg);background:var(--accent);width:64px;height:64px;color:var(--text-inverse);box-shadow:0 4px 20px var(--accent-glow), 0 2px 8px #00000014;justify-content:center;align-items:center;margin:0 auto;font-size:1.6rem;font-weight:700;display:flex;position:relative}.brand-mark-icon:after{content:"";border-radius:calc(var(--radius-lg) + 5px);border:1.5px solid var(--border-accent);position:absolute;inset:-5px}.code-item{background:var(--bg-elevated);border-radius:var(--radius-sm);border:1px solid var(--border-light);transition:all var(--transition-fast);justify-content:space-between;align-items:center;padding:8px 14px;display:flex}.code-item:hover{border-color:var(--border-accent);background:var(--bg-hover)}.code-value{letter-spacing:.18em;color:var(--accent);-webkit-user-select:all;user-select:all;cursor:pointer;font-family:JetBrains Mono,SF Mono,Fira Code,monospace;font-size:.95rem;font-weight:700}.status-dot{background:var(--accent);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite dot-pulse;display:inline-block}@keyframes dot-pulse{0%,to{opacity:1;box-shadow:0 0 0 0 var(--accent-glow)}50%{opacity:.6;box-shadow:0 0 0 4px var(--accent-glow)}}.game-status-bar{pointer-events:auto}.game-status-bar__main{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px)saturate(180%);border-radius:var(--radius-md);width:100%;box-shadow:var(--shadow-md);cursor:pointer;transition:all var(--transition-fast);border:1px solid #ffffffb3;justify-content:space-between;align-items:center;padding:10px 14px;font-family:inherit;display:flex}.game-status-bar__main:hover{box-shadow:var(--shadow-lg)}.game-status-bar__dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:2s ease-in-out infinite dot-pulse}.game-status-bar__text{color:var(--text-primary);font-size:.85rem;font-weight:600}.game-status-bar__count{color:var(--text-muted);background:var(--bg-elevated);border-radius:var(--radius-full);padding:2px 8px;font-size:.72rem;font-weight:600}.game-teams-panel{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px)saturate(180%);border-radius:var(--radius-md);box-shadow:var(--shadow-md);border:1px solid #ffffffb3;margin-top:6px;animation:.2s ease-out fade-in;overflow:hidden}.game-teams-panel__team{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.game-teams-panel__team:last-child{border-bottom:none}.game-teams-panel__team--hunter{background:#dc26260a}.game-teams-panel__team--elim{opacity:.45}.game-teams-panel__icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.75rem;font-weight:700;display:flex}.game-teams-panel__name{color:var(--text-primary);font-size:.85rem;font-weight:600}.game-teams-panel__player-btn{cursor:pointer;text-align:left;width:100%;transition:background var(--transition-fast);background:0 0;border:none;font-family:inherit}.game-teams-panel__player-btn:hover{background:var(--bg-hover)}.game-teams-panel__player-btn--active{background:#6366f10f}.game-status-bar__icon-btn{border:1.5px solid var(--border);background:var(--bg-surface);width:30px;height:30px;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.game-status-bar__icon-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:#6366f14d}.chat-fab{border-radius:var(--radius-lg) 0 0 var(--radius-lg);background:var(--bg-surface);width:auto;height:auto;color:var(--accent);border:1.5px solid var(--border);cursor:pointer;z-index:1500;transition:all var(--transition-fast);border-right:none;align-items:center;gap:6px;padding:10px 14px 10px 12px;font-family:inherit;font-size:.75rem;font-weight:600;display:flex;position:fixed;top:50%;right:0;transform:translateY(-50%);box-shadow:-2px 2px 12px #00000014}.chat-fab:hover{transform:translateY(-50%)translate(-4px);box-shadow:-4px 2px 16px #0000001a}.chat-fab:active{transform:translateY(-50%)scale(.97)}.chat-fab__badge{border-radius:var(--radius-full);background:var(--danger);color:#fff;border:2px solid var(--bg-base);justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:.6rem;font-weight:700;line-height:1;display:flex;position:absolute;top:-6px;left:-6px}.chat-panel{background:var(--bg-surface);border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl);z-index:2000;flex-direction:column;width:100%;max-width:400px;height:60dvh;max-height:500px;animation:.3s ease-out chat-slide-up;display:flex;position:fixed;bottom:0;right:0;box-shadow:0 -4px 32px #0000001f}@keyframes chat-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.chat-panel__header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.chat-panel__title{color:var(--text-primary);font-size:1rem;font-weight:700}.chat-panel__close{border-radius:var(--radius-full);background:var(--bg-elevated);width:32px;height:32px;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;display:flex}.chat-panel__close:hover{background:var(--bg-hover);color:var(--text-primary)}.chat-panel__messages{flex-direction:column;flex:1;gap:8px;padding:12px 16px;display:flex;overflow-y:auto}.chat-panel__empty{text-align:center;color:var(--text-muted);margin:auto;font-size:.85rem}.chat-msg{background:var(--bg-elevated);border-radius:var(--radius-md);border-top-left-radius:4px;align-self:flex-start;max-width:85%;padding:8px 12px}.chat-msg--me{background:var(--accent-glow);border-radius:var(--radius-md);border-top-right-radius:4px;border-top-left-radius:var(--radius-md);align-self:flex-end}.chat-msg--admin{border-left:3px solid var(--accent)}.chat-msg--me.chat-msg--admin{border-left:none;border-right:3px solid var(--accent)}.chat-msg__header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:2px;display:flex}.chat-msg__name{color:var(--text-secondary);align-items:center;gap:4px;font-size:.7rem;font-weight:700;display:flex}.chat-msg--me .chat-msg__name{color:var(--accent)}.chat-msg__admin-tag{background:var(--accent-glow);color:var(--accent);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.04em;padding:1px 5px;font-size:.55rem;font-weight:700}.chat-msg__time{color:var(--text-muted);flex-shrink:0;font-size:.6rem}.chat-msg__text{color:var(--text-primary);word-break:break-word;font-size:.85rem;line-height:1.4}.chat-panel__input{padding:12px 16px;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 12px);border-top:1px solid var(--border);flex-shrink:0;gap:8px;display:flex}.chat-panel__send{border-radius:var(--radius-full);background:var(--accent);width:40px;height:40px;color:var(--text-inverse);cursor:pointer;transition:all var(--transition-fast);border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.chat-panel__send:hover{background:var(--accent-hover)}.chat-panel__send:disabled{opacity:.3;cursor:not-allowed}