:root{--bg-primary:#0a0a0a;--bg-secondary:#111113;--bg-tertiary:#1a1a1f;--bg-card:#16161a;--bg-card-hover:#1c1c22;--border-color:rgba(255,255,255,0.06);--border-hover:rgba(139,92,246,0.3);--text-primary:#ececf1;--text-secondary:#8e8ea0;--text-muted:#565869;--accent-purple:#8b5cf6;--accent-purple-dim:rgba(139,92,246,0.15);--accent-red:#ef4444;--accent-green:#22c55e;--accent-yellow:#eab308;--accent-orange:#f97316;--font-heading:'Space Grotesk',-apple-system,system-ui,sans-serif;--font-body:'Inter',-apple-system,system-ui,sans-serif;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--shadow-card:0 1px 3px rgba(0,0,0,0.4),0 0 0 1px var(--border-color);--shadow-card-hover:0 8px 24px rgba(0,0,0,0.5),0 0 0 1px var(--border-hover);--shadow-float:0 16px 48px rgba(0,0,0,0.6);--transition:0.2s cubic-bezier(0.4,0,0.2,1)}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.1);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,0.2)}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,0.1) transparent}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.25;color:var(--text-primary)}a{color:var(--accent-purple);text-decoration:none;transition:color var(--transition)}a:hover{color:#a78bfa}img{max-width:100%;height:auto;border-radius:var(--radius-sm)}.hidden{display:none !important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent-purple);outline-offset:2px;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--bg-tertiary) 25%,rgba(255,255,255,0.06) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:shimmer 1.8s ease-in-out infinite;border-radius:var(--radius-sm)}.nav{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:0.75rem 0;position:sticky;top:0;z-index:100;backdrop-filter:blur(12px)}.nav-container{max-width:1400px;margin:0 auto;padding:0 1.5rem;display:flex;justify-content:space-between;align-items:center}.logo{font-family:var(--font-heading);font-size:1.35rem;font-weight:700;color:var(--text-primary) !important;display:flex;align-items:center;gap:0.25rem}.logo .skull{font-size:1.5rem}.logo:hover{color:var(--text-primary) !important}.nav-links{display:flex;gap:0.25rem;align-items:center}.nav-links a{font-size:0.875rem;color:var(--text-secondary);padding:0.5rem 0.75rem;border-radius:var(--radius-sm);transition:all var(--transition)}.nav-links a:hover{color:var(--text-primary);background:rgba(255,255,255,0.05)}.nav-burger{display:none;background:none;border:none;color:var(--text-primary);cursor:pointer;padding:0.4rem;border-radius:var(--radius-sm);transition:background var(--transition)}.nav-burger:hover{background:rgba(255,255,255,0.06)}.nav-drawer-backdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.6);z-index:1098;opacity:0;transition:opacity 0.3s ease}.nav-drawer-backdrop.open{opacity:1;pointer-events:auto}.nav-drawer{display:none;position:fixed;top:0;right:0;bottom:0;width:280px;max-width:85vw;background:var(--bg-secondary);border-left:1px solid var(--border-color);z-index:1099;padding:3.5rem 1rem 1.5rem;flex-direction:column;gap:0.15rem;overflow-y:auto;transform:translateX(100%);transition:transform 0.3s cubic-bezier(0.4,0,0.2,1)}.nav-drawer.open{transform:translateX(0)}.nav-drawer-close{position:absolute;top:0.75rem;right:0.75rem;background:rgba(255,255,255,0.08);border:1px solid var(--border-color);color:var(--text-primary);font-size:1.5rem;line-height:1;width:36px;height:36px;border-radius:50%;cursor:pointer;transition:all var(--transition)}.nav-drawer-close:hover{background:rgba(255,255,255,0.15)}.nav-drawer-link{display:block;color:var(--text-secondary);font-size:0.95rem;padding:0.65rem 0.85rem;border-radius:var(--radius-sm);transition:all var(--transition)}.nav-drawer-link:hover{color:var(--text-primary);background:rgba(255,255,255,0.06)}.nav-drawer-submit{margin-top:0.5rem;padding-top:0.75rem;border-top:1px solid var(--border-color);color:var(--accent-purple);font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;gap:0.4rem;padding:0.55rem 1rem;border-radius:var(--radius-md);font-weight:600;font-size:0.875rem;font-family:var(--font-body);transition:all var(--transition);border:none;cursor:pointer;white-space:nowrap;text-decoration:none}.btn:disabled,.btn[disabled]{opacity:0.45;cursor:not-allowed;pointer-events:none;transform:none !important}.btn-primary{background:var(--accent-purple);color:#fff;box-shadow:0 0 0 1px rgba(139,92,246,0.5),0 2px 8px rgba(139,92,246,0.25)}.btn-primary:hover{background:#7c3aed;color:#fff;box-shadow:0 0 0 1px rgba(139,92,246,0.6),0 4px 16px rgba(139,92,246,0.35);transform:translateY(-1px)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--border-hover);color:var(--text-primary)}.btn-danger{background:rgba(239,68,68,0.1);color:var(--accent-red);border:1px solid rgba(239,68,68,0.2)}.btn-danger:hover{background:rgba(239,68,68,0.2)}.btn-icon{padding:0.5rem 0.65rem;font-size:1.15rem}.btn-large{padding:0.75rem 1.5rem;font-size:0.95rem}.btn-block{width:100%;text-align:center}.btn-random{background:var(--accent-yellow);color:#0a0a0a;border-radius:99px}.btn-random:hover{background:#ca8a04;color:#0a0a0a}.btn-duel{background:var(--accent-red);color:#fff;border-radius:99px}.btn-duel:hover{background:#dc2626;color:#fff}.btn-submit{background:var(--accent-purple);color:#fff;border-radius:99px}.map-container{position:relative;width:100vw;height:100vh;overflow:hidden}.map-topbar{position:absolute;top:0;left:0;right:0;z-index:1000;background:rgba(17,17,19,0.85);backdrop-filter:blur(16px) saturate(1.5);-webkit-backdrop-filter:blur(16px) saturate(1.5);padding:0.65rem 1.25rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color)}.map-nav{display:flex;gap:0.15rem}.map-nav a{color:var(--text-secondary);font-size:0.85rem;padding:0.4rem 0.7rem;border-radius:var(--radius-sm);transition:all var(--transition)}.map-nav a:hover{color:var(--text-primary);background:rgba(255,255,255,0.06)}.map-actions{display:flex;gap:0.35rem}.map-sidebar{position:absolute;top:80px;left:12px;width:320px;max-height:calc(100vh - 92px);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;background:rgba(17,17,19,0.88);backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:1rem;padding-bottom:1.5rem;z-index:999;display:flex;flex-direction:column;gap:0.85rem;scrollbar-width:none;-ms-overflow-style:none}.map-sidebar::-webkit-scrollbar{display:none}.sidebar-close{display:none;position:absolute;top:0.75rem;right:0.75rem;background:rgba(255,255,255,0.08);border:1px solid var(--border-color);color:var(--text-primary);font-size:1.5rem;line-height:1;width:36px;height:36px;border-radius:50%;cursor:pointer;z-index:2;transition:all var(--transition)}.sidebar-close:hover{background:rgba(255,255,255,0.15)}.sidebar-nav{display:none}.sidebar-toggle{display:none}.sidebar-backdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.6);z-index:998;opacity:0;transition:opacity 0.3s ease}.sidebar-backdrop.open{opacity:1}.btn-ghost{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);font-size:0.78rem;padding:0.35rem 0.75rem;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition)}.btn-ghost:hover{background:rgba(255,255,255,0.06);color:var(--text-primary)}.btn-small{font-size:0.78rem}#map{width:100%;height:100%}.leaflet-control-zoom{border:1px solid var(--border-color) !important;border-radius:var(--radius-md) !important;overflow:hidden;box-shadow:var(--shadow-card) !important}.leaflet-control-zoom a{background:var(--bg-card) !important;color:var(--text-primary) !important;border-color:var(--border-color) !important;width:36px !important;height:36px !important;line-height:36px !important;font-size:16px !important;transition:background var(--transition) !important}.leaflet-control-zoom a:hover{background:var(--bg-card-hover) !important}.leaflet-popup-content-wrapper{background:var(--bg-card) !important;color:var(--text-primary) !important;border-radius:var(--radius-lg) !important;border:1px solid var(--border-color) !important;box-shadow:var(--shadow-float) !important}.leaflet-popup-tip{background:var(--bg-card) !important}.leaflet-popup-content{margin:0.85rem 1rem !important;font-family:var(--font-body) !important;font-size:0.88rem !important}.leaflet-popup-content a{color:var(--accent-purple) !important}.leaflet-popup-close-button{color:var(--text-muted) !important;font-size:20px !important;top:6px !important;right:8px !important}.leaflet-popup-close-button:hover{color:var(--text-primary) !important}.leaflet-control-attribution{background:rgba(10,10,10,0.75) !important;color:var(--text-muted) !important;font-size:0.65rem !important;border-radius:var(--radius-sm) 0 0 0 !important;backdrop-filter:blur(8px) !important}.leaflet-control-attribution a{color:var(--text-secondary) !important}.marker-cluster{border-radius:50% !important}.marker-cluster div{border-radius:50% !important;background:var(--accent-purple) !important;color:#fff !important;font-family:var(--font-heading) !important;font-weight:700 !important}.marker-cluster-small{background:rgba(139,92,246,0.3) !important}.marker-cluster-small div{background:var(--accent-purple) !important}.marker-cluster-medium{background:rgba(249,115,22,0.3) !important}.marker-cluster-medium div{background:var(--accent-orange) !important}.marker-cluster-large{background:rgba(239,68,68,0.3) !important}.marker-cluster-large div{background:var(--accent-red) !important}.custom-marker{border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,0.5);transition:transform 0.15s ease;line-height:1}.custom-marker .skull{font-size:14px}.custom-marker .score{font-size:10px;font-weight:700;color:#fff;font-family:var(--font-heading)}.custom-marker:hover{transform:scale(1.15)}.custom-marker.compact{width:28px;height:28px}.custom-marker.compact .skull{font-size:16px}.card,.daily-card,.filters,.activity-feed,.global-counter,.sidebar-card,.stat-card,.newsletter-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1rem;transition:all var(--transition)}.daily-card{background:linear-gradient(135deg,rgba(139,92,246,0.08),rgba(239,68,68,0.06));border-color:rgba(139,92,246,0.15)}.daily-card h3{font-size:0.95rem;margin-bottom:0.5rem}.daily-card .daily-title{font-size:0.9rem;font-weight:600}.daily-card .daily-meta{font-size:0.8rem;color:var(--text-secondary);margin-top:0.25rem}.daily-card a{display:block;margin-top:0.5rem;font-size:0.8rem}.filters h4{font-size:0.9rem;margin-bottom:0.65rem}.filter-group{margin-bottom:0.75rem}.filter-group:last-child{margin-bottom:0}.filter-group>label{display:block;font-weight:600;font-size:0.8rem;color:var(--text-secondary);margin-bottom:0.4rem;text-transform:uppercase;letter-spacing:0.5px}.checkbox-group{display:flex;flex-wrap:wrap;gap:0.3rem}.checkbox-group label{font-weight:400;font-size:0.82rem;color:var(--text-secondary);display:flex;align-items:center;gap:0.4rem;padding:0.35rem 0.6rem;border-radius:99px;cursor:pointer;transition:all var(--transition);border:1px solid transparent;background:rgba(255,255,255,0.02)}.checkbox-group label:hover{background:rgba(255,255,255,0.06);color:var(--text-primary);border-color:var(--border-color)}.checkbox-group input[type="checkbox"]{-webkit-appearance:none;appearance:none;width:16px;height:16px;border:1.5px solid var(--text-muted);border-radius:4px;background:transparent;cursor:pointer;transition:all var(--transition);flex-shrink:0;position:relative}.checkbox-group input[type="checkbox"]:checked{background:var(--accent-purple);border-color:var(--accent-purple)}.checkbox-group input[type="checkbox"]:checked::after{content:'';position:absolute;left:4px;top:1px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}input[type="range"]{-webkit-appearance:none;appearance:none;width:100%;height:6px;background:rgba(139,92,246,0.2);border-radius:99px;outline:none;cursor:pointer;transition:background var(--transition)}input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--accent-purple);cursor:pointer;box-shadow:0 0 0 3px rgba(139,92,246,0.2),0 2px 6px rgba(0,0,0,0.4);transition:box-shadow var(--transition),transform var(--transition)}input[type="range"]::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 0 0 5px rgba(139,92,246,0.25),0 2px 8px rgba(0,0,0,0.5)}input[type="range"]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--accent-purple);border:none;cursor:pointer;box-shadow:0 0 0 3px rgba(139,92,246,0.2),0 2px 6px rgba(0,0,0,0.4)}input[type="range"]::-moz-range-track{height:6px;background:rgba(139,92,246,0.2);border-radius:99px;border:none}.activity-feed h4{font-size:0.9rem;margin-bottom:0.5rem}#activity-list{list-style:none;font-size:0.78rem;color:var(--text-secondary);max-height:120px;overflow-y:auto}#activity-list li{padding:0.3rem 0;border-bottom:1px solid var(--border-color)}#activity-list li:last-child{border-bottom:none}.global-counter{text-align:center}.global-counter h4{font-size:0.85rem;margin-bottom:0.35rem}.global-counter p{font-size:0.82rem;margin-bottom:0.15rem;color:var(--text-secondary)}.global-counter strong{color:var(--accent-purple)}.newsletter-card{background:var(--bg-card) !important;border:1px solid var(--border-color) !important;border-radius:var(--radius-lg) !important;padding:1rem !important;margin-bottom:0 !important}.newsletter-card h3{margin:0 0 0.4rem 0 !important;font-size:0.95rem !important}.newsletter-description{font-size:0.8rem !important;color:var(--text-secondary) !important;margin-bottom:0.75rem !important;line-height:1.45 !important}.newsletter-form{background:transparent !important;border:none !important;padding:0 !important;border-radius:0 !important}.newsletter-input-group{display:flex;gap:0.4rem;overflow:hidden}.newsletter-input-group input{flex:1;min-width:0;padding:0.6rem 0.75rem;background:rgba(255,255,255,0.04);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:0.82rem;font-family:var(--font-body);transition:border-color var(--transition),box-shadow var(--transition)}.newsletter-input-group input:focus{outline:none;border-color:var(--accent-purple);box-shadow:0 0 0 3px var(--accent-purple-dim)}.newsletter-input-group input::placeholder{color:var(--text-secondary);opacity:0.6}.newsletter-input-group button{padding:0.6rem 1rem;font-size:0.82rem;flex-shrink:0;white-space:nowrap}.newsletter-hint{font-size:0.7rem;color:var(--text-muted)}.newsletter-message{margin-top:0.65rem;padding:0.6rem 0.85rem;border-radius:var(--radius-md);font-size:0.82rem}.newsletter-message.success{background:rgba(34,197,94,0.1);border:1px solid rgba(34,197,94,0.2);color:var(--accent-green)}.newsletter-message.error{background:rgba(239,68,68,0.1);border:1px solid rgba(239,68,68,0.2);color:var(--accent-red)}.footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:3rem 1.5rem 1.5rem;margin-top:4rem}.footer-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:2rem}.footer-section h3,.footer-section h4{margin-bottom:0.65rem;font-size:0.9rem}.footer-section p{color:var(--text-secondary);font-size:0.85rem;line-height:1.5}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:0.35rem}.footer-section ul a{color:var(--text-secondary);font-size:0.85rem}.footer-section ul a:hover{color:var(--text-primary)}.footer-bottom{text-align:center;margin-top:2rem;padding-top:1rem;border-top:1px solid var(--border-color);color:var(--text-muted);font-size:0.8rem}.breadcrumb,.spot-breadcrumb{display:flex;align-items:center;gap:0.5rem;font-size:0.82rem;color:var(--text-muted);margin-bottom:1rem;flex-wrap:wrap}.breadcrumb a,.spot-breadcrumb a{color:var(--text-secondary)}.breadcrumb a:hover,.spot-breadcrumb a:hover{color:var(--accent-purple)}.breadcrumb span,.spot-breadcrumb span{color:var(--text-muted)}.spot-detail{max-width:1280px;margin:0 auto;padding:0}.spot-hero{width:100%;height:360px;overflow:hidden;position:relative;background:var(--bg-tertiary)}.spot-hero::after{content:'';position:absolute;bottom:0;left:0;right:0;height:120px;background:linear-gradient(transparent,var(--bg-primary))}.spot-hero-image{width:100%;height:100%;object-fit:cover}.spot-hero-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-tertiary),var(--bg-secondary))}.placeholder-skull{font-size:6rem;opacity:0.3}.spot-container{display:grid;grid-template-columns:1fr 320px;gap:2rem;padding:2rem 1.5rem 3rem;max-width:1280px;margin:0 auto}.spot-content{min-width:0}.spot-header{margin-bottom:1.5rem}.spot-title{font-size:2.25rem;margin-bottom:0.75rem;line-height:1.15}.spot-meta{display:flex;flex-wrap:wrap;gap:0.75rem;align-items:center;color:var(--text-secondary);font-size:0.85rem}.spot-category,.badge{background:var(--accent-purple-dim);color:var(--accent-purple);padding:0.2rem 0.65rem;border-radius:99px;font-size:0.78rem;font-weight:600;text-transform:capitalize;display:inline-flex;align-items:center;gap:0.25rem}.badge-gold{background:rgba(234,179,8,0.15);color:var(--accent-yellow)}.badge-red{background:rgba(239,68,68,0.12);color:var(--accent-red)}.badge-green{background:rgba(34,197,94,0.12);color:var(--accent-green)}.badge-orange{background:rgba(249,115,22,0.12);color:var(--accent-orange)}.spot-location{color:var(--text-secondary)}.spot-score-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:1.5rem}.score-display{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.score-skulls{font-size:1.75rem;letter-spacing:2px}.score-value{font-size:2rem;font-weight:700;font-family:var(--font-heading)}.score-value span{color:var(--accent-purple)}.score-count{color:var(--text-secondary);font-size:0.85rem}.spot-description{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:1.5rem;line-height:1.85;font-size:0.95rem;color:var(--text-secondary)}.spot-description h2{font-size:1.15rem;margin-bottom:0.75rem;color:var(--text-primary)}.spot-vote-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:1.5rem}.spot-vote-section h2{font-size:1.25rem;margin-bottom:0.35rem}.vote-subtitle{color:var(--text-secondary);font-size:0.85rem;margin-bottom:1rem}.vote-slider-container{margin-bottom:1rem}.vote-skulls-display{font-size:1.75rem;text-align:center;margin-bottom:0.5rem;letter-spacing:4px}.vote-labels{display:flex;justify-content:space-between;font-size:0.75rem;color:var(--text-muted);margin-top:0.25rem}.vote-value{text-align:center;font-size:1.5rem;font-weight:700;color:var(--accent-purple);margin-top:0.25rem}#vote-result{margin-top:0.75rem}.spot-gallery{margin-bottom:1.5rem}.spot-gallery h2,.spot-gallery h3{font-size:1.1rem;margin-bottom:0.75rem}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:0.75rem}.gallery-item img{width:100%;height:180px;object-fit:cover;border-radius:var(--radius-lg);border:1px solid var(--border-color);transition:transform var(--transition)}.gallery-item img:hover{transform:scale(1.03)}.spot-map-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:1.5rem}.spot-map-section h2,.spot-map-section h3{font-size:1.1rem;margin-bottom:0.75rem}.spot-map-section .map-container{height:250px;border-radius:var(--radius-md);overflow:hidden;margin-bottom:0.75rem;position:relative;width:100%}.spot-map-section .btn{margin-right:0.5rem;margin-top:0.35rem}#mini-map{width:100%;height:100%;border-radius:var(--radius-md)}.spot-comments-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:1.5rem}.spot-comments-section h2,.spot-comments-section h3{font-size:1.1rem;margin-bottom:1rem}.comment-form-container{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--border-color)}.comment-form-container h3,.comment-form-container h4{font-size:1rem;margin-bottom:0.75rem}.comment-form .form-group{margin-bottom:0.85rem}.comment-form label{display:block;font-weight:600;font-size:0.85rem;margin-bottom:0.35rem}.comment-form input,.comment-form textarea{width:100%;padding:0.7rem 0.9rem;background:rgba(255,255,255,0.03);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-body);font-size:0.9rem;transition:border-color var(--transition),box-shadow var(--transition)}.comment-form input:focus,.comment-form textarea:focus{outline:none;border-color:var(--accent-purple);box-shadow:0 0 0 3px var(--accent-purple-dim)}.comment-form input::placeholder,.comment-form textarea::placeholder{color:var(--text-secondary);opacity:0.6}.comment-form textarea{resize:vertical;min-height:90px}.comments-list{display:flex;flex-direction:column;gap:0.75rem}.spot-sidebar{display:flex;flex-direction:column;gap:1rem}.sidebar-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.15rem}.sidebar-card h3,.sidebar-card h4{font-size:0.9rem;margin-bottom:0.75rem}.spot-info-list{font-size:0.85rem}.spot-info-list dt{color:var(--text-muted);font-size:0.75rem;text-transform:uppercase;letter-spacing:0.5px;margin-top:0.65rem}.spot-info-list dt:first-child{margin-top:0}.spot-info-list dd{color:var(--text-primary);margin-top:0.15rem}.sidebar-actions{display:flex;flex-direction:column;gap:0.5rem}.sidebar-report{text-align:center}.sidebar-report small{display:block;margin-top:0.4rem;font-size:0.75rem;color:var(--text-muted)}.text-muted{color:var(--text-muted)}.spot-card-horizontal{display:flex;gap:1rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1rem;transition:all var(--transition);color:var(--text-primary);text-decoration:none}.spot-card-horizontal:hover{border-color:var(--border-hover);background:var(--bg-card-hover);transform:translateY(-2px);box-shadow:var(--shadow-card-hover);color:var(--text-primary)}.spot-thumb{width:100px;height:100px;object-fit:cover;border-radius:var(--radius-md);flex-shrink:0}.spot-thumb-placeholder{width:100px;height:100px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border-radius:var(--radius-md);font-size:2rem;flex-shrink:0;opacity:0.5}.spot-card-horizontal .spot-info{flex:1;min-width:0;background:transparent;padding:0;border-radius:0;margin-bottom:0}.spot-card-horizontal .spot-info h3{font-size:1rem;margin-bottom:0.3rem;line-height:1.3}.spot-card-horizontal .spot-meta{font-size:0.8rem;margin-bottom:0.3rem}.spot-card-horizontal .spot-score{font-size:0.82rem;color:var(--accent-yellow);display:inline}.spot-card-horizontal .spot-category{font-size:0.72rem}.spot-excerpt{font-size:0.82rem;color:var(--text-secondary);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.form-group{margin-bottom:1.25rem}.form-group label{display:block;font-weight:600;font-size:0.875rem;margin-bottom:0.4rem}.form-control{width:100%;padding:0.7rem 0.9rem;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-primary);font-size:0.9rem;font-family:var(--font-body);transition:border-color var(--transition),box-shadow var(--transition)}.form-control:focus{outline:none;border-color:var(--accent-purple);box-shadow:0 0 0 3px var(--accent-purple-dim)}.form-control::placeholder{color:var(--text-secondary);opacity:0.6}textarea.form-control{min-height:140px;resize:vertical;border-radius:var(--radius-md)}select.form-control{cursor:pointer;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none' stroke='%238e8ea0' stroke-width='1.5'%3E%3Cpolyline points='6 8 10 12 14 8'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 0.75rem center;background-size:1.25rem;padding-right:2.5rem}.form-hint{font-size:0.78rem;color:var(--text-muted);margin-top:0.3rem}.form-error{color:var(--accent-red);font-size:0.78rem;margin-top:0.3rem}.duel-page{min-height:100vh;padding:2.5rem 1.5rem;display:flex;flex-direction:column;align-items:center}.duel-container{max-width:1100px;width:100%}.duel-container h1{text-align:center;margin-bottom:0.5rem;font-size:2rem}.duel-container>p{text-align:center;color:var(--text-secondary);margin-bottom:2rem}.duel-spots{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.duel-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:all var(--transition)}.duel-card:hover{border-color:var(--border-hover);transform:translateY(-4px);box-shadow:var(--shadow-card-hover)}.duel-card img{width:100%;height:280px;object-fit:cover;border-radius:0;transition:transform 0.3s ease}.duel-card:hover img{transform:scale(1.03)}.duel-card h2{padding:1rem 1rem 0;font-size:1.15rem}.duel-card .spot-meta{padding:0.35rem 1rem 1rem}.duel-actions{display:flex;justify-content:center;gap:1rem}.duel-header{text-align:center;margin-bottom:1.5rem}.duel-header h1{font-size:2rem;margin-bottom:0.35rem}.duel-subtitle{color:var(--text-secondary);font-size:0.95rem}.duel-cards{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.duel-card-header{padding:0.5rem 1rem;display:flex;justify-content:space-between;align-items:center}.duel-side{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--accent-purple-dim);color:var(--accent-purple);border-radius:50%;font-weight:700;font-family:var(--font-heading);font-size:0.9rem}.duel-photo{width:100%;height:260px;object-fit:cover;border-radius:0;transition:transform 0.3s ease}.duel-card:hover .duel-photo{transform:scale(1.03)}.duel-info{padding:1rem 1.15rem}.duel-title{font-size:1.1rem;margin-bottom:0.4rem;line-height:1.3}.duel-meta{display:flex;flex-wrap:wrap;gap:0.5rem;align-items:center;margin-bottom:0.5rem;font-size:0.82rem}.duel-category{background:var(--accent-purple-dim);color:var(--accent-purple);padding:0.15rem 0.55rem;border-radius:99px;font-size:0.75rem;font-weight:600;text-transform:capitalize}.duel-location{color:var(--text-secondary);font-size:0.82rem}.duel-score{font-size:0.95rem;letter-spacing:1px;margin-top:0.25rem}.duel-score span{font-weight:700;color:var(--accent-yellow);font-family:var(--font-heading);margin-left:0.35rem}.duel-vote-btn{display:block;width:calc(100% - 2rem);margin:0 1rem 0.75rem;padding:0.75rem;background:var(--accent-red);color:#fff;border:none;border-radius:var(--radius-md);font-weight:700;font-size:0.9rem;font-family:var(--font-body);cursor:pointer;transition:all var(--transition)}.duel-vote-btn:hover{background:#dc2626;transform:translateY(-1px)}.duel-vote-btn:disabled{opacity:0.5;cursor:not-allowed;transform:none}.duel-vote-btn.selected{background:var(--accent-green)}.duel-link{display:block;text-align:center;padding:0.5rem 1rem 1rem;font-size:0.82rem;color:var(--text-muted)}.duel-link:hover{color:var(--accent-purple)}.duel-result{text-align:center;margin-bottom:1.5rem}.duel-result.hidden{display:none}.result-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;max-width:500px;margin:0 auto}.result-card h3{font-size:1.15rem;margin-bottom:0.5rem}.result-winner{color:var(--text-secondary);font-size:0.9rem;margin-bottom:1rem}.result-winner strong{color:var(--text-primary)}.result-stats h4{font-size:0.85rem;margin-bottom:0.75rem;color:var(--text-secondary)}.result-bars{display:flex;flex-direction:column;gap:0.65rem}.result-bar{display:flex;align-items:center;gap:0.65rem}.bar-label{font-size:0.8rem;font-weight:600;min-width:50px;color:var(--text-secondary)}.bar-track{flex:1;height:24px;background:var(--bg-tertiary);border-radius:99px;overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,var(--accent-purple),var(--accent-red));border-radius:99px;transition:width 0.6s ease;min-width:4px}.bar-value{font-size:0.82rem;font-weight:700;min-width:48px;text-align:right;color:var(--text-primary)}.result-total{font-size:0.78rem;color:var(--text-muted);margin-top:0.75rem}.duel-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:0.75rem;text-align:center}.duel-error .error-icon{font-size:3rem}.duel-error h2{font-size:1.25rem}.duel-error p{color:var(--text-secondary);margin-bottom:0.5rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:0.75rem;margin-bottom:2rem}.stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.15rem;text-align:center}.stat-value{font-size:1.75rem;font-weight:700;color:var(--accent-purple);font-family:var(--font-heading)}.stat-label{font-size:0.78rem;color:var(--text-secondary);margin-top:0.2rem;text-transform:uppercase;letter-spacing:0.5px}.ranking-table{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);overflow:hidden}.ranking-table table{width:100%;border-collapse:collapse}.ranking-table thead{background:var(--bg-tertiary)}.ranking-table th,.ranking-table td{padding:0.85rem 1rem;text-align:left;border-bottom:1px solid var(--border-color)}.ranking-table th{font-weight:600;font-size:0.75rem;text-transform:uppercase;letter-spacing:0.7px;color:var(--text-secondary)}.ranking-table tr:last-child td{border-bottom:none}.ranking-table tbody tr:nth-child(even){background:rgba(255,255,255,0.015)}.ranking-table tr:hover{background:rgba(139,92,246,0.06)}.ranking-rank{font-weight:700;font-size:1.1rem;color:var(--accent-purple)}.leaderboard-list{display:flex;flex-direction:column;gap:0.65rem}.leaderboard-item{background:var(--bg-card);border:1px solid var(--border-color);padding:1rem 1.25rem;border-radius:var(--radius-lg);display:flex;align-items:center;gap:0.85rem;transition:all var(--transition)}.leaderboard-item:hover{border-color:var(--border-hover)}.leaderboard-user{display:flex;align-items:center;gap:0.85rem}.leaderboard-rank{font-size:1.35rem;font-weight:700;color:var(--accent-purple);min-width:40px;font-family:var(--font-heading)}.leaderboard-stats{display:flex;gap:1.25rem;font-size:0.85rem;color:var(--text-secondary)}.challenge-page{max-width:1000px;margin:0 auto;padding:2.5rem 1.5rem}.challenge-page h1{font-size:2.5rem;text-align:center;margin-bottom:0.5rem}.challenge-subtitle{text-align:center;font-size:1.05rem;color:var(--text-secondary);margin-bottom:2rem;line-height:1.7}.challenge-cities{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:0.85rem;margin-top:1.5rem}.challenge-city-card{background:var(--bg-card);border:1px solid var(--border-color);padding:1.25rem;border-radius:var(--radius-lg);text-align:center;transition:all var(--transition)}.challenge-city-card:hover{border-color:var(--border-hover);transform:translateY(-2px)}.challenge-city-rank{font-size:1.75rem;color:var(--accent-purple);margin-bottom:0.3rem}.about-page{max-width:900px;margin:0 auto;padding:2.5rem 1.5rem}.about-page h1{font-size:2.25rem;margin-bottom:0.75rem}.about-page h2{font-size:1.5rem;margin-top:2.5rem;margin-bottom:0.75rem}.about-section{margin-bottom:1.5rem;line-height:1.85;color:var(--text-secondary)}.seo-page{max-width:1200px;margin:0 auto;padding:2.5rem 1.5rem}.seo-page.country-page,.seo-page.city-page,.seo-page.region-page{display:grid;grid-template-columns:1fr 300px;gap:2rem;align-items:start}.seo-container{min-width:0}.seo-header{margin-bottom:2rem}.seo-header h1{font-size:2rem;margin-bottom:0.4rem}.seo-subtitle{color:var(--text-secondary);font-size:0.95rem}.seo-sidebar{display:flex;flex-direction:column;gap:1rem;position:sticky;top:80px}.seo-sidebar .sidebar-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.15rem}.seo-sidebar .sidebar-card h3{font-size:0.95rem;margin-bottom:0.65rem}.seo-sidebar .btn-block{margin-bottom:0.4rem}.seo-sidebar .btn-block:last-child{margin-bottom:0}.cities-list,.countries-list{list-style:none}.cities-list li,.countries-list li{padding:0.35rem 0;border-bottom:1px solid var(--border-color)}.cities-list li:last-child,.countries-list li:last-child{border-bottom:none}.cities-list a,.countries-list a{color:var(--text-secondary);font-size:0.85rem}.cities-list a:hover,.countries-list a:hover{color:var(--accent-purple)}.view-all-link{display:block;margin-top:0.5rem;font-size:0.82rem}.cities-section{margin-bottom:2rem}.cities-section h2{font-size:1.35rem;margin-bottom:1rem}.cities-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:0.75rem}.city-card{background:var(--bg-card);border:1px solid var(--border-color);padding:1.15rem;border-radius:var(--radius-lg);transition:all var(--transition);color:var(--text-primary);text-decoration:none;display:block}.city-card:hover{border-color:var(--border-hover);transform:translateY(-2px);color:var(--text-primary);box-shadow:var(--shadow-card-hover)}.city-card h3{font-size:1rem;margin-bottom:0.2rem}.city-count{font-size:0.82rem;color:var(--text-secondary)}.spots-section{margin-bottom:2rem}.spots-section h2{font-size:1.35rem;margin-bottom:1rem}.spots-list{display:flex;flex-direction:column;gap:0.75rem;margin-bottom:1rem}.seo-cta{background:linear-gradient(135deg,rgba(139,92,246,0.08),rgba(239,68,68,0.05));border:1px solid rgba(139,92,246,0.15);border-radius:var(--radius-xl);padding:2rem;text-align:center;margin-top:2rem}.seo-cta h2{font-size:1.35rem;margin-bottom:0.4rem}.seo-cta p{color:var(--text-secondary);margin-bottom:1rem}.share-section{margin-top:1.5rem}.share-buttons{display:flex;flex-wrap:wrap;gap:0.4rem}.share-btn{display:inline-flex;align-items:center;gap:0.35rem;padding:0.5rem 0.85rem;border-radius:99px;font-size:0.82rem;font-weight:600;border:none;cursor:pointer;transition:all var(--transition)}.share-btn:hover{transform:translateY(-1px);filter:brightness(1.1)}.share-btn svg{width:16px;height:16px}.share-twitter{background:#1da1f2;color:#fff}.share-reddit{background:#ff4500;color:#fff}.share-whatsapp{background:#25d366;color:#fff}.share-discord{background:#5865f2;color:#fff}.share-copy{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.toast-container{position:fixed;top:1.25rem;right:1.25rem;z-index:10000;display:flex;flex-direction:column;gap:0.5rem}.toast{background:var(--bg-card);border:1px solid var(--border-color);padding:0.85rem 1.15rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-float);min-width:280px;display:flex;align-items:center;gap:0.5rem;animation:toastSlide 0.35s ease-out;font-size:0.88rem;backdrop-filter:blur(12px)}@keyframes toastSlide{from{transform:translateX(120%);opacity:0}to{transform:translateX(0);opacity:1}}.toast.success{border-left:3px solid var(--accent-green)}.toast.error{border-left:3px solid var(--accent-red)}.toast.info{border-left:3px solid var(--accent-purple)}.pagination{display:flex;justify-content:center;gap:0.3rem;margin-top:1.5rem}.pagination a,.pagination span{padding:0.45rem 0.85rem;border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);font-size:0.85rem;transition:all var(--transition)}.pagination a:hover{border-color:var(--border-hover);color:var(--text-primary)}.pagination .active{background:var(--accent-purple);border-color:var(--accent-purple);color:#fff}.error-page{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:2rem}.error-container{max-width:500px}.error-code{font-size:5rem;color:var(--accent-red);margin-bottom:0.5rem;font-family:var(--font-heading)}.error-title{font-size:1.5rem;margin-bottom:0.75rem}.error-description{color:var(--text-secondary);margin-bottom:1.5rem}.error-actions{display:flex;gap:0.75rem;justify-content:center}.page-header{margin-bottom:2rem}.page-header h1{font-size:2rem;margin-bottom:0.4rem}.page-subtitle{color:var(--text-secondary);font-size:0.95rem;line-height:1.6}.section-subtitle{color:var(--text-secondary);font-size:0.9rem;margin-bottom:1rem}.section-description{color:var(--text-secondary);font-size:0.9rem;margin-bottom:1rem;line-height:1.6}.cta-section{background:linear-gradient(135deg,rgba(139,92,246,0.08),rgba(239,68,68,0.05));border:1px solid rgba(139,92,246,0.15);border-radius:var(--radius-xl);padding:2.5rem;text-align:center;margin:2.5rem 0}.cta-section h2{font-size:1.5rem;margin-bottom:0.4rem}.cta-section p{color:var(--text-secondary);margin-bottom:1.25rem}.ranking-page{max-width:1100px;margin:0 auto;padding:2.5rem 1.5rem;display:grid;grid-template-columns:1fr 300px;gap:2rem;align-items:start}.ranking-container{min-width:0}.ranking-filters{display:flex;gap:0.75rem;margin-bottom:1.5rem;flex-wrap:wrap}.filter-select{padding:0.55rem 2.5rem 0.55rem 0.85rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:0.85rem;font-family:var(--font-body);cursor:pointer;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none' stroke='%238e8ea0' stroke-width='1.5'%3E%3Cpolyline points='6 8 10 12 14 8'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 0.5rem center;background-size:1.15rem;transition:border-color var(--transition)}.filter-select:focus{outline:none;border-color:var(--accent-purple)}.filter-select:hover{border-color:var(--border-hover)}.ranking-list{display:flex;flex-direction:column;gap:0.5rem}.ranking-item{display:flex;align-items:center;gap:1rem;padding:0.85rem 1rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition)}.ranking-item:hover{border-color:var(--border-hover);background:var(--bg-card-hover)}.ranking-item.ranking-top{border-color:rgba(234,179,8,0.2);background:rgba(234,179,8,0.03)}.ranking-rank{min-width:48px;font-size:1.25rem;font-weight:700;color:var(--accent-purple);text-align:center;font-family:var(--font-heading)}.ranking-item.ranking-top .ranking-rank{font-size:1.5rem}.ranking-photo{flex-shrink:0}.ranking-photo img{width:64px;height:64px;object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--border-color)}.ranking-photo .photo-placeholder{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border-radius:var(--radius-md);font-size:1.5rem;opacity:0.5}.ranking-info{flex:1;min-width:0}.ranking-info h3{font-size:0.95rem;margin-bottom:0.15rem;line-height:1.3}.ranking-info h3 a{color:var(--text-primary)}.ranking-info h3 a:hover{color:var(--accent-purple)}.ranking-location{font-size:0.8rem;color:var(--text-secondary)}.ranking-score{text-align:right;flex-shrink:0}.ranking-score .score-value{font-size:1.5rem;font-weight:700;color:var(--accent-yellow);font-family:var(--font-heading)}.ranking-score .score-label{font-size:0.72rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.5px}.ranking-sidebar{display:flex;flex-direction:column;gap:1rem;position:sticky;top:80px}.podium-card{background:linear-gradient(135deg,rgba(234,179,8,0.06),rgba(139,92,246,0.04)) !important;border-color:rgba(234,179,8,0.15) !important}.podium-item{display:flex;align-items:center;gap:0.65rem;padding:0.55rem 0;border-bottom:1px solid var(--border-color)}.podium-item:last-child{border-bottom:none}.podium-medal{font-size:1.35rem;flex-shrink:0}.podium-item a{flex:1;color:var(--text-primary);font-size:0.88rem;font-weight:500}.podium-item a:hover{color:var(--accent-purple)}.podium-score{font-weight:700;color:var(--accent-yellow);font-size:0.9rem;font-family:var(--font-heading)}.duel-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:1rem;color:var(--text-secondary)}.loading-spinner{font-size:2.5rem;animation:spin 1.2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.duel-instructions{max-width:800px;margin:3rem auto 0;text-align:center}.duel-instructions h2{font-size:1.5rem;margin-bottom:1.25rem}.instructions-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem}.instruction-item{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.25rem 1rem;text-align:center;transition:all var(--transition)}.instruction-item:hover{border-color:var(--border-hover);transform:translateY(-2px)}.instruction-icon{font-size:2rem;display:block;margin-bottom:0.65rem}.instruction-item h3{font-size:0.9rem;margin-bottom:0.3rem}.instruction-item p{font-size:0.8rem;color:var(--text-secondary);line-height:1.45}.keyboard-shortcuts{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.25rem;display:inline-block;text-align:left}.keyboard-shortcuts h3{font-size:0.95rem;margin-bottom:0.75rem}.keyboard-shortcuts ul{list-style:none;display:flex;flex-direction:column;gap:0.4rem}.keyboard-shortcuts li{font-size:0.85rem;color:var(--text-secondary);display:flex;align-items:center;gap:0.6rem}kbd{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:28px;padding:0 0.5rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-bottom-width:2px;border-radius:var(--radius-sm);font-family:var(--font-body);font-size:0.78rem;font-weight:600;color:var(--text-primary)}.submit-page{max-width:1100px;margin:0 auto;padding:2.5rem 1.5rem;display:grid;grid-template-columns:1fr 300px;gap:2rem;align-items:start}.submit-container{min-width:0}.submit-header{margin-bottom:2rem}.submit-header h1{font-size:2rem;margin-bottom:0.4rem}.submit-subtitle{color:var(--text-secondary);font-size:0.95rem}.submit-form{display:flex;flex-direction:column;gap:0}.form-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:1.25rem}.form-section h2{font-size:1.15rem;margin-bottom:0.75rem;color:var(--text-primary)}.form-section input:not([type="file"]):not([type="checkbox"]):not([type="radio"]),.form-section textarea,.form-section select{width:100%;padding:0.7rem 0.9rem;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-primary);font-size:0.9rem;font-family:var(--font-body);transition:border-color var(--transition),box-shadow var(--transition)}.form-section input:focus,.form-section textarea:focus,.form-section select:focus{outline:none;border-color:var(--accent-purple);box-shadow:0 0 0 3px var(--accent-purple-dim)}.form-section select{cursor:pointer;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none' stroke='%238e8ea0' stroke-width='1.5'%3E%3Cpolyline points='6 8 10 12 14 8'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 0.75rem center;background-size:1.15rem;padding-right:2.5rem}.form-section textarea{min-height:120px;resize:vertical}.required{color:var(--accent-red);font-weight:700}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-actions-inline{display:flex;gap:0.65rem;margin-top:0.5rem;margin-bottom:0.5rem;flex-wrap:wrap}.photo-dropzone{border:2px dashed var(--border-color);border-radius:var(--radius-lg);padding:2.5rem 1.5rem;text-align:center;cursor:pointer;transition:all var(--transition);background:rgba(255,255,255,0.01)}.photo-dropzone:hover,.photo-dropzone.dragover{border-color:var(--accent-purple);background:rgba(139,92,246,0.04)}.dropzone-content{display:flex;flex-direction:column;align-items:center;gap:0.5rem}.dropzone-icon{font-size:2.5rem;opacity:0.7}.dropzone-text{font-size:0.9rem;color:var(--text-secondary)}.dropzone-text strong{color:var(--accent-purple)}.dropzone-hint{font-size:0.78rem;color:var(--text-muted)}.photos-preview{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:0.65rem;margin-top:0.85rem}.photos-preview img{width:100%;height:100px;object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--border-color)}.form-submit{text-align:center;background:transparent;border:none;padding:1.5rem 0 0}.submit-notice{color:var(--text-secondary);font-size:0.82rem;margin-top:0.85rem;line-height:1.5}.submit-sidebar{display:flex;flex-direction:column;gap:1rem;position:sticky;top:80px}.tips-list{list-style:none;display:flex;flex-direction:column;gap:0.5rem;font-size:0.85rem;color:var(--text-secondary);line-height:1.5}.tips-list li{padding:0.3rem 0}.tips-list.warning li{color:var(--text-muted)}.tips-list.warning li::before{content:''}.leaderboard-page{max-width:1100px;margin:0 auto;padding:2.5rem 1.5rem;display:grid;grid-template-columns:1fr 300px;gap:2rem;align-items:start}.leaderboard-container{min-width:0}.leaderboard-item.leaderboard-top{border-color:rgba(234,179,8,0.2);background:rgba(234,179,8,0.03)}.leaderboard-avatar-col{flex-shrink:0}.leaderboard-avatar-img{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid var(--border-color)}.leaderboard-avatar-letter{font-size:1.2rem;font-weight:700;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent-purple),#6d28d9);color:#fff;border-radius:50%;font-family:var(--font-heading)}.leaderboard-avatar-letter.anon{background:var(--bg-tertiary);color:var(--text-secondary)}.leaderboard-info{flex:1;min-width:0}.leaderboard-info h3{font-size:1rem;margin-bottom:0.15rem;display:flex;align-items:center;gap:0.5rem;flex-wrap:wrap}.leaderboard-username{color:var(--text-primary);text-decoration:none}.leaderboard-username:hover{color:var(--accent-purple);text-decoration:underline}.leaderboard-level{font-size:0.7rem;font-weight:600;background:rgba(139,92,246,0.15);color:var(--accent-purple);padding:0.1rem 0.45rem;border-radius:4px;font-family:var(--font-heading)}.leaderboard-stats-row{font-size:0.82rem;color:var(--text-secondary);display:flex;flex-wrap:wrap;gap:0.15rem;align-items:center}.leaderboard-stat-sep{color:var(--text-tertiary,#555)}.leaderboard-badge{flex-shrink:0}.leaderboard-empty{padding:3rem 1.5rem;text-align:center;color:var(--text-secondary)}.leaderboard-empty a{color:var(--accent-purple)}.leaderboard-anon-section{margin-top:2.5rem;padding-top:2rem;border-top:1px solid var(--border-color)}.leaderboard-anon-section h2{font-size:1.25rem;margin-bottom:0.25rem}.section-subtitle{font-size:0.85rem;color:var(--text-secondary);margin-bottom:1rem}.leaderboard-item-anon{opacity:0.8}.cta-buttons{display:flex;gap:1rem;flex-wrap:wrap}.badge-legendary{background:linear-gradient(135deg,rgba(234,179,8,0.2),rgba(249,115,22,0.15));color:var(--accent-yellow);border:1px solid rgba(234,179,8,0.3)}.badge-master{background:rgba(139,92,246,0.15);color:var(--accent-purple);border:1px solid rgba(139,92,246,0.25)}.badge-expert{background:rgba(249,115,22,0.12);color:var(--accent-orange);border:1px solid rgba(249,115,22,0.2)}.badge-contributor{background:rgba(34,197,94,0.12);color:var(--accent-green);border:1px solid rgba(34,197,94,0.2)}.badge-explorer{background:rgba(255,255,255,0.05);color:var(--text-secondary);border:1px solid var(--border-color)}.leaderboard-sidebar{display:flex;flex-direction:column;gap:1rem;position:sticky;top:80px}.how-it-works{list-style:none;counter-reset:howto;display:flex;flex-direction:column;gap:0.6rem}.how-it-works li{counter-increment:howto;font-size:0.85rem;color:var(--text-secondary);display:flex;align-items:center;gap:0.65rem;line-height:1.4}.how-it-works li::before{content:counter(howto);width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--accent-purple-dim);color:var(--accent-purple);border-radius:50%;font-weight:700;font-size:0.78rem;flex-shrink:0;font-family:var(--font-heading)}.stat-item{padding:0.65rem 0;border-bottom:1px solid var(--border-color);text-align:center}.stat-item:last-child{border-bottom:none}.stat-item .stat-value{font-size:1.35rem}.stat-item .stat-label{font-size:0.72rem}.challenge-hero{text-align:center;margin-bottom:2.5rem}.challenge-container{display:flex;flex-direction:column;gap:0}.challenge-section{margin-bottom:2.5rem}.challenge-section h2{font-size:1.5rem;margin-bottom:0.75rem}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.step-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem 1.15rem;text-align:center;transition:all var(--transition);position:relative}.step-card:hover{border-color:var(--border-hover);transform:translateY(-2px)}.step-number{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--accent-purple);color:#fff;border-radius:50%;font-weight:700;font-size:1.1rem;font-family:var(--font-heading);margin:0 auto 0.85rem}.step-card h3{font-size:0.95rem;margin-bottom:0.35rem}.step-card p{font-size:0.82rem;color:var(--text-secondary);line-height:1.5}.top-cities-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.city-rank-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.25rem;text-align:center;transition:all var(--transition)}.city-rank-card:hover{border-color:var(--border-hover);transform:translateY(-2px)}.city-rank-card h3{font-size:1rem;margin-bottom:0.5rem}.city-rank{font-size:1.5rem;font-weight:700;color:var(--accent-purple);margin-bottom:0.35rem;font-family:var(--font-heading)}.city-stats{margin-bottom:0.75rem}.city-score{font-size:0.88rem;color:var(--accent-yellow);margin-bottom:0.15rem}.city-count{font-size:0.78rem;color:var(--text-muted)}.benefits-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.benefit-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem 1rem;text-align:center;transition:all var(--transition)}.benefit-card:hover{border-color:var(--border-hover);transform:translateY(-2px)}.benefit-icon{font-size:2rem;display:block;margin-bottom:0.65rem}.benefit-card h3{font-size:0.95rem;margin-bottom:0.3rem}.benefit-card p{font-size:0.82rem;color:var(--text-secondary);line-height:1.45}.challenge-cta{background:linear-gradient(135deg,rgba(139,92,246,0.1),rgba(239,68,68,0.06));border:1px solid rgba(139,92,246,0.2);border-radius:var(--radius-xl);padding:3rem 2rem;text-align:center;margin-bottom:2.5rem}.challenge-cta h2{font-size:1.75rem;margin-bottom:0.5rem}.challenge-cta p{color:var(--text-secondary);margin-bottom:1.25rem;font-size:1rem}.rules-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem}.rules-list{list-style:none;display:flex;flex-direction:column;gap:0.5rem;font-size:0.9rem;color:var(--text-secondary)}.rules-list li{padding:0.25rem 0;line-height:1.5}.btn-sm{padding:0.4rem 0.85rem;font-size:0.8rem}.about-container{max-width:780px;margin:0 auto}.about-hero{text-align:center;margin-bottom:2.5rem}.about-subtitle{color:var(--text-secondary);font-size:1.05rem;line-height:1.7}.about-text{color:var(--text-secondary);line-height:1.85;margin-bottom:1rem;font-size:0.95rem}.cursed-criteria{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1rem}.criteria-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.25rem;text-align:center;transition:all var(--transition)}.criteria-card:hover{border-color:var(--border-hover);transform:translateY(-2px)}.criteria-icon{font-size:2rem;display:block;margin-bottom:0.5rem}.criteria-card h3{font-size:0.95rem;margin-bottom:0.25rem}.criteria-card p{font-size:0.82rem;color:var(--text-secondary);line-height:1.45}.differences-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1rem}.difference-item{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.25rem;transition:all var(--transition)}.difference-item:hover{border-color:var(--border-hover)}.difference-item h3{font-size:0.95rem;margin-bottom:0.35rem}.difference-item p{font-size:0.85rem;color:var(--text-secondary);line-height:1.55}.tech-stack{display:flex;flex-wrap:wrap;gap:0.5rem;margin-top:0.75rem}.tech-badge{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:99px;padding:0.4rem 0.85rem;font-size:0.82rem;font-weight:500;color:var(--text-secondary);transition:all var(--transition)}.tech-badge:hover{color:var(--accent-purple);border-color:var(--border-hover)}.tech-note{font-size:0.85rem;color:var(--text-muted);margin-top:0.85rem}.contact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1rem}.contact-item{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.15rem;transition:all var(--transition)}.contact-item:hover{border-color:var(--border-hover)}.contact-item h3{font-size:0.9rem;margin-bottom:0.25rem}.contact-item p{font-size:0.85rem;color:var(--text-secondary)}.contact-item a{color:var(--accent-purple)}.about-cta{background:linear-gradient(135deg,rgba(139,92,246,0.08),rgba(239,68,68,0.05));border:1px solid rgba(139,92,246,0.15);border-radius:var(--radius-xl);padding:2.5rem;text-align:center;margin-top:2rem}.about-cta h2{font-size:1.5rem;margin-bottom:0.4rem}.about-cta p{color:var(--text-secondary);margin-bottom:1.25rem}.cta-buttons{display:flex;gap:0.85rem;justify-content:center;flex-wrap:wrap}@media (pointer:coarse){.btn,.share-btn,.nav-links a,.map-nav a{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center}.checkbox-group label{min-height:40px;padding:0.4rem 0.6rem}input[type="range"]{height:44px}}@media (max-width:1024px){.spot-container{grid-template-columns:1fr}.spot-sidebar{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.seo-page.country-page,.seo-page.city-page,.seo-page.region-page{grid-template-columns:1fr}.seo-sidebar{position:static;flex-direction:row;flex-wrap:wrap}.seo-sidebar .sidebar-card{flex:1;min-width:200px}.ranking-page,.submit-page,.leaderboard-page{grid-template-columns:1fr}.ranking-sidebar,.submit-sidebar,.leaderboard-sidebar{position:static;flex-direction:row;flex-wrap:wrap}.ranking-sidebar .sidebar-card,.submit-sidebar .sidebar-card,.leaderboard-sidebar .sidebar-card{flex:1;min-width:200px}.steps-grid,.benefits-grid,.instructions-grid{grid-template-columns:repeat(2,1fr)}.nav-links{display:none}.nav-burger{display:flex}.nav-drawer{display:flex}.nav-drawer-backdrop{display:block;pointer-events:none}.nav-drawer-backdrop.open{pointer-events:auto}}@media (max-width:768px){.map-topbar{padding:0.5rem 0.75rem}.map-topbar .logo{font-size:1.1rem}.map-topbar .logo .skull{font-size:1.25rem}.map-nav{display:none}.sidebar-toggle{display:inline-flex !important}.map-actions{gap:0.25rem}.map-actions .btn-icon{font-size:1rem;padding:0.4rem 0.5rem}.map-sidebar{position:fixed;top:0;right:0;bottom:0;left:auto;width:300px;max-width:85vw;max-height:100vh;border-radius:var(--radius-xl) 0 0 var(--radius-xl);border-right:none;padding:1rem;padding-top:3.5rem;gap:0.65rem;z-index:1001;transform:translateX(100%);transition:transform 0.3s cubic-bezier(0.4,0,0.2,1)}.map-sidebar.open{transform:translateX(0)}.map-sidebar::before{display:none}.sidebar-close{display:flex;align-items:center;justify-content:center}.sidebar-nav{display:flex;flex-direction:column;gap:0.15rem;padding-bottom:0.5rem;border-bottom:1px solid var(--border-color)}.sidebar-nav a{color:var(--text-secondary);font-size:0.9rem;padding:0.55rem 0.75rem;border-radius:var(--radius-sm);transition:all var(--transition)}.sidebar-nav a:hover{color:var(--text-primary);background:rgba(255,255,255,0.06)}.sidebar-backdrop{display:block;pointer-events:none}.sidebar-backdrop.open{pointer-events:auto}.daily-card,.filters,.activity-feed,.global-counter{padding:0.75rem}.daily-card h3{font-size:0.85rem}.filters h4{font-size:0.82rem}.nav{padding:0.5rem 0}.nav-container{padding:0 0.75rem}.submit-page,.ranking-page,.leaderboard-page,.challenge-page,.about-page,.seo-page{padding:1.5rem 0.85rem}.duel-page{padding:1.5rem 0.85rem}.duel-container h1,.duel-header h1{font-size:1.4rem}.duel-spots,.duel-cards{grid-template-columns:1fr;gap:0.85rem}.duel-card img,.duel-photo{height:180px}.duel-card h2{font-size:1rem;padding:0.75rem 0.75rem 0}.duel-card .spot-meta{padding:0.25rem 0.75rem 0.75rem}.duel-actions{flex-direction:column;gap:0.5rem}.duel-actions .btn{width:100%}.instructions-grid{grid-template-columns:repeat(2,1fr);gap:0.65rem}.instruction-item{padding:1rem 0.75rem}.keyboard-shortcuts{display:block;width:100%}.keyboard-shortcuts ul{flex-direction:row;flex-wrap:wrap;gap:0.65rem}.form-row{grid-template-columns:1fr}.form-section{padding:1.15rem}.photo-dropzone{padding:1.5rem 1rem}.ranking-item{flex-wrap:wrap;gap:0.65rem;padding:0.75rem}.ranking-photo img,.ranking-photo .photo-placeholder{width:52px;height:52px}.ranking-info h3{font-size:0.88rem}.steps-grid,.benefits-grid{grid-template-columns:repeat(2,1fr);gap:0.65rem}.challenge-cta{padding:2rem 1.25rem}.challenge-cta h2{font-size:1.25rem}.cursed-criteria{grid-template-columns:repeat(2,1fr);gap:0.65rem}.differences-grid{grid-template-columns:1fr}.contact-grid{grid-template-columns:1fr}.about-cta{padding:1.5rem}.cta-buttons{flex-direction:column}.cta-buttons .btn{width:100%}.leaderboard-item{flex-wrap:wrap;gap:0.65rem;padding:0.85rem}.leaderboard-avatar{width:40px;height:40px;font-size:1.35rem}.leaderboard-rank{font-size:1.15rem;min-width:32px}.spot-hero{height:200px}.spot-container{padding:1.25rem 0.85rem 2rem;gap:1.25rem}.spot-title{font-size:1.5rem}.spot-score-card,.spot-description,.spot-vote-section,.spot-map-section,.spot-comments-section{padding:1rem;border-radius:var(--radius-md)}.score-skulls{font-size:1.35rem}.score-value{font-size:1.5rem}.spot-sidebar{grid-template-columns:1fr}.seo-header h1{font-size:1.4rem}.seo-subtitle{font-size:0.85rem}.seo-sidebar{flex-direction:column}.seo-sidebar .sidebar-card{min-width:0}.stats-grid{grid-template-columns:repeat(3,1fr);gap:0.5rem}.stat-card{padding:0.75rem 0.5rem}.stat-value{font-size:1.25rem}.stat-label{font-size:0.65rem}.cities-grid{grid-template-columns:repeat(2,1fr);gap:0.5rem}.city-card{padding:0.75rem}.city-card h3{font-size:0.9rem}.challenge-cities{grid-template-columns:repeat(2,1fr);gap:0.5rem}.spot-card-horizontal{padding:0.75rem;gap:0.75rem}.spot-thumb,.spot-thumb-placeholder{width:72px;height:72px}.spot-card-horizontal .spot-info h3{font-size:0.9rem}.spot-excerpt{-webkit-line-clamp:1;font-size:0.78rem}.footer{padding:1.5rem 0.85rem 1rem}.footer-container{grid-template-columns:1fr 1fr;gap:1rem}.footer-section h3,.footer-section h4{font-size:0.82rem}.footer-section p,.footer-section ul a{font-size:0.78rem}.challenge-page h1{font-size:1.5rem}.about-page h1{font-size:1.5rem}.ranking-page h1,.leaderboard-page h1{font-size:1.5rem}.ranking-table th,.ranking-table td{padding:0.6rem 0.5rem;font-size:0.82rem}.ranking-table{overflow-x:auto;-webkit-overflow-scrolling:touch}.toast-container{left:0.5rem;right:0.5rem;top:0.5rem}.toast{min-width:auto;font-size:0.82rem;padding:0.65rem 0.85rem}.breadcrumb,.spot-breadcrumb{font-size:0.75rem;gap:0.35rem}.share-buttons{gap:0.35rem}.share-btn{padding:0.45rem 0.65rem;font-size:0.75rem}.error-code{font-size:3.5rem}.error-title{font-size:1.2rem}}@media (max-width:480px){.map-sidebar{width:100%;max-width:100vw;border-radius:0}.footer-container{grid-template-columns:1fr;gap:0.75rem}.stats-grid{grid-template-columns:repeat(3,1fr)}.spot-card-horizontal{flex-direction:column}.spot-thumb,.spot-thumb-placeholder{width:100%;height:140px;border-radius:var(--radius-sm)}.cities-grid{grid-template-columns:1fr}.challenge-cities{grid-template-columns:1fr}.seo-cta{padding:1.25rem}.seo-cta h2{font-size:1.1rem}.spot-title{font-size:1.3rem}.spot-hero{height:160px}.steps-grid,.benefits-grid,.instructions-grid{grid-template-columns:1fr}.cursed-criteria{grid-template-columns:1fr}.top-cities-grid{grid-template-columns:1fr}}@media (max-height:500px) and (orientation:landscape){.map-sidebar{position:fixed;top:0;right:0;bottom:0;left:auto;width:280px;max-height:100vh;border-radius:var(--radius-md) 0 0 var(--radius-md);padding:0.65rem;padding-top:3.5rem;gap:0.5rem;transform:translateX(100%);transition:transform 0.3s cubic-bezier(0.4,0,0.2,1);z-index:1001}.map-sidebar.open{transform:translateX(0)}.sidebar-toggle{display:inline-flex !important}.sidebar-close{display:flex;align-items:center;justify-content:center}.sidebar-nav{display:flex;flex-direction:column;gap:0.15rem;padding-bottom:0.5rem;border-bottom:1px solid var(--border-color)}.sidebar-nav a{color:var(--text-secondary);font-size:0.82rem;padding:0.4rem 0.6rem;border-radius:var(--radius-sm)}.sidebar-backdrop{display:block;pointer-events:none}.sidebar-backdrop.open{pointer-events:auto}.map-sidebar::before{display:none}.map-topbar{padding:0.35rem 0.75rem}.map-topbar .logo{font-size:1rem}.daily-card,.filters,.activity-feed,.global-counter,.newsletter-card{padding:0.5rem !important}.daily-card h3,.filters h4,.activity-feed h4{font-size:0.78rem;margin-bottom:0.25rem}.checkbox-group label{font-size:0.75rem;min-height:32px;padding:0.2rem 0.4rem}#activity-list{max-height:60px}.newsletter-description{display:none !important}.newsletter-input-group button{padding:0.4rem 0.65rem;font-size:0.75rem}.newsletter-input-group input{padding:0.4rem 0.55rem;font-size:0.75rem}.newsletter-card h3{font-size:0.82rem !important}.duel-page{padding:1rem 0.75rem;min-height:auto}.duel-container h1,.duel-header h1{font-size:1.2rem;margin-bottom:0.35rem}.duel-container>p{margin-bottom:0.75rem;font-size:0.82rem}.duel-spots,.duel-cards{grid-template-columns:1fr 1fr;gap:0.65rem}.duel-card img,.duel-photo{height:120px}.duel-card h2{font-size:0.88rem;padding:0.5rem 0.5rem 0}.duel-card .spot-meta{padding:0.2rem 0.5rem 0.5rem;font-size:0.72rem}.duel-actions{flex-direction:row}.duel-actions .btn{width:auto}.spot-hero{height:180px}.spot-container{padding:1rem 0.75rem 1.5rem}.spot-title{font-size:1.35rem}.nav{padding:0.35rem 0}.submit-page,.ranking-page,.leaderboard-page,.challenge-page,.about-page,.seo-page{padding:1rem 0.75rem}.steps-grid,.benefits-grid,.instructions-grid{grid-template-columns:repeat(2,1fr);gap:0.5rem}.footer{padding:1rem 0.75rem 0.75rem}}@supports (padding-top:env(safe-area-inset-top)){.map-topbar{padding-top:max(0.5rem,env(safe-area-inset-top))}.map-sidebar{padding-bottom:max(1rem,env(safe-area-inset-bottom))}.footer{padding-bottom:max(1rem,env(safe-area-inset-bottom))}}@media (hover:none){.btn:hover,.duel-card:hover,.duel-vote-btn:hover,.spot-card-horizontal:hover,.city-card:hover,.challenge-city-card:hover,.leaderboard-item:hover,.ranking-item:hover,.step-card:hover,.benefit-card:hover,.criteria-card:hover{transform:none;box-shadow:var(--shadow-card)}.btn:active{transform:scale(0.97)}.duel-card:active{transform:scale(0.98);border-color:var(--border-hover)}.spot-card-horizontal:active{background:var(--bg-card-hover)}}.spot-tags{display:flex;flex-wrap:wrap;gap:0.4rem;margin-top:0.75rem}.spot-tag{display:inline-block;padding:0.2rem 0.6rem;font-size:0.75rem;font-weight:500;color:var(--accent-purple,#8b5cf6);background:rgba(139,92,246,0.1);border:1px solid rgba(139,92,246,0.25);border-radius:999px;text-decoration:none;transition:all 0.15s ease;white-space:nowrap}.spot-tag:hover{background:rgba(139,92,246,0.2);border-color:rgba(139,92,246,0.5);color:#a78bfa}.spot-source-badge{display:inline-block;padding:0.15rem 0.5rem;font-size:0.7rem;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;color:var(--text-secondary,#888);background:var(--bg-elevated,#1e1e1e);border-radius:4px}.spot-category-link{color:inherit;text-decoration:none;border-bottom:1px dashed var(--border-default,#333)}.spot-category-link:hover{color:var(--accent-purple,#8b5cf6)}.search-page{padding:2rem 1rem;max-width:1200px;margin:0 auto}.search-container{display:grid;grid-template-columns:1fr 280px;gap:2rem}.search-header{margin-bottom:1.5rem}.search-header h1{font-size:1.75rem;margin:0.5rem 0 0.25rem}.search-count{color:var(--text-secondary,#888);font-size:0.9rem}.search-form{margin:1rem 0}.search-input-group{display:flex;gap:0.5rem;max-width:600px}.search-input{flex:1;padding:0.65rem 1rem;border-radius:var(--radius-md,10px);border:1px solid var(--border-color,rgba(255,255,255,0.06));background:var(--bg-tertiary,#1a1a1f);color:var(--text-primary,#ececf1);font-size:1rem;font-family:var(--font-body,'Inter',sans-serif);outline:none;transition:border-color var(--transition,0.2s)}.search-input:focus{border-color:var(--accent-purple,#8b5cf6)}.search-input::placeholder{color:var(--text-muted,#565869)}.search-btn{flex-shrink:0}.search-results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.search-result-card{display:flex;flex-direction:column;background:var(--bg-card,#141414);border:1px solid var(--border-default,#2a2a2a);border-radius:12px;overflow:hidden;text-decoration:none;color:inherit;transition:transform 0.15s,border-color 0.15s}.search-result-card:hover{transform:translateY(-2px);border-color:var(--border-hover,#444)}.result-photo{aspect-ratio:16/10;overflow:hidden;background:var(--bg-elevated,#1e1e1e)}.result-photo img{width:100%;height:100%;object-fit:cover}.result-photo-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;opacity:0.3}.result-info{padding:0.75rem 1rem 1rem}.result-title{font-size:1rem;margin:0 0 0.4rem;line-height:1.3}.result-meta{display:flex;flex-wrap:wrap;gap:0.5rem;font-size:0.8rem;color:var(--text-secondary,#888);margin-bottom:0.4rem}.result-score{color:var(--accent-red,#ef4444);font-weight:600}.result-desc{font-size:0.8rem;color:var(--text-secondary,#888);margin:0.4rem 0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.result-tags{display:flex;flex-wrap:wrap;gap:0.3rem;margin-top:0.4rem}.result-tag{font-size:0.65rem;padding:0.1rem 0.4rem;background:rgba(139,92,246,0.08);color:var(--accent-purple,#8b5cf6);border-radius:4px}.search-empty{text-align:center;padding:3rem 1rem}.search-empty p{color:var(--text-secondary,#888);margin-bottom:1rem}.search-sidebar .sidebar-card{margin-bottom:1rem}.search-sidebar .sidebar-card h3{font-size:1rem;margin:0 0 0.75rem}.sidebar-tags{display:flex;flex-wrap:wrap;gap:0.35rem}.sidebar-tag{display:inline-block;padding:0.25rem 0.6rem;font-size:0.75rem;color:var(--text-secondary,#888);background:var(--bg-elevated,#1e1e1e);border:1px solid var(--border-default,#2a2a2a);border-radius:6px;text-decoration:none;transition:all 0.15s}.sidebar-tag:hover{border-color:var(--accent-purple,#8b5cf6);color:var(--accent-purple,#8b5cf6)}.sidebar-tag.active{background:rgba(139,92,246,0.15);border-color:var(--accent-purple,#8b5cf6);color:var(--accent-purple,#8b5cf6);font-weight:600}.sidebar-tag small{opacity:0.6;margin-left:0.2rem}.spot-nearby-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:1.5rem}.spot-nearby-section h2{font-size:1.1rem;margin-bottom:1rem}.nearby-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:0.75rem}.nearby-list:empty::after{content:"No nearby spots found yet.";color:var(--text-muted);font-size:0.85rem}.spot-map-actions{display:flex;gap:0.5rem;flex-wrap:wrap;margin-top:0.75rem}@media (max-width:768px){.search-container{grid-template-columns:1fr}.search-results-grid{grid-template-columns:1fr}.spot-tags{gap:0.3rem}.spot-tag{font-size:0.7rem;padding:0.15rem 0.5rem}.nearby-list{grid-template-columns:1fr 1fr}.spot-map-actions{flex-direction:column}.spot-map-actions .btn{width:100%;text-align:center}.spot-nearby-section,.spot-description,.spot-vote-section,.spot-map-section,.spot-comments-section{padding:1rem}}.nav-auth-btn{margin-left:0.25rem}.btn-sm{padding:0.35rem 0.75rem;font-size:0.8rem}.nav-user-dropdown{position:relative;margin-left:0.5rem}.nav-user-btn{display:flex;align-items:center;gap:0.4rem;padding:0.35rem 0.75rem;border-radius:var(--radius-md);background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);font-size:0.8rem;cursor:pointer;transition:all var(--transition);font-family:var(--font-body)}.nav-user-btn:hover{border-color:var(--border-hover);background:var(--bg-card-hover)}.nav-user-level{background:var(--accent-purple-dim);color:var(--accent-purple);padding:0.1rem 0.4rem;border-radius:4px;font-size:0.7rem;font-weight:600}.nav-user-name{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-dropdown-menu{display:none;position:absolute;top:calc(100%+4px);right:0;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);min-width:160px;padding:0.35rem;box-shadow:var(--shadow-float);z-index:200}.nav-dropdown-menu.open{display:block}.nav-dropdown-item{display:block;width:100%;padding:0.5rem 0.75rem;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:0.85rem;text-align:left;background:none;border:none;cursor:pointer;font-family:var(--font-body);text-decoration:none;transition:all var(--transition)}.nav-dropdown-item:hover{background:rgba(255,255,255,0.05);color:var(--text-primary)}.nav-dropdown-divider{border:none;border-top:1px solid var(--border-color);margin:0.25rem 0}.nav-dropdown-logout{color:var(--accent-red)}.nav-dropdown-logout:hover{background:rgba(239,68,68,0.1)}.nav-drawer-divider{border:none;border-top:1px solid var(--border-color);margin:0.5rem 1rem}.nav-drawer-logout{width:100%;text-align:left;background:none;border:none;color:var(--accent-red);cursor:pointer;font-family:var(--font-body);font-size:inherit;padding:inherit}.auth-page{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 200px);padding:2rem 1rem}.auth-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2.5rem;width:100%;max-width:420px;box-shadow:var(--shadow-card)}.auth-card-wide{max-width:520px}.auth-header{text-align:center;margin-bottom:2rem}.auth-header h1{font-size:1.5rem;margin-bottom:0.5rem}.auth-subtitle{color:var(--text-secondary);font-size:0.9rem}.auth-form .form-group{margin-bottom:1.25rem}.auth-form label{display:block;margin-bottom:0.35rem;font-size:0.85rem;color:var(--text-secondary)}.auth-form input[type="text"],.auth-form input[type="email"],.auth-form input[type="password"],.auth-form textarea{width:100%;padding:0.65rem 0.85rem;border-radius:var(--radius-sm);background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);font-size:0.9rem;font-family:var(--font-body);transition:border-color var(--transition)}.auth-form input:focus,.auth-form textarea:focus{outline:none;border-color:var(--accent-purple);box-shadow:0 0 0 3px var(--accent-purple-dim)}.auth-error{padding:0.75rem;border-radius:var(--radius-sm);background:rgba(239,68,68,0.1);color:var(--accent-red);font-size:0.85rem;margin-bottom:1rem}.auth-error.hidden{display:none}.auth-footer{text-align:center;margin-top:1.5rem;color:var(--text-muted);font-size:0.85rem}.auth-footer a{color:var(--accent-purple)}.btn-block{width:100%}.btn-large{padding:0.75rem 1.5rem;font-size:1rem}.password-strength{margin-top:0.5rem;display:flex;align-items:center;gap:0.5rem;font-size:0.8rem}.strength-bar{flex:1;height:4px;background:var(--bg-tertiary);border-radius:2px;overflow:hidden}.strength-fill{height:100%;border-radius:2px;transition:width 0.3s,background 0.3s}.profile-page{max-width:800px;margin:0 auto;padding:2rem 1rem}.profile-container{display:flex;flex-direction:column;gap:1.5rem}.profile-header{display:flex;gap:1.5rem;align-items:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2rem}.profile-avatar{flex-shrink:0}.profile-avatar img,.profile-avatar-placeholder{width:80px;height:80px;border-radius:50%;object-fit:cover}.profile-avatar-placeholder{display:flex;align-items:center;justify-content:center;background:var(--accent-purple-dim);color:var(--accent-purple);font-size:2rem;font-weight:700;font-family:var(--font-heading)}.profile-identity h1{font-size:1.5rem;margin-bottom:0.15rem}.profile-username{color:var(--text-muted);font-size:0.9rem}.profile-bio{color:var(--text-secondary);margin-top:0.5rem;font-size:0.9rem}.profile-joined{color:var(--text-muted);font-size:0.8rem;margin-top:0.25rem}.profile-level-card{display:flex;align-items:center;gap:1.5rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.25rem 1.5rem}.profile-level-badge{display:flex;flex-direction:column;align-items:center;min-width:60px}.level-number{font-size:2rem;font-weight:700;color:var(--accent-purple);font-family:var(--font-heading);line-height:1}.level-label{font-size:0.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.05em}.profile-xp-info{flex:1}.profile-xp-bar{height:8px;background:var(--bg-tertiary);border-radius:4px;overflow:hidden;margin-bottom:0.4rem}.profile-xp-fill{height:100%;background:var(--accent-purple);border-radius:4px;transition:width 0.5s}.profile-xp-text{font-size:0.8rem;color:var(--text-muted)}.profile-streak{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:0.75rem 1rem;text-align:center;font-size:0.9rem;color:var(--accent-orange);font-weight:600}.streak-best{color:var(--text-muted);font-weight:400;font-size:0.8rem}.profile-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0.75rem}.profile-stat{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1rem;text-align:center}.profile-stat .stat-value{font-size:1.5rem;font-weight:700;font-family:var(--font-heading)}.profile-stat .stat-label{font-size:0.75rem;color:var(--text-muted);margin-top:0.15rem}.profile-achievements{margin-top:0.5rem}.profile-achievements h2{margin-bottom:1rem;font-size:1.1rem}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:0.75rem}.achievement-card{display:flex;flex-direction:column;align-items:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:0.75rem 0.5rem;text-align:center;transition:all var(--transition);gap:0.3rem}.achievement-card.unlocked{border-color:var(--accent-purple)}.achievement-card.locked{opacity:0.35;filter:grayscale(1)}.achievement-icon{font-size:1.5rem}.achievement-title{font-size:0.7rem;font-weight:600;line-height:1.2;color:var(--text-secondary)}.achievement-date{font-size:0.6rem;color:var(--text-muted)}.settings-page{max-width:600px;margin:0 auto;padding:2rem 1rem}.settings-container{display:flex;flex-direction:column;gap:2rem}.settings-container h1{font-size:1.5rem}.settings-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem}.settings-section h2{font-size:1.1rem;margin-bottom:1rem}.settings-info-list{display:grid;grid-template-columns:auto 1fr;gap:0.5rem 1rem}.settings-info-list dt{color:var(--text-muted);font-size:0.85rem}.settings-info-list dd{font-size:0.9rem}.toast-xp{position:fixed;top:80px;right:1.5rem;z-index:9999;background:var(--accent-purple);color:#fff;padding:0.5rem 1rem;border-radius:var(--radius-md);font-weight:700;font-size:1rem;font-family:var(--font-heading);opacity:0;transform:translateY(-10px);transition:all 0.3s;pointer-events:none}.toast-xp.show{opacity:1;transform:translateY(0)}.comment-author-user{display:inline-flex;align-items:center;gap:0.35rem;color:var(--accent-purple);text-decoration:none}.comment-author-user:hover{color:#a78bfa}.comment-level-badge{font-size:0.65rem;padding:0.1rem 0.35rem;border-radius:3px;background:var(--accent-purple-dim);color:var(--accent-purple);font-weight:600}.comment-as-user{padding:0.75rem;border-radius:var(--radius-sm);background:var(--accent-purple-dim);color:var(--accent-purple);font-size:0.9rem;margin-bottom:1rem}.submit-user-info{padding:0.75rem 0}.submit-user-badge{display:inline-block;padding:0.35rem 0.75rem;border-radius:var(--radius-sm);background:var(--accent-purple-dim);color:var(--accent-purple);font-weight:600;font-size:0.9rem}@media (max-width:768px){.auth-card{padding:1.5rem}.profile-header{flex-direction:column;text-align:center}.profile-stats-grid{grid-template-columns:repeat(2,1fr)}.achievements-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.nav-user-name{display:none}.nav-auth-btn{display:none}}@media (max-width:480px){.profile-level-card{flex-direction:column;text-align:center}}