a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;margin:0;padding:0;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body,html{height:100%}body{line-height:1.6;margin:0;padding:0}#root{height:100%}:root{--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--bg-card:#fff;--bg-hover:#f1f5f9;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#64748b;--text-inverse:#fff;--border-color:#e2e8f0;--border-hover:#cbd5e1;--accent-primary:#3b82f6;--accent-hover:#2563eb;--accent-active:#1d4ed8;--accent-primary-rgb:59 130 246;--accent-hover-rgb:37 99 235;--accent-active-rgb:29 78 216;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--info:#3b82f6;--success-rgb:16 185 129;--warning-rgb:245 158 11;--error-rgb:239 68 68;--info-rgb:59 130 246;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--transition-fast:150ms ease-in-out;--transition-normal:250ms ease-in-out;--transition-slow:350ms ease-in-out}.dark-mode{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--bg-card:#1e293b;--bg-hover:#334155;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-tertiary:#94a3b8;--text-inverse:#0f172a;--border-color:#334155;--border-hover:#475569;--accent-primary:#60a5fa;--accent-hover:#3b82f6;--accent-active:#2563eb;--accent-primary-rgb:96 165 250;--accent-hover-rgb:59 130 246;--accent-active-rgb:37 99 235;--success:#34d399;--warning:#fbbf24;--error:#f87171;--info:#60a5fa;--success-rgb:52 211 153;--warning-rgb:251 191 36;--error-rgb:248 113 113;--info-rgb:96 165 250;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006,0 2px 4px -2px #0006;--shadow-lg:0 10px 15px -3px #00000080,0 4px 6px -4px #00000080;--shadow-xl:0 20px 25px -5px #0009,0 8px 10px -6px #0009}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;background-color:var(--bg-primary);color:#0f172a;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;transition:background-color .25s ease-in-out,color .25s ease-in-out;transition:background-color var(--transition-normal),color var(--transition-normal)}#root{display:flex;flex-direction:column;min-height:100vh}.text-primary{color:#0f172a;color:var(--text-primary)}.text-secondary{color:#475569;color:var(--text-secondary)}.text-tertiary{color:#64748b;color:var(--text-tertiary)}.bg-primary{background-color:#fff;background-color:var(--bg-primary)}.bg-secondary{background-color:#f8fafc;background-color:var(--bg-secondary)}.bg-card{background-color:#fff;background-color:var(--bg-card)}.app{background-color:var(--bg-primary);color:var(--text-primary);display:flex;flex-direction:column;height:100vh;overflow:hidden}*{transition:background-color var(--transition-normal),color var(--transition-normal),border-color var(--transition-normal)}.loading-spinner{animation:spin .6s linear infinite;border:2px solid var(--border-color);border-radius:50%;border-top-color:var(--accent-primary);display:inline-block;height:20px;width:20px}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-hover);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.btn{border:none;font-weight:600;justify-content:center;padding:.75rem 1.5rem}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:1.5rem;transition:all var(--transition-normal)}.card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md)}.form-input{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:1rem;padding:.875rem;transition:all var(--transition-fast);width:100%}.form-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-input.error{border-color:var(--error)}.full-width-page{background:var(--bg-primary);height:calc(100vh - 70px);left:0;overflow:hidden;position:fixed;top:70px;width:100vw}.text-center{text-align:center}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.p-1{padding:.5rem}.p-2{padding:1rem}.p-3{padding:1.5rem}.p-4{padding:2rem}.notification-item{border-bottom:1px solid #2a2a3e;border-bottom:1px solid var(--border-color,#2a2a3e);cursor:pointer;display:flex;gap:1rem;padding:1rem 1.5rem;transition:background .2s}.notification-item:last-child{border-bottom:none}.notification-item:hover{background:#ffffff0d;background:var(--bg-hover,#ffffff0d)}.notification-item.unread{background:#3b82f60d;border-left:3px solid #3b82f6;border-left:3px solid var(--accent-primary,#3b82f6)}.notification-item.unread:hover{background:#3b82f61a}.notification-item.read{opacity:.6}.notification-item.read .notification-item-title{color:#aaa;color:var(--text-secondary,#aaa);font-weight:500}.notification-item.read .notification-item-message{color:#888;color:var(--text-tertiary,#888)}.notification-item.read .notification-item-icon{opacity:.5}.notification-item-icon{align-items:center;background:#1a1a2e;background:var(--bg-secondary,#1a1a2e);border-radius:8px;border-radius:var(--radius-md,8px);display:flex;flex-shrink:0;font-size:1.5rem;height:40px;justify-content:center;width:40px}.notification-item-content{flex:1 1;min-width:0}.notification-item-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:.25rem}.notification-item-header-right{align-items:center;display:flex;flex-shrink:0;gap:.5rem}.notification-item-title{color:#fff;color:var(--text-primary,#fff);flex:1 1;font-size:.95rem;font-weight:600;margin:0}.notification-item.unread .notification-item-title{font-weight:700}.notification-item-time{color:#aaa;color:var(--text-secondary,#aaa);flex-shrink:0;font-size:.75rem;white-space:nowrap}.notification-mark-read-btn{background:none;border:none;border-radius:4px;color:#1976d2;color:var(--primary-color,#1976d2);cursor:pointer;font-size:.75rem;font-weight:500;padding:.25rem .5rem;text-decoration:underline;transition:background-color .2s;white-space:nowrap}.notification-mark-read-btn:hover{background-color:#1976d21a}.notification-mark-read-btn:active{background-color:#1976d233}.notification-item-message{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#aaa;color:var(--text-secondary,#aaa);display:-webkit-box;font-size:.875rem;line-height:1.4;margin:0;overflow:hidden}.notification-item.unread .notification-item-message{color:#fff;color:var(--text-primary,#fff)}.notification-dropdown{animation:dropdownFadeIn .2s ease-out;background:#1a1a2e;background:var(--bg-card,#1a1a2e);border:1px solid #2a2a3e;border:1px solid var(--border-color,#2a2a3e);border-radius:12px;border-radius:var(--radius-lg,12px);box-shadow:0 8px 32px #0006;display:flex;flex-direction:column;max-height:600px;max-width:calc(100vw - 2rem);position:absolute;right:0;top:calc(100% + .5rem);width:400px;z-index:1000}.notification-dropdown-header{align-items:center;border-bottom:1px solid #2a2a3e;border-bottom:1px solid var(--border-color,#2a2a3e);display:flex;justify-content:space-between;padding:1rem 1.5rem}.notification-dropdown-header h3{color:#fff;color:var(--text-primary,#fff);font-size:1.1rem;font-weight:600;margin:0}.notification-mark-all-read{background:none;border:none;border-radius:4px;border-radius:var(--radius-sm,4px);color:#3b82f6;color:var(--accent-primary,#3b82f6);cursor:pointer;font-size:.875rem;padding:.25rem .5rem;transition:background .2s}.notification-mark-all-read:hover{background:#3b82f61a;background:var(--bg-hover,#3b82f61a)}.notification-dropdown-content{flex:1 1;min-height:0;overflow-y:auto}.notification-dropdown-empty,.notification-dropdown-loading{color:#aaa;color:var(--text-secondary,#aaa);padding:2rem;text-align:center}.notification-dropdown-list{display:flex;flex-direction:column}.notification-dropdown-footer{border-top:1px solid #2a2a3e;border-top:1px solid var(--border-color,#2a2a3e);padding:.75rem 1.5rem;text-align:center}.notification-view-all{color:#3b82f6;color:var(--accent-primary,#3b82f6);font-size:.9rem;font-weight:500;text-decoration:none;transition:color .2s}.notification-view-all:hover{color:#2563eb;color:var(--accent-primary-hover,#2563eb);text-decoration:underline}.notification-icon-container{margin-right:.75rem;position:relative}.notification-icon-button{align-items:center;background:none;border:none;border-radius:8px;border-radius:var(--radius-md,8px);color:#fff;color:var(--text-primary,#fff);cursor:pointer;display:flex;justify-content:center;padding:.5rem;position:relative;transition:all .2s}.notification-icon-button:hover{background:#ffffff1a;background:var(--bg-hover,#ffffff1a)}.notification-badge{align-items:center;background:#ef4444;background:var(--error,#ef4444);border:2px solid #0a0a14;border:2px solid var(--bg-primary,#0a0a14);border-radius:999px;border-radius:var(--radius-full,999px);color:#fff;display:flex;font-size:.7rem;font-weight:600;height:18px;justify-content:center;line-height:1;min-width:18px;padding:.125rem .375rem;position:absolute;right:0;top:0;transform:translate(25%,-25%)}.notification-badge.pulse{animation:pulse 2s infinite}.navbar{background-color:var(--bg-card);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm);position:-webkit-sticky;position:sticky;top:0;transition:background-color var(--transition-normal),border-color var(--transition-normal);z-index:1000}.navbar-container{align-items:center;display:flex;gap:2rem;height:70px;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 2rem}.navbar-brand{align-items:center;color:var(--text-primary);display:flex;font-size:1.5rem;font-weight:700;gap:.75rem;text-decoration:none;transition:opacity var(--transition-fast)}.navbar-brand:hover{opacity:.8}.brand-icon{font-size:1.75rem}.brand-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent-primary),var(--accent-hover));-webkit-background-clip:text;background-clip:text}.navbar-menu{align-items:center;display:flex;flex:1 1;gap:.5rem;margin-left:2rem}.navbar-link{border-radius:var(--radius-md);color:var(--text-secondary);font-weight:500;padding:.5rem 1rem;position:relative;text-decoration:none;transition:all var(--transition-fast)}.navbar-link:hover{background-color:var(--bg-hover);color:var(--text-primary)}.navbar-link.active{background-color:var(--bg-hover);color:var(--accent-primary)}.navbar-link.active:after{background-color:var(--accent-primary);border-radius:2px;bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:60%}.navbar-actions{gap:1rem}.navbar-actions,.theme-toggle{align-items:center;display:flex}.theme-toggle{background-color:var(--bg-secondary);border:none;border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;height:40px;justify-content:center;transition:all var(--transition-fast);width:40px}.theme-toggle:hover{background-color:var(--bg-hover);transform:scale(1.05)}.theme-toggle:active{transform:scale(.95)}.navbar-auth{align-items:center;display:flex;gap:.75rem}.btn-login,.btn-signup{border:1px solid #0000;border-radius:var(--radius-md);font-weight:500;padding:.5rem 1.25rem;text-decoration:none;transition:all var(--transition-fast)}.btn-login{background-color:initial;border-color:var(--border-color);color:var(--text-primary)}.btn-login:hover{background-color:var(--bg-hover);border-color:var(--border-hover)}.btn-signup{background-color:var(--accent-primary);color:var(--text-inverse)}.btn-signup:hover{background-color:var(--accent-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.navbar-user{align-items:center;display:flex;gap:1rem;position:relative}.user-name{color:var(--text-secondary);font-size:.875rem}.user-link{background:linear-gradient(135deg,rgba(var(--accent-primary-rgb),.1),rgba(var(--accent-primary-rgb),.06));border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--accent-primary);font-weight:700;padding:.5rem .9rem;transition:all var(--transition-fast)}.user-link:hover{background:linear-gradient(135deg,rgba(var(--accent-primary-rgb),.16),rgba(var(--accent-primary-rgb),.1));border-color:var(--accent-primary);box-shadow:var(--shadow-sm)}.btn-logout{background-color:initial;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-weight:500;padding:.5rem 1.25rem;transition:all var(--transition-fast)}.btn-logout:hover{background-color:var(--bg-hover);border-color:var(--error);color:var(--error)}.user-dropdown{animation:dropdownFadeIn .15s ease-out;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:200px;overflow:hidden;position:absolute;right:0;top:calc(100% + .5rem);z-index:1000}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.user-dropdown-item{align-items:center;background:none;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-family:inherit;font-size:.9rem;gap:.75rem;padding:.75rem 1rem;text-align:left;text-decoration:none;transition:background-color var(--transition-fast);width:100%}.user-dropdown-item:hover{background-color:var(--bg-hover)}.user-dropdown-item-danger{color:var(--error)}.user-dropdown-item-danger:hover{background-color:rgba(var(--error-rgb),.1)}.user-dropdown-divider{background:var(--border-color);height:1px;margin:.25rem 0}.dropdown-icon{font-size:1rem;text-align:center;width:20px}@media (max-width:1024px){.navbar-container{padding:0 1.5rem}.navbar-menu{margin-left:1rem}}@media (max-width:768px){.navbar-container{gap:1rem;padding:0 1rem}.brand-text,.navbar-menu{display:none}}.layout{background-color:var(--bg-primary);display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1;margin:0 auto;max-width:1400px;padding:2rem;transition:background-color var(--transition-normal);width:100%}.full-width-layout{background-color:var(--bg-primary);display:flex;flex-direction:column;height:100vh;overflow:hidden}.full-width-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden}@media (max-width:1024px){.main-content{padding:1.5rem}}@media (max-width:768px){.main-content{padding:1rem}}.home-page{margin:0 auto;max-width:1200px;padding:0;width:100%}.release-banner{background:linear-gradient(135deg,#6366f11f,#8b5cf61f);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);justify-content:space-between;margin-top:1rem;padding:.75rem 1rem}.release-banner,.release-left{align-items:center;display:flex;gap:.75rem}.release-actions{margin-left:auto}.release-banner .badge{background:var(--accent-primary);border-radius:6px;color:var(--text-inverse);font-size:.8rem;font-weight:700;padding:.25rem .5rem}.contribute-banner{align-items:center;background:radial-gradient(70% 140% at 0 0,rgba(var(--accent-primary-rgb),.22) 0,#0000 55%),radial-gradient(70% 140% at 100% 0,rgba(var(--accent-hover-rgb),.18) 0,#0000 55%),linear-gradient(180deg,var(--bg-card),var(--bg-secondary));border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);display:flex;gap:1rem;justify-content:space-between;margin-top:.75rem;padding:1rem}.contribute-left{display:flex;flex-direction:column;gap:.35rem}.contribute-title{font-weight:800;letter-spacing:-.01em}.contribute-sub{color:var(--text-secondary);font-size:.95rem}.contribute-actions{display:flex;flex-wrap:wrap;gap:.5rem}.hero{margin-bottom:4rem;padding:4rem 0;text-align:center}.hero-content{display:flex;flex-direction:column;gap:1.5rem;margin:0 auto;max-width:800px}.hero-title{color:var(--text-primary);font-size:3.5rem;font-weight:800;line-height:1.1;margin:0}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent-primary),#8b5cf6);-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:var(--text-secondary);font-size:1.25rem;line-height:1.6;max-width:100%}.hero-actions{align-items:center;margin-top:1rem}.cta-actions,.hero-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.btn-primary,.btn-secondary{border:2px solid #0000;display:inline-block;padding:.875rem 2rem}.btn-secondary{border-color:var(--border-color)}.btn-large{font-size:1.125rem;padding:1rem 2.5rem}.hero-visual{align-items:center;display:flex;justify-content:center}.hero-showcase{position:relative;width:100%}.showcase-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}.showcase-card{background:linear-gradient(180deg,var(--bg-card),var(--bg-secondary));border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:1.25rem;position:relative;transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast)}.showcase-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.showcase-icon{font-size:1.75rem;margin-bottom:.5rem}.showcase-title{color:var(--text-primary);font-weight:700;margin-bottom:.25rem}.showcase-sub{color:var(--text-secondary);font-size:.95rem}.showcase-glow{background:radial-gradient(60% 60% at 20% 50%,#6366f140 0,#8b5cf626 40%,#0000 70%);filter:blur(20px);height:120px;inset:-10% -10% auto -10%;pointer-events:none;position:absolute}.main-features{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);margin-bottom:6rem;padding:4rem 0}.main-feature-card{background:linear-gradient(180deg,var(--bg-card),var(--bg-secondary));border:2px solid var(--border-color);border-radius:var(--radius-xl);display:flex;flex-direction:column;gap:1.5rem;padding:2.5rem;position:relative;text-align:center;transition:all var(--transition-normal)}.main-feature-card:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-xl);transform:translateY(-8px)}.main-feature-card.featured{background:linear-gradient(180deg,var(--bg-card),rgba(var(--accent-primary-rgb),.05));border-color:var(--accent-primary);box-shadow:var(--shadow-lg)}.main-feature-badge{background:linear-gradient(135deg,var(--accent-primary),var(--accent-hover));border-radius:12px;color:var(--text-inverse);font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:.25rem .75rem;position:absolute;right:1.5rem;text-transform:uppercase;top:-12px}.main-feature-icon{font-size:4rem;margin-bottom:.5rem}.main-feature-title{color:var(--text-primary);font-size:1.75rem;font-weight:700;margin:0}.main-feature-description{color:var(--text-secondary);flex-grow:1;font-size:1rem;line-height:1.6}.main-feature-highlights{display:flex;flex-direction:column;gap:.75rem;margin:1rem 0}.highlight-item{align-items:center;color:var(--text-secondary);display:flex;font-size:.95rem;gap:.75rem;justify-content:flex-start;text-align:left}.highlight-icon{flex-shrink:0;font-size:1.25rem}.main-feature-cta{background:var(--bg-hover);border:2px solid var(--accent-primary);border-radius:var(--radius-lg);color:var(--accent-primary);display:inline-block;font-weight:600;margin-top:auto;padding:.875rem 1.5rem;text-decoration:none;transition:all var(--transition-normal)}.main-feature-cta:hover{background:var(--accent-primary);color:var(--text-inverse);transform:translateX(4px)}.features{margin-bottom:6rem;padding:6rem 0}.section-title{color:var(--text-primary);font-size:2.5rem;font-weight:700;margin-bottom:3rem;text-align:center}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr)}.feature-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:2rem;text-align:center;transition:all var(--transition-normal)}.feature-card:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.feature-icon{display:block;font-size:3rem;margin-bottom:1rem}.feature-card h3{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin-bottom:.75rem}.feature-card p{color:var(--text-secondary);line-height:1.6}.use-cases{background-color:var(--bg-secondary);border-radius:var(--radius-xl);margin-bottom:6rem;padding:4rem 2rem}.use-cases-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1200px}.use-case-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);display:flex;flex-direction:column;gap:1.5rem;padding:2.5rem;transition:all var(--transition-normal)}.use-case-card:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.use-case-header{align-items:center;display:flex;gap:1rem}.use-case-icon{flex-shrink:0;font-size:2.5rem}.use-case-card h3{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0}.use-case-card p{color:var(--text-secondary);flex-grow:1;line-height:1.7}.use-case-link{align-items:center;color:var(--accent-primary);display:inline-flex;font-weight:600;gap:.5rem;text-decoration:none;transition:all var(--transition-normal)}.use-case-link:hover{color:var(--accent-hover);gap:.75rem}.cta{background:linear-gradient(135deg,var(--bg-secondary),var(--bg-tertiary));border-radius:var(--radius-xl);margin-bottom:4rem;padding:4rem 2rem;text-align:center}.cta h2{color:var(--text-primary);font-size:2.5rem;font-weight:700;margin-bottom:1rem}.cta p{color:var(--text-secondary);font-size:1.25rem;margin-bottom:2rem}@media (max-width:1024px){.hero{gap:3rem}.hero,.main-features{grid-template-columns:1fr}.main-features{gap:2rem}.showcase-grid{grid-template-columns:1fr 1fr}.hero-title{font-size:2.5rem}.features-grid,.use-cases-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.hero-title{font-size:2rem}.features-grid,.main-features,.showcase-grid,.use-cases-grid{grid-template-columns:1fr}.hero-actions{flex-direction:column}.hero-actions .btn-primary,.hero-actions .btn-secondary{text-align:center;width:100%}}.login-container{align-items:center;background-color:var(--bg-secondary);display:flex;justify-content:center;min-height:calc(100vh - 70px);padding:2rem}.login-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:480px;padding:3rem;width:100%}.login-header{margin-bottom:2rem;text-align:center}.login-header h1{color:var(--text-primary);font-size:2rem;font-weight:700;margin-bottom:.5rem}.login-header p{color:var(--text-secondary);font-size:1rem}.login-form{display:flex;flex-direction:column;gap:1.5rem}.login-button{background:linear-gradient(135deg,var(--accent-primary),var(--accent-hover));border:none;border-radius:var(--radius-md);color:var(--text-inverse);cursor:pointer;font-size:1rem;font-weight:600;margin-top:.5rem;padding:.875rem;transition:all var(--transition-normal)}.login-button:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:translateY(-2px)}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{cursor:not-allowed;opacity:.6}.login-button.loading{color:#0000;position:relative}.login-button.loading:after{animation:spin .6s linear infinite;border:2px solid var(--text-inverse);border-radius:50%;border-top:2px solid #0000;content:"";height:20px;left:50%;margin-left:-10px;margin-top:-10px;position:absolute;top:50%;width:20px}.login-footer{border-top:1px solid var(--border-color);margin-top:2rem;padding-top:2rem;text-align:center}.login-footer p{color:var(--text-secondary);font-size:.875rem}.signup-container{align-items:center;background-color:var(--bg-secondary);display:flex;justify-content:center;min-height:calc(100vh - 70px);padding:2rem}.signup-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:480px;padding:3rem;width:100%}.signup-header{margin-bottom:2rem;text-align:center}.signup-header h1{color:var(--text-primary);font-size:2rem;font-weight:700;margin-bottom:.5rem}.signup-header p{color:var(--text-secondary);font-size:1rem}.signup-form{gap:1.5rem}.form-group,.signup-form{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group input{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:1rem;padding:.875rem;transition:all var(--transition-fast)}.form-group input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-group input.error{border-color:var(--error)}.field-error{color:var(--error);margin-top:-.25rem}.error-message{background-color:#ef44441a}.error-banner{margin-bottom:.5rem}.success-message{background-color:#10b9811a;border:1px solid var(--success);border-radius:var(--radius-md);color:var(--success);margin-bottom:1.5rem;padding:1.5rem;text-align:center}.success-message p{margin-bottom:.5rem}.email-hint{color:var(--text-secondary);font-size:.875rem;margin-top:.5rem}.signup-button{background:linear-gradient(135deg,var(--accent-primary),var(--accent-hover));border:none;border-radius:var(--radius-md);color:var(--text-inverse);cursor:pointer;font-size:1rem;font-weight:600;margin-top:.5rem;padding:.875rem;transition:all var(--transition-normal)}.signup-button:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:translateY(-2px)}.signup-button:active:not(:disabled){transform:translateY(0)}.signup-button:disabled{cursor:not-allowed;opacity:.6}.signup-button.loading{color:#0000;position:relative}.signup-button.loading:after{animation:spin .6s linear infinite;border:2px solid var(--text-inverse);border-radius:50%;border-top:2px solid #0000;content:"";height:20px;left:50%;margin-left:-10px;margin-top:-10px;position:absolute;top:50%;width:20px}@keyframes spin{to{transform:rotate(1turn)}}.signup-footer{border-top:1px solid var(--border-color);margin-top:2rem;padding-top:2rem;text-align:center}.signup-footer p{color:var(--text-secondary);font-size:.875rem}.link-button{color:var(--accent-primary);font-weight:500;text-decoration:none;transition:color var(--transition-fast)}.link-button:hover{color:var(--accent-hover);text-decoration:underline}.bp-breadcrumbs{margin:0 0 .75rem}.bp-breadcrumbs-list{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff0f,#ffffff05);border:1px solid var(--border-color);border-radius:999px;box-shadow:var(--shadow-sm);display:flex;flex-wrap:wrap;gap:.4rem;list-style:none;margin:0;padding:.6rem .85rem}.bp-breadcrumbs--compact .bp-breadcrumbs-list{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border:none;box-shadow:none;padding:0}.bp-breadcrumbs-item{align-items:center;color:var(--text-secondary);display:inline-flex;font-size:.9rem;font-weight:500;gap:.4rem}.bp-bc-current,.bp-bc-link{align-items:center;border:1px solid #0000;border-radius:999px;display:inline-flex;gap:.45rem;padding:.35rem .55rem;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.bp-breadcrumbs--compact .bp-bc-current,.bp-breadcrumbs--compact .bp-bc-link{border-radius:10px;padding:.15rem .25rem}.bp-breadcrumbs--compact .bp-bc-current{background:#0000;border-color:#0000;color:var(--text-secondary)}.bp-breadcrumbs--compact .bp-bc-icon{display:none}.bp-bc-link{color:var(--text-primary);text-decoration:none}.bp-bc-link:hover{background:var(--bg-hover);border-color:var(--border-hover)}.bp-bc-current{background:#0000001f;border-color:var(--border-color);color:var(--text-secondary)}.bp-bc-icon{font-size:.95rem}.bp-bc-icon,.bp-bc-label{line-height:1}.bp-bc-sep{margin:0 .1rem;opacity:.55}@media (max-width:768px){.bp-breadcrumbs-list{border-radius:18px}}.maps-container{padding:2rem 0;width:100%}.maps-content{animation:slideUp .5s ease-out}.maps-header{margin-bottom:3rem;text-align:center}.maps-header h1{color:var(--text-primary);font-size:2.5rem;font-weight:700;margin:0}.maps-header p{color:var(--text-secondary);font-size:1.125rem;margin:.5rem 0 0}.maps-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));padding:1rem 0}.map-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);color:inherit;overflow:hidden;text-decoration:none;transition:all var(--transition-normal)}.map-card:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.map-image{background:var(--bg-secondary);height:200px;overflow:hidden;position:relative}.map-image img{height:100%;object-fit:cover;transition:transform var(--transition-normal);width:100%}.map-card:hover .map-image img{transform:scale(1.05)}.map-info{padding:1.5rem}.map-info h2,.map-info h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0}.map-date{color:var(--text-secondary);display:block;font-size:.875rem;margin-top:.5rem}.maps-error,.maps-loading{align-items:center;display:flex;font-size:1.125rem;justify-content:center;min-height:400px;padding:2rem}.maps-loading{color:var(--text-secondary)}.maps-error{background-color:#ef44441a;border:1px solid var(--error);border-radius:var(--radius-md);color:var(--error)}.game-selector{margin-bottom:3rem}.game-selector h2{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.games-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-bottom:2rem}.game-card{background:var(--bg-card);border:2px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;padding:1.5rem;text-align:left;transition:all var(--transition-normal)}.game-card:hover{transform:translateY(-2px)}.game-card.active,.game-card:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-md)}.game-card.active{background:#3b82f61a}.game-card h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.game-description{color:var(--text-secondary);font-size:.875rem;line-height:1.5;margin:0}.maps-section{margin-top:2rem}.maps-section h2{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.no-maps{background:var(--bg-card);border:2px dashed var(--border-color);border-radius:var(--radius-xl);padding:3rem;text-align:center}.no-maps p{color:var(--text-secondary);font-size:1.125rem;margin-bottom:1.5rem}@media (max-width:768px){.maps-header h1{font-size:2rem}.maps-grid{gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.games-grid{grid-template-columns:1fr}}.new-strategy-form{background:#fff;background:var(--bg-card,#fff);border:1px solid #ddd;border:1px solid var(--border-color,#ddd);border-radius:8px;border-radius:var(--radius-lg,8px);box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow-md,0 2px 4px #0000001a);margin:2rem auto;max-width:600px;padding:2rem}.new-strategy-form h2{margin-bottom:1.5rem}.form-group label,.new-strategy-form h2{color:#333;color:var(--text-primary,#333)}.form-group .required{color:#dc3545;color:var(--error,#dc3545)}.form-group input,.form-group select{background:#fff;background:var(--bg-primary,#fff);border:1px solid #ddd;border:1px solid var(--border-color,#ddd);border-radius:4px;border-radius:var(--radius-md,4px);color:#333;color:var(--text-primary,#333);font-family:inherit;font-size:1rem;padding:.75rem}.form-group input:focus,.form-group select:focus{border-color:#0366d6;border-color:var(--accent-primary,#0366d6)}.form-hint{display:block;font-size:.875rem;font-style:italic;margin-top:.5rem}.form-hint,.loading-teams,.no-teams{color:#666;color:var(--text-secondary,#666)}.loading-teams,.no-teams{background:#f5f5f5;background:var(--bg-secondary,#f5f5f5);border-radius:4px;border-radius:var(--radius-md,4px);padding:1rem;text-align:center}.no-teams p{margin:0 0 .5rem}.link-primary{color:#0366d6;color:var(--accent-primary,#0366d6);font-weight:500;text-decoration:none}.link-primary:hover{text-decoration:underline}.submit-btn{background:linear-gradient(135deg,#0366d6,#0256b9);background:linear-gradient(135deg,var(--accent-primary,#0366d6),var(--accent-hover,#0256b9));border:none;border-radius:4px;border-radius:var(--radius-md,4px);box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow-md,0 2px 4px #0000001a);color:#fff;color:var(--text-inverse,#fff);cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem;transition:all .2s;transition:all var(--transition-fast,.2s);width:100%}.submit-btn:hover{box-shadow:0 4px 6px #00000026;box-shadow:var(--shadow-lg,0 4px 6px #00000026);transform:translateY(-2px)}.error{border:1px solid #dc3545;border:1px solid var(--error,#dc3545);border-radius:4px;border-radius:var(--radius-md,4px);color:#dc3545;color:var(--error,#dc3545);font-size:.9rem;margin-bottom:1rem;padding:.75rem}.strategies-container{padding:2rem 0;width:100%}.strategies-content{animation:slideUp .5s ease-out}.strategies-header{margin-bottom:3rem;position:relative;text-align:center}.strategies-header h1{color:var(--text-primary);font-size:2.5rem;font-weight:700;margin:0}.strategies-header p{color:var(--text-secondary);font-size:1.125rem;margin:.5rem 0 1.5rem}.new-strategy-btn{background:linear-gradient(135deg,var(--accent-primary),var(--accent-hover));border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-md);color:var(--text-inverse);cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all var(--transition-normal)}.new-strategy-btn:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.strategies-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));padding:1rem 0}.strategy-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);color:inherit;overflow:hidden;text-decoration:none;transition:all var(--transition-normal)}.strategy-card:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.strategy-preview{background:var(--bg-secondary);height:200px;overflow:hidden;position:relative}.strategy-preview img{height:100%;object-fit:cover;opacity:.9;transition:transform var(--transition-normal);width:100%}.strategy-card:hover .strategy-preview img{transform:scale(1.05)}.strategy-info{padding:1.5rem}.strategy-info h2{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0}.strategy-date{color:var(--text-secondary);display:block;font-size:.875rem;margin-top:.5rem}.strategy-meta{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.strategy-fork-badge,.strategy-forked-badge,.strategy-rating-badge,.strategy-version-badge{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);display:inline-flex;font-size:.75rem;font-weight:500;gap:.25rem;padding:.25rem .5rem}.strategy-version-badge{background:#3b82f61a;border-color:#3b82f64d;color:#3b82f6}.strategy-fork-badge{background:#22c55e1a;border-color:#22c55e4d;color:#22c55e}.strategy-rating-badge{background:#eab3081a;border-color:#eab3084d;color:#eab308}.strategy-forked-badge{background:#8b5cf61a;border-color:#8b5cf64d;color:#8b5cf6}.no-strategies{background:var(--bg-card);border:2px dashed var(--border-color);border-radius:var(--radius-xl);color:var(--text-secondary);grid-column:1/-1;padding:3rem;text-align:center}.no-strategies p{font-size:1.125rem;margin:0}.strategies-error,.strategies-loading{align-items:center;display:flex;font-size:1.125rem;justify-content:center;min-height:400px;padding:2rem}.strategies-loading{color:var(--text-secondary)}.strategies-error{background-color:#ef44441a;border:1px solid var(--error);border-radius:var(--radius-md);color:var(--error)}@media (max-width:768px){.strategies-header h1{font-size:2rem}.strategies-grid{gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}.strategy-preview{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.strategy-preview-container{border-radius:var(--radius-md);min-height:400px}.strategy-preview-clickable{cursor:pointer;transition:all var(--transition-fast)}.strategy-preview-clickable:hover{box-shadow:0 0 0 2px var(--accent-primary)}.strategy-preview-empty,.strategy-preview-error,.strategy-preview-loading,.strategy-preview-no-image{color:var(--text-secondary);font-size:.875rem;padding:2rem;text-align:center}.strategy-preview-error{color:var(--error)}.preview-edit-overlay{align-items:center!important;-webkit-backdrop-filter:blur(2px)!important;backdrop-filter:blur(2px)!important;background:#0006!important;border-radius:var(--radius-lg);bottom:0!important;cursor:pointer!important;display:flex!important;height:100%!important;justify-content:center!important;left:0!important;opacity:0!important;pointer-events:none!important;position:absolute!important;right:0!important;top:0!important;transition:opacity .25s cubic-bezier(.4,0,.2,1)!important;width:100%!important;z-index:10!important}.strategy-preview-clickable:hover .preview-edit-overlay{opacity:1!important;pointer-events:all!important}.preview-edit-overlay.viewing-version{cursor:pointer!important}.strategy-preview-container:hover .preview-edit-overlay.viewing-version{opacity:1!important;pointer-events:all!important}.strategy-preview-clickable.overlay-clicked .preview-edit-overlay{opacity:0!important;pointer-events:none!important}.strategy-preview-container{position:relative!important}.strategy-preview-clickable:hover .canvas-container,.strategy-preview-clickable:hover .canvas-container *,.strategy-preview-clickable:hover .canvas-container canvas,.strategy-preview-clickable:hover [data-testid=canvas-container]{pointer-events:none!important}.preview-edit-text{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000080;border:1px solid #ffffff26;border-radius:var(--radius-md);box-shadow:0 4px 12px #0000004d,inset 0 0 0 1px #ffffff0d;color:#fffffff2;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;letter-spacing:1.5px;padding:.5rem 1rem;position:relative;text-transform:uppercase;transition:all .25s cubic-bezier(.4,0,.2,1)}.preview-edit-text:before{background:#ffffffe6;content:"";height:14px;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7'/%3E%3Cpath d='M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7'/%3E%3Cpath d='M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z'/%3E%3C/svg%3E");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;opacity:.9;transition:opacity .25s ease;width:14px}.preview-edit-overlay:hover .preview-edit-text{background:#000000a6;border-color:#ffffff40;box-shadow:0 6px 16px #0006,inset 0 0 0 1px #ffffff1a;transform:translateY(-1px)}.preview-edit-overlay:hover .preview-edit-text:before{opacity:1}.operator-palette{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:1rem}.operator-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(60px,1fr))}.operator-item{border:1px solid #e1e4e8;border-radius:6px;cursor:pointer;padding:8px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.operator-item:hover{background:#f6f8fa;border-color:#0366d6;transform:translateY(-2px)}.operator-item:active{cursor:grabbing}.operator-item img{border-radius:4px;height:48px;object-fit:cover;width:48px}.operator-item span{color:#24292e;font-size:.8rem;text-align:center}.operator-item.dragging{box-shadow:0 5px 15px #0003;cursor:grabbing;transform:scale(1.05)}.operator-item:hover{cursor:grab}.save-draft-btn{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.625rem 1.25rem;transition:all var(--transition-fast)}.save-draft-btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-hover)}.save-draft-btn:disabled{cursor:not-allowed;opacity:.5}.save-draft-btn-saved{background:linear-gradient(135deg,#22c55ee6,#16a34ae6)!important;border-color:#16a34a!important;color:#fff!important;cursor:default!important;opacity:1!important}.save-draft-btn-saved:hover{background:linear-gradient(135deg,#22c55e,#16a34a)!important;transform:none!important}.save-draft-modal-overlay{align-items:center;background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:2000}.save-draft-modal{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-width:500px;overflow:hidden;width:100%}.save-draft-modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1.5rem}.save-draft-modal-header h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0}.save-draft-modal-close{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;font-size:2rem;height:2rem;justify-content:center;padding:0;transition:all var(--transition-fast);width:2rem}.save-draft-modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.save-draft-modal-content{padding:1.5rem}.save-draft-modal-content p{color:var(--text-secondary);line-height:1.5;margin:0 0 1.5rem}.save-draft-form-group{margin-bottom:1.5rem}.save-draft-form-group label{color:var(--text-primary);display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.save-draft-form-group select,.save-draft-form-group textarea{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-family:inherit;font-size:.875rem;padding:.625rem;transition:all var(--transition-fast);width:100%}.save-draft-form-group select:focus,.save-draft-form-group textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.save-draft-form-group select:disabled,.save-draft-form-group textarea:disabled{cursor:not-allowed;opacity:.5}.save-draft-help{color:var(--text-tertiary);font-size:.75rem;font-style:italic;margin-top:.5rem}.save-draft-error{background:#ef44441a;border:1px solid var(--error);border-radius:var(--radius-md);color:var(--error);font-size:.875rem;margin-top:1rem;padding:.75rem}.save-draft-modal-footer{border-top:1px solid var(--border-color);display:flex;gap:.75rem;justify-content:flex-end;padding:1.5rem}.publish-draft-btn{align-items:center;background:var(--accent-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-inverse);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.625rem 1.25rem;transition:all var(--transition-fast)}.publish-draft-btn:hover:not(:disabled){background:var(--accent-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.publish-draft-btn:disabled{cursor:not-allowed;opacity:.5}.publish-draft-modal-overlay{align-items:center;background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:2000}.publish-draft-modal{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-width:600px;overflow:hidden;width:100%}.publish-draft-modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1.5rem}.publish-draft-modal-header h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0}.publish-draft-modal-close{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;font-size:2rem;height:2rem;justify-content:center;padding:0;transition:all var(--transition-fast);width:2rem}.publish-draft-modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.publish-draft-modal-content{padding:1.5rem}.version-preview{align-items:center;background:var(--bg-secondary);border-radius:var(--radius-md);display:flex;gap:1rem;justify-content:center;margin-bottom:1.5rem;padding:1.5rem}.version-preview-item{align-items:center;display:flex;flex-direction:column;gap:.5rem}.version-preview-label{color:var(--text-tertiary);font-size:.75rem;letter-spacing:.5px;text-transform:uppercase}.version-preview-value{color:var(--text-primary);font-size:1.5rem;font-weight:600}.version-preview-value.next{color:var(--accent-primary)}.version-preview-arrow{color:var(--text-tertiary);font-size:1.5rem}.publish-draft-form-group{margin-bottom:1.5rem}.publish-draft-form-group label{color:var(--text-primary);display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.publish-draft-form-group select,.publish-draft-form-group textarea{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-family:inherit;font-size:.875rem;padding:.625rem;transition:all var(--transition-fast);width:100%}.publish-draft-form-group select:focus,.publish-draft-form-group textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.publish-draft-form-group select:disabled,.publish-draft-form-group textarea:disabled{cursor:not-allowed;opacity:.5}.publish-draft-help{color:var(--text-tertiary);font-size:.75rem;font-style:italic;margin-top:.5rem}.draft-summary-display{background:var(--bg-secondary);border-radius:var(--radius-md);margin-bottom:1.5rem;padding:1rem}.draft-summary-display strong{color:var(--text-primary);display:block;font-size:.875rem;margin-bottom:.5rem}.draft-summary-display p{color:var(--text-secondary);font-size:.875rem;line-height:1.5;margin:0}.publish-draft-error{background:#ef44441a;border:1px solid var(--error);border-radius:var(--radius-md);color:var(--error);font-size:.875rem;margin-top:1rem;padding:.75rem}.publish-draft-modal-footer{border-top:1px solid var(--border-color);display:flex;gap:.75rem;justify-content:flex-end;padding:1.5rem}.draft-indicator{align-items:center;border:1px solid;border-radius:var(--radius-sm);display:inline-flex;font-size:.75rem;font-weight:500;gap:.375rem;padding:.375rem .75rem}.version-selector{display:inline-block;position:relative}.version-selector-btn{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.625rem 1rem;transition:all var(--transition-fast)}.version-selector-btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-hover)}.version-selector-btn:disabled{cursor:not-allowed;opacity:.5}.version-label{color:var(--text-secondary);font-weight:400}.version-value{font-weight:600}.version-arrow{color:var(--text-tertiary);font-size:.75rem;margin-left:auto}.version-selector-overlay{bottom:0;left:0;position:fixed;right:0;top:0;z-index:100}.version-selector-dropdown{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);left:0;max-height:300px;min-width:250px;overflow-y:auto;position:absolute;right:0;top:calc(100% + .5rem);z-index:200}.version-selector-empty,.version-selector-loading{color:var(--text-secondary);font-size:.875rem;padding:1rem;text-align:center}.version-option{align-items:center;background:none;border:none;border-bottom:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;display:flex;font-size:.875rem;gap:.75rem;padding:.75rem 1rem;text-align:left;transition:all var(--transition-fast);width:100%}.version-option:last-child{border-bottom:none}.version-option:hover{background:var(--bg-hover)}.version-option.selected{background:#3b82f61a;color:var(--accent-primary)}.version-option-icon{font-size:1rem}.version-option-string{flex:1 1;font-weight:500}.version-option-date{color:var(--text-tertiary);font-size:.75rem}.version-option-check{color:var(--accent-primary);font-weight:600}.strategy-edit-modal-overlay{align-items:center;background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.strategy-edit-modal{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-height:95vh;max-width:95vw;overflow:hidden;width:100%}.modal-header-main{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:1rem}.modal-success-banner{animation:slideDown .3s ease-out;background:#22c55e1a;border-bottom:1px solid #22c55e4d;color:#16a34a;flex-shrink:0;font-size:.875rem;font-weight:500;padding:.75rem 1.5rem}.draft-saved-notice{background:#fbbf241a;border:1px solid #fbbf244d;border-radius:var(--radius-md);margin-bottom:1rem;padding:.75rem 1rem}.draft-saved-notice p{color:#d97706;font-size:.875rem;font-weight:500;margin:0}.unsaved-changes-indicator{align-items:center;background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:var(--radius-sm);color:#f59e0b;display:inline-flex;font-size:.75rem;font-weight:500;gap:.375rem;padding:.25rem .625rem;white-space:nowrap}.modal-error-banner{background:#ef44441a;border-bottom:1px solid var(--border-color);color:var(--error);flex-shrink:0;font-size:.875rem;padding:.75rem 1.5rem}.modal-content{display:flex;flex:1 1;gap:1.5rem;min-height:0;overflow:hidden}.modal-tools-panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;flex-shrink:0;height:100%;overflow:hidden;padding:1.5rem;width:280px}.modal-tools-panel h3{border-bottom:1px solid var(--border-color);color:var(--text-primary);flex-shrink:0;font-size:1rem;font-weight:600;margin:0;padding-bottom:.75rem}.tools-grid{grid-gap:.75rem;display:grid;flex-shrink:0;gap:.75rem;grid-template-columns:repeat(2,1fr);margin-bottom:1.5rem}.tool-btn{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem;transition:all var(--transition-fast)}.tool-btn:hover{background:var(--bg-hover);border-color:var(--border-hover);color:var(--text-primary)}.tool-btn.active{background:var(--accent-primary);border-color:var(--accent-primary);box-shadow:var(--shadow-md);color:var(--text-inverse)}.elements-list{border-top:1px solid var(--border-color);display:flex;flex:1 1;flex-direction:column;min-height:0;padding-top:1rem}.elements-list h3{color:var(--text-primary);flex-shrink:0;font-size:1rem;font-weight:600;margin:0 0 .75rem}.elements-container{flex:1 1;min-height:0;overflow-y:auto;padding-right:.5rem}.elements-container::-webkit-scrollbar{width:6px}.elements-container::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:3px}.elements-container::-webkit-scrollbar-thumb{background:var(--border-hover);border-radius:3px}.element-item{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:.5rem;padding:.75rem;transition:all var(--transition-fast)}.element-item:hover{background:var(--bg-hover);border-color:var(--border-hover)}.element-item.selected{background:#3b82f61a;border-color:var(--accent-primary);color:var(--accent-primary)}.element-item.draft-element{border-left:3px solid #22c55e80}.delete-btn{background:none;border:none;border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;font-size:1.25rem;line-height:1;padding:.25rem .5rem;transition:all var(--transition-fast)}.delete-btn:hover{background:#ef44441a;color:var(--error)}.modal-canvas-wrapper{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex:1 1;min-height:0;overflow:hidden;position:relative}.modal-canvas-wrapper .canvas-container{align-items:center;background:var(--bg-secondary);display:flex;height:100%;justify-content:center;position:relative;touch-action:none;width:100%}.modal-footer{flex-shrink:0}@media (max-width:768px){.strategy-edit-modal{border-radius:0;max-height:100vh;max-width:100vw}.modal-content{flex-direction:column;padding:1rem}.modal-tools-panel{max-height:40vh;width:100%}.modal-canvas-wrapper{min-height:50vh}}.strategy-forks-list{padding:1rem 0}.strategy-forks-list h3{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:0 0 1rem}.forks-empty,.forks-error,.forks-loading{color:var(--text-secondary);padding:2rem;text-align:center}.forks-error{color:var(--error)}.forks-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.fork-item{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;padding:1rem;transition:all var(--transition-fast)}.fork-item:hover{background:var(--bg-hover);border-color:var(--border-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.fork-header{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.fork-icon{font-size:1.25rem}.fork-name{color:var(--text-primary);flex:1 1;font-weight:500}.fork-meta{align-items:center;color:var(--text-secondary);display:flex;font-size:.875rem;justify-content:space-between;margin-bottom:.25rem}.fork-owner{font-weight:500}.fork-date,.fork-version{color:var(--text-tertiary)}.fork-version{font-size:.75rem;margin-top:.25rem}@media (max-width:768px){.forks-grid{grid-template-columns:1fr}}.strategy-versions-list{padding:.25rem 0}.versions-empty,.versions-error,.versions-loading{color:var(--text-secondary);font-size:.875rem;padding:1rem;text-align:center}.versions-error{color:var(--error)}.versions-timeline{max-height:400px;overflow-y:auto;padding-left:1.25rem;position:relative}.version-item{cursor:pointer;margin-bottom:.5rem;position:relative;transition:all var(--transition-fast)}.version-item:hover{transform:translateX(4px)}.version-item.current{border-left:3px solid var(--accent-primary);margin-left:-1rem;padding-left:1rem}.version-item.selected{background:#8b5cf60d;border-left:3px solid #8b5cf6;border-left:3px solid var(--accent-secondary,#8b5cf6);margin-left:-1rem;padding-left:1rem}.version-item.selected .version-content{background:#8b5cf60d;border-color:#8b5cf6;border-color:var(--accent-secondary,#8b5cf6)}.version-timeline-line{background:var(--border-color);bottom:-.75rem;left:-1.5rem;position:absolute;top:0;width:2px}.version-item:last-child .version-timeline-line{display:none}.version-content{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.5rem .625rem;transition:all var(--transition-fast)}.version-item:hover .version-content{background:var(--bg-hover);border-color:var(--border-hover);box-shadow:var(--shadow-sm)}.version-header{align-items:center;display:flex;flex-wrap:wrap;gap:.375rem;margin-bottom:.125rem}.version-string{color:var(--text-primary);font-size:.9375rem;font-weight:600}.version-type-badge{border:1px solid;font-weight:500}.version-type-badge.version-type-major{background:#ef44441a;border-color:#ef4444;color:#ef4444}.version-type-badge.version-type-minor{background:#eab3081a;border-color:#eab308;color:#eab308}.version-type-badge.version-type-patch{background:#22c55e1a;border-color:#22c55e;color:#22c55e}.current-badge{background:var(--accent-primary)}.current-badge,.viewing-badge{border-radius:var(--radius-sm);color:var(--text-inverse);font-size:.75rem;font-weight:500;margin-left:auto;padding:.25rem .5rem}.viewing-badge{background:#8b5cf6;background:var(--accent-secondary,#8b5cf6)}.version-meta{color:var(--text-secondary);display:flex;font-size:.7rem;gap:.5rem;margin-bottom:.125rem}.version-author{font-weight:500}.version-date{color:var(--text-tertiary)}.version-summary{background:var(--bg-secondary);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.7rem;line-height:1.3;margin:.25rem 0;padding:.375rem .5rem}.view-version-btn{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;font-size:.7rem;font-weight:500;margin-top:.25rem;padding:.25rem .5rem;transition:all var(--transition-fast)}.view-version-btn:hover{background:var(--bg-hover);border-color:var(--border-hover)}.draft-item{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:.375rem;padding:.5rem .625rem}.draft-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.25rem}.draft-info{flex:1 1}.draft-contributor{align-items:center;display:flex;gap:.375rem;margin-bottom:.125rem}.draft-author{color:var(--text-primary);font-size:.875rem;font-weight:600}.draft-date{color:var(--text-tertiary);font-size:.75rem}.draft-meta{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.draft-status-badge{border-radius:var(--radius-sm);font-size:.75rem;gap:.25rem;padding:.1875rem .5rem}.draft-status-draft{border-color:#eab308}.draft-status-pending{border-color:#3b82f6}.draft-status-approved{border-color:#22c55e}.draft-status-rejected{border-color:#ef4444}.draft-version-type{color:var(--text-secondary);font-size:.75rem}.draft-summary{color:var(--text-secondary);font-size:.75rem;line-height:1.3;padding:.375rem .5rem}.draft-preview,.draft-summary{background:var(--bg-secondary);border-radius:var(--radius-sm);margin:.25rem 0}.draft-preview{padding:.25rem .375rem}.draft-preview-label{color:var(--text-tertiary);font-size:.75rem}.draft-actions{border-top:1px solid var(--border-color);display:flex;gap:.5rem;justify-content:flex-end;margin-top:.375rem;padding-top:.375rem}.btn{font-size:.75rem;gap:.375rem;padding:.375rem .75rem}.btn-sm{font-size:.7rem;padding:.25rem .5rem}.draft-reject-modal-overlay{align-items:center;background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:2000}.draft-reject-modal{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-width:500px;overflow:hidden;width:100%}.draft-reject-modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1.25rem}.draft-reject-modal-header h4{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:0}.draft-reject-modal-close{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.5rem;height:2rem;justify-content:center;padding:0;transition:all var(--transition-fast);width:2rem}.draft-reject-modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.draft-reject-modal-content{padding:1.25rem}.draft-reject-modal-content p{color:var(--text-primary);margin:0 0 1rem}.draft-reject-form-group{margin-top:1rem}.draft-reject-form-group label{color:var(--text-primary);display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.draft-reject-form-group textarea{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-family:inherit;font-size:.875rem;min-height:80px;padding:.625rem;resize:vertical;width:100%}.draft-reject-form-group textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px #3b82f61a;outline:none}.draft-reject-modal-footer{border-top:1px solid var(--border-color);display:flex;gap:.75rem;justify-content:flex-end;padding:1.25rem}.confirm-modal-overlay{align-items:center;animation:fadeIn .2s ease-in-out;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.confirm-modal{animation:slideUp .2s ease-out;background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;display:flex;flex-direction:column;max-height:90vh;max-width:500px;overflow:hidden;width:90%}.confirm-modal-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:1.5rem}.confirm-modal-header h3{color:#333;font-size:1.25rem;font-weight:600;margin:0}.modal-close-btn{color:#666;transition:background-color .2s}.modal-close-btn:hover{background-color:#f0f0f0;color:#333}.confirm-modal-body{flex:1 1;overflow-y:auto;padding:1.5rem}.confirm-modal-body p{color:#555;font-size:1rem;line-height:1.5;margin:0}.confirm-modal-footer{background-color:#f9f9f9;border-top:1px solid #e0e0e0;display:flex;gap:.75rem;justify-content:flex-end;padding:1.5rem}.confirm-modal-footer button{border:none;border-radius:6px;cursor:pointer;font-size:.9375rem;font-weight:500;padding:.625rem 1.25rem;transition:all .2s}.confirm-modal-footer button:disabled{cursor:not-allowed;opacity:.6}.confirm-modal-footer .btn-secondary{background-color:#f0f0f0;color:#333}.confirm-modal-footer .btn-secondary:hover:not(:disabled){background-color:#e0e0e0}.confirm-modal-footer .btn-danger{background-color:#dc3545;color:#fff}.confirm-modal-footer .btn-danger:hover:not(:disabled){background-color:#c82333}.confirm-modal-footer .btn-primary{background-color:#007bff;color:#fff}.confirm-modal-footer .btn-primary:hover:not(:disabled){background-color:#0056b3}@media (max-width:600px){.confirm-modal{margin:1rem;width:95%}.confirm-modal-body,.confirm-modal-footer,.confirm-modal-header{padding:1rem}}.my-drafts-list{display:flex;flex-direction:column;gap:.375rem;max-height:400px;overflow-y:auto}.my-draft-item-wrapper{margin-bottom:.375rem}.my-draft-item-wrapper:last-child{margin-bottom:0}.draft-status-info{font-size:.75rem;margin-top:.25rem;padding-top:.25rem}.my-drafts-empty,.my-drafts-error,.my-drafts-loading{color:var(--text-secondary);font-size:.875rem;padding:1rem;text-align:center}.my-drafts-error{color:var(--error)}.my-drafts-help{color:var(--text-tertiary);font-size:.75rem;margin-top:.5rem}.reject-draft-modal-overlay{align-items:center;background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:2001}.reject-draft-modal{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-width:500px;overflow:hidden;width:100%}.modal-content p{color:var(--text-secondary);line-height:1.5}.form-group,.modal-content p{margin-bottom:1rem}.form-group label{font-size:.9375rem}.form-group textarea{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-family:inherit;font-size:.875rem;min-height:100px;padding:.75rem;width:100%}.form-group textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.draft-review-modal-overlay{align-items:center;background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:1rem;position:fixed;right:0;top:0;z-index:2000}.draft-review-modal{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-height:90vh;max-width:1200px;overflow:hidden;width:100%}.modal-header{flex-shrink:0}.modal-header-content{align-items:center;display:flex;flex:1 1;gap:1rem}.modal-header h2{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0}.draft-status-badge{align-items:center;border:1px solid;border-radius:var(--radius-md);display:inline-flex;font-size:.875rem;font-weight:500;gap:.375rem;padding:.375rem .75rem}.draft-status-draft{background:#eab3081a;border-color:#eab3084d;color:#eab308}.draft-status-pending{background:#3b82f61a;border-color:#3b82f64d;color:#3b82f6}.draft-status-approved{background:#22c55e1a;border-color:#22c55e4d;color:#22c55e}.draft-status-rejected{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.modal-body{flex:1 1;gap:1.5rem;overflow-y:auto;padding:1.5rem}.draft-info-section,.modal-body{display:flex;flex-direction:column}.draft-info-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);gap:.75rem;padding:1rem}.draft-info-row{align-items:center;display:flex;font-size:.875rem;gap:1rem;justify-content:space-between}.draft-info-row strong{color:var(--text-primary);font-weight:600;min-width:150px}.draft-info-row span{color:var(--text-secondary);flex:1 1;text-align:right}.version-type-badge{background:var(--accent-primary);border-radius:var(--radius-sm);color:var(--text-inverse);display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .5rem;text-transform:uppercase}.draft-preview-section{display:flex;flex-direction:column;gap:.75rem}.draft-preview-section h3{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:0}.draft-preview-container{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-sizing:border-box;display:flex;height:500px;justify-content:center;max-height:600px;min-height:400px;overflow:hidden;padding:1rem;position:relative;width:100%}.draft-preview-no-elements,.draft-preview-no-image{color:var(--text-secondary);font-size:.875rem;padding:2rem;text-align:center}.draft-preview-no-image{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.draft-actions-section{border-top:1px solid var(--border-color);display:flex;flex-shrink:0;gap:1rem;justify-content:flex-end;padding-top:1rem}.pending-drafts-list{display:flex;flex-direction:column;gap:.375rem;max-height:400px;overflow-y:auto}.pending-draft-item-wrapper{margin-bottom:.375rem}.pending-draft-item-wrapper:last-child{margin-bottom:0}.draft-review-section{margin-top:.25rem}.pending-drafts-empty,.pending-drafts-error,.pending-drafts-loading{color:var(--text-secondary);font-size:.875rem;padding:1rem;text-align:center}.pending-drafts-error{color:var(--error)}.comment-item{border-bottom:1px solid var(--border-color);margin-bottom:0;padding:.5rem 0;position:relative;transition:all var(--transition-fast)}.comment-item:last-child{border-bottom:none}.comment-item:hover{background:var(--bg-hover);border-radius:var(--radius-sm);margin-left:-.5rem;margin-right:-.5rem;padding-left:.5rem;padding-right:.5rem}.comment-item.level-0{margin-left:0}.comment-item.level-1{border-bottom:none;border-left:2px solid var(--accent-primary);margin-left:1.25rem;padding-bottom:.375rem;padding-left:.75rem;padding-top:.375rem}.comment-item.level-1:hover{margin-left:.75rem;padding-left:.75rem}.comment-item.level-2{border-bottom:none;border-left:2px solid var(--border-color);margin-left:1.25rem;padding-bottom:.375rem;padding-left:.75rem;padding-top:.375rem}.comment-item.level-2:hover{margin-left:.75rem;padding-left:.75rem}.comment-item.deleted{font-style:italic;opacity:.5;padding:.375rem 0}.deleted-text{color:var(--text-tertiary);font-size:.8125rem}.comment-header{flex-wrap:wrap;justify-content:space-between;margin-bottom:.25rem}.comment-author,.comment-header{align-items:baseline;display:flex;gap:.5rem}.comment-author{flex:1 1;flex-wrap:wrap;min-width:0}.comment-username{color:var(--text-primary);font-size:.8125rem;font-weight:600;line-height:1.2}.comment-date,.comment-edited{color:var(--text-tertiary);font-size:.6875rem;line-height:1.2}.comment-edited{font-style:italic}.comment-actions{display:flex;flex-shrink:0;gap:.125rem;opacity:0;transition:opacity var(--transition-fast)}.comment-item:hover .comment-actions{opacity:1}.comment-action-btn{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;display:flex;font-size:.75rem;height:20px;justify-content:center;line-height:1;padding:.25rem;transition:all var(--transition-fast);width:20px}.comment-action-btn:hover{background:var(--bg-primary);color:var(--text-primary)}.comment-content{word-wrap:break-word;color:var(--text-primary);font-size:.8125rem;line-height:1.5;margin-bottom:.25rem;padding-right:1.5rem;white-space:pre-wrap}.comment-footer{align-items:center;display:flex;gap:.5rem;margin-top:.25rem}.comment-reply-btn{background:none;border:none;border-radius:var(--radius-sm);color:var(--accent-primary);cursor:pointer;font-size:.6875rem;font-weight:500;opacity:.7;padding:.125rem .375rem;transition:all var(--transition-fast)}.comment-reply-btn:hover{background:#3b82f61a;opacity:1}.comment-edit-form,.comment-reply-form{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);margin-bottom:.5rem;margin-top:.5rem;padding:.625rem}.comment-edit-textarea,.comment-reply-textarea{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-family:inherit;font-size:.8125rem;min-height:60px;padding:.5rem;resize:vertical;transition:all var(--transition-fast);width:100%}.comment-edit-textarea:focus,.comment-reply-textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px #3b82f61a;outline:none}.comment-edit-actions,.comment-reply-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:.5rem}.comment-replies{border-left:none;margin-left:0;margin-top:.25rem;padding-left:0}.comment-replies .comment-item{border-bottom:none;padding-bottom:.375rem;padding-top:.375rem}.comment-replies .comment-item:last-child{padding-bottom:.5rem}.btn{border-radius:var(--radius-sm);font-size:.6875rem;gap:.25rem;line-height:1.2;padding:.3125rem .625rem}.comment-form{margin-bottom:1rem}.comment-form-textarea{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-family:inherit;font-size:.875rem;min-height:80px;padding:.625rem;resize:vertical;transition:all var(--transition-fast);width:100%}.comment-form-textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px #3b82f61a;outline:none}.comment-form-textarea:disabled{cursor:not-allowed;opacity:.5}.comment-form-actions{display:flex;justify-content:flex-end;margin-top:.5rem}.btn{font-size:.8125rem}.strategy-comments-section{display:flex;flex-direction:column}.comments-error,.comments-loading{color:var(--text-secondary);font-size:.875rem;padding:1rem;text-align:center}.comments-error{background:#ef44441a;border:1px solid var(--error);border-radius:var(--radius-md);color:var(--error)}.comments-empty{color:var(--text-tertiary);font-size:.875rem;padding:2rem 1rem;text-align:center}.comments-empty p{margin:0}.comments-list{display:flex;flex-direction:column;gap:0}.strategy-rating-section{padding:1rem 0}.strategy-rating-section h3{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:0 0 1rem}.rating-display{align-items:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem}.rating-stars-display{display:flex;gap:.25rem}.rating-star{font-size:1.5rem;transition:all var(--transition-fast)}.rating-star.filled{filter:drop-shadow(0 0 2px rgba(234,179,8,.5))}.rating-star.empty{opacity:.3}.rating-stats{align-items:center;display:flex;gap:.5rem}.rating-average{color:var(--text-primary);font-size:1.5rem;font-weight:600}.rating-count{color:var(--text-secondary);font-size:.875rem}.rating-input{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1rem}.rating-input-label{color:var(--text-primary);font-size:.875rem;font-weight:500;margin:0 0 .75rem}.rating-stars-input{display:flex;gap:.5rem;margin-bottom:.75rem}.rating-star-btn{background:none;border:none;cursor:pointer;filter:grayscale(100%);font-size:2rem;opacity:.5;padding:.25rem;transition:all var(--transition-fast)}.rating-star-btn:hover:not(:disabled){filter:grayscale(0);opacity:1;transform:scale(1.2)}.rating-star-btn.active{filter:grayscale(0);opacity:1}.rating-star-btn:disabled{cursor:not-allowed;opacity:.5}.rating-delete-btn{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:all var(--transition-fast)}.rating-delete-btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-hover);color:var(--text-primary)}.rating-login-prompt{color:var(--text-secondary);font-size:.875rem;margin:1rem 0 0}.rating-login-prompt a{color:var(--accent-primary);text-decoration:none}.rating-login-prompt a:hover{text-decoration:underline}.rating-error{background:#ef44441a;border:1px solid var(--error);border-radius:var(--radius-md);color:var(--error);font-size:.875rem;margin-top:1rem;padding:.75rem}.contributor-item{align-items:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;justify-content:space-between;margin-bottom:.5rem;min-height:auto;padding:.625rem .875rem;transition:all var(--transition-fast)}.contributor-item:hover{border-color:var(--border-hover)}.contributor-item.current-user{border-left:3px solid var(--accent-primary)}.contributor-info{align-items:center;display:flex;flex:1 1;gap:1rem;min-width:0}.contributor-header{align-items:center;display:flex;gap:.5rem;margin-bottom:0;min-width:120px}.contributor-username{color:var(--text-primary);font-size:.875rem;font-weight:600}.contributor-you{color:var(--accent-primary);font-size:.875rem;font-weight:500}.contributor-meta{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:0;min-width:150px}.role-badge{align-items:center;border:1px solid;border-radius:var(--radius-sm);display:inline-flex;gap:.25rem;padding:.1875rem .5rem;white-space:nowrap}.role-owner{background:#eab3081a;border-color:#eab308;color:#eab308}.role-admin{background:#3b82f61a;border-color:#3b82f6;color:#3b82f6}.role-editor{background:#22c55e1a;border-color:#22c55e;color:#22c55e}.role-read{background:#6b72801a;border-color:#6b7280;color:#6b7280}.contributor-date{color:var(--text-tertiary);font-size:.75rem;white-space:nowrap}.contributor-permissions{display:none}.permissions-label{font-weight:500}.permissions-list{color:var(--text-tertiary)}.contributor-actions{display:flex;flex-wrap:wrap;gap:.5rem}.btn-danger{background:#ef44441a;border-color:#ef4444;color:#ef4444}.btn-danger:hover{background:#ef444433}.add-contributor-modal-overlay{align-items:center;background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:2000}.add-contributor-modal{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-width:500px;overflow:hidden;width:100%}.modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1.5rem}.modal-header h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0}.modal-close-btn{border-radius:var(--radius-sm);color:var(--text-secondary);font-size:2rem;height:2rem;transition:all var(--transition-fast);width:2rem}.modal-close-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.modal-content{padding:1.5rem}.invite-mode-toggle{background:var(--bg-secondary);border-radius:var(--radius-md);margin-bottom:1.5rem;padding:1rem}.invite-mode-toggle label{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;font-size:.875rem;gap:.5rem}.invite-link-section{padding:1rem 0}.invite-link-display{display:flex;flex-direction:column;gap:.75rem}.invite-link-display label{color:var(--text-primary);font-size:.875rem;font-weight:500}.invite-link-input-group{display:flex;gap:.5rem}.invite-link-input{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);flex:1 1;font-size:.875rem;padding:.625rem}.invite-link-help{color:var(--text-tertiary);font-size:.75rem;font-style:italic;margin:0}.generate-invite-section{padding:2rem 0;text-align:center}.generate-invite-section p{color:var(--text-secondary);margin:0 0 1.5rem}.form-group label{font-size:.875rem}.form-group input,.form-group select{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:.875rem;padding:.625rem;transition:all var(--transition-fast);width:100%}.form-group input:focus,.form-group select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-group input:disabled,.form-group select:disabled{cursor:not-allowed;opacity:.5}.form-help{color:var(--text-tertiary);font-size:.75rem;font-style:italic;margin-top:.5rem}.error-message{background:#ef44441a;border:1px solid var(--error);color:var(--error);font-size:.875rem;margin-top:1rem;padding:.75rem}.modal-footer{border-top:1px solid var(--border-color);display:flex;gap:.75rem;justify-content:flex-end;padding:1.5rem}.contributor-invitations-list{border-top:1px solid var(--border-color);margin-top:2rem;padding-top:2rem}.contributor-invitations-list h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 1rem}.invitations-list{display:flex;flex-direction:column;gap:.75rem}.invitation-item{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.75rem}.invitation-info{display:flex;flex-direction:column;gap:.25rem}.invitation-email{color:var(--text-primary);font-weight:500}.invitation-token{color:var(--text-tertiary);font-family:monospace;font-size:.75rem}.invitation-date{color:var(--text-tertiary);font-size:.875rem}.strategy-contributors-section{max-width:100%;padding:1rem 0;width:100%}.contributors-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.contributors-header h3{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:0}.contributors-empty,.contributors-error,.contributors-loading{color:var(--text-secondary);padding:2rem;text-align:center}.contributors-error{color:var(--error)}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);box-shadow:var(--shadow-md)}.team-strategy-ownership{padding:1rem 0}.team-ownership-header{align-items:center;border-bottom:2px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.team-ownership-header h3{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:0}.team-info{align-items:center;display:flex;gap:.75rem}.team-name{color:var(--text-primary);font-size:1rem;font-weight:600}.team-logo{border-radius:var(--radius-sm);height:2rem;object-fit:cover;width:2rem}.team-ownership-info{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:2rem;padding:1rem}.team-ownership-description{color:var(--text-secondary);font-size:.875rem;line-height:1.6;margin:0 0 1rem}.team-ownership-details{display:flex;flex-direction:column;gap:.5rem}.detail-item{color:var(--text-primary);font-size:.875rem}.detail-item strong{color:var(--text-primary);margin-right:.5rem}.team-members-contributors{margin-bottom:2rem}.team-members-contributors h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 .75rem}.team-members-note{background:#3b82f61a;border:1px solid #3b82f64d;border-radius:var(--radius-md);color:var(--text-secondary);font-size:.875rem;line-height:1.5;margin:0 0 1rem;padding:.75rem}.no-team-members{color:var(--text-secondary);padding:2rem;text-align:center}.team-contributors-list{display:flex;flex-direction:column;gap:.75rem}.team-contributor-wrapper{position:relative}.team-member-badge{background:#3b82f61a;border:1px solid #3b82f64d;border-radius:var(--radius-sm);color:#3b82f6;font-size:.75rem;font-weight:500;padding:.25rem .5rem;position:absolute;right:.5rem;text-transform:capitalize;top:.5rem}.external-contributors{border-top:1px solid var(--border-color);margin-top:2rem;padding-top:2rem}.external-contributors h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 .75rem}.external-contributors-note{color:var(--text-secondary);font-size:.875rem;margin:0 0 1rem}.contributors-list{display:flex;flex-direction:column;gap:.75rem}.team-ownership-error,.team-ownership-loading{color:var(--text-secondary);padding:2rem;text-align:center}.team-ownership-error{color:var(--error)}.fork-strategy-btn{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.625rem 1.25rem;transition:all var(--transition-fast)}.fork-strategy-btn:hover{background:var(--bg-hover);border-color:var(--border-hover)}.fork-count{color:var(--text-secondary);font-size:.75rem;font-weight:400}.fork-modal-overlay{align-items:center;background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:2000}.fork-modal{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-width:500px;overflow:hidden;width:100%}.fork-modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1.5rem}.fork-modal-header h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0}.fork-modal-close{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;font-size:2rem;height:2rem;justify-content:center;padding:0;transition:all var(--transition-fast);width:2rem}.fork-modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.fork-modal-content{padding:1.5rem}.fork-modal-content p{color:var(--text-secondary);line-height:1.5;margin:0 0 1rem}.fork-info{color:var(--text-tertiary);font-size:.875rem;font-style:italic}.fork-form-group{margin-top:1.5rem}.fork-form-group label{color:var(--text-primary);display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.fork-form-group input{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:.875rem;padding:.625rem;transition:all var(--transition-fast);width:100%}.fork-form-group input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.fork-form-group input:disabled{cursor:not-allowed;opacity:.5}.fork-error{background:#ef44441a;border:1px solid var(--error);border-radius:var(--radius-md);color:var(--error);font-size:.875rem;margin-top:1rem;padding:.75rem}.fork-modal-footer{border-top:1px solid var(--border-color);display:flex;gap:.75rem;justify-content:flex-end;padding:1.5rem}.btn{padding:.625rem 1.25rem}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-secondary{background:var(--bg-primary)}.btn-secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-hover)}.forked-from-banner{align-items:center;background:#3b82f61a;border:1px solid #3b82f64d;border-radius:var(--radius-md);display:flex;font-size:.875rem;gap:.5rem;margin-bottom:1rem;padding:.75rem 1rem}.forked-from-icon{font-size:1rem}.forked-from-text{color:var(--text-secondary)}.forked-from-link{background:none;border:none;color:var(--accent-primary);cursor:pointer;font-size:inherit;font-weight:500;padding:0;text-decoration:underline;transition:color var(--transition-fast)}.forked-from-link:hover{color:var(--accent-hover)}.strategy-detail-page{background:var(--bg-primary);display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;overflow-y:visible;padding:0 0 2rem}.strategy-detail-breadcrumbs{padding:.625rem 1.25rem}.strategy-detail-breadcrumbs,.strategy-page-header{background:var(--bg-primary);border-bottom:1px solid var(--border-color)}.strategy-page-header{margin-bottom:.75rem;padding:.5rem 1.25rem}.header-content{gap:1rem}.header-main{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:.75rem;min-width:0}.strategy-page-title{color:var(--text-primary);font-size:1.125rem;font-weight:600;line-height:1.3;margin:0;white-space:nowrap}.header-pills{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.header-pill{align-items:center;background:var(--bg-secondary);border:1px solid #0000;border-radius:12px;color:var(--text-secondary);display:inline-flex;font-size:.75rem;font-weight:500;gap:.375rem;line-height:1.2;padding:.25rem .5rem;transition:all var(--transition-fast);vertical-align:middle;white-space:nowrap}.header-pill-draft{background:linear-gradient(135deg,#f59e0b26,#d9770626);border-color:#f59e0b4d;color:#d97706}.header-pill-version{cursor:pointer}.header-pill-version:hover{background:var(--bg-hover);border-color:var(--border-hover)}.header-pill-public{background:#22c55e1a;border-color:#22c55e33;color:#22c55e}.header-pill-private{background:#ef44441a;border-color:#ef444433;color:#ef4444}.header-pill-team{background:#3b82f61a;border-color:#3b82f633;color:#3b82f6}.header-pill-contributors,.header-pill-forks{cursor:pointer}.header-pill-contributors:hover,.header-pill-forks:hover{background:var(--bg-hover);border-color:var(--border-hover)}.pill-icon{font-size:.875rem}.pill-icon,.pill-text{line-height:1}.pill-count{background:var(--bg-primary);border-radius:10px;color:var(--text-primary);font-size:.6875rem;font-weight:600;min-width:1.25rem;padding:.125rem .375rem;text-align:center}.pill-arrow{font-size:.625rem;margin-left:.125rem;transition:transform var(--transition-fast)}.pill-menu-container{position:relative}.pill-menu-dropdown{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;left:0;max-height:500px;max-width:500px;min-width:300px;overflow:hidden;position:absolute;top:calc(100% + .5rem);z-index:1000}.pill-menu-header{background:var(--bg-secondary);padding:0}.pill-menu-header,.pill-menu-tabs{border-bottom:1px solid var(--border-color)}.pill-menu-tabs{display:flex}.pill-menu-tab{background:var(--bg-secondary);border:none;border-bottom:2px solid #0000;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:.8125rem;font-weight:500;padding:.625rem .75rem;text-align:center;transition:all var(--transition-fast)}.pill-menu-tab:hover{background:var(--bg-hover);color:var(--text-primary)}.pill-menu-tab.active{background:var(--bg-primary);border-bottom-color:var(--accent-primary);color:var(--text-primary);font-weight:600}.pill-menu-header button{font-size:.75rem;height:auto;padding:.375rem .625rem}.pill-menu-content{max-height:350px;overflow-y:auto;padding:.5rem}.header-actions{align-items:center;display:flex;flex-shrink:0;gap:.375rem}.header-action-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:.875rem;height:28px;justify-content:center;line-height:1;padding:0;transition:all var(--transition-fast);width:28px}.header-action-btn:hover{background:var(--bg-hover);border-color:var(--border-hover);color:var(--text-primary)}.strategy-content-layout{display:flex;flex:1 1;flex-direction:column;gap:.75rem;margin:0 auto;max-width:1600px;overflow-x:hidden;overflow-y:visible;padding:0 1.25rem;width:100%}.strategy-preview-row{width:100%}.strategy-preview-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;height:calc(100vh - 280px);max-height:750px;min-height:500px;overflow:hidden}.preview-card-header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0;justify-content:space-between;padding:.625rem .875rem}.preview-card-header h2{align-items:center;color:var(--text-primary);display:flex;flex-wrap:wrap;font-size:1rem;font-weight:600;gap:.5rem;margin:0}.version-indicator{align-items:center;display:inline-flex;font-weight:500;gap:.375rem}.clear-version-btn,.version-indicator{color:var(--text-secondary);font-size:.875rem}.clear-version-btn{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;line-height:1;padding:.125rem .375rem;transition:all var(--transition-fast)}.clear-version-btn:hover{background:var(--bg-hover);border-color:var(--border-hover);color:var(--text-primary)}.preview-header-actions{gap:.75rem}.preview-header-actions,.preview-rating-inline{align-items:center;display:flex}.preview-rating-inline .strategy-rating-section{padding:0}.preview-rating-inline .strategy-rating-section h3{display:none}.preview-rating-inline .rating-display{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);gap:.375rem;margin:0;padding:.25rem .5rem}.preview-rating-inline .rating-star{font-size:.875rem}.preview-rating-inline .rating-average{font-size:.8125rem}.preview-rating-inline .rating-count{font-size:.6875rem}.preview-rating-inline .rating-input{display:none}.edit-preview-btn{align-items:center;background:var(--accent-primary);border:none;border-radius:var(--radius-sm);color:var(--text-inverse);cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:500;gap:.25rem;padding:.375rem .625rem;transition:all var(--transition-fast)}.edit-preview-btn:hover{background:var(--accent-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.preview-card-body{align-items:center;box-sizing:border-box;display:flex;flex:1 1;justify-content:center;min-height:0;overflow:hidden;padding:.75rem;position:relative}.strategy-preview-container{-webkit-overflow-scrolling:touch;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);height:100%;overflow:hidden;overscroll-behavior:contain;width:100%}.strategy-preview-container,.strategy-preview-container .canvas-container{align-items:center;display:flex;justify-content:center;min-height:450px;position:relative}.strategy-preview-container .canvas-container{box-sizing:border-box;flex-shrink:0;height:100%!important;max-height:100%;max-width:100%!important;min-width:0;overflow:hidden;padding:.5rem;width:100%!important}.strategy-preview-container canvas{height:auto!important;max-height:100%!important;max-width:100%!important;width:auto!important}.strategy-comments-row{margin-bottom:4rem;padding-bottom:1rem;width:100%}.strategy-comments-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;max-height:none;min-height:400px;overflow:visible}.comments-section-content{box-sizing:border-box;flex:1 1;min-height:0;overflow-x:hidden;overflow-y:visible;padding:1rem 1rem 1.5rem}.error,.loading{align-items:center;color:var(--text-secondary);display:flex;font-size:1.125rem;justify-content:center;min-height:400px;padding:2rem}.error{background:#ef44441a;border:1px solid var(--error);border-radius:var(--radius-md);color:var(--error)}@media (max-width:1200px){.strategy-preview-card{max-height:650px}}@media (max-width:768px){.strategy-page-header{padding:.5rem 1rem}.header-content{align-items:flex-start;flex-direction:column;gap:.75rem}.header-main{flex-wrap:wrap;width:100%}.strategy-page-title{font-size:1rem}.header-pills{width:100%}.strategy-content-layout{padding:0 1rem .75rem}.strategy-preview-card{max-height:500px;min-height:400px}.strategy-preview-container,.strategy-preview-container .canvas-container{min-height:350px}}.comments-section-content::-webkit-scrollbar,.pill-menu-content::-webkit-scrollbar,.strategy-preview-container::-webkit-scrollbar{height:6px;width:6px}.comments-section-content::-webkit-scrollbar-track,.pill-menu-content::-webkit-scrollbar-track,.strategy-preview-container::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:3px}.comments-section-content::-webkit-scrollbar-thumb,.pill-menu-content::-webkit-scrollbar-thumb,.strategy-preview-container::-webkit-scrollbar-thumb{background:var(--border-hover);border-radius:3px}.comments-section-content::-webkit-scrollbar-thumb:hover,.pill-menu-content::-webkit-scrollbar-thumb:hover,.strategy-preview-container::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.prompt-modal-overlay{align-items:center;animation:fadeIn .2s ease-in-out;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.prompt-modal{animation:slideUp .2s ease-out;background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;display:flex;flex-direction:column;max-height:90vh;max-width:500px;overflow:hidden;width:90%}.prompt-modal-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:1.5rem}.prompt-modal-header h3{color:#333;font-size:1.25rem;font-weight:600;margin:0}.prompt-modal-body{flex:1 1;overflow-y:auto;padding:1.5rem}.prompt-modal-body p{color:#555;font-size:1rem;line-height:1.5;margin:0 0 1rem}.prompt-modal-input-group{display:flex;flex-direction:column;gap:.5rem}.prompt-modal-input{border:1px solid #ddd;border-radius:6px;box-sizing:border-box;font-size:1rem;padding:.75rem;transition:border-color .2s,box-shadow .2s;width:100%}.prompt-modal-input:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.prompt-modal-input:disabled{background-color:#f5f5f5;cursor:not-allowed}.prompt-modal-hint{color:#666;font-size:.875rem;margin-top:.25rem}.prompt-modal-footer{background-color:#f9f9f9;border-top:1px solid #e0e0e0;display:flex;gap:.75rem;justify-content:flex-end;padding:1.5rem}.prompt-modal-footer button{border:none;border-radius:6px;cursor:pointer;font-size:.9375rem;font-weight:500;padding:.625rem 1.25rem;transition:all .2s}.prompt-modal-footer button:disabled{cursor:not-allowed;opacity:.6}.prompt-modal-footer .btn-secondary{background-color:#f0f0f0;color:#333}.prompt-modal-footer .btn-secondary:hover:not(:disabled){background-color:#e0e0e0}.prompt-modal-footer .btn-danger{background-color:#dc3545;color:#fff}.prompt-modal-footer .btn-danger:hover:not(:disabled){background-color:#c82333}.prompt-modal-footer .btn-primary{background-color:#007bff;color:#fff}.prompt-modal-footer .btn-primary:hover:not(:disabled){background-color:#0056b3}@media (max-width:600px){.prompt-modal{margin:1rem;width:95%}.prompt-modal-body,.prompt-modal-footer,.prompt-modal-header{padding:1rem}}.geogusser-home{align-items:flex-start;background-color:var(--bg-primary);color:var(--text-primary);display:flex;justify-content:center;min-height:calc(100vh - 70px);padding:3rem 2rem 2rem}.geogusser-home-container{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-width:900px;padding:2.25rem;width:100%}.geogusser-home h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent-primary),#8b5cf6);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:2.5rem;font-weight:800;margin-bottom:.5rem;text-align:center}.geogusser-home .subtitle{color:var(--text-secondary);font-size:1.1rem;font-weight:400;margin-bottom:2rem;text-align:center}.error-message{background-color:var(--error);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:var(--text-inverse);font-weight:500;margin-bottom:1.5rem;padding:1rem 1.5rem}.game-setup{margin-bottom:2.5rem}.accordion-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:1rem;overflow:hidden}.accordion-header{align-items:center;background:var(--bg-card);border:none;color:var(--text-primary);cursor:pointer;display:flex;gap:1rem;justify-content:space-between;padding:.8rem 1rem;width:100%}.accordion-header:disabled{cursor:not-allowed;opacity:.6}.accordion-title{font-size:.95rem;font-weight:700}.accordion-summary{color:var(--text-secondary);font-size:.85rem}.accordion-body{padding:.85rem 1rem 1rem}.accordion-actions{display:flex;justify-content:flex-end;margin-top:1rem}.setup-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(3,1fr)}.tile-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:1.25rem}.game-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.game-tile{background:var(--bg-primary);border:1.5px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;font-weight:600;overflow:hidden;padding:.7rem .85rem;position:relative;text-align:center;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.game-tile:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.game-tile.selected{background:rgba(var(--accent-primary-rgb),.08);border-color:var(--accent-primary);box-shadow:var(--shadow-sm),0 0 0 2px rgba(var(--accent-primary-rgb),.18) inset;color:var(--accent-primary)}.game-name{display:inline-block;font-size:.95rem}.game-tile.disabled,.game-tile:disabled{border-color:var(--border-color);box-shadow:none;cursor:not-allowed;filter:grayscale(.15);opacity:.5;transform:none}.game-tile.disabled:hover,.game-tile:disabled:hover{box-shadow:var(--shadow-sm);transform:none}.tile-watermark{bottom:12%;color:var(--text-primary);font-size:.9rem;font-weight:800;letter-spacing:1.5px;mix-blend-mode:soft-light;opacity:.26;pointer-events:none;position:absolute;right:8%;text-shadow:0 1px 1px #0000001a,0 2px 3px #0000001a,0 0 .5px #ffffff0f;text-transform:uppercase;transform:rotate(-16deg);-webkit-user-select:none;user-select:none}.custom-mode{margin-top:1rem}.custom-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(3,minmax(0,1fr))}.field label{display:block;font-weight:600;margin-bottom:.35rem}.custom-mode textarea,.field input[type=number],.field input[type=text],.field select{background:var(--bg-primary);border:1.5px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);padding:.65rem .75rem;width:100%}.helper-text{color:var(--text-tertiary);font-size:.85rem;margin-top:.5rem}.setup-section{margin-bottom:2rem}.setup-section label{color:var(--text-primary);display:block;font-size:1rem;font-weight:600;margin-bottom:.75rem}.setup-section select{background-color:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-size:1rem;padding:.875rem 1rem;transition:all var(--transition-fast);width:100%}.setup-section select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.setup-section select:hover{border-color:var(--border-hover)}.setup-section select option{background-color:var(--bg-primary);color:var(--text-primary)}.radio-group{display:flex;flex-wrap:wrap;gap:.5rem}.radio-item{align-items:center;background:var(--bg-primary);border:1.5px solid var(--border-color);border-radius:999px;color:var(--text-primary);cursor:pointer;display:inline-flex;gap:.5rem;padding:.5rem .75rem;transition:background .2s,border-color .2s,color .2s;-webkit-user-select:none;user-select:none}.radio-item input[type=radio]{accent-color:var(--accent-primary)}.radio-item.selected{background:rgba(var(--accent-primary-rgb),.1);border-color:var(--accent-primary);color:var(--accent-primary)}.map-select-row{margin-top:.5rem}.mode-details{background-color:var(--bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);font-size:.95rem;padding:1.5rem}.mode-details,.mode-details-card{border:1px solid var(--border-color);margin-top:1.25rem}.mode-details-card{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:linear-gradient(180deg,#ffffff0a,#00000005),var(--bg-secondary);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);overflow:hidden;position:relative;transition:box-shadow .2s ease,border-color .2s ease}.mode-details-card:after{background:radial-gradient(100% 60% at 50% 0,rgba(var(--accent-primary-rgb),.08),#0000 50%);border-radius:inherit;content:"";inset:0;opacity:.6;pointer-events:none;position:absolute}.mode-details-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-lg)}.mode-details-header{background:radial-gradient(1200px 220px at -10% -80%,rgba(var(--accent-primary-rgb),.1),#0000 40%),linear-gradient(135deg,rgba(var(--accent-primary-rgb),.08),#0000 60%);padding:1.2rem 1.2rem .65rem}.mode-title{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.mode-title-text{color:var(--text-primary);font-size:1.05rem;font-weight:800}.mode-title-badge{background:rgba(var(--accent-primary-rgb),.12);border:1px solid rgba(var(--accent-primary-rgb),.25);border-radius:var(--radius-full);color:var(--accent-primary);font-size:.7rem;font-weight:800;letter-spacing:.5px;padding:.25rem .5rem;text-transform:uppercase}.mode-description{color:var(--text-secondary);font-size:.95rem;line-height:1.55;margin:.2rem 0 .6rem}.mode-stat-grid{grid-gap:.6rem;display:grid;gap:.6rem;grid-template-columns:1fr 1fr 1fr 1.3fr;padding:.6rem 1rem .85rem}.mode-stat{align-items:center;background:linear-gradient(180deg,#ffffff08,#00000005),var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:flex;gap:.6rem;min-width:0;overflow:hidden;padding:.55rem .65rem;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.mode-stat:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-icon{flex:0 0 auto;font-size:.82rem}.stat-content{display:flex;flex:1 1 auto;flex-direction:column;gap:.1rem;min-width:0}.stat-label{color:var(--text-tertiary);font-size:.72rem;font-weight:700;letter-spacing:.5px}.stat-value{display:block;font-size:.88rem;white-space:nowrap}.ordering-pill,.stat-value{overflow:hidden;text-overflow:ellipsis}.ordering-pill{align-items:center;background:linear-gradient(180deg,#ffffff0f,#00000005);border:1px solid #00000014;border-radius:999px;box-shadow:0 1px 2px #0000000d;display:inline-flex;font-size:.8rem;gap:.35rem;max-width:100%;padding:.12rem .4rem}.mode-stat--ordering .stat-value{font-size:.86rem}.mode-stat--ordering .ordering-pill{font-size:.82rem;padding:.12rem .42rem}@media (max-width:1100px){.mode-stat-grid{grid-template-columns:1fr 1fr 1fr}.mode-stat--ordering{grid-column:span 2}}@media (max-width:768px){.mode-stat-grid{grid-template-columns:1fr 1fr}.mode-stat--ordering{grid-column:span 2}}.mode-flags{display:flex;flex-wrap:wrap;gap:.5rem;padding:0 1rem 1rem}.flag-badge{align-items:center;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:linear-gradient(180deg,#ffffff0f,#00000005);border:1px solid #00000014;border-radius:999px;box-shadow:0 1px 2px #0000000d;color:var(--text-secondary);display:inline-flex;font-size:.72rem;font-weight:700;gap:.4rem;padding:.3rem .55rem}.flag-icon{font-size:.9rem;line-height:1}.flag-badge.flag-on{background:linear-gradient(180deg,rgba(var(--accent-primary-rgb),.12),rgba(var(--accent-primary-rgb),.06));border-color:rgba(var(--accent-primary-rgb),.35);box-shadow:0 0 0 1px rgba(var(--accent-primary-rgb),.18) inset;color:var(--accent-primary)}.expand-in{animation:expandIn .22s ease-out}@keyframes expandIn{0%{opacity:0;transform:translateY(6px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:768px){.mode-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mode-title-text{font-size:1.05rem}.mode-description{font-size:.95rem}}.mode-details p{color:var(--text-primary);line-height:1.6;margin:.75rem 0}.mode-details p:first-child{margin-top:0}.mode-details p strong{color:var(--text-primary);font-weight:600}.mode-details ul{color:var(--text-secondary);margin:.75rem 0;padding-left:1.75rem}.mode-details ul li{line-height:1.6;margin:.5rem 0}.action-buttons{flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2.5rem}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-primary:disabled{opacity:.6;transform:none}.btn-secondary:hover{box-shadow:var(--shadow-md)}.loading{font-size:1.5rem;font-weight:500;min-height:calc(100vh - 70px)}.recent-sessions{border-top:2px solid var(--border-color);margin-top:2.5rem;padding-top:2rem}.recent-sessions h2{color:var(--text-primary);font-size:1.75rem;font-weight:700;margin-bottom:1.5rem}.no-recent-sessions,.sessions-loading{color:var(--text-secondary);font-size:1rem;padding:2rem;text-align:center}.no-recent-sessions p{font-style:italic;margin:0}.sessions-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:1rem}.session-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;display:flex;flex-direction:column;gap:1rem;padding:1.5rem;transition:all var(--transition-normal)}.session-card:hover{background:var(--bg-hover);border-color:var(--accent-primary);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.session-card-header{align-items:center;display:flex;gap:.75rem;justify-content:space-between}.session-code-badge{background:#3b82f61a;border:1px solid #3b82f633;border-radius:var(--radius-md);color:var(--accent-primary);font-family:Courier New,monospace;font-size:1.1rem;font-weight:700;padding:.4rem .75rem}.status-badge{border-radius:var(--radius-full);padding:.35rem .75rem}.status-badge.status-completed{background:#10b98126;border:1px solid #10b9814d;color:var(--success)}.status-badge.status-active{background:#3b82f626;border:1px solid #3b82f64d;color:var(--info)}.status-badge.status-waiting{background:#f59e0b26;border:1px solid #f59e0b4d;color:var(--warning)}.status-badge.status-cancelled{background:#ef444426;border:1px solid #ef44444d;color:var(--error)}.session-card-body{display:flex;flex:1 1;flex-direction:column;gap:.75rem}.session-game-mode{color:var(--text-primary);font-size:1.2rem;font-weight:600;margin:0}.session-map-name{color:var(--text-secondary);font-size:.9rem;font-style:italic;margin:0}.session-meta{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.meta-item{align-items:center;color:var(--text-secondary);display:flex;font-size:.875rem;gap:.5rem}.meta-icon{font-size:1rem}.session-card-footer{align-items:center;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;margin-top:auto;padding-top:1rem}.session-date{color:var(--text-tertiary);font-size:.85rem;font-style:italic}.session-action{color:var(--accent-primary);font-size:.9rem;font-weight:600;transition:all var(--transition-fast)}.session-card:hover .session-action{color:var(--accent-hover);transform:translateX(4px)}.no-game-modes-message{background-color:var(--warning);background:linear-gradient(135deg,#f59e0b1a,#f59e0b0d);border:2px solid var(--warning);border-radius:var(--radius-md);color:var(--text-primary);padding:1.25rem}.no-game-modes-message p{color:var(--text-primary);font-weight:500;margin:0}.warning-banner{background:linear-gradient(135deg,#f59e0b1f,#f59e0b0f);border:1.5px solid #f59e0b59;border-radius:var(--radius-md);color:var(--text-primary);font-size:.95rem;padding:.9rem 1rem}@media (max-width:768px){.custom-grid,.setup-grid{grid-template-columns:1fr}.tile-card{padding:1rem}.geogusser-home{padding:2rem 1rem 1rem}.geogusser-home-container{padding:2rem 1.5rem}.geogusser-home h1{font-size:2.25rem}.geogusser-home .subtitle{font-size:1.1rem}.action-buttons{flex-direction:column}.btn-primary,.btn-secondary{width:100%}.sessions-grid{gap:1rem;grid-template-columns:1fr}.session-card{padding:1.25rem}.session-card-footer{align-items:flex-start;flex-direction:column;gap:.5rem}}.gg-lobby{min-height:70vh;padding:28px 18px;position:relative}.gg-lobby-shell{margin:0 auto;max-width:980px}.gg-lobby-title h1{font-size:32px;letter-spacing:-.02em;margin:0}.gg-lobby-subtitle{margin:6px 0 0;opacity:.85}.gg-lobby-hero{background:radial-gradient(120% 120% at 0 0,rgba(var(--accent-primary-rgb),.26) 0,#0000 52%),radial-gradient(120% 120% at 100% 0,rgba(var(--accent-hover-rgb),.22) 0,#0000 52%),linear-gradient(180deg,var(--bg-card),var(--bg-secondary));border:1px solid var(--border-color);border-radius:18px;box-shadow:var(--shadow-sm);margin-bottom:14px;overflow:hidden;padding:18px 18px 16px;position:relative}.gg-lobby-hero:after{background:radial-gradient(60% 60% at 50% 50%,#fff3 0,#fff0 70%);content:"";filter:blur(24px);height:160px;inset:-80px -140px auto -140px;opacity:.35;pointer-events:none;position:absolute}.gg-lobby-hero-left{position:relative;z-index:1}.gg-lobby-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.gg-pill{align-items:center;background:#ffffff0f;border:1px solid var(--border-color);border-radius:999px;display:inline-flex;font-size:12px;font-weight:800;gap:8px;letter-spacing:.02em;padding:8px 12px}.gg-pill-status.waiting{border-color:rgba(var(--accent-primary-rgb),.25)}.gg-pill-status.active{border-color:rgba(var(--success-rgb),.35)}.gg-pill-status.completed{border-color:rgba(var(--border-hover-rgb),.35)}.gg-pill-live.on{border-color:rgba(var(--success-rgb),.35)}.gg-pill-live.off{border-color:#ef444459}.gg-pill-live.on .gg-live-dot{animation:ggPulse 1.4s ease-in-out infinite;background:rgba(var(--success-rgb),.95)}@keyframes ggPulse{0%{box-shadow:0 0 0 0 rgba(var(--success-rgb),0)}50%{box-shadow:0 0 0 8px rgba(var(--success-rgb),.2)}to{box-shadow:0 0 0 0 rgba(var(--success-rgb),0)}}.gg-lobby-banner{border-radius:12px;margin:10px 0 14px;padding:12px 14px}.gg-lobby-banner-error{background:#ef44441f;border:1px solid #ef444459}.gg-lobby-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1.1fr .9fr}@media (max-width:860px){.gg-lobby-grid{grid-template-columns:1fr}}.gg-lobby-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:16px}.gg-lobby-card-title{font-weight:800;margin-bottom:12px;opacity:.95}.gg-lobby-code-row{align-items:center;display:flex;gap:12px;justify-content:space-between}.gg-lobby-code-value{font-size:34px;font-weight:900;letter-spacing:.12em}.gg-lobby-hint{font-size:13px;margin-top:10px;opacity:.8}.gg-lobby-invite-row{align-items:center;display:flex;gap:10px;justify-content:space-between}.gg-lobby-invite-value{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;flex:1 1;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px;min-width:0;overflow:hidden;padding:10px 12px;text-overflow:ellipsis;white-space:nowrap}.gg-lobby-count{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:999px;display:inline-flex;font-size:13px;height:26px;justify-content:center;margin-left:8px;min-width:26px}.gg-lobby-player-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr;max-height:360px;overflow:auto;padding-right:6px}.gg-lobby-player-grid.is-stale{opacity:.9}.gg-player-card{align-items:center;background:linear-gradient(180deg,var(--bg-secondary),var(--bg-card));border:1px solid var(--border-color);border-radius:14px;display:flex;gap:12px;justify-content:space-between;padding:12px;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.gg-player-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.gg-player-left{gap:12px}.gg-avatar{align-items:center;background:linear-gradient(135deg,rgb(var(--accent-primary-rgb)),rgb(var(--accent-hover-rgb)));border-radius:14px;box-shadow:var(--shadow-sm);color:var(--text-inverse);display:inline-flex;font-size:18px;font-weight:900;height:38px;justify-content:center;letter-spacing:-.02em;width:38px}.gg-player-identity{flex-direction:column;gap:3px}.gg-player-identity,.gg-player-name{display:flex;min-width:0}.gg-player-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:2px}.gg-badge{padding:4px 10px}.gg-badge.is-leader{background:rgba(var(--success-rgb),.12);border-color:rgba(var(--success-rgb),.45)}.gg-lobby-pill{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:999px;font-size:12px;opacity:.9;padding:4px 8px}.gg-player-score{font-weight:800;opacity:.9}.gg-lobby-empty{opacity:.7;padding:10px 0 4px}.gg-empty-title{font-weight:900;margin-bottom:4px;opacity:.95}.gg-empty-sub{font-size:13px;opacity:.8}.gg-lobby-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:14px}.gg-btn{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;color:inherit;font-weight:800;padding:10px 14px}.gg-btn:hover{background:var(--bg-hover)}.gg-btn:disabled{cursor:not-allowed;opacity:.5}.gg-btn-primary{border-color:rgba(var(--accent-active-rgb),.35)}.gg-btn-glow{overflow:hidden;position:relative}.gg-btn-glow:after{animation:ggSweep 2.8s ease-in-out infinite;background:radial-gradient(40% 40% at 20% 50%,#ffffff59 0,#fff0 70%);content:"";inset:-40% -30%;opacity:.55;pointer-events:none;position:absolute;transform:translateX(-20%)}@keyframes ggSweep{0%{opacity:.15;transform:translateX(-30%)}40%{opacity:.55;transform:translateX(30%)}to{opacity:.1;transform:translateX(60%)}}.gg-btn-secondary{background:var(--bg-card)}.gg-btn-ghost{background:#0000}.gg-btn.is-copied{background:rgba(var(--success-rgb),.14);border-color:rgba(var(--success-rgb),.35)}.dark-mode .gg-lobby-card{background:#ffffff0f}.dark-mode .gg-lobby-card,.dark-mode .gg-lobby-hero{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff1f}.dark-mode .gg-lobby-hero{background:radial-gradient(120% 120% at 0 0,#6366f14d 0,#0000 55%),radial-gradient(120% 120% at 100% 0,#8b5cf642 0,#0000 55%),#ffffff0f}.dark-mode .gg-pill{background:#ffffff0f;border:1px solid #ffffff1f}.dark-mode .gg-lobby-count{background:#ffffff14;border:1px solid #ffffff1f}.dark-mode .gg-btn,.dark-mode .gg-lobby-pill{background:#ffffff0f;border:1px solid #ffffff1f}.dark-mode .gg-btn:hover{background:#ffffff1a}.dark-mode .gg-btn-primary{background:#6366f140;border-color:#6366f173;color:inherit}.gg-lobby-error,.gg-lobby-loading{opacity:.85;padding:40px 18px}.sc-chat{position:relative}.sc-head{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:10px}.sc-live,.sc-title{font-weight:900}.sc-live{background:#ffffff0f;border:1px solid var(--border-color);border-radius:999px;font-size:12px;padding:6px 10px}.sc-live.on{border-color:rgba(var(--success-rgb),.35)}.sc-live.off{border-color:#ef444459}.sc-list{display:flex;flex-direction:column;gap:10px;max-height:320px;overflow:auto;padding-right:6px}.sc-empty{font-size:13px;opacity:.7;padding:8px 2px 2px}.sc-msg{align-items:flex-end;display:flex;gap:10px}.sc-avatar{align-items:center;background:linear-gradient(135deg,rgba(var(--accent-primary-rgb),.28),rgba(var(--accent-hover-rgb),.2));border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-sm);display:inline-flex;font-size:16px;font-weight:900;height:32px;justify-content:center;width:32px}.sc-bubble{background:linear-gradient(180deg,var(--bg-secondary),var(--bg-card));border:1px solid var(--border-color);border-radius:14px;flex:1 1;min-width:0;padding:10px 12px}.sc-meta{align-items:baseline;display:flex;gap:10px;justify-content:space-between;margin-bottom:4px}.sc-name{font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sc-time{flex:0 0 auto;font-size:12px;opacity:.65}.sc-text{white-space:pre-wrap;word-break:break-word}.sc-typing{font-size:12px;margin-top:8px;min-height:18px;opacity:.75}.sc-compose{align-items:center;display:flex;gap:10px;margin-top:8px}.sc-emoji-btn{background:var(--bg-card);cursor:pointer;font-size:16px;width:38px}.sc-emoji-btn,.sc-input{border:1px solid var(--border-color);border-radius:12px;height:38px}.sc-input{background:var(--bg-secondary);color:inherit;flex:1 1;min-width:0;padding:0 12px}.sc-send{background:linear-gradient(135deg,rgba(var(--accent-primary-rgb),.3),rgba(var(--accent-hover-rgb),.22));border:1px solid var(--border-color);border-radius:12px;cursor:pointer;font-weight:900;height:38px;padding:0 14px}.sc-emoji-btn:disabled,.sc-input:disabled,.sc-send:disabled{cursor:not-allowed;opacity:.6}.sc-emoji-pop{background:var(--bg-card);border:1px solid var(--border-color);border-radius:14px;bottom:56px;box-shadow:var(--shadow-md);display:flex;flex-wrap:wrap;gap:8px;left:0;padding:10px;position:absolute;right:0;z-index:20}.sc-emoji{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;cursor:pointer;font-size:16px;height:34px;width:34px}.map-modal-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.map-modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);color:var(--text-primary);display:flex;flex-direction:column;max-height:90vh;max-width:90vw;overflow:hidden;width:100%}.map-modal-header{align-items:center;background:var(--bg-secondary);border-bottom:2px solid var(--border-color);display:flex;justify-content:space-between;padding:1.5rem}.map-modal-header h3{color:var(--text-primary);font-size:1.25rem;margin:0}.close-btn{background:var(--bg-card);border:1px solid var(--border-color);border-radius:50%;font-size:2rem;height:2rem;transition:background var(--transition-fast),color var(--transition-fast);width:2rem}.close-btn:hover{color:var(--text-primary)}.close-btn:focus-visible{border-color:rgba(var(--accent-primary-rgb),.5);box-shadow:0 0 0 3px rgba(var(--accent-primary-rgb),.18);outline:none}.map-modal-content{background:var(--bg-primary);display:flex;flex:1 1;flex-direction:column;overflow:hidden}.map-modal-legend{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:10px;padding:10px 12px}.map-legend-item{align-items:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:999px;display:inline-flex;gap:8px;max-width:100%;padding:6px 10px}.map-legend-dot{border-radius:999px;box-shadow:0 0 0 4px #0000000f;height:10px;width:10px}.map-legend-name{color:var(--text-primary);font-size:12px;font-weight:800;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:640px){.map-modal{border-left:none;border-radius:0;border-right:none;height:100vh;max-height:100vh;max-width:100vw;width:100vw}.map-modal-header{padding:.9rem 1rem}.map-modal-header h3{font-size:1.05rem}.map-modal-actions{gap:.75rem;padding:.9rem 1rem}.map-modal-content .mcc-container{flex:1 1;min-height:0}}.map-container{align-items:center;background:var(--bg-tertiary);display:flex;flex:1 1;justify-content:center;max-height:70vh;min-height:400px;overflow:auto}.map-image{max-height:100%;max-width:100%;-webkit-user-select:none;user-select:none}.answer-pin{color:var(--success);filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:2rem;transform:translate(-50%,-100%);z-index:9}.map-modal-actions{background:var(--bg-secondary);border-top:2px solid var(--border-color);display:flex;gap:1rem;justify-content:center;padding:1.5rem}.btn-show-answer,.gg-btn-submit{border:none;border-radius:var(--radius-md);cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 2rem;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.gg-btn-submit{background:linear-gradient(135deg,rgb(var(--accent-primary-rgb)) 0,rgb(var(--accent-hover-rgb)) 100%);border:1px solid rgba(var(--accent-active-rgb),.35);box-shadow:var(--shadow-md),0 1px 0 #ffffff40 inset;color:var(--text-inverse)}.gg-btn-submit:hover{box-shadow:var(--shadow-lg),0 1px 0 #ffffff38 inset;transform:translateY(-2px)}.gg-btn-submit:active{box-shadow:var(--shadow-sm),0 1px 0 #ffffff2e inset;transform:translateY(0)}.gg-btn-submit:focus-visible{box-shadow:0 0 0 3px rgba(var(--accent-primary-rgb),.22),var(--shadow-lg),0 1px 0 #fff3 inset;outline:none}.btn-show-answer{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary)}.btn-show-answer:hover:not(:disabled){background:var(--bg-hover);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.btn-show-answer:disabled{background:var(--bg-tertiary);color:var(--text-tertiary);cursor:not-allowed;opacity:.6}.answer-shown-indicator{background:var(--success);border-radius:var(--radius-md);color:var(--text-inverse);font-weight:600;padding:.75rem 1.5rem;text-align:center}.user-guess-pin{z-index:11}.guess-results-wrapper{align-items:center;display:flex;flex-direction:column;gap:1rem;width:100%}.guess-results-display{align-items:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;gap:2rem;justify-content:center;padding:.75rem 1.5rem;width:100%}.guess-stat{align-items:center;display:flex;flex-direction:column;gap:.25rem}.stat-label{font-weight:500}.stat-value{font-size:1.125rem;font-weight:600}.stat-value.score-value{color:var(--success);font-size:1.25rem}.map-line-overlay{pointer-events:none}.btn-close-result{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 2rem;transition:all var(--transition-fast)}.btn-close-result:hover{background:var(--bg-hover);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.btn-close-result:focus-visible{border-color:rgba(var(--accent-primary-rgb),.5);box-shadow:0 0 0 3px rgba(var(--accent-primary-rgb),.14);outline:none}.geogusser-game.gg-game{background:var(--bg-primary);color:var(--text-primary);min-height:100vh;padding:22px 16px 110px}.gg-game-shell{margin:0 auto;max-width:1200px}.error-banner{background:#ef444424;border:1px solid #ef444459;border-radius:12px;color:var(--text-primary);margin-bottom:12px;padding:12px 14px}.gg-game-hero{background:radial-gradient(120% 120% at 0 0,rgba(var(--accent-primary-rgb),.22) 0,#0000 55%),radial-gradient(120% 120% at 100% 0,rgba(var(--accent-hover-rgb),.18) 0,#0000 55%),linear-gradient(180deg,var(--bg-card),var(--bg-secondary));border:1px solid var(--border-color);border-radius:18px;box-shadow:var(--shadow-sm);margin-bottom:14px;overflow:hidden;padding:16px 16px 14px;position:relative}.gg-game-hero:after{background:radial-gradient(60% 60% at 50% 50%,#ffffff2e 0,#fff0 70%);content:"";filter:blur(24px);height:170px;inset:-90px -160px auto -160px;opacity:.3;pointer-events:none;position:absolute}.gg-game-hero-left,.gg-game-hero-right{align-items:center;display:flex;gap:10px;position:relative;z-index:1}.gg-game-hero{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.gg-game-title{font-size:22px;letter-spacing:-.02em;margin:0}.gg-game-sub{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.gg-chip{align-items:center;background:#ffffff0f;border:1px solid var(--border-color);border-radius:999px;display:inline-flex;font-size:12px;font-weight:800;gap:8px;letter-spacing:.02em;padding:8px 12px}.gg-chip-code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;letter-spacing:.12em}.gg-chip-live.on{border-color:rgba(var(--success-rgb),.35)}.gg-chip-live.off{border-color:#ef444459}.gg-live-dot{background:#ef4444e6;border-radius:999px;box-shadow:0 0 0 0 #ef444400;height:10px;width:10px}.gg-chip-live.on .gg-live-dot{animation:ggGamePulse 1.4s ease-in-out infinite;background:rgba(var(--success-rgb),.95)}@keyframes ggGamePulse{0%{box-shadow:0 0 0 0 rgba(var(--success-rgb),0)}50%{box-shadow:0 0 0 8px rgba(var(--success-rgb),.18)}to{box-shadow:0 0 0 0 rgba(var(--success-rgb),0)}}.gg-timer{font-feature-settings:"tnum";background:#ffffff0f;border:1px solid var(--border-color);border-radius:999px;font-variant-numeric:tabular-nums;font-weight:900;padding:8px 12px}.gg-timer-photo{border-color:#3b82f659}.gg-timer-guess{border-color:#ef444459}.gg-game-grid{grid-gap:14px;align-items:start;display:grid;gap:14px;grid-template-columns:1.35fr .65fr}.gg-stage-frame{align-items:center;background:linear-gradient(180deg,var(--bg-card),var(--bg-secondary));border:1px solid var(--border-color);border-radius:18px;box-shadow:var(--shadow-sm);display:flex;justify-content:center;min-height:420px;overflow:hidden;position:relative}.gg-stage-photo{display:block;height:100%;max-height:74vh;object-fit:contain;padding:10px;width:100%}.gg-stage-hidden{opacity:.9;padding:20px;text-align:center}.gg-stage-hidden-title{font-weight:900;margin-bottom:4px}.gg-stage-hidden-sub{font-size:14px;opacity:.75}.gg-review-overlay{display:flex;inset:auto 12px 12px 12px;justify-content:flex-start;position:absolute}.gg-review-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000008c;border:1px solid #ffffff1f;border-radius:16px;color:#fff;padding:12px 12px 10px;width:min(520px,100%)}.gg-review-title{font-weight:900;letter-spacing:-.01em;margin-bottom:8px}.gg-review-metrics{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.gg-metric{background:#ffffff12;border:1px solid #ffffff1f;border-radius:14px;padding:10px}.gg-metric-label{font-size:12px;margin-bottom:2px;opacity:.78}.gg-metric-value{font-size:16px;font-weight:900}.gg-metric-score{color:rgba(var(--success-rgb),.95)}.gg-review-sub{font-size:13px;margin-top:10px;opacity:.9}.gg-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--shadow-sm);padding:14px}.gg-card-title{font-weight:900;margin-bottom:10px}.gg-count{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:999px;display:inline-flex;font-size:13px;height:26px;justify-content:center;margin-left:8px;min-width:26px}.gg-player-list{display:flex;flex-direction:column;gap:10px;max-height:420px;overflow:auto;padding-right:6px}.gg-player-row{background:linear-gradient(180deg,var(--bg-secondary),var(--bg-card));border:1px solid var(--border-color);border-radius:14px;justify-content:space-between;padding:10px}.gg-player-left,.gg-player-row{align-items:center;display:flex;gap:10px}.gg-player-left{min-width:0}.gg-player-avatar{background:linear-gradient(135deg,rgb(var(--accent-primary-rgb)),rgb(var(--accent-hover-rgb)));border-radius:14px;box-shadow:var(--shadow-sm);font-size:18px;height:34px;justify-content:center;width:34px}.gg-player-avatar,.gg-player-name{align-items:center;display:inline-flex}.gg-player-name{font-weight:900;gap:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gg-badge{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:999px;font-size:12px;font-weight:800;opacity:.9;padding:3px 9px}.gg-player-right{align-items:center;display:flex;gap:10px}.gg-player-score{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:900}.gg-player-dot{background:#ef4444d9;border-radius:999px;box-shadow:0 0 0 0 #ef444400;height:10px;width:10px}.gg-player-dot.on{background:rgba(var(--success-rgb),.95);box-shadow:0 0 0 6px rgba(var(--success-rgb),.18)}.gg-card-actions{margin-top:12px}.gg-btn-primary{background:linear-gradient(135deg,rgb(var(--accent-primary-rgb)),rgb(var(--accent-hover-rgb)));border:1px solid rgba(var(--accent-active-rgb),.35);border-radius:14px;box-shadow:var(--shadow-md);color:var(--text-inverse);font-weight:900;padding:12px 14px;transition:transform .12s ease,box-shadow .12s ease;width:100%}.gg-btn-primary:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:translateY(-1px)}.gg-btn-primary:disabled{cursor:not-allowed;opacity:.6}.gg-action-hint{font-size:13px;margin-top:10px;opacity:.8}.gg-guess-preview{background:linear-gradient(180deg,var(--bg-secondary),var(--bg-card));border:1px solid var(--border-color);border-radius:16px;cursor:pointer;margin-top:12px;padding:12px 12px 10px;text-align:left;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease;width:100%}.gg-guess-preview:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.gg-guess-preview-head{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:8px}.gg-guess-preview-title{font-weight:900}.gg-guess-preview-cta{color:var(--text-secondary);font-size:12px;font-weight:900}.gg-guess-preview-map .mcc-container{border:1px solid var(--border-color);border-radius:14px}.gg-card-chat{margin-top:14px}@media (max-width:980px){.gg-card-chat{margin-top:12px}}.gg-mobile-bar{background:#0000;bottom:0;display:none;left:0;padding:12px 12px calc(12px + env(safe-area-inset-bottom));position:fixed;right:0;z-index:1200}.gg-mobile-btn{background:linear-gradient(135deg,rgb(var(--accent-primary-rgb)),rgb(var(--accent-hover-rgb)));border:1px solid rgba(var(--accent-active-rgb),.35);border-radius:16px;box-shadow:var(--shadow-xl);color:var(--text-inverse);font-weight:900;padding:14px;width:100%}.gg-mobile-btn:disabled{opacity:.6}@media (max-width:860px){.geogusser-game.gg-game{padding-bottom:140px}.gg-game-grid{grid-template-columns:1fr}.gg-mobile-bar{display:block}.gg-card-actions{display:none}.gg-stage-frame{min-height:320px}}.loading{font-size:1.25rem;opacity:.9}.error,.loading{align-items:center;color:var(--text-primary);display:flex;justify-content:center;min-height:100vh}.error{flex-direction:column;gap:1rem}.error button{background:var(--accent-primary);border:none;border-radius:var(--radius-md);color:var(--text-inverse);cursor:pointer;padding:1rem 2rem;transition:all var(--transition-normal)}.error button:hover{background:var(--accent-hover)}.geogusser-results{align-items:flex-start;background-color:var(--bg-primary);box-sizing:border-box;color:var(--text-primary);display:flex;justify-content:center;min-height:calc(100vh - 70px);padding:2rem;width:100%}.results-error,.results-loading{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);color:var(--text-primary);margin:2rem auto;max-width:600px;padding:3rem;text-align:center}.results-error h2{color:var(--error);margin-bottom:1rem}.results-container{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);box-sizing:border-box;margin:0 auto;max-width:1200px;padding:3rem;width:100%}.results-header{border-bottom:2px solid var(--border-color);margin-bottom:2.5rem;padding-bottom:2rem;text-align:center}.results-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent-primary),#8b5cf6);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:3rem;font-weight:800;margin:0 0 1rem}.session-code{color:var(--text-secondary);font-size:1.25rem;font-weight:500;margin:.5rem 0}.game-mode{color:var(--text-tertiary);font-size:1rem;margin:0}.winner-banner-wrapper{margin:0 0 2.5rem;overflow:visible}.winner-banner,.winner-banner-wrapper{display:block;position:relative;width:100%}.winner-banner{animation:winner-pulse 2s ease-in-out infinite;background:linear-gradient(135deg,var(--success),#34d399);border:2px solid var(--success);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);box-sizing:border-box;overflow:hidden;padding:2.5rem;text-align:center;transform:scale(1);transform-origin:center center;will-change:transform}.winner-banner:before{background:linear-gradient(135deg,#ffffff1a,#fff0);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.winner-banner.you-won{animation:winner-pulse 2s ease-in-out infinite,glow 2s ease-in-out infinite}@keyframes winner-pulse{0%,to{transform:translate(0) scale(1)}50%{transform:translate(0) scale(1.02)}}@keyframes glow{0%,to{box-shadow:0 0 30px #10b98166,var(--shadow-xl)}50%{box-shadow:0 0 40px #10b98199,var(--shadow-xl)}}.winner-content{position:relative;z-index:1}.winner-content h2{color:var(--text-inverse);font-size:2rem;font-weight:700;margin:0 0 1rem;text-shadow:0 2px 4px #0003}.winner-name{font-size:2.5rem;margin:.5rem 0}.winner-name,.winner-score{color:var(--text-inverse);font-weight:800;text-shadow:0 2px 4px #0003}.winner-score{font-size:3rem;margin-top:.5rem}.game-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:3rem}.stat-card{background:linear-gradient(135deg,var(--accent-primary),var(--accent-hover));border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:var(--text-inverse);text-align:center;transition:all var(--transition-normal)}.stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.stat-label{font-size:.9rem;font-weight:600;letter-spacing:1px;margin-bottom:.75rem;opacity:.95;text-transform:uppercase}.stat-value{line-height:1.2;overflow-wrap:anywhere;text-align:center;word-break:break-word}.date-card .stat-value.small{font-size:1.1rem}.leaderboard-section{margin-bottom:3rem}.leaderboard-section h2{color:var(--text-primary);font-size:2rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.leaderboard{display:flex;flex-direction:column;gap:1rem}.leaderboard-item{align-items:center;background-color:var(--bg-secondary);border-left:5px solid var(--border-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;gap:1.5rem;padding:1.5rem;transition:all var(--transition-normal)}.leaderboard-item:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md);transform:translateX(5px)}.leaderboard-item.top-three{background:linear-gradient(135deg,#ff98001a,#ff98000d);border-left-color:var(--warning)}.leaderboard-item.first-place{background:linear-gradient(135deg,#fbc02d33,#fbc02d1a);border-left-color:var(--warning);box-shadow:var(--shadow-md)}.rank-badge{color:var(--accent-primary);font-size:1.5rem;font-weight:700;min-width:60px;text-align:center}.leaderboard-item.first-place .rank-badge,.leaderboard-item.top-three .rank-badge{color:var(--warning)}.player-info{flex:1 1}.player-name{color:var(--text-primary);font-size:1.3rem;font-weight:600;margin-bottom:.5rem}.player-name.player-link{background:#0000;border:none;color:var(--text-primary);cursor:pointer;padding:0}.player-stats{display:flex;flex-wrap:wrap;gap:.5rem}.stat-badge{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:20px;color:var(--accent-primary);font-size:.85rem;font-weight:600;padding:.375rem .875rem}.stat-badge.best{background-color:#10b9811a;border-color:var(--success);color:var(--success)}.player-score{color:var(--accent-primary);font-size:2rem;font-weight:700;min-width:120px;text-align:right}.leaderboard-item.first-place .player-score{color:var(--warning)}.detailed-stats-section{margin-bottom:3rem}.detailed-stats-section h2{color:var(--text-primary);font-size:2rem;font-weight:700;margin-bottom:2rem;text-align:center}.player-details{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:2rem;padding:2rem}.player-details-header{align-items:center;border-bottom:2px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.player-details-header h3{color:var(--text-primary);font-size:1.8rem;font-weight:700;margin:0}.total-score-badge{background:linear-gradient(135deg,var(--accent-primary),var(--accent-hover));border-radius:25px;box-shadow:var(--shadow-md);color:var(--text-inverse);font-size:1.2rem;font-weight:700;padding:.75rem 1.5rem}.summary-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.summary-stat{align-items:center;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;padding:1rem}.summary-stat .label{color:var(--text-secondary);font-size:.9rem;font-weight:500}.summary-stat .value{color:var(--text-primary);font-size:1.2rem;font-weight:700}.level-breakdown h4{color:var(--text-primary);font-size:1.3rem;font-weight:600;margin-bottom:1rem}.levels-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.level-stat{background-color:var(--bg-card);border-left:4px solid var(--accent-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:1rem;transition:all var(--transition-fast)}.level-stat:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.level-name{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:.5rem}.level-score{color:var(--accent-primary);font-size:1.5rem;font-weight:700;margin:.5rem 0}.level-distance{color:var(--text-secondary);font-size:.85rem;margin-bottom:.25rem}.level-time{color:var(--text-tertiary);font-size:.85rem;font-style:italic}.results-actions{border-top:2px solid var(--border-color);display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;padding-top:2rem}.btn-primary,.btn-secondary{align-items:center;border:none;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-size:1.1rem;font-weight:600;justify-content:center;padding:1rem 2rem;text-decoration:none;transition:all var(--transition-normal)}.btn-primary:hover{transform:translateY(-2px)}.btn-secondary{background-color:var(--bg-card);border:2px solid var(--border-color)}.btn-secondary:hover{background-color:var(--bg-hover);border-color:var(--border-hover);transform:translateY(-2px)}.btn-large{font-size:1.2rem;padding:1.2rem 2.5rem}@media (max-width:768px){.geogusser-results{padding:2rem 1rem 1rem}.results-container{padding:2rem 1.5rem}.results-header h1{font-size:2.25rem}.winner-name{font-size:1.8rem}.winner-score{font-size:2rem}.game-stats{gap:1rem;grid-template-columns:repeat(2,1fr)}.leaderboard-item{flex-direction:column;gap:1rem;text-align:center}.player-score{min-width:auto;text-align:center}.player-details-header{flex-direction:column;gap:1rem;text-align:center}.levels-grid{grid-template-columns:1fr}.results-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}.level-guesses-grid{grid-template-columns:1fr}}.level-guesses-section{border-top:2px solid var(--border-color);margin-top:4rem;padding-top:3rem}.level-guesses-section h2{color:var(--text-primary);font-size:2rem;margin-bottom:2rem;text-align:center}.level-guesses-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-top:2rem}.level-guess-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:1.5rem;transition:transform .2s,box-shadow .2s}.level-guess-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.level-guess-header{border-bottom:1px solid var(--border-color);margin-bottom:1.5rem;padding-bottom:1rem}.level-guess-header h3{color:var(--text-primary);font-size:1.25rem;margin-bottom:.75rem}.level-guess-stats{display:flex;flex-wrap:wrap;gap:1.5rem}.stat-item{display:flex;flex-direction:column;gap:.25rem}.stat-item .stat-label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.stat-item .stat-value{color:var(--text-primary);font-size:1rem;font-weight:600}.stat-item .stat-value.score{color:var(--success);font-size:1.125rem}.level-guess-content{display:flex;flex-direction:column;gap:1.5rem}.recent-games-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-top:1.5rem}.recent-game-card{background:linear-gradient(180deg,var(--bg-card),var(--bg-secondary));border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;padding:1.25rem;transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast)}.recent-game-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.recent-game-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.recent-game-title{display:flex}.badge,.recent-game-title{align-items:center;gap:.5rem}.badge{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:10px;color:var(--text-secondary);display:inline-flex;font-size:.8rem;font-weight:700;padding:.35rem .65rem}.badge.code{background:#6366f114;border-color:var(--accent-primary);color:var(--accent-primary)}.badge.winner{background:#10b98114;border-color:var(--success);color:var(--success)}.recent-game-meta{color:var(--text-tertiary);font-size:.85rem}.recent-game-body{flex:1 1;padding:.5rem 0 .75rem}.pill-row{display:flex;flex-wrap:wrap;gap:.5rem}.pill{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:999px;color:var(--text-secondary);display:inline-flex;font-size:.85rem;font-weight:600;padding:.4rem .75rem}.pill-link{background:#6366f114;border-color:var(--accent-primary);color:var(--accent-primary)}.pill-host{background:#fbbf241f;border-color:#f59e0b;color:#f59e0b}.pill-player{background:#6366f11f;border-color:var(--accent-primary);color:var(--accent-primary)}.recent-game-footer{display:flex;justify-content:flex-end;margin-top:auto}.btn-ghost{background:#0000;border:2px solid var(--accent-primary)}.btn-ghost:hover{background:linear-gradient(135deg,#6366f11f,#8b5cf61f)}.level-photo-container{width:100%}.level-photo-container .level-photo{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);max-height:300px;object-fit:contain;width:100%}.photo-label{color:var(--text-secondary);font-size:.875rem;margin-top:.5rem;text-align:center}.level-map-container{width:100%}.map-container{aspect-ratio:16/9;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%}.map-image{height:100%;object-fit:contain}.map-legend{border-top:1px solid var(--border-color);display:flex;gap:1.5rem;justify-content:center;margin-top:1rem;padding-top:1rem}.legend-item{color:var(--text-secondary);font-size:.875rem}.legend-marker.guess-marker{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:1.25rem}.legend-marker.answer-marker{font-size:.75rem;height:20px;width:20px}.no-guesses{color:var(--text-secondary);font-size:1.125rem;padding:2rem;text-align:center}.filters-row{align-items:flex-end;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:3rem;padding:1.5rem}.filter{flex:1 1;min-width:200px}.filter label{color:var(--text-secondary);display:block;font-size:.875rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.filter select{-webkit-appearance:none;appearance:none;background-color:var(--bg-card);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23666' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1rem;border:2px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:var(--text-primary);cursor:pointer;font-size:1rem;font-weight:500;padding:.875rem 2.5rem .875rem 1rem;transition:all var(--transition-normal);width:100%}.filter select:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-md)}.filter select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(var(--accent-primary-rgb),.1),var(--shadow-md);outline:none}.filter select:active{border-color:var(--accent-hover)}.filter select option{background-color:var(--bg-card);color:var(--text-primary);padding:.5rem}.au-backdrop{align-items:center;background:#000000bf;display:flex;inset:0;justify-content:center;position:fixed;z-index:2000}.au-modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-height:90vh;overflow:auto;width:min(720px,94vw)}.au-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;gap:1rem;justify-content:space-between;padding:1.25rem 1.25rem .75rem}.au-header h3{color:var(--text-primary);margin:0}.au-header p{margin:.35rem 0 0}.au-close,.au-header p{color:var(--text-secondary)}.au-close{background:#0000;border:none;border-radius:10px;cursor:pointer;font-size:1.25rem;height:36px;width:36px}.au-close:hover{background:var(--bg-hover);color:var(--text-primary)}.au-tabs{display:flex;gap:.5rem;padding:.9rem 1.25rem .25rem}.au-tab{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:999px;color:var(--text-secondary);cursor:pointer;font-weight:600;padding:.55rem .9rem}.au-tab.active{background:var(--accent-primary);border-color:var(--accent-primary);color:var(--text-inverse)}.au-error{background:#ef444414;border:1px solid #ef444459;border-radius:var(--radius-md);color:var(--error);margin:.5rem 1.25rem 0;padding:.75rem 1rem}.au-form{padding:.75rem 1.25rem 1.25rem}.au-grid{grid-gap:.9rem;display:grid;gap:.9rem;grid-template-columns:1fr 1fr}.au-grid label{color:var(--text-secondary);display:flex;flex-direction:column;font-size:.9rem;gap:.35rem}.au-grid input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);padding:.7rem .8rem}.au-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.1rem}@media (max-width:700px){.au-grid{grid-template-columns:1fr}}.tt-page{margin:0 auto;max-width:1200px;padding:22px 16px 48px}.tt-hero{grid-gap:18px;align-items:stretch;display:grid;gap:18px;grid-template-columns:1.2fr .8fr;margin-bottom:18px}.tt-hero-left{background:radial-gradient(110% 140% at 0 0,rgba(var(--accent-primary-rgb),.24) 0,#0000 55%),radial-gradient(110% 140% at 100% 0,rgba(var(--accent-hover-rgb),.18) 0,#0000 55%),linear-gradient(180deg,var(--bg-card),var(--bg-secondary));border:1px solid var(--border-color);border-radius:18px;box-shadow:var(--shadow-sm);padding:18px}.tt-title{font-size:32px;letter-spacing:-.02em;margin:0}.tt-subtitle{color:var(--text-secondary);line-height:1.6;margin:10px 0 0}.tt-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.tt-tag{align-items:center;background:#ffffff0f;border:1px solid var(--border-color);border-radius:999px;display:inline-flex;font-size:12px;font-weight:800;padding:7px 12px}.tt-hero-right .tt-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:18px;box-shadow:var(--shadow-sm);height:100%;padding:18px}.tt-card-title{font-weight:900;margin-bottom:10px}.tt-list{color:var(--text-secondary);line-height:1.8;margin:0;padding-left:18px}.tt-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(3,1fr)}.tt-tile{background:linear-gradient(180deg,var(--bg-card),var(--bg-secondary));border:1px solid var(--border-color);border-radius:18px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:10px;padding:18px}.tt-tile-icon{font-size:28px}.tt-tile-title{font-weight:900;letter-spacing:-.01em}.tt-tile-sub{color:var(--text-secondary);flex:1 1;line-height:1.6}.tt-btn{background:var(--bg-card);border:1px solid var(--border-color);border-radius:14px;color:var(--text-primary);font-weight:900;padding:10px 12px}.tt-btn:disabled{background:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-secondary);cursor:not-allowed;opacity:1}@media (max-width:980px){.tt-grid,.tt-hero{grid-template-columns:1fr}}.admin-layout{background:var(--bg-primary);color:var(--text-primary);display:flex;min-height:100vh}.admin-sidebar{background:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;overflow:hidden;transition:width .3s ease;width:260px}.admin-sidebar.closed{width:60px}.sidebar-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1.5rem}.brand{align-items:center;color:var(--text-primary);display:inline-flex;gap:.5rem;text-decoration:none}.brand:hover{color:var(--primary-color)}.sidebar-toggle{background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;font-size:1.2rem;padding:.25rem .5rem;transition:background .2s}.sidebar-toggle:hover{background:var(--bg-hover)}.sidebar-nav{flex:1 1;overflow-y:auto;padding:1rem 0}.nav-group{margin-top:.25rem}.nav-group-header{align-items:center;background:#0000;border:none;color:var(--text-secondary);cursor:pointer;display:flex;gap:.75rem;padding:.75rem 1.5rem;text-align:left;width:100%}.nav-group-header:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-group-children{padding-left:.5rem}.nav-item.child{padding-left:2.25rem}.chevron{margin-left:auto}.nav-item{align-items:center;border-left:3px solid #0000;color:var(--text-secondary);display:flex;gap:.75rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s}.nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-item.active{background:var(--bg-hover);border-left-color:var(--primary-color);color:var(--primary-color);font-weight:500}.nav-icon{font-size:1.25rem;min-width:24px;text-align:center}.nav-label{overflow:hidden;white-space:nowrap}.admin-sidebar.closed .nav-label{display:none}.sidebar-footer{border-top:1px solid var(--border-color);padding:1rem 0}.sidebar-footer .nav-item{border-left:none}.logout-btn{background:none;border:none;cursor:pointer;text-align:left;width:100%}.admin-main{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.admin-header{background:var(--bg-card);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm);padding:0 2rem}.header-content{align-items:center;display:flex;height:70px;justify-content:space-between}.admin-header h1{font-size:1.5rem;font-weight:600;margin:0}.user-info{align-items:center;display:flex;gap:.75rem}.user-link{background:none;border:none;border-radius:4px;color:var(--text-primary);cursor:pointer;padding:.25rem .5rem}.user-link:hover{background:var(--bg-hover)}.badge{background:var(--primary-color);border-radius:4px;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .5rem}.admin-content{flex:1 1;overflow-y:auto;padding:2rem}@media (max-width:768px){.admin-sidebar{height:100vh;position:fixed;transform:translateX(-100%);z-index:1000}.admin-sidebar.open{transform:translateX(0)}.admin-main{margin-left:0}}.admin-dashboard{max-width:1400px}.dashboard-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.dashboard-header h2{font-size:1.75rem;font-weight:600;margin:0}.btn-refresh{background:var(--primary-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:background .2s}.btn-refresh:hover{background:var(--primary-hover)}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.stat-card{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;display:flex;gap:1rem;padding:1.5rem;transition:transform .2s,box-shadow .2s}.stat-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.stat-icon{font-size:2.5rem;line-height:1}.stat-content{flex:1 1}.stat-content h3{color:var(--text-secondary);font-size:.875rem;font-weight:500;letter-spacing:.5px;margin:0 0 .5rem;text-transform:uppercase}.stat-value{color:var(--text-primary);font-size:2rem;font-weight:700;margin:0 0 .25rem}.stat-label{color:var(--text-secondary);font-size:.875rem;margin:0}.activity-section,.game-modes-section,.resources-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;margin-bottom:2rem;padding:1.5rem}.activity-section h3,.game-modes-section h3,.resources-section h3{font-size:1.25rem;font-weight:600;margin:0 0 1rem}.resources-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.resource-item{align-items:center;background:var(--bg-primary);border-radius:6px;display:flex;justify-content:space-between;padding:.75rem;transition:transform .2s,box-shadow .2s}.resource-link{color:inherit;cursor:pointer;text-decoration:none}.resource-link:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.resource-link .resource-item{padding:1rem}.resource-link .resource-item>div{display:flex;flex-direction:column;gap:.25rem}.resource-label{color:var(--text-secondary);font-size:.875rem}.resource-value{color:var(--primary-color);font-size:1.25rem;font-weight:600}.resource-arrow{color:var(--text-secondary);font-size:1.25rem;opacity:.5;transition:opacity .2s,transform .2s}.resource-link:hover .resource-arrow{opacity:1;transform:translateX(4px)}.activity-list{display:flex;flex-direction:column;gap:.75rem}.activity-item{align-items:flex-start;background:var(--bg-primary);border-left:3px solid var(--primary-color);border-radius:6px;display:flex;gap:1rem;padding:1rem}.activity-icon{font-size:1.5rem}.activity-content{flex:1 1}.activity-title{color:var(--text-primary);font-weight:500;margin:0 0 .25rem}.activity-meta{color:var(--text-secondary);font-size:.875rem;margin:0 0 .5rem}.activity-status{border-radius:4px;display:inline-block;font-size:.75rem;font-weight:500;padding:.25rem .5rem;text-transform:capitalize}.activity-status.active{background:#4caf50;color:#fff}.activity-status.completed{background:#2196f3;color:#fff}.activity-status.waiting{background:#ff9800;color:#fff}.activity-status.cancelled{background:#f44336;color:#fff}.no-activity{color:var(--text-secondary);padding:2rem;text-align:center}.game-modes-list{display:flex;flex-direction:column;gap:.5rem}.game-mode-item{align-items:center;background:var(--bg-primary);border-radius:6px;display:flex;justify-content:space-between;padding:.75rem}.mode-name{color:var(--text-primary);font-weight:500}.mode-count{color:var(--text-secondary);font-size:.875rem}.admin-error,.admin-loading{color:var(--text-secondary);padding:3rem;text-align:center}.admin-error{color:var(--error)}.admin-crud-page{max-width:1400px}.crud-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.crud-header h2{font-size:1.75rem;font-weight:600;margin:0}.btn-primary{background:linear-gradient(135deg,var(--accent-primary),var(--accent-hover));border:none;border-radius:8px;box-shadow:var(--shadow-md);cursor:pointer;font-weight:600;padding:.6rem 1.1rem;transition:transform .15s ease,box-shadow .15s ease}.btn-primary:hover{box-shadow:var(--shadow-lg);transform:translateY(-1px)}.btn-secondary{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-weight:500;transition:background .2s}.btn-secondary:hover{background:var(--bg-hover)}.error-message{background:#f443361a;border:1px solid #f44336;border-radius:6px;color:#f44336;margin-bottom:1rem;padding:1rem}.crud-form-modal{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.crud-form{background:var(--bg-secondary);border-radius:8px;max-height:90vh;max-width:500px;overflow-y:auto;padding:2rem;width:90%}.form-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.form-header h3{font-size:1.5rem;font-weight:600;margin:0}.close-btn{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;padding:0;transition:background .2s;width:32px}.close-btn:hover{background:var(--bg-hover)}.form-group{margin-bottom:1.5rem}.form-group label{color:var(--text-primary);display:block;font-weight:500;margin-bottom:.5rem}.form-group input[type=number],.form-group input[type=text],.form-group select,.form-group textarea{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-family:inherit;font-size:1rem;padding:.75rem;width:100%}.form-group input[type=checkbox]{margin-right:.5rem}.form-group textarea{min-height:80px;resize:vertical}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.crud-table-container{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.crud-table{border-collapse:collapse;width:100%}.crud-table thead{background:var(--bg-hover)}.crud-table td{border-bottom:1px solid var(--border-color);color:var(--text-secondary);padding:1rem}.crud-table tbody tr:hover{background:var(--bg-hover)}.crud-table tbody tr:last-child td{border-bottom:none}.empty-state{color:var(--text-secondary);padding:3rem;text-align:center}.status-badge{border-radius:12px;display:inline-block;font-size:.875rem;font-weight:500}.status-badge.active{background:#4caf5033;color:#4caf50}.status-badge.inactive{background:#9e9e9e33;color:#9e9e9e}.action-buttons{display:flex;gap:.5rem}.btn-delete,.btn-edit{border:none;border-radius:4px;cursor:pointer;font-size:.875rem;font-weight:500;padding:.375rem .75rem;transition:background .2s}.btn-edit{background:#2196f333;color:#2196f3}.btn-edit:hover{background:#2196f34d}.btn-delete{background:#f4433633;color:#f44336}.btn-delete:hover{background:#f443364d}.crud-filters{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.filter-group{flex:1 1;min-width:150px}.filter-input,.filter-select{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-family:inherit;font-size:.9rem;padding:.6rem .75rem;width:100%}.filter-input:focus,.filter-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #2196f31a;box-shadow:0 0 0 2px rgba(var(--primary-color-rgb,33,150,243),.1);outline:none}.filter-results{color:var(--text-secondary);font-size:.875rem;margin-bottom:1rem}.sortable-header{align-items:center;background:none;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-family:inherit;font-size:inherit;font-weight:600;gap:.5rem;padding:0;transition:color .2s}.sortable-header:hover{color:var(--primary-color)}.crud-table th{border-bottom:1px solid var(--border-color);color:var(--text-primary);font-weight:600;padding:1rem;position:relative;text-align:left}.geogusser-map-form{max-width:700px}.image-preview{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;margin-top:1rem;padding:1rem}.image-preview img{border-radius:4px;display:block;margin:0 auto;max-height:300px;max-width:100%}.preview-note{color:var(--text-secondary);font-size:.875rem;font-style:italic;margin-top:.5rem;text-align:center}.help-text{margin-top:.25rem}.description-cell{max-width:200px}.text-muted{color:var(--text-secondary);font-style:italic}.map-thumbnail{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;display:flex;height:60px;justify-content:center;overflow:hidden;width:60px}.map-thumbnail img{height:100%;object-fit:cover;width:100%}.error-message{padding-right:2.5rem;position:relative}.error-close{cursor:pointer;font-size:1.25rem;font-weight:700;opacity:.7;position:absolute;right:1rem;top:50%;transform:translateY(-50%);transition:opacity .2s}.error-close:hover{opacity:1}@media (max-width:768px){.crud-table{font-size:.875rem}.description-cell{max-width:100px}.map-thumbnail{height:40px;width:40px}}.admin-cache-stats{margin:0 auto;max-width:1400px;padding:2rem}.admin-cache-stats-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.admin-cache-stats-header h1{color:#333;font-size:2rem;margin:0}.admin-cache-stats-actions{display:flex;gap:1rem}.admin-cache-stats-last-updated{color:#666;font-size:.9rem;margin-bottom:1rem;text-align:right}.admin-cache-stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2rem}.admin-cache-stats-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1.5rem}.admin-cache-stats-card-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem}.admin-cache-stats-card-header h2{color:#333;font-size:1.25rem;margin:0}.admin-cache-stats-badge{border-radius:12px;color:#fff;font-size:.9rem;font-weight:700;padding:.25rem .75rem}.admin-cache-stats-card-content{display:flex;flex-direction:column;gap:.75rem}.admin-cache-stats-metric{align-items:center;display:flex;justify-content:space-between;padding:.5rem 0}.admin-cache-stats-label{color:#666;font-size:.9rem}.admin-cache-stats-value{color:#333;font-size:1rem;font-weight:700}.admin-cache-stats-metric-large{align-items:center;display:flex;flex-direction:column;padding:1rem 0}.admin-cache-stats-value-large{color:#333;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.admin-cache-stats-progress{background-color:#e0e0e0;border-radius:4px;height:8px;margin-top:1rem;overflow:hidden;width:100%}.admin-cache-stats-progress-bar{height:100%;transition:width .3s ease}.admin-cache-stats-summary{background:#f5f5f5;border-radius:8px;margin-top:2rem;padding:1.5rem}.admin-cache-stats-summary h3{color:#333;margin-bottom:1rem;margin-top:0}.admin-cache-stats-summary p{color:#666;line-height:1.6;margin:0}.admin-cache-stats-summary strong{color:#333}.admin-cache-stats-error,.admin-cache-stats-loading{font-size:1.1rem;padding:2rem;text-align:center}.admin-cache-stats-error{color:#d32f2f}.btn-danger{background-color:#d32f2f;border-radius:4px;cursor:pointer;font-size:.9rem;padding:.5rem 1rem}.btn-danger:hover{background-color:#b71c1c}.btn-secondary{background-color:#757575;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem}.btn-secondary:hover{background-color:#616161}.level-form{max-width:700px}.map-selector-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.map-selector-container{background:var(--bg-secondary);border-radius:8px;display:flex;flex-direction:column;height:min(920px,92vh);max-height:92vh;max-width:96vw;overflow:hidden;padding:1.25rem;width:min(1400px,96vw)}.map-selector-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.map-selector-header>div{flex:1 1}.map-selector-header h4{font-size:1.25rem;margin:0 0 .5rem}.map-selector-legend{color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:.875rem;gap:1.5rem;margin:0}.legend-item{align-items:center;display:flex;gap:.5rem}.legend-marker{align-items:center;display:inline-flex;font-size:1.25rem;justify-content:center}.legend-marker.answer-marker{background:#4caf50;border:2px solid #fff;border-radius:50%;color:#fff;font-size:.875rem;font-weight:700;height:24px;width:24px}.legend-marker.pin-marker{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.answer-info{color:var(--text-secondary);font-size:.875rem;margin-top:.5rem}.current-answer-indicator{color:var(--primary-color);font-style:italic;font-weight:500}.help-text{color:var(--text-secondary);font-size:.875rem;font-style:italic}.status-badge.difficulty-easy{background:#4caf5033;color:#4caf50}.status-badge.difficulty-medium{background:#ff980033;color:#ff9800}.status-badge.difficulty-hard{background:#f4433633;color:#f44336}.text-warning{color:#ff9800;font-style:italic}.map-selector-loading{color:var(--text-secondary);padding:2rem;text-align:center}.map-pin-selector{display:flex;flex:1 1;flex-direction:column;gap:.75rem;margin:1rem 0 .5rem;min-height:0}.map-selector-container .mcc-container{flex:1 1;min-height:520px}@media (max-width:768px){.map-selector-container{height:94vh;padding:1rem;width:96vw}.map-selector-container .mcc-container{min-height:420px}}.map-container{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:8px;cursor:crosshair;overflow:hidden;position:relative}.map-container.disabled{cursor:not-allowed;opacity:.6}.map-image{display:block;height:auto;width:100%}.pin{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:2rem;pointer-events:none;position:absolute;transform:translate(-50%,-100%);z-index:10}.pin.admin{font-size:2.5rem}.answer-pin{align-items:center;animation:pulse 2s ease-in-out infinite;background:#4caf50;border:3px solid #fff;border-radius:50%;box-shadow:0 2px 8px #0006;color:#fff;display:flex;font-size:1rem;font-weight:700;height:28px;justify-content:center;pointer-events:none;position:absolute;transform:translate(-50%,-50%);width:28px;z-index:8}@keyframes pulse{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.1)}}.map-selector-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem}.btn-cancel,.btn-submit{border:none;border-radius:6px;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:background .2s}.btn-submit{background:var(--primary-color);color:#fff}.btn-submit:hover:not(:disabled){background:var(--primary-hover)}.btn-submit:disabled{cursor:not-allowed;opacity:.5}.btn-cancel{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary)}.btn-cancel:hover{background:var(--bg-hover)}.photo-preview{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;margin-top:1rem;padding:.5rem}.photo-preview img{border-radius:4px;display:block;margin:0 auto;max-height:300px;max-width:100%}.ls-admin-filters{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.ls-admin-tabs{display:flex;flex-wrap:wrap;gap:.5rem}.ls-tab{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:999px;color:var(--text-primary);cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem;padding:.4rem .8rem}.ls-tab.active{border-color:var(--accent-primary);box-shadow:0 0 0 2px #4caf5026}.ls-count{background:var(--bg-hover);border:1px solid var(--border-color);border-radius:999px;color:var(--text-secondary);font-weight:700;padding:.1rem .5rem}.ls-admin-controls{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 200px 180px 200px}.ls-admin-controls select,.ls-search{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);padding:.75rem;width:100%}.ls-thumb{border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--shadow-sm);height:56px;object-fit:cover;width:56px}.submission-review-modal{max-height:92vh;max-width:96vw;width:min(1200px,96vw)}.ls-subhead{align-items:center;display:flex;gap:.75rem;margin-top:.35rem}.ls-meta{color:var(--text-secondary);font-size:.9rem}.ls-review-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1.2fr}.ls-review-left{min-width:0}.ls-review-right{display:flex;flex-direction:column;gap:.75rem;min-width:0}.ls-readonly{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);padding:.75rem}.ls-photo-preview-wrap{margin-top:.75rem}.ls-photo-preview-img{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;max-height:260px;object-fit:contain;width:100%}.ls-answer-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between}.ls-answer-title{color:var(--text-primary);font-weight:700}.ls-answer-actions{align-items:center;display:flex;gap:.5rem}.ls-map-preview{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.ls-map-placeholder{color:var(--text-secondary);padding:2rem;text-align:center}.ls-coords{color:var(--text-secondary);font-size:.9rem}.submission-actions{align-items:center}.ls-action-spacer{flex:1 1}@media (max-width:1024px){.ls-admin-controls,.ls-review-grid{grid-template-columns:1fr}}@media (max-width:1400px){.ls-admin-controls{grid-template-columns:1fr 1fr}}.user-strategies-section{margin-top:2rem}.user-strategies-header{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between;margin-bottom:1.5rem}.user-strategies-tabs{display:flex;flex-wrap:wrap;gap:.5rem}.strategy-tab{align-items:center;background:#1a1a2e;background:var(--bg-secondary,#1a1a2e);border:1px solid #2a2a3e;border:1px solid var(--border-color,#2a2a3e);border-radius:8px;border-radius:var(--radius-md,8px);color:#aaa;color:var(--text-secondary,#aaa);cursor:pointer;display:flex;font-family:inherit;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s;transition:all var(--transition-fast,.2s)}.strategy-tab:hover{background:#2a2a3e;background:var(--bg-tertiary,#2a2a3e);border-color:#3a3a4e;border-color:var(--border-hover,#3a3a4e);color:#fff;color:var(--text-primary,#fff)}.strategy-tab.active{background:#007aff;background:var(--accent-primary,#007aff);border-color:#007aff;border-color:var(--accent-primary,#007aff);color:#fff}.tab-icon{font-size:1rem}.tab-count{font-size:.85rem}.strategy-card-header{align-items:flex-start;display:flex;gap:.75rem;justify-content:space-between;margin-bottom:.5rem}.strategy-visibility-badge{border-radius:4px;border-radius:var(--radius-sm,4px);flex-shrink:0;font-size:.75rem;font-weight:500;padding:.25rem .5rem;white-space:nowrap}.strategy-visibility-badge.visibility-public{background:#22c55e33;color:#22c55e}.strategy-visibility-badge.visibility-private{background:#ef444433;color:#ef4444}.strategy-visibility-badge.visibility-team{background:#3b82f633;color:#3b82f6}.user-strategies-error{background:#ff3b301a;border-radius:8px;border-radius:var(--radius-md,8px);color:#ff3b30;color:var(--error-color,#ff3b30);margin-bottom:1rem;padding:1rem}@media (max-width:768px){.user-strategies-header{align-items:flex-start;flex-direction:column}.user-strategies-tabs{width:100%}.strategy-tab{flex:1 1;justify-content:center}}.user-drafts-section{margin-top:2rem}.user-drafts-header{margin-bottom:1.5rem}.user-drafts-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.draft-tab{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.375rem;padding:.5rem .75rem;transition:all var(--transition-fast)}.draft-tab:hover{background:var(--bg-hover);border-color:var(--border-hover);color:var(--text-primary)}.draft-tab.active{background:var(--accent-primary);border-color:var(--accent-primary);color:var(--text-inverse)}.tab-count{font-size:.75rem;opacity:.8}.user-drafts-empty,.user-drafts-error,.user-drafts-loading{color:var(--text-secondary);padding:2rem;text-align:center}.user-drafts-error{color:var(--error)}.user-drafts-list{display:flex;flex-direction:column;gap:1rem}.user-draft-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1rem;transition:all var(--transition-fast)}.user-draft-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-sm)}.user-draft-strategy-info{border-bottom:1px solid var(--border-color);margin-bottom:.75rem;padding-bottom:.75rem}.draft-submit-section{justify-content:flex-end}.draft-status-info,.draft-submit-section{border-top:1px solid var(--border-color);display:flex;margin-top:.75rem;padding-top:.75rem}.draft-status-info{justify-content:flex-start}.draft-status-text{color:var(--text-secondary);font-size:.875rem;font-style:italic}.draft-status-text.approved{color:#22c55e}.draft-rejection-notes{background:#ef44441a;border:1px solid #ef44444d;border-radius:var(--radius-sm);font-size:.875rem;margin-top:.75rem;padding:.75rem}.draft-rejection-notes strong{color:#ef4444;display:block;margin-bottom:.5rem}.draft-rejection-notes p{color:var(--text-primary);line-height:1.5;margin:0}.user-pending-reviews-section{margin-top:2rem}.user-pending-reviews-header{margin-bottom:1.5rem}.user-pending-reviews-empty,.user-pending-reviews-error,.user-pending-reviews-loading{color:var(--text-secondary);padding:2rem;text-align:center}.user-pending-reviews-error{color:var(--error)}.user-pending-reviews-list{display:flex;flex-direction:column;gap:1rem}.user-pending-review-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1rem;transition:all var(--transition-fast)}.user-pending-review-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-sm)}.user-pending-review-strategy-info{border-bottom:1px solid var(--border-color);margin-bottom:.75rem;padding-bottom:.75rem}.strategy-link-btn{background:none;border:none;color:var(--accent-primary);cursor:pointer;font-size:1rem;font-weight:600;padding:0;text-align:left;transition:all var(--transition-fast)}.strategy-link-btn:hover{color:var(--accent-hover);text-decoration:underline}.draft-review-section{border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;margin-top:.75rem;padding-top:.75rem}.btn{align-items:center;border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all var(--transition-fast)}.btn-sm{font-size:.75rem;padding:.375rem .75rem}.btn-primary{background:var(--accent-primary);border-color:var(--accent-primary);color:var(--text-inverse)}.btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary:disabled{cursor:not-allowed;opacity:.5}.user-teams-section{margin-top:2rem}.user-teams-list{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:1rem}.user-team-card{background:#fff;background:var(--bg-card,#fff);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:8px;border-radius:var(--radius-md,8px);cursor:pointer;padding:1.25rem;transition:all .2s ease}.user-team-card:hover{border-color:#3b82f6;border-color:var(--accent-primary,#3b82f6);box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.user-team-card-header{align-items:flex-start;display:flex;gap:.75rem;justify-content:space-between;margin-bottom:.75rem}.user-team-name{color:#333;color:var(--text-primary,#333);flex:1 1;font-size:1.1rem;font-weight:600;margin:0}.team-role-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:.75rem;font-weight:500;gap:.25rem;padding:.25rem .5rem;white-space:nowrap}.user-team-joined{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.875rem;margin:.5rem 0}.user-team-link{color:#3b82f6;color:var(--accent-primary,#3b82f6);font-size:.875rem;margin-top:.75rem}.theme-dark .user-team-card{background:#0b1221;background:var(--bg-card,#0b1221);border-color:#131c31;border-color:var(--border-color,#131c31)}.theme-dark .user-team-card:hover{border-color:#3b82f6;border-color:var(--accent-primary,#3b82f6);box-shadow:0 4px 12px #3b82f633}.theme-dark .user-team-name{color:#e5e7eb;color:var(--text-primary,#e5e7eb)}.theme-dark .user-team-joined{color:#94a3b8;color:var(--text-secondary,#94a3b8)}.theme-dark .user-team-link{color:#a5b4fc;color:var(--accent-primary,#a5b4fc)}@media (max-width:768px){.user-teams-list{grid-template-columns:1fr}}.my-join-requests-list{width:100%}.my-join-requests-empty,.my-join-requests-loading{color:#aaa;color:var(--text-secondary,#aaa);padding:2rem;text-align:center}.my-join-requests-error{background:#ef44441a;border:1px solid #ef4444;border:1px solid var(--error,#ef4444);border-radius:8px;border-radius:var(--radius-md,8px);color:#ef4444;color:var(--error,#ef4444);margin-bottom:1rem;padding:1rem}.my-join-requests-items{display:flex;flex-direction:column;gap:1rem}.my-join-request-item{background:#1a1a2e;background:var(--bg-secondary,#1a1a2e);border:1px solid #2a2a3e;border:1px solid var(--border-color,#2a2a3e);border-radius:8px;border-radius:var(--radius-md,8px);padding:1rem;transition:all .2s}.my-join-request-item:hover{border-color:#3b82f6;border-color:var(--accent-primary,#3b82f6);box-shadow:0 2px 8px #0003}.my-join-request-main{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between}.my-join-request-info{flex:1 1;min-width:0}.my-join-request-team-link{color:#fff;color:var(--text-primary,#fff);text-decoration:none}.my-join-request-team-link h4{font-size:1rem;font-weight:600;margin:0 0 .5rem;transition:color .2s}.my-join-request-team-link:hover h4{color:#3b82f6;color:var(--accent-primary,#3b82f6)}.my-join-request-meta{color:#aaa;color:var(--text-secondary,#aaa);display:flex;flex-wrap:wrap;font-size:.875rem;gap:.75rem;margin-bottom:.5rem}.my-join-request-message{color:#aaa;color:var(--text-secondary,#aaa);font-size:.9rem;line-height:1.5;margin:.5rem 0 0}.my-join-request-review{background:#ef44441a;border-left:3px solid #ef4444;border-left:3px solid var(--error,#ef4444);border-radius:4px;border-radius:var(--radius-sm,4px);color:#aaa;color:var(--text-secondary,#aaa);font-size:.875rem;margin-top:.75rem;padding:.75rem}.my-join-request-review strong{color:#ef4444;color:var(--error,#ef4444)}.my-join-request-actions{align-items:center;display:flex;flex-shrink:0;gap:.75rem}.status-badge{border-radius:999px;border-radius:var(--radius-full,999px);font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.status-badge-pending{background:#fbbf2433;border:1px solid #fbbf244d;color:#fbbf24}.status-badge-approved{background:#22c55e33;border:1px solid #22c55e4d;color:#22c55e}.status-badge-rejected{background:#ef444433;border:1px solid #ef44444d;color:#ef4444}.status-badge-cancelled{background:#6b728033;border:1px solid #6b72804d;color:#6b7280}.my-invitations-list{width:100%}.my-invitations-empty,.my-invitations-loading{color:#aaa;color:var(--text-secondary,#aaa);padding:2rem;text-align:center}.my-invitations-error{background:#ef44441a;border:1px solid #ef4444;border:1px solid var(--error,#ef4444);border-radius:8px;border-radius:var(--radius-md,8px);color:#ef4444;color:var(--error,#ef4444);margin-bottom:1rem;padding:1rem}.my-invitations-items{display:flex;flex-direction:column;gap:1rem}.my-invitation-item{background:#1a1a2e;background:var(--bg-secondary,#1a1a2e);border:1px solid #2a2a3e;border:1px solid var(--border-color,#2a2a3e);border-radius:8px;border-radius:var(--radius-md,8px);padding:1rem;transition:all .2s}.my-invitation-item:hover{border-color:#3b82f6;border-color:var(--accent-primary,#3b82f6);box-shadow:0 2px 8px #0003}.my-invitation-main{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between}.my-invitation-info{flex:1 1;min-width:0}.my-invitation-team-link{color:#fff;color:var(--text-primary,#fff);text-decoration:none}.my-invitation-team-link h4{font-size:1rem;font-weight:600;margin:0 0 .5rem;transition:color .2s}.my-invitation-team-link:hover h4{color:#3b82f6;color:var(--accent-primary,#3b82f6)}.my-invitation-meta{color:#aaa;color:var(--text-secondary,#aaa);display:flex;flex-wrap:wrap;font-size:.875rem;gap:.75rem;margin-bottom:.5rem}.my-invitation-expiry{font-weight:500}.my-invitation-expiry.expiring-soon{color:#fbbf24}.my-invitation-expiry.expired{color:#ef4444;color:var(--error,#ef4444)}.my-invitation-message{color:#aaa;color:var(--text-secondary,#aaa);font-size:.9rem;line-height:1.5;margin:.5rem 0 0}.my-invitation-actions{align-items:center;display:flex;flex-shrink:0;gap:.75rem}.my-invitation-buttons{display:flex;gap:.5rem}.status-badge-accepted{background:#22c55e33;border:1px solid #22c55e4d;color:#22c55e}.status-badge-declined{background:#6b728033;border:1px solid #6b72804d;color:#6b7280}.status-badge-expired{background:#ef444433;border:1px solid #ef44444d;color:#ef4444}.bp-profile{padding:24px}.bp-profile-container{margin:0 auto;max-width:1100px}.bp-shell{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--shadow-xl);padding:24px}.bp-profile-header{gap:16px;margin-bottom:24px}.bp-avatar,.bp-profile-header{align-items:center;display:flex}.bp-avatar{background:linear-gradient(135deg,#6a5acd,#00bcd4);border-radius:50%;color:#fff;font-size:20px;font-weight:700;height:64px;justify-content:center;width:64px}.bp-header-info h1{margin:0 0 6px}.bp-badges{display:flex;flex-wrap:wrap;gap:8px}.bp-badge{align-items:center;background:linear-gradient(135deg,#8b5cf6,#6366f1);border:0;border-radius:999px;box-shadow:0 6px 18px #6366f140;color:#fff;display:inline-flex;font-size:12px;font-weight:700;gap:8px;padding:8px 12px}.bp-badge-icon{display:inline-block;filter:drop-shadow(0 2px 4px rgba(0,0,0,.25))}.bp-badges-large .bp-badge{font-size:13px;padding:8px 12px}.bp-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.bp-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-sm);padding:16px}.bp-section{border-top:1px solid var(--border-color);padding:16px 0}.bp-section:first-of-type{border-top:0;padding-top:0}.bp-section-title{color:var(--text-primary);font-weight:800;margin:0 0 12px}.theme-dark .bp-card{background:#0b1221;border-color:#131c31;box-shadow:0 12px 30px #0009}.theme-dark .bp-profile{background:#080f1d}.theme-dark .bp-username{color:#e5e7eb}.theme-dark .bp-badge{box-shadow:0 12px 30px #6366f159}.theme-dark .bp-link{color:#a5b4fc}.theme-dark .bp-list-item{background:#0e1729;border-color:#1b2a4a}.theme-dark .bp-list-title{color:#e5e7eb}.theme-dark .bp-list-sub{color:#94a3b8}.theme-dark .bp-empty,.theme-dark .bp-loading,.theme-dark .bp-muted{color:#9aa4b2}.theme-dark .bp-stat{background:#0e1729;border-color:#1b2a4a}.theme-dark .bp-stat-label{color:#9aa4b2}.theme-dark .bp-stat-value{color:#e5e7eb}.bp-list{display:flex;flex-direction:column;gap:10px}.bp-list-item{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;display:flex;gap:10px;justify-content:space-between;padding:12px 14px}.bp-list-title{color:var(--text-primary);font-weight:700}.bp-list-sub{color:var(--text-secondary);font-size:12px}.bp-link{background:#0000;border:none;color:#3b4cca;cursor:pointer;font-weight:600}.bp-empty,.bp-loading,.bp-muted{color:#6b7280}.bp-skel{animation:bp-shimmer 1.2s infinite;background:linear-gradient(90deg,#0000000f,#0000001a,#0000000f);background-size:200% 100%;border-radius:8px;display:block}.bp-skel-line{height:14px;margin:6px 0}.bp-skel-tile{height:48px}@keyframes bp-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.bp-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.bp-stat{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:14px;text-align:center}.bp-stat-label{color:var(--text-secondary);font-size:12px;font-weight:600}.bp-stat-value{color:var(--text-primary);font-size:18px;font-weight:800;margin-top:6px}.fb-admin{display:flex;flex-direction:column;gap:1rem}.fb-header{justify-content:space-between;margin-bottom:1rem}.fb-header,.fb-title{align-items:center;display:flex}.fb-title{gap:.75rem;margin:0}.fb-meta-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr)}.fb-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;padding:1rem}.fb-section{margin-top:1rem}.fb-section h3{margin:0 0 .75rem}.chips{display:flex;flex-wrap:wrap;gap:.5rem}.chip{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:999px;display:inline-flex;font-size:.8rem;padding:.25rem .5rem}.chip.category-issue{border-color:#f97316;color:#f97316}.chip.category-suggestion{border-color:#0ea5e9;color:#0ea5e9}.chip.category-question{border-color:#8b5cf6;color:#8b5cf6}.chip.category-other{border-color:#9ca3af;color:#9ca3af}.chip.status-new{background:#3b82f61a;border-color:#0000;color:#3b82f6}.chip.status-triaged{background:#6366f11f;border-color:#0000;color:#6366f1}.chip.status-in_progress{background:#eab3081f;border-color:#0000;color:#ca8a04}.chip.status-resolved{background:#22c55e1f;border-color:#0000;color:#22c55e}.chip.status-closed{background:#6b72801f;border-color:#0000;color:#6b7280}.code-block{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.85rem;overflow:auto;padding:.75rem}.fb-two-col{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1.4fr 1fr}.fb-kv{grid-gap:.5rem 1rem;display:grid;gap:.5rem 1rem;grid-template-columns:140px 1fr}.fb-kv dt{color:var(--text-secondary)}.fb-kv dd{margin:0}.muted{color:var(--text-secondary)}.pretty-link{align-items:center;border-bottom:1px dashed var(--accent-primary);color:var(--accent-primary);display:inline-flex;gap:.35rem;padding-bottom:1px;text-decoration:none;word-break:break-all}.pretty-link:hover{border-bottom-style:solid;text-decoration:none}.url-list{grid-gap:.5rem;display:grid;gap:.5rem;list-style:none;margin:0;padding-left:0}.request-join-button-container{display:flex;flex-direction:column;gap:.5rem}.request-join-button{min-width:120px}.request-join-error{color:#ef4444;color:var(--error,#ef4444);font-size:.875rem;margin-top:.25rem}.request-join-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.request-join-modal{animation:slideUp .2s ease-out;background:#1a1a2e;background:var(--bg-card,#1a1a2e);border:1px solid #2a2a3e;border:1px solid var(--border-color,#2a2a3e);border-radius:12px;border-radius:var(--radius-lg,12px);box-shadow:0 8px 32px #0006;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.request-join-modal-header{align-items:center;border-bottom:1px solid #2a2a3e;border-bottom:1px solid var(--border-color,#2a2a3e);display:flex;justify-content:space-between;padding:1.5rem}.request-join-modal-header h3{color:#fff;color:var(--text-primary,#fff);font-size:1.25rem;margin:0}.modal-close-btn{color:#aaa;color:var(--text-secondary,#aaa);font-size:1.5rem}.modal-close-btn:hover{background:#2a2a3e;background:var(--bg-hover,#2a2a3e);color:#fff;color:var(--text-primary,#fff)}.request-join-modal-body{padding:1.5rem}.request-join-modal-body p{color:#aaa;color:var(--text-secondary,#aaa);font-size:.9rem;margin:0 0 1rem}.request-join-message-input{background:#1a1a2e;background:var(--bg-secondary,#1a1a2e);border:1px solid #2a2a3e;border:1px solid var(--border-color,#2a2a3e);border-radius:8px;border-radius:var(--radius-md,8px);color:#fff;color:var(--text-primary,#fff);font-family:inherit;font-size:.9rem;min-height:100px;padding:.75rem;resize:vertical;width:100%}.request-join-message-input:focus{border-color:#3b82f6;border-color:var(--accent-primary,#3b82f6);box-shadow:0 0 0 3px #3b82f61a;outline:none}.request-join-modal-footer{border-top:1px solid #2a2a3e;border-top:1px solid var(--border-color,#2a2a3e);display:flex;gap:.75rem;justify-content:flex-end;padding:1.5rem}.team-card{background:#1a1a2e;background:var(--bg-secondary,#1a1a2e);border:1px solid #2a2a3e;border:1px solid var(--border-color,#2a2a3e);border-radius:8px;border-radius:var(--radius-md,8px);display:flex;flex-direction:column;gap:1rem;padding:1.5rem;transition:transform .2s,box-shadow .2s}.team-card:hover{box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.team-card-link{color:inherit;flex:1 1;text-decoration:none}.team-card-header{align-items:center;display:flex;gap:1rem}.team-card-logo,.team-card-logo-placeholder{border-radius:8px;border-radius:var(--radius-md,8px);flex-shrink:0;height:64px;object-fit:cover;width:64px}.team-card-logo-placeholder{align-items:center;background:#2a2a3e;background:var(--bg-tertiary,#2a2a3e);color:#aaa;color:var(--text-secondary,#aaa);display:flex;font-size:1.5rem;font-weight:700;justify-content:center}.team-card-info{flex:1 1;min-width:0}.team-card-name{color:#fff;color:var(--text-primary,#fff);font-size:1.25rem;font-weight:600;margin:0 0 .25rem}.team-card-members{font-size:.875rem;margin:0}.team-card-description,.team-card-members{color:#aaa;color:var(--text-secondary,#aaa)}.team-card-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:.9rem;line-height:1.5;margin:.5rem 0 0;overflow:hidden}.team-card-actions{align-items:center;display:flex;gap:.5rem;margin-top:auto}.team-card-role{background:#2a2a3e;background:var(--bg-tertiary,#2a2a3e);border-radius:4px;border-radius:var(--radius-sm,4px);color:#aaa;color:var(--text-secondary,#aaa);font-size:.75rem;padding:.25rem .5rem;text-transform:capitalize}.team-card-error{color:#ff3b30;color:var(--error-color,#ff3b30);font-size:.875rem;margin-top:.5rem}.btn-small{font-size:.875rem;padding:.375rem .75rem}.team-list-container{width:100%}.team-list-controls{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.team-list-search{width:100%}.team-list-search-input{background:#1a1a2e;background:var(--bg-secondary,#1a1a2e);border:1px solid #2a2a3e;border:1px solid var(--border-color,#2a2a3e);border-radius:8px;border-radius:var(--radius-md,8px);color:#fff;color:var(--text-primary,#fff);font-size:1rem;padding:.75rem 1rem;width:100%}.team-list-search-input:focus{border-color:#007aff;border-color:var(--primary-color,#007aff);outline:none}.team-list-filters{display:flex;flex-wrap:wrap;gap:.5rem}.filter-btn{background:#1a1a2e;background:var(--bg-secondary,#1a1a2e);border:1px solid #2a2a3e;border:1px solid var(--border-color,#2a2a3e);border-radius:8px;border-radius:var(--radius-md,8px);color:#fff;color:var(--text-primary,#fff);cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:all .2s}.filter-btn:hover{background:#2a2a3e;background:var(--bg-tertiary,#2a2a3e)}.filter-btn.active{background:#007aff;background:var(--primary-color,#007aff);border-color:#007aff;border-color:var(--primary-color,#007aff);color:#fff}.team-list-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.teams-empty,.teams-error,.teams-loading{color:#aaa;color:var(--text-secondary,#aaa);padding:3rem 1rem;text-align:center}.teams-error{color:#ff3b30;color:var(--error-color,#ff3b30)}.teams-empty p{margin-bottom:1rem}.teams-list-page{min-height:calc(100vh - 200px);width:100%}.teams-list-content{margin:0 auto;max-width:1200px;padding:2rem 1rem}.teams-list-header{margin-bottom:2rem}.teams-list-header-top{align-items:flex-start;display:flex;gap:2rem;justify-content:space-between;margin-top:1rem}.teams-list-header h1{color:#fff;color:var(--text-primary,#fff);font-size:2rem;margin:0 0 .5rem}.teams-list-header p{color:#aaa;color:var(--text-secondary,#aaa);font-size:1rem;margin:0}.pending-requests-list{width:100%}.pending-requests-empty,.pending-requests-loading{color:#aaa;color:var(--text-secondary,#aaa);padding:2rem;text-align:center}.pending-requests-error{background:#ef44441a;border:1px solid #ef4444;border:1px solid var(--error,#ef4444);border-radius:8px;border-radius:var(--radius-md,8px);color:#ef4444;color:var(--error,#ef4444);margin-bottom:1rem;padding:1rem}.pending-requests-items{display:flex;flex-direction:column;gap:1rem}.pending-request-item{background:#1a1a2e;background:var(--bg-secondary,#1a1a2e);border:1px solid #2a2a3e;border:1px solid var(--border-color,#2a2a3e);border-radius:8px;border-radius:var(--radius-md,8px);padding:1rem;transition:all .2s}.pending-request-item:hover{border-color:#3b82f6;border-color:var(--accent-primary,#3b82f6);box-shadow:0 2px 8px #0003}.pending-request-main{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between}.pending-request-info{flex:1 1;min-width:0}.pending-request-user-link{color:#fff;color:var(--text-primary,#fff);text-decoration:none}.pending-request-user-link h4{font-size:1rem;font-weight:600;margin:0 0 .5rem;transition:color .2s}.pending-request-user-link:hover h4{color:#3b82f6;color:var(--accent-primary,#3b82f6)}.pending-request-meta{color:#aaa;color:var(--text-secondary,#aaa);display:flex;flex-wrap:wrap;font-size:.875rem;gap:.75rem;margin-bottom:.5rem}.pending-request-message{color:#aaa;color:var(--text-secondary,#aaa);font-size:.9rem;line-height:1.5;margin:.5rem 0 0}.pending-request-actions{align-items:center;display:flex;flex-shrink:0;gap:.5rem}.reject-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.reject-modal{animation:slideUp .2s ease-out;background:#1a1a2e;background:var(--bg-card,#1a1a2e);border:1px solid #2a2a3e;border:1px solid var(--border-color,#2a2a3e);border-radius:12px;border-radius:var(--radius-lg,12px);box-shadow:0 8px 32px #0006;max-width:500px;width:90%}.reject-modal-header{align-items:center;border-bottom:1px solid #2a2a3e;border-bottom:1px solid var(--border-color,#2a2a3e);display:flex;justify-content:space-between;padding:1.5rem}.reject-modal-header h3{color:#fff;color:var(--text-primary,#fff);font-size:1.25rem;margin:0}.reject-modal-body{padding:1.5rem}.reject-modal-body p{color:#aaa;color:var(--text-secondary,#aaa);font-size:.9rem;margin:0 0 1rem}.reject-message-input{background:#1a1a2e;background:var(--bg-secondary,#1a1a2e);border:1px solid #2a2a3e;border:1px solid var(--border-color,#2a2a3e);border-radius:8px;border-radius:var(--radius-md,8px);color:#fff;color:var(--text-primary,#fff);font-family:inherit;font-size:.9rem;min-height:100px;padding:.75rem;resize:vertical;width:100%}.reject-message-input:focus{border-color:#ef4444;border-color:var(--error,#ef4444);box-shadow:0 0 0 3px #ef44441a;outline:none}.reject-modal-footer{border-top:1px solid #2a2a3e;border-top:1px solid var(--border-color,#2a2a3e);display:flex;gap:.75rem;justify-content:flex-end;padding:1.5rem}.pending-invitations-list{width:100%}.pending-invitations-empty,.pending-invitations-loading{color:#aaa;color:var(--text-secondary,#aaa);padding:2rem;text-align:center}.pending-invitations-error{background:#ef44441a;border:1px solid #ef4444;border:1px solid var(--error,#ef4444);border-radius:8px;border-radius:var(--radius-md,8px);color:#ef4444;color:var(--error,#ef4444);margin-bottom:1rem;padding:1rem}.pending-invitations-items{display:flex;flex-direction:column;gap:1rem}.pending-invitation-item{background:#1a1a2e;background:var(--bg-secondary,#1a1a2e);border:1px solid #2a2a3e;border:1px solid var(--border-color,#2a2a3e);border-radius:8px;border-radius:var(--radius-md,8px);padding:1rem;transition:all .2s}.pending-invitation-item:hover{border-color:#3b82f6;border-color:var(--accent-primary,#3b82f6);box-shadow:0 2px 8px #0003}.pending-invitation-main{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between}.pending-invitation-info{flex:1 1;min-width:0}.pending-invitation-user-link{color:#fff;color:var(--text-primary,#fff);text-decoration:none}.pending-invitation-user-link h4{font-size:1rem;font-weight:600;margin:0 0 .5rem;transition:color .2s}.pending-invitation-user-link:hover h4{color:#3b82f6;color:var(--accent-primary,#3b82f6)}.pending-invitation-meta{color:#aaa;color:var(--text-secondary,#aaa);display:flex;flex-wrap:wrap;font-size:.875rem;gap:.75rem;margin-bottom:.5rem}.pending-invitation-expiry{font-weight:500}.pending-invitation-expiry.expired{color:#ef4444;color:var(--error,#ef4444)}.pending-invitation-message{color:#aaa;color:var(--text-secondary,#aaa);font-size:.9rem;line-height:1.5;margin:.5rem 0 0}.pending-invitation-actions{flex-shrink:0}.pending-invitation-actions,.user-card{align-items:center;display:flex;gap:.75rem}.user-card{border:1px solid #0000;border-radius:8px;border-radius:var(--radius-md,8px);cursor:pointer;padding:.75rem;transition:all .2s}.user-card.hover,.user-card:hover{background:#ffffff0d;background:var(--bg-hover,#ffffff0d);border-color:#2a2a3e;border-color:var(--border-color,#2a2a3e)}.user-card.selected{background:#3b82f61a;border-color:#3b82f6;border-color:var(--accent-primary,#3b82f6)}.user-card-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:linear-gradient(135deg,var(--accent-primary,#3b82f6),var(--accent-secondary,#8b5cf6));border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1rem;font-weight:600;height:40px;justify-content:center;width:40px}.user-card-info{flex:1 1;min-width:0}.user-card-username{color:#fff;color:var(--text-primary,#fff);font-size:.9rem;font-weight:600;margin-bottom:.25rem}.user-card-email,.user-card-username{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-card-email{color:#aaa;color:var(--text-secondary,#aaa);font-size:.8rem;margin-bottom:.125rem}.user-card-name{color:#888;color:var(--text-tertiary,#888);font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-autocomplete-container{position:relative;width:100%}.user-autocomplete-input{background:#1a1a2e;background:var(--bg-secondary,#1a1a2e);border:1px solid #2a2a3e;border:1px solid var(--border-color,#2a2a3e);border-radius:8px;border-radius:var(--radius-md,8px);color:#fff;color:var(--text-primary,#fff);font-family:inherit;font-size:.9rem;padding:.75rem;transition:all .2s;width:100%}.user-autocomplete-input:focus{border-color:#3b82f6;border-color:var(--accent-primary,#3b82f6);box-shadow:0 0 0 3px #3b82f61a;outline:none}.user-autocomplete-input:disabled{cursor:not-allowed;opacity:.6}.user-autocomplete-dropdown{animation:slideDown .2s ease-out;background:#1a1a2e;background:var(--bg-card,#1a1a2e);border:1px solid #2a2a3e;border:1px solid var(--border-color,#2a2a3e);border-radius:8px;border-radius:var(--radius-md,8px);box-shadow:0 4px 12px #0000004d;left:0;margin-top:.25rem;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.user-autocomplete-results{padding:.25rem}.user-autocomplete-empty,.user-autocomplete-loading{color:#aaa;color:var(--text-secondary,#aaa);font-size:.875rem;padding:1rem;text-align:center}.user-autocomplete-empty{color:#888;color:var(--text-tertiary,#888)}.invite-user-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.invite-user-modal{animation:slideUp .2s ease-out;background:#1a1a2e;background:var(--bg-card,#1a1a2e);border:1px solid #2a2a3e;border:1px solid var(--border-color,#2a2a3e);border-radius:12px;border-radius:var(--radius-lg,12px);box-shadow:0 8px 32px #0006;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.invite-user-modal-header{align-items:center;border-bottom:1px solid #2a2a3e;border-bottom:1px solid var(--border-color,#2a2a3e);display:flex;justify-content:space-between;padding:1.5rem}.invite-user-modal-header h3{color:#fff;color:var(--text-primary,#fff);font-size:1.25rem;margin:0}.invite-user-modal-body{padding:1.5rem}.invite-user-form-group{margin-bottom:1.5rem}.invite-user-form-group label{color:#fff;color:var(--text-primary,#fff);display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.invite-user-form-group small{color:#aaa;color:var(--text-secondary,#aaa);display:block;font-size:.8rem;margin-top:.25rem}.invite-user-input,.invite-user-textarea{background:#1a1a2e;background:var(--bg-secondary,#1a1a2e);border:1px solid #2a2a3e;border:1px solid var(--border-color,#2a2a3e);border-radius:8px;border-radius:var(--radius-md,8px);color:#fff;color:var(--text-primary,#fff);font-family:inherit;font-size:.9rem;padding:.75rem;transition:all .2s;width:100%}.invite-user-input:focus,.invite-user-textarea:focus{border-color:#3b82f6;border-color:var(--accent-primary,#3b82f6);box-shadow:0 0 0 3px #3b82f61a;outline:none}.invite-user-textarea{min-height:100px;resize:vertical}.invite-user-error{background:#ef44441a;border:1px solid #ef4444;border:1px solid var(--error,#ef4444);border-radius:8px;border-radius:var(--radius-md,8px);color:#ef4444;color:var(--error,#ef4444);font-size:.875rem;margin-top:1rem;padding:.75rem}.invite-user-modal-footer{border-top:1px solid #2a2a3e;border-top:1px solid var(--border-color,#2a2a3e);display:flex;gap:.75rem;justify-content:flex-end;padding:1.5rem}.invite-user-button{align-items:center;display:inline-flex;gap:.5rem;position:relative}.invite-user-badge{background:#ef4444;background:var(--error,#ef4444);border-radius:999px;border-radius:var(--radius-full,999px);color:#fff;font-size:.75rem;font-weight:600;line-height:1.5;min-width:20px;padding:.125rem .5rem;text-align:center}.team-member-list{background:#1a1a2e;background:var(--bg-secondary,#1a1a2e);border:1px solid #2a2a3e;border:1px solid var(--border-color,#2a2a3e);border-radius:8px;border-radius:var(--radius-md,8px);padding:1.5rem}.team-member-list-title{color:#fff;color:var(--text-primary,#fff);font-size:1.25rem;font-weight:600;margin:0 0 1.5rem}.team-member-list-error{color:#ff3b30;color:var(--error-color,#ff3b30);font-size:.875rem;margin-bottom:1rem}.team-member-list-empty{color:#aaa;color:var(--text-secondary,#aaa);padding:2rem;text-align:center}.team-member-list-items{display:flex;flex-direction:column;gap:1rem}.team-member-item{background:#2a2a3e;background:var(--bg-tertiary,#2a2a3e);border-radius:8px;border-radius:var(--radius-md,8px);justify-content:space-between;padding:1rem}.team-member-info,.team-member-item{align-items:center;display:flex;gap:1rem}.team-member-info{flex:1 1;min-width:0}.team-member-info-clickable{transition:opacity .2s ease}.team-member-info-clickable:hover{opacity:.8}.team-member-avatar{align-items:center;background:#007aff;background:var(--primary-color,#007aff);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-weight:600;height:48px;justify-content:center;width:48px}.team-member-details{flex:1 1;min-width:0}.team-member-name{align-items:center;color:#fff;color:var(--text-primary,#fff);display:flex;font-weight:500;gap:.5rem;margin:0 0 .25rem}.team-member-you{font-size:.75rem;font-weight:400}.team-member-meta,.team-member-you{color:#aaa;color:var(--text-secondary,#aaa)}.team-member-meta{font-size:.875rem}.team-member-actions{align-items:center;display:flex;gap:1rem}.role-badge{border-radius:4px;border-radius:var(--radius-sm,4px);font-size:.75rem;font-weight:500;padding:.25rem .75rem;text-transform:capitalize}.role-badge-owner{background:#ffc10733;color:#ffc107}.role-badge-admin{background:#007aff33;color:#007aff}.role-badge-member{background:#80808033;color:grey}.team-member-controls{align-items:center;display:flex;gap:.5rem}.role-select{background:#1a1a2e;background:var(--bg-secondary,#1a1a2e);border:1px solid #2a2a3e;border:1px solid var(--border-color,#2a2a3e);border-radius:4px;border-radius:var(--radius-sm,4px);color:#fff;color:var(--text-primary,#fff);cursor:pointer;font-size:.875rem;padding:.375rem .75rem}.btn-danger{background:#ff3b30;background:var(--error-color,#ff3b30);border:none;color:#fff}.btn-danger:hover{background:#ff2d20}.team-member-list-admin-section{border-bottom:2px solid #2a2a3e;border-bottom:2px solid var(--border-color,#2a2a3e);margin-bottom:2rem;padding-bottom:2rem}.team-member-list-admin-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.team-member-list-admin-header h3{color:#fff;color:var(--text-primary,#fff);font-size:1.25rem;margin:0}.team-member-list-admin-content{display:flex;flex-direction:column;gap:2rem}.team-member-list-admin-subsection{background:#1a1a2e;background:var(--bg-secondary,#1a1a2e);border:1px solid #2a2a3e;border:1px solid var(--border-color,#2a2a3e);border-radius:8px;border-radius:var(--radius-md,8px);padding:1rem}.team-member-list-admin-subsection h4{color:#fff;color:var(--text-primary,#fff);font-size:1rem;font-weight:600;margin:0 0 1rem}.team-strategies-section{background:#1a1a2e;background:var(--bg-secondary,#1a1a2e);border:1px solid #2a2a3e;border:1px solid var(--border-color,#2a2a3e);border-radius:8px;border-radius:var(--radius-md,8px);padding:1.5rem}.team-strategies-section-header{margin-bottom:1.5rem}.team-strategies-section-header h2{color:#fff;color:var(--text-primary,#fff);font-size:1.5rem;font-weight:600}.team-strategies-section-header p{color:#aaa;color:var(--text-secondary,#aaa);font-size:.9rem}.team-strategies-empty,.team-strategies-error,.team-strategies-loading{color:#aaa;color:var(--text-secondary,#aaa);padding:2rem;text-align:center}.team-strategies-error{color:#ff3b30;color:var(--error-color,#ff3b30)}.team-strategies-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.team-strategy-item{background:#2a2a3e;background:var(--bg-tertiary,#2a2a3e);border:1px solid #2a2a3e;border:1px solid var(--border-color,#2a2a3e);border-radius:8px;border-radius:var(--radius-md,8px);color:inherit;display:flex;flex-direction:column;gap:.5rem;padding:1rem;text-decoration:none;transition:all .2s;transition:all var(--transition-fast,.2s)}.team-strategy-item:hover{border-color:#007aff;border-color:var(--accent-primary,#007aff);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md,0 4px 6px #0000001a);transform:translateY(-2px)}.team-strategy-header{align-items:flex-start;display:flex;gap:.75rem;justify-content:space-between}.team-strategy-name{color:#fff;color:var(--text-primary,#fff);flex:1 1;font-size:1.1rem;font-weight:600;margin:0;min-width:0;word-break:break-word}.team-strategy-badge{background:#3b82f633;border-radius:4px;border-radius:var(--radius-sm,4px);color:#3b82f6;flex-shrink:0;font-size:.75rem;font-weight:500;padding:.25rem .5rem;white-space:nowrap}.team-strategy-meta{align-items:center;color:#aaa;color:var(--text-secondary,#aaa);display:flex;font-size:.875rem;gap:1rem;justify-content:space-between}.team-strategy-map{font-weight:500}.team-strategy-author,.team-strategy-date{color:#888;color:var(--text-tertiary,#888)}.team-strategy-author{font-size:.8rem;font-style:italic}.team-strategies-actions{display:flex;justify-content:flex-end;margin-bottom:1.5rem}.team-strategies-create-form{background:#2a2a3e;background:var(--bg-tertiary,#2a2a3e);border:1px solid #2a2a3e;border:1px solid var(--border-color,#2a2a3e);border-radius:8px;border-radius:var(--radius-md,8px);margin-bottom:1.5rem;padding:1.5rem}.team-strategies-create-header{align-items:center;border-bottom:1px solid #2a2a3e;border-bottom:1px solid var(--border-color,#2a2a3e);display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.team-strategies-create-header h3{color:#fff;color:var(--text-primary,#fff);font-size:1.25rem;margin:0}.team-strategies-map-selector h4{color:#fff;color:var(--text-primary,#fff);font-size:1.1rem;margin-bottom:1rem}.team-strategies-maps-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:1rem}.team-strategy-map-card{background:#1a1a2e;background:var(--bg-secondary,#1a1a2e);border:2px solid #2a2a3e;border:2px solid var(--border-color,#2a2a3e);border-radius:8px;border-radius:var(--radius-md,8px);cursor:pointer;padding:1rem;text-align:center;transition:all .2s ease}.team-strategy-map-card:hover{border-color:#007aff;border-color:var(--accent-primary,#007aff);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md,0 4px 6px #0000001a);transform:translateY(-2px)}.team-strategy-map-card img{border-radius:4px;height:120px;margin-bottom:.5rem;object-fit:cover;width:100%}.team-strategy-map-card h4{color:#fff;color:var(--text-primary,#fff);font-size:.9rem;margin:0}.team-strategies-form-wrapper{margin-top:1rem}.team-strategies-empty-hint{color:#aaa;color:var(--text-secondary,#aaa);font-size:.9rem;margin-top:.5rem}.form-input-disabled{background:#1a1a2e;background:var(--bg-secondary,#1a1a2e);border:1px solid #2a2a3e;border:1px solid var(--border-color,#2a2a3e);border-radius:4px;color:#aaa;color:var(--text-secondary,#aaa);cursor:not-allowed;padding:.5rem;width:100%}.delete-confirm-modal-overlay{align-items:center;animation:fadeIn .2s ease-in-out;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.delete-confirm-modal{animation:slideUp .2s ease-out;background:#0b1221;background:var(--bg-card,#0b1221);border:1px solid #131c31;border:1px solid var(--border-color,#131c31);border-radius:12px;border-radius:var(--radius-lg,12px);box-shadow:0 8px 32px #00000080;display:flex;flex-direction:column;max-height:90vh;max-width:500px;overflow:hidden;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.delete-confirm-modal-header{align-items:center;border-bottom:1px solid #131c31;border-bottom:1px solid var(--border-color,#131c31);display:flex;justify-content:space-between;padding:1.5rem}.delete-confirm-modal-header h3{color:#e5e7eb;color:var(--text-primary,#e5e7eb);font-size:1.25rem;font-weight:700;margin:0}.modal-close-btn{align-items:center;background:none;border:none;border-radius:4px;border-radius:var(--radius-sm,4px);color:#94a3b8;color:var(--text-secondary,#94a3b8);cursor:pointer;display:flex;font-size:1.75rem;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.modal-close-btn:hover:not(:disabled){background:#1a1a2e;background:var(--bg-secondary,#1a1a2e);color:#e5e7eb;color:var(--text-primary,#e5e7eb)}.modal-close-btn:disabled{cursor:not-allowed;opacity:.5}.delete-confirm-modal-body{flex:1 1;overflow-y:auto;padding:1.5rem}.delete-confirm-warning{color:#ef4444;color:var(--error-color,#ef4444);font-size:1rem;font-weight:500;line-height:1.6;margin:0 0 1.5rem}.delete-confirm-instruction{margin-bottom:1rem}.delete-confirm-instruction p{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.9375rem;line-height:1.6;margin:0}.delete-confirm-instruction strong{color:#e5e7eb;color:var(--text-primary,#e5e7eb);font-weight:600}.delete-confirm-input-group{margin-top:1rem}.delete-confirm-input{background:#1a1a2e;background:var(--bg-secondary,#1a1a2e);border:2px solid #131c31;border:2px solid var(--border-color,#131c31);border-radius:8px;border-radius:var(--radius-md,8px);box-sizing:border-box;color:#e5e7eb;color:var(--text-primary,#e5e7eb);font-family:inherit;font-size:1rem;padding:.75rem 1rem;transition:all .2s;width:100%}.delete-confirm-input:focus{border-color:#ef4444;border-color:var(--error-color,#ef4444);box-shadow:0 0 0 3px #ef44441a;outline:none}.delete-confirm-input:disabled{cursor:not-allowed;opacity:.6}.delete-confirm-modal-footer{background:#1a1a2e;background:var(--bg-secondary,#1a1a2e);border-top:1px solid #131c31;border-top:1px solid var(--border-color,#131c31);display:flex;gap:.75rem;justify-content:flex-end;padding:1.5rem}.delete-confirm-cancel,.delete-confirm-submit{border:none;border-radius:8px;border-radius:var(--radius-md,8px);cursor:pointer;font-family:inherit;font-size:.9375rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.delete-confirm-cancel{background:#2a2a3e;background:var(--bg-tertiary,#2a2a3e);border:1px solid #131c31;border:1px solid var(--border-color,#131c31);color:#e5e7eb;color:var(--text-primary,#e5e7eb)}.delete-confirm-cancel:hover:not(:disabled){background:#ffffff0d;background:var(--bg-hover,#ffffff0d)}.delete-confirm-submit{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef44444d;color:#fff}.delete-confirm-submit:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 6px 16px #ef444466;transform:translateY(-1px)}.delete-confirm-cancel:disabled,.delete-confirm-submit:disabled{cursor:not-allowed;opacity:.5;transform:none}.team-detail-page{background:#0a0e1a;background:var(--bg-primary,#0a0e1a);min-height:calc(100vh - 200px);width:100%}.team-detail-content{margin:0 auto;max-width:1400px;padding:2rem 1.5rem}.team-detail-error,.team-detail-loading{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:1.1rem;padding:4rem 1rem;text-align:center}.team-detail-error{border:1px solid #131c31;border:1px solid var(--border-color,#131c31);border-radius:12px;border-radius:var(--radius-lg,12px);color:#ef4444;color:var(--error-color,#ef4444);margin:2rem 0;padding:2rem}.team-detail-error,.team-detail-header{background:#0b1221;background:var(--bg-card,#0b1221)}.team-detail-header{align-items:flex-start;border:1px solid #131c31;border:1px solid var(--border-color,#131c31);border-radius:16px;border-radius:var(--radius-xl,16px);box-shadow:0 4px 20px #0000004d;display:flex;gap:2rem;justify-content:space-between;margin-bottom:2rem;overflow:hidden;padding:2.5rem;position:relative}.team-detail-header:before{background:linear-gradient(90deg,#3b82f6,#8b5cf6,#ec4899);content:"";height:4px;left:0;opacity:.8;position:absolute;right:0;top:0}.team-detail-info{align-items:flex-start;display:flex;flex:1 1;gap:2rem}.team-detail-logo,.team-detail-logo-placeholder{border:2px solid #131c31;border:2px solid var(--border-color,#131c31);border-radius:12px;border-radius:var(--radius-lg,12px);box-shadow:0 4px 12px #0003;flex-shrink:0;height:100px;object-fit:cover;width:100px}.team-detail-logo-placeholder{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;display:flex;font-size:2.5rem;font-weight:700;justify-content:center;text-shadow:0 2px 4px #0003}.team-detail-info>div{flex:1 1}.team-detail-info h1{color:#e5e7eb;color:var(--text-primary,#e5e7eb);font-size:2.25rem;font-weight:800;letter-spacing:-.02em;line-height:1.2;margin:0 0 .75rem}.team-detail-description{font-size:1rem;line-height:1.7;margin:0 0 1.25rem;max-width:600px}.team-detail-description,.team-detail-meta{color:#94a3b8;color:var(--text-secondary,#94a3b8)}.team-detail-meta{display:flex;flex-wrap:wrap;font-size:.875rem;gap:2rem}.team-detail-meta span{align-items:center;display:flex;gap:.5rem}.team-detail-meta span:before{background:#3b82f6;background:var(--accent-primary,#3b82f6);border-radius:50%;content:"";height:6px;opacity:.6;width:6px}.team-detail-actions{align-items:flex-start;display:flex;flex-wrap:wrap;gap:.75rem}.team-detail-actions .btn-danger,.team-detail-actions .btn-secondary{align-items:center;border:none;border-radius:8px;border-radius:var(--radius-md,8px);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.9375rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.team-detail-actions .btn-secondary{background:#1a1a2e;background:var(--bg-secondary,#1a1a2e);border:1px solid #2a2a3e;border:1px solid var(--border-color,#2a2a3e);color:#fff;color:var(--text-primary,#fff)}.team-detail-actions .btn-secondary:hover:not(:disabled){background:#2a2a3e;background:var(--bg-tertiary,#2a2a3e);border-color:#3b82f6;border-color:var(--accent-primary,#3b82f6);box-shadow:0 4px 12px #3b82f633;transform:translateY(-1px)}.team-detail-actions .btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef44444d;color:#fff}.team-detail-actions .btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 6px 16px #ef444466;transform:translateY(-1px)}.team-detail-actions .btn-danger:disabled,.team-detail-actions .btn-secondary:disabled{cursor:not-allowed;opacity:.5;transform:none}.team-detail-tabs{background:#0b1221;background:var(--bg-card,#0b1221);border:1px solid #131c31;border:1px solid var(--border-color,#131c31);border-radius:12px;border-radius:var(--radius-lg,12px);box-shadow:0 2px 8px #0000001a;display:flex;gap:.5rem;margin-bottom:2rem;padding:.5rem}.team-detail-tab{background:#0000;border:none;border-radius:8px;border-radius:var(--radius-md,8px);color:#94a3b8;color:var(--text-secondary,#94a3b8);cursor:pointer;font-size:.9375rem;font-weight:500;padding:.875rem 1.75rem;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.team-detail-tab:hover{background:#1a1a2e;background:var(--bg-secondary,#1a1a2e)}.team-detail-tab.active,.team-detail-tab:hover{color:#e5e7eb;color:var(--text-primary,#e5e7eb)}.team-detail-tab.active{background:linear-gradient(135deg,#3b82f626,#8b5cf626);font-weight:600}.team-detail-tab.active:after{background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:2px;bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:60%}.team-detail-tab-content{animation:fadeIn .3s ease-out;padding:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.team-detail-sections{display:flex;flex-direction:column;gap:2rem}.team-strategies-section{background:#0b1221;background:var(--bg-card,#0b1221);border:1px solid #131c31;border:1px solid var(--border-color,#131c31);border-radius:12px;border-radius:var(--radius-lg,12px);box-shadow:0 4px 20px #0003;padding:2rem}.team-strategies-section-header{border-bottom:1px solid #131c31;border-bottom:1px solid var(--border-color,#131c31);margin-bottom:2rem;padding-bottom:1.5rem}.team-strategies-section-header h2{color:#e5e7eb;color:var(--text-primary,#e5e7eb);font-size:1.75rem;font-weight:700;letter-spacing:-.01em;margin:0 0 .5rem}.team-strategies-section-header p{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.9375rem;margin:0}.team-requests-section{background:#0b1221;background:var(--bg-card,#0b1221);border:1px solid #131c31;border:1px solid var(--border-color,#131c31);border-radius:12px;border-radius:var(--radius-lg,12px);box-shadow:0 4px 20px #0003;padding:2rem}.team-requests-section-header{border-bottom:1px solid #131c31;border-bottom:1px solid var(--border-color,#131c31);margin-bottom:1.5rem;padding-bottom:1.5rem}.team-requests-section-header h2{color:#e5e7eb;color:var(--text-primary,#e5e7eb);font-size:1.75rem;font-weight:700;letter-spacing:-.01em;margin:0 0 .5rem}.team-requests-content{display:flex;flex-direction:column;gap:2rem}.team-requests-subsection{background:#1a1a2e;background:var(--bg-secondary,#1a1a2e);border:1px solid #131c31;border:1px solid var(--border-color,#131c31);border-radius:8px;border-radius:var(--radius-md,8px);padding:1.5rem}.team-requests-subsection h3{color:#e5e7eb;color:var(--text-primary,#e5e7eb);font-size:1.25rem;font-weight:600;margin:0 0 1rem}@media (max-width:768px){.team-detail-content{padding:1.5rem 1rem}.team-detail-header{flex-direction:column;padding:2rem 1.5rem}.team-detail-info{flex-direction:column;gap:1.5rem}.team-detail-logo,.team-detail-logo-placeholder{height:80px;width:80px}.team-detail-info h1{font-size:1.75rem}.team-detail-actions{width:100%}.team-detail-actions .btn-danger,.team-detail-actions .btn-secondary{flex:1 1;justify-content:center}.team-detail-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto;scrollbar-width:none}.team-detail-tabs::-webkit-scrollbar{display:none}.team-detail-tab{font-size:.875rem;padding:.75rem 1.25rem}}.theme-dark .team-detail-header{box-shadow:0 8px 32px #0006}.theme-dark .team-detail-tabs{box-shadow:0 2px 12px #0000004d}.theme-dark .team-requests-section,.theme-dark .team-strategies-section{box-shadow:0 8px 32px #0006}.team-settings-section{animation:fadeIn .3s ease-out;background:#0b1221;background:var(--bg-card,#0b1221);border:1px solid #131c31;border:1px solid var(--border-color,#131c31);border-radius:12px;border-radius:var(--radius-lg,12px);box-shadow:0 4px 20px #0003;padding:2rem}.team-settings-header{border-bottom:1px solid #131c31;border-bottom:1px solid var(--border-color,#131c31);margin-bottom:2rem;padding-bottom:1.5rem}.team-settings-header h2{color:#e5e7eb;color:var(--text-primary,#e5e7eb);font-size:1.75rem;font-weight:700;letter-spacing:-.01em;margin:0 0 .5rem}.team-settings-header p{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.9375rem;margin:0}.team-settings-content{display:flex;flex-direction:column;gap:3rem}.team-settings-form-section{background:#1a1a2e;background:var(--bg-secondary,#1a1a2e);border:1px solid #131c31;border:1px solid var(--border-color,#131c31);border-radius:8px;border-radius:var(--radius-md,8px);padding:2rem}.team-settings-form-section h3{color:#e5e7eb;color:var(--text-primary,#e5e7eb);font-size:1.25rem;font-weight:600;margin:0 0 1.5rem}.team-edit-form{display:flex;flex-direction:column;gap:1.5rem}.team-edit-error{background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;border-radius:var(--radius-md,8px);color:#ef4444;color:var(--error-color,#ef4444);font-size:.9375rem;padding:1rem}.team-edit-form-group{display:flex;flex-direction:column;gap:.5rem}.team-edit-form-group label{color:#e5e7eb;color:var(--text-primary,#e5e7eb);font-size:.9375rem;font-weight:500}.team-edit-input,.team-edit-textarea{background:#2a2a3e;background:var(--bg-tertiary,#2a2a3e);border:1px solid #131c31;border:1px solid var(--border-color,#131c31);border-radius:8px;border-radius:var(--radius-md,8px);color:#e5e7eb;color:var(--text-primary,#e5e7eb);font-family:inherit;font-size:1rem;padding:.75rem 1rem;transition:all .2s}.team-edit-input:focus,.team-edit-textarea:focus{border-color:#3b82f6;border-color:var(--accent-primary,#3b82f6);box-shadow:0 0 0 3px #3b82f61a;outline:none}.team-edit-input:disabled,.team-edit-textarea:disabled{cursor:not-allowed;opacity:.6}.team-edit-textarea{font-family:inherit;min-height:120px;resize:vertical}.team-logo-upload{display:flex;flex-direction:column;gap:1rem}.team-logo-preview{border:2px solid #131c31;border:2px solid var(--border-color,#131c31);border-radius:8px;border-radius:var(--radius-md,8px);height:120px;overflow:hidden;width:120px}.team-logo-preview img{height:100%;object-fit:cover;width:100%}.team-logo-input{display:none}.team-logo-label{background:#2a2a3e;background:var(--bg-tertiary,#2a2a3e);border:1px solid #131c31;border:1px solid var(--border-color,#131c31);border-radius:8px;border-radius:var(--radius-md,8px);color:#e5e7eb;color:var(--text-primary,#e5e7eb);cursor:pointer;display:inline-block;font-size:.9375rem;font-weight:500;padding:.75rem 1.5rem;text-align:center;transition:all .2s;width:-webkit-fit-content;width:fit-content}.team-logo-label:hover{background:#ffffff0d;background:var(--bg-hover,#ffffff0d);border-color:#3b82f6;border-color:var(--accent-primary,#3b82f6)}.team-edit-form-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:.5rem}.team-edit-form-actions .btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;border-radius:var(--radius-md,8px);color:#fff;cursor:pointer;font-size:.9375rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.team-edit-form-actions .btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.team-edit-form-actions .btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.team-settings-danger-section{background:#1a1a2e;background:var(--bg-secondary,#1a1a2e);border:1px solid #ef44444d;border-radius:8px;border-radius:var(--radius-md,8px);padding:2rem}.team-settings-danger-section h3{color:#ef4444;color:var(--error-color,#ef4444);font-size:1.25rem;font-weight:600;margin:0 0 1.5rem}.team-delete-section{align-items:center;border-top:1px solid #ef444433;display:flex;gap:2rem;justify-content:space-between;padding-top:1.5rem}.team-delete-info{flex:1 1}.team-delete-info h4{color:#e5e7eb;color:var(--text-primary,#e5e7eb);font-size:1rem;font-weight:600;margin:0 0 .5rem}.team-delete-info p{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.875rem;line-height:1.6;margin:0}.team-delete-section .btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:8px;border-radius:var(--radius-md,8px);color:#fff;cursor:pointer;font-size:.9375rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s;white-space:nowrap}.team-delete-section .btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 6px 16px #ef444466;transform:translateY(-1px)}.team-delete-section .btn-danger:disabled{cursor:not-allowed;opacity:.6;transform:none}@media (max-width:768px){.team-delete-section{align-items:stretch;flex-direction:column}.team-delete-section .btn-danger{width:100%}}.team-detail-page *{transition:background-color .2s ease,border-color .2s ease,color .2s ease}.team-form{margin:0 auto;max-width:600px}.team-form-error{background:#ff3b301a;background:var(--error-bg,#ff3b301a);border-radius:8px;border-radius:var(--radius-md,8px);color:#ff3b30;color:var(--error-color,#ff3b30);padding:1rem}.team-form-error,.team-form-field{margin-bottom:1.5rem}.team-form-field label{color:#fff;color:var(--text-primary,#fff);display:block;font-weight:500;margin-bottom:.5rem}.team-form-field .required{color:#ff3b30;color:var(--error-color,#ff3b30)}.team-form-field input[type=text],.team-form-field textarea{background:#1a1a2e;background:var(--bg-secondary,#1a1a2e);border:1px solid #2a2a3e;border:1px solid var(--border-color,#2a2a3e);border-radius:8px;border-radius:var(--radius-md,8px);color:#fff;color:var(--text-primary,#fff);font-family:inherit;font-size:1rem;padding:.75rem;width:100%}.team-form-field input[type=text]:focus,.team-form-field textarea:focus{border-color:#007aff;border-color:var(--primary-color,#007aff);outline:none}.team-form-field input[type=text].error,.team-form-field textarea.error{border-color:#ff3b30;border-color:var(--error-color,#ff3b30)}.team-form-field input[type=file]{background:#1a1a2e;background:var(--bg-secondary,#1a1a2e);border:1px solid #2a2a3e;border:1px solid var(--border-color,#2a2a3e);border-radius:8px;border-radius:var(--radius-md,8px);color:#fff;color:var(--text-primary,#fff);padding:.5rem;width:100%}.field-error{color:#ff3b30;color:var(--error-color,#ff3b30);display:block;font-size:.875rem;margin-top:.25rem}.field-hint{color:#aaa;color:var(--text-secondary,#aaa);font-size:.75rem;margin-top:.25rem}.logo-upload-section{display:flex;flex-direction:column;gap:1rem}.logo-preview{border:1px solid #2a2a3e;border:1px solid var(--border-color,#2a2a3e);border-radius:8px;border-radius:var(--radius-md,8px);height:150px;overflow:hidden;width:150px}.logo-preview img{height:100%;object-fit:cover;width:100%}.checkbox-label{align-items:center;cursor:pointer;display:flex;gap:.5rem}.checkbox-label input[type=checkbox]{width:auto}.team-form-actions{display:flex;gap:1rem;margin-top:2rem}.team-form-actions button{flex:1 1}.team-form-page{min-height:calc(100vh - 200px);width:100%}.team-form-page-content{margin:0 auto;max-width:800px;padding:2rem 1rem}.team-form-page-loading{color:#aaa;color:var(--text-secondary,#aaa);padding:3rem 1rem;text-align:center}.team-form-page-header{margin-bottom:2rem}.team-form-page-header h1{color:#fff;color:var(--text-primary,#fff);font-size:2rem;margin:0 0 .5rem}.team-form-page-header p{color:#aaa;color:var(--text-secondary,#aaa);font-size:1rem;margin:0}.my-teams-page{min-height:calc(100vh - 200px);width:100%}.my-teams-content{margin:0 auto;max-width:1200px;padding:2rem 1rem}.my-teams-empty,.my-teams-error,.my-teams-loading{color:#aaa;color:var(--text-secondary,#aaa);padding:3rem 1rem;text-align:center}.my-teams-error{color:#ff3b30;color:var(--error-color,#ff3b30)}.my-teams-empty{align-items:center;display:flex;flex-direction:column;gap:1rem}.my-teams-header{align-items:flex-start;display:flex;gap:2rem;justify-content:space-between;margin-bottom:2rem}.my-teams-header h1{color:#fff;color:var(--text-primary,#fff);font-size:2rem;margin:0 0 .5rem}.my-teams-header p{color:#aaa;color:var(--text-secondary,#aaa);font-size:1rem;margin:0}.my-teams-sections{display:flex;flex-direction:column;gap:3rem}.my-teams-section h2{color:#fff;color:var(--text-primary,#fff);font-size:1.5rem;font-weight:600;margin:0 0 1.5rem}.my-teams-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.notification-list{width:100%}.notification-list-empty,.notification-list-error,.notification-list-loading{color:#aaa;color:var(--text-secondary,#aaa);padding:3rem;text-align:center}.notification-list-error{color:#ef4444;color:var(--error,#ef4444)}.notification-list-header{align-items:center;border-bottom:1px solid #2a2a3e;border-bottom:1px solid var(--border-color,#2a2a3e);display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.notification-list-header h2{color:#fff;color:var(--text-primary,#fff);font-size:1.5rem;margin:0}.notification-list-actions{align-items:center;display:flex;gap:1rem}.notification-filter{background:#1a1a2e;background:var(--bg-secondary,#1a1a2e);border:1px solid #2a2a3e;border:1px solid var(--border-color,#2a2a3e);border-radius:8px;border-radius:var(--radius-md,8px);color:#fff;color:var(--text-primary,#fff);cursor:pointer;font-size:.9rem;padding:.5rem 1rem}.notification-filter:focus{border-color:#3b82f6;border-color:var(--accent-primary,#3b82f6);outline:none}.notification-list-items{display:flex;flex-direction:column;gap:0}.notification-list-item-wrapper{position:relative}.notification-delete-btn{align-items:center;background:#ef44441a;border:1px solid #ef4444;border:1px solid var(--error,#ef4444);border-radius:999px;border-radius:var(--radius-full,999px);color:#ef4444;color:var(--error,#ef4444);cursor:pointer;display:flex;font-size:1.2rem;height:24px;justify-content:center;line-height:1;opacity:0;position:absolute;right:1rem;top:1rem;transition:opacity .2s;width:24px;z-index:10}.notification-list-item-wrapper:hover .notification-delete-btn{opacity:1}.notification-delete-btn:hover{background:#ef444433}.notification-page{min-height:calc(100vh - 200px);width:100%}.notification-page-content{margin:0 auto;max-width:1200px;padding:2rem 1rem}.notification-page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.notification-page-header h1{color:#fff;color:var(--text-primary,#fff);font-size:2rem;margin:0}.notification-page-unread-badge{background:#3b82f633;border:1px solid #3b82f6;border:1px solid var(--accent-primary,#3b82f6);border-radius:999px;border-radius:var(--radius-full,999px);color:#3b82f6;color:var(--accent-primary,#3b82f6);font-size:.875rem;font-weight:600;padding:.5rem 1rem}
/*# sourceMappingURL=main.6de3981e.css.map*/