.toast-container{position:fixed;top:calc(var(--space-4) + var(--safe-top));left:50%;transform:translate(-50%);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-2);align-items:center;pointer-events:none;width:calc(100% - var(--space-8));max-width:360px}.toast{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius);font-size:var(--text-sm);font-weight:var(--font-semibold);line-height:var(--leading-snug);box-shadow:var(--elevation-4);pointer-events:all;cursor:pointer;width:100%;animation:toast-in .28s cubic-bezier(.34,1.56,.64,1) both}.toast.removing{animation:toast-out .2s ease-in both}.toast.success{background:var(--color-success-500);color:#fff}.toast.error{background:var(--color-danger-500);color:#fff}.toast.info{background:var(--color-primary-500);color:#fff}@keyframes toast-in{0%{opacity:0;transform:translateY(-12px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toast-out{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-8px) scale(.96)}}.bottom-nav{display:flex;justify-content:space-around;align-items:center;background:var(--bg-card);border-top:1px solid var(--border);padding:var(--space-2) 0 calc(var(--space-2) + var(--safe-bottom));flex-shrink:0}.nav-tab{display:flex;flex-direction:column;align-items:center;gap:3px;padding:var(--space-1) var(--space-3);min-width:var(--touch-min);min-height:var(--touch-min);justify-content:center;text-decoration:none;color:var(--text-subtle);transition:color var(--transition-base);-webkit-tap-highlight-color:transparent;position:relative}.nav-tab.active{color:var(--primary)}.nav-tab.active:after{content:"";display:block;width:4px;height:4px;background:var(--primary);border-radius:var(--radius-full);position:absolute;bottom:6px}.nav-icon{display:flex;align-items:center;justify-content:center;width:26px;height:26px}.nav-label{font-size:10px;font-weight:var(--font-semibold);letter-spacing:.01em;line-height:1}.login-page{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8) var(--space-6);text-align:center;background:var(--bg-card)}.login-hero{margin-bottom:var(--space-8);display:flex;flex-direction:column;align-items:center}.login-logo{margin-bottom:var(--space-4);filter:drop-shadow(0 8px 24px rgba(99,102,241,.2))}.login-title{font-size:var(--text-4xl);font-weight:var(--font-extrabold);letter-spacing:-.5px;background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-300));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-subtitle{color:var(--text-muted);font-size:var(--text-sm);margin-top:var(--space-2);font-weight:var(--font-medium);line-height:var(--leading-snug)}.login-form{display:flex;flex-direction:column;gap:var(--space-3);width:100%;max-width:360px}.input-group{position:relative}.input-icon{position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);color:var(--text-subtle);pointer-events:none;z-index:1}.input-group .input.input-with-icon{padding-left:46px!important}.login-error{color:var(--color-danger-600);font-size:var(--text-sm);text-align:center;padding:var(--space-3);background:var(--color-danger-50);border:1px solid var(--color-danger-100);border-radius:var(--radius)}.login-footer{margin-top:var(--space-8);font-size:var(--text-xs);color:var(--text-subtle);font-weight:var(--font-medium);letter-spacing:.5px;text-transform:uppercase}.powered-by{margin-top:var(--space-3);font-size:10px;color:var(--border-strong);font-weight:var(--font-normal);letter-spacing:.3px}.input-password{padding-right:46px!important}.input-password-toggle{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--text-muted);padding:var(--space-1);display:flex;align-items:center;transition:color var(--transition-fast);-webkit-tap-highlight-color:transparent}.input-password-toggle:hover{color:var(--text)}.login-forgot-link{background:none;border:none;color:var(--primary);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;padding:0;text-align:right;align-self:flex-end;margin-top:calc(-1 * var(--space-1));text-decoration:none;transition:opacity var(--transition-fast)}.login-forgot-link:hover{opacity:.75;text-decoration:underline}.login-forgot-desc{font-size:var(--text-sm);color:var(--text-muted);line-height:var(--leading-relaxed);text-align:center;margin:0 0 var(--space-2)}.login-success-box{background:var(--color-success-50);border:1.5px solid var(--color-success-100);border-radius:var(--radius-lg);padding:var(--space-7) var(--space-6);text-align:center;max-width:360px;width:100%}.login-success-icon{color:var(--color-success-600);margin-bottom:var(--space-3)}.login-success-title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-success-700);margin:0 0 var(--space-2)}.login-success-desc{font-size:var(--text-sm);color:var(--text);line-height:var(--leading-relaxed);margin:0 0 var(--space-2)}.login-success-hint{font-size:var(--text-xs);color:var(--text-muted);margin:0}.spin{animation:spin .8s linear infinite}.stamp-card{background:var(--bg-card);border-radius:var(--radius);padding:var(--space-2);text-align:center;cursor:pointer;border:2px solid transparent;transition:transform var(--transition-base),box-shadow var(--transition-base);position:relative;overflow:hidden;box-shadow:var(--elevation-1);-webkit-tap-highlight-color:transparent}.stamp-card.captured{border-color:var(--rarity-color);box-shadow:0 2px 12px color-mix(in srgb,var(--rarity-color) 20%,transparent)}.stamp-card.locked{opacity:.4}.stamp-card.captured:active{transform:scale(.96)}.stamp-img-wrap{width:100%;aspect-ratio:3/4;display:flex;align-items:center;justify-content:center;background:var(--bg-input);border-radius:var(--radius-sm);margin-bottom:var(--space-2);font-size:var(--text-3xl);overflow:hidden}.stamp-img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-sm)}.stamp-flag{font-size:var(--text-3xl);animation:fadeIn .3s ease-out}.stamp-lock{font-size:var(--text-2xl);opacity:.25}.stamp-name{font-size:var(--text-xs);font-weight:var(--font-semibold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px;color:var(--text)}.stamp-pts{font-size:10px;color:var(--text-muted)}.city-selector{position:relative;z-index:20;margin-bottom:12px}.city-selector-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--radius-full);font-size:14px;font-weight:600;color:var(--text);cursor:pointer;transition:all .2s;box-shadow:var(--shadow-sm)}.city-selector-btn:hover{border-color:var(--primary);box-shadow:0 0 0 3px #6366f114}.city-selector-btn svg{color:var(--primary)}.chevron{transition:transform .2s}.chevron.open{transform:rotate(180deg)}.city-dropdown{position:absolute;top:calc(100% + 6px);left:0;min-width:240px;max-height:280px;overflow-y:auto;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);z-index:30}.city-option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 14px;border:none;background:none;font-size:14px;color:var(--text);cursor:pointer;transition:background .15s}.city-option:hover{background:var(--primary-light)}.city-option.active{background:var(--primary-light);color:var(--primary);font-weight:600}.city-count{font-size:12px;color:var(--text-muted);font-weight:400}.city-overlay{position:fixed;inset:0;z-index:19}.city-detect{color:var(--primary)!important;font-weight:600!important;gap:6px;border-bottom:1px solid var(--border)}.event-selector{position:relative;z-index:20;margin-bottom:12px}.event-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--radius-full);font-size:14px;font-weight:600;color:var(--text);cursor:pointer;transition:all .2s;box-shadow:var(--shadow-sm)}.event-chip:hover{border-color:var(--primary);box-shadow:0 0 0 3px #6366f114}.event-chip-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.event-chip svg{color:var(--text-muted)}.event-modal-overlay{position:fixed;inset:0;background:#00000080;z-index:9999;display:flex;align-items:flex-end;justify-content:center}.event-modal{background:var(--bg-card);border-radius:var(--radius-sm) var(--radius-sm) 0 0;width:100%;max-width:480px;padding:20px 0 0;padding-bottom:calc(80px + env(safe-area-inset-bottom,0px));box-shadow:var(--shadow-lg);animation:slideUp .25s ease;max-height:80vh;overflow-y:auto}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.event-modal-handle{width:40px;height:4px;background:var(--border);border-radius:2px;margin:0 auto 16px}.event-modal-title{font-size:16px;font-weight:700;color:var(--text);text-align:center;margin-bottom:16px}.event-option{display:flex;align-items:center;gap:12px;width:100%;padding:14px 20px;border:none;background:none;cursor:pointer;transition:background .15s;text-align:left}.event-option:hover,.event-option.active{background:var(--primary-light)}.event-option-icon{font-size:24px;flex-shrink:0}.event-option-info{display:flex;flex-direction:column;flex:1}.event-option-name{font-size:15px;font-weight:600;color:var(--text)}.event-option-tagline{font-size:12px;color:var(--text-muted);margin-top:2px}.event-option-check{color:var(--primary);font-size:18px;flex-shrink:0}.sk{background:linear-gradient(90deg,var(--color-slate-100) 0%,var(--color-slate-200) 40%,var(--color-slate-100) 80%);background-size:200% 100%;animation:sk-shimmer 1.4s ease-in-out infinite;flex-shrink:0}@keyframes sk-shimmer{0%{background-position:100% 50%}to{background-position:-100% 50%}}.sk-mission-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-4);border:1px solid var(--border);display:flex;flex-direction:column;gap:var(--space-3)}.sk-mission-header{display:flex;align-items:center;gap:var(--space-3)}.sk-lb-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border)}.sk-stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2);width:100%;margin-bottom:var(--space-6)}.sk-stat-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-4);border:1px solid var(--border);display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.sk-venue-card{width:260px;flex-shrink:0;background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border);overflow:hidden}.sk-venue-body{padding:var(--space-3) var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.album-progress{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4);box-shadow:var(--elevation-1);border:1px solid var(--border)}.album-title{font-size:var(--text-xl);font-weight:var(--font-extrabold);color:var(--text);line-height:var(--leading-tight)}.progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.progress-text{display:flex;align-items:baseline;gap:2px}.progress-num{font-size:var(--text-3xl);font-weight:var(--font-extrabold);color:var(--primary);line-height:1}.progress-sep{color:var(--text-subtle);font-size:var(--text-lg)}.progress-total{font-size:var(--text-lg);color:var(--text-muted)}.progress-pct{font-size:var(--text-xs);color:var(--primary);font-weight:var(--font-bold);margin-left:var(--space-2);background:var(--color-primary-50);padding:2px var(--space-2);border-radius:var(--radius-full)}.progress-bar-wrap{height:6px;background:var(--bg-input);border-radius:var(--radius-full);overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,var(--color-primary-500),var(--color-primary-300));border-radius:var(--radius-full);transition:width var(--transition-slow) cubic-bezier(.16,1,.3,1)}.progress-stats{display:flex;gap:var(--space-2);margin-top:var(--space-3)}.stat-chip{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-muted);background:var(--bg-input);padding:3px var(--space-2);border-radius:var(--radius-full);border:1px solid var(--border)}.stat-icon{flex-shrink:0}.stat-icon--pts{color:var(--color-accent-500)}.stat-icon--level{color:var(--color-primary-500)}.stat-icon--streak{color:var(--color-danger-500)}.quick-guide{margin-bottom:var(--space-4)}.quick-guide-title{font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.06em;color:var(--text-subtle);margin:0 0 var(--space-2) 2px}.quick-guide-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.quick-guide-step{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-2);background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--elevation-1);text-decoration:none;color:inherit;text-align:center;transition:transform var(--transition-fast),box-shadow var(--transition-fast);-webkit-tap-highlight-color:transparent}.quick-guide-step:active{transform:scale(.96);box-shadow:var(--elevation-0)}.qg-icon{width:40px;height:40px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;flex-shrink:0}.qg-icon--map{background:var(--color-primary-50);color:var(--color-primary-600)}.qg-icon--scan{background:var(--color-accent-50);color:var(--color-accent-600)}.qg-icon--mission{background:var(--color-success-50);color:var(--color-success-600)}.qg-label{font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--text);line-height:var(--leading-tight)}.qg-desc{font-size:10px;color:var(--text-muted);line-height:var(--leading-snug)}.album-filters{display:flex;gap:var(--space-2);overflow-x:auto;padding-bottom:var(--space-3);-webkit-overflow-scrolling:touch;scrollbar-width:none}.album-filters::-webkit-scrollbar{display:none}.filter-chip{flex-shrink:0;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);border:1.5px solid var(--border);background:var(--bg-card);color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent}.filter-chip.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 2px 8px #6366f140}.album-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}@media(min-width:480px){.album-grid{grid-template-columns:repeat(4,1fr)}}@media(min-width:768px){.album-grid{grid-template-columns:repeat(6,1fr)}}.album-empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-16) var(--space-4);color:var(--text-subtle);text-align:center}.album-empty p{font-size:var(--text-sm);color:var(--text-muted)}.scanner-page{display:flex;flex-direction:column;align-items:center}.scanner-title{font-size:var(--text-2xl);font-weight:var(--font-extrabold);color:var(--text);margin-bottom:var(--space-1);display:flex;align-items:center;gap:var(--space-2)}.scanner-desc{color:var(--text-muted);font-size:var(--text-sm);text-align:center;margin-bottom:var(--space-5);max-width:320px;line-height:var(--leading-snug)}.scanner-area{width:100%;max-width:340px;position:relative;margin-bottom:var(--space-5)}.qr-viewport{width:100%;border-radius:var(--radius-lg);overflow:hidden;min-height:280px;background:var(--bg-card);box-shadow:var(--elevation-2);border:1px solid var(--border)}.scanner-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-6);border:1px solid var(--border)}.scanner-status{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4) 0;color:var(--text-muted);font-size:var(--text-sm)}.scan-animation{width:48px;height:48px;border:3px solid var(--primary);border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}.scanner-result{width:100%;max-width:340px;background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-6) var(--space-5);text-align:center;box-shadow:var(--elevation-2);border:1px solid var(--border);animation:resultSlideUp .38s cubic-bezier(.16,1,.3,1) both}.scanner-result.success{border-color:var(--color-success-500)}.scanner-result.failed{border-color:var(--color-danger-500)}@keyframes resultSlideUp{0%{opacity:0;transform:translateY(24px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.result-icon{display:flex;justify-content:center;margin-bottom:var(--space-3);position:relative}.result-icon--success{position:relative;display:inline-flex;align-items:center;justify-content:center}.result-icon--success:before,.result-icon--success:after{content:"";position:absolute;inset:-8px;border-radius:50%;border:2px solid var(--color-success-500);animation:successRing 1.6s ease-out infinite;opacity:0}.result-icon--success:after{inset:-16px;animation-delay:.4s}@keyframes successRing{0%{opacity:.7;transform:scale(.8)}to{opacity:0;transform:scale(1.4)}}.result-icon--success svg{animation:successIconPop .5s cubic-bezier(.16,1,.3,1) both}@keyframes successIconPop{0%{transform:scale(0);opacity:0}60%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}.result-points{animation:pointsPop .4s cubic-bezier(.16,1,.3,1) .25s both}@keyframes pointsPop{0%{opacity:0;transform:scale(.6) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.result-title{font-size:var(--text-xl);font-weight:var(--font-extrabold);color:var(--text);margin-bottom:var(--space-2)}.result-stamp{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--primary);margin:var(--space-1) 0}.result-points{font-size:var(--text-3xl);font-weight:var(--font-extrabold);color:var(--accent);margin:var(--space-1) 0}.result-msg{font-size:var(--text-sm);color:var(--text-muted);line-height:var(--leading-snug)}.map-page{display:flex;flex-direction:column}.map-selectors{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-2)}.map-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xl);font-weight:var(--font-extrabold);color:var(--text);margin-bottom:var(--space-3)}.map-container{width:100%;height:280px;min-height:280px;border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--space-4);background:#dde6d5;border:1px solid var(--border);box-shadow:var(--elevation-2);position:relative;z-index:1}.map-loading,.map-error{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-12) var(--space-4);color:var(--text-muted);text-align:center}.map-error{color:var(--danger)}.map-empty{color:var(--text-muted);font-size:var(--text-sm);text-align:center;padding:var(--space-6)}.player-marker{display:flex;align-items:center;justify-content:center}.pulse-dot{width:14px;height:14px;background:var(--primary);border-radius:50%;border:3px solid white;box-shadow:0 0 #6366f166;animation:pulse-ring 2s infinite}@keyframes pulse-ring{0%{box-shadow:0 0 #6366f166}to{box-shadow:0 0 0 20px #6366f100}}.venue-marker{display:flex;align-items:center;justify-content:center}.venue-dot{width:12px;height:12px;background:var(--color-accent-500);border-radius:50%;border:2.5px solid white;box-shadow:0 1px 4px #00000040}.geodrop-marker{display:flex;align-items:center;justify-content:center}.geodrop-dot{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);border:2.5px solid white;box-shadow:0 2px 8px #f59e0b66}.geodrop-available{background:linear-gradient(135deg,var(--color-accent-500),var(--color-danger-500));animation:geodrop-glow 2s ease-in-out infinite}.geodrop-cooldown{background:var(--color-slate-400);opacity:.6}@keyframes geodrop-glow{0%,to{box-shadow:0 0 8px #f59e0b80}50%{box-shadow:0 0 20px #f59e0be6,0 0 40px #ef444440}}.geodrop-popup .leaflet-popup-content-wrapper{border-radius:var(--radius);border:1px solid var(--border)}.geodrop-collect-btn{margin-top:var(--space-2);background:var(--color-accent-500);color:#fff;border:none;border-radius:var(--radius-full);padding:var(--space-1) var(--space-4);font-weight:var(--font-bold);font-size:var(--text-xs);cursor:pointer;transition:background var(--transition-fast)}.geodrop-collect-btn:active{background:var(--color-accent-600)}.geodrop-card{display:flex;align-items:center;gap:var(--space-3);background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-3);border:1px solid var(--border);border-left:3px solid var(--color-accent-500);box-shadow:var(--elevation-1)}.geodrop-card.geodrop-unavailable{opacity:.5;border-left-color:var(--color-slate-300)}.geodrop-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--color-accent-500)}.geodrop-info{flex:1}.geodrop-info h3{font-size:var(--text-sm);font-weight:var(--font-semibold);margin-bottom:2px;color:var(--text)}.geodrop-desc{font-size:var(--text-xs);color:var(--text-muted);margin-bottom:var(--space-2);line-height:var(--leading-snug)}.geodrop-btn{background:var(--color-accent-500);color:#fff;border:none;border-radius:var(--radius-full);padding:var(--space-2) var(--space-3);font-weight:var(--font-bold);font-size:var(--text-xs);cursor:pointer;white-space:nowrap;flex-shrink:0;min-height:36px;transition:background var(--transition-fast),transform var(--transition-fast);-webkit-tap-highlight-color:transparent}.geodrop-btn:active{transform:scale(.96);background:var(--color-accent-600)}.geodrop-cooldown-label{font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap}.collect-toast{position:fixed;top:var(--space-5);left:50%;transform:translate(-50%);padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);font-weight:var(--font-semibold);font-size:var(--text-sm);z-index:var(--z-toast);animation:toast-slide var(--transition-slow) ease-out;box-shadow:var(--elevation-4);white-space:nowrap}.collect-toast.success{background:var(--success);color:#fff}.collect-toast.error{background:var(--danger);color:#fff}@keyframes toast-slide{0%{top:var(--space-2);opacity:0}to{top:var(--space-5);opacity:1}}.badge-common{background:var(--color-slate-100);color:var(--color-slate-600)}.badge-rare{background:var(--color-primary-100);color:var(--color-primary-700)}.badge-epic{background:var(--color-glow-100);color:var(--color-glow-700)}.badge-legendary{background:var(--color-accent-100);color:var(--color-accent-700)}.featured-drop-banner{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,var(--color-accent-700),var(--color-accent-600));color:var(--color-accent-50);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-3);box-shadow:0 4px 16px #b453094d;animation:featured-pulse 3s ease-in-out infinite}@keyframes featured-pulse{0%,to{box-shadow:0 4px 16px #b453094d}50%{box-shadow:0 4px 28px #f59e0b8c}}.featured-drop-left{display:flex;align-items:center;gap:var(--space-3)}.featured-crown{flex-shrink:0}.featured-drop-title{font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.05em;opacity:.85}.featured-drop-name{font-size:var(--text-sm);font-weight:var(--font-extrabold)}.featured-countdown{font-size:var(--text-xs);font-weight:var(--font-bold);background:#0003;padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);white-space:nowrap;display:flex;align-items:center;gap:4px}.geodrop-card-featured{border-left-color:var(--color-accent-600)!important;background:linear-gradient(135deg,var(--color-accent-50),var(--color-accent-100))!important}.featured-multiplier{font-size:var(--text-xs);font-weight:var(--font-extrabold);color:var(--color-danger-500);margin-left:2px}.geodrop-featured-dot{font-size:var(--text-lg)!important;width:34px!important;height:34px!important;border:3px solid var(--color-accent-500)!important;animation:featured-marker-glow 1.5s ease-in-out infinite!important}@keyframes featured-marker-glow{0%,to{box-shadow:0 0 8px #f59e0b80,0 0 0 3px #f59e0b33}50%{box-shadow:0 0 24px #f59e0be6,0 0 0 6px #f59e0b4d}}.venue-card-full{padding:0;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--elevation-2);border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg-card)}.venue-img-wrap{position:relative;width:100%;height:150px;flex-shrink:0}.venue-img{width:100%;height:100%;object-fit:cover;display:block}.venue-img-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.venue-placeholder-emoji{font-size:52px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.08))}.venue-open-badge{position:absolute;top:var(--space-2);left:var(--space-2);padding:3px var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-bold);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.venue-open-badge.open{background:#10b981e6;color:#fff}.venue-open-badge.closed{background:#64748bd9;color:#fff}.venue-premium-badge{position:absolute;top:var(--space-2);right:var(--space-2);padding:3px var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-bold);background:#f59e0bf2;color:#fff;display:flex;align-items:center;gap:3px}.venue-body{padding:var(--space-3) var(--space-4) var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);flex:1}.venue-name{font-size:var(--text-sm);font-weight:var(--font-bold);line-height:var(--leading-snug);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--text)}.venue-meta{display:flex;flex-wrap:wrap;gap:var(--space-1)}.venue-desc{font-size:var(--text-xs);color:var(--text-muted);line-height:var(--leading-snug);margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.venue-hours{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text);margin:0;display:flex;align-items:center;gap:4px}.venue-address{font-size:var(--text-xs);color:var(--text-muted);margin:0;display:flex;align-items:flex-start;gap:4px}.venue-social{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-top:var(--space-1);padding-top:var(--space-2);border-top:1px solid var(--border)}.social-btn{display:inline-flex;align-items:center;gap:var(--space-1);padding:4px var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);text-decoration:none;transition:opacity var(--transition-fast);white-space:nowrap}.social-btn:active{opacity:.7}.social-ig{background:#fce4ec;color:#c2185b}.social-fb{background:#e3f2fd;color:#1565c0}.social-wa{background:#e8f5e9;color:#2e7d32}.social-web{background:var(--color-primary-50);color:var(--color-primary-700)}.venue-premium{border-left:3px solid var(--color-accent-500)}.h-scroll>*{flex:0 0 auto;scroll-snap-align:start}.h-scroll .venue-card-full{width:260px}.h-scroll .geodrop-card{width:220px;flex-direction:column;align-items:flex-start}.h-scroll .geodrop-card .geodrop-btn,.h-scroll .geodrop-card .geodrop-cooldown-label{margin-top:var(--space-2);align-self:stretch;text-align:center}.glow-drop-marker{background:transparent;border:none}.glow-drop-dot{display:flex;flex-direction:column;align-items:center;width:52px;cursor:pointer}.glow-drop-dot:after{content:"";display:block;width:2px;height:12px;background:var(--color-glow-600)}.glow-drop-dot>div{background:linear-gradient(135deg,var(--color-glow-600),var(--color-glow-violet));border-radius:50% 50% 50% 0;transform:rotate(-45deg);width:44px;height:44px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 12px #c026d380,0 4px 12px #00000026;animation:glow-pulse 2s ease-in-out infinite}.glow-drop-icon{transform:rotate(45deg);font-size:var(--text-xl);line-height:1}.glow-drop-label{display:none}@keyframes glow-pulse{0%,to{box-shadow:0 0 8px #c026d380,0 4px 12px #0000001f}50%{box-shadow:0 0 22px #c026d3d9,0 4px 16px #0000002e}}.leaflet-popup.glow-popup .leaflet-popup-content-wrapper{border-radius:var(--radius-lg);border:1.5px solid var(--color-glow-200);box-shadow:0 4px 20px #c026d333}.glow-claim-btn{margin-top:var(--space-2);background:linear-gradient(135deg,var(--color-glow-600),var(--color-glow-violet));color:#fff;border:none;border-radius:var(--radius-full);padding:var(--space-2) var(--space-5);font-weight:var(--font-bold);font-size:var(--text-xs);cursor:pointer;width:100%;transition:opacity var(--transition-fast)}.glow-claim-btn:active{opacity:.85}.glow-section-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-1)}.glow-title{background:linear-gradient(135deg,var(--color-glow-600),var(--color-glow-violet));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glow-subtitle{font-size:var(--text-xs);color:var(--text-muted);margin:0 0 var(--space-3)}.glow-drop-card{min-width:160px;max-width:160px;background:var(--bg-card);border:1.5px solid var(--color-glow-200);border-radius:var(--radius-lg);padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast);-webkit-tap-highlight-color:transparent;box-shadow:var(--elevation-1)}.glow-drop-card:active{transform:scale(.97)}.glow-drop-card-img{width:100%;height:100px;border-radius:var(--radius);overflow:hidden;background:var(--color-glow-50);display:flex;align-items:center;justify-content:center}.glow-drop-card-img img{width:100%;height:100%;object-fit:cover}.glow-drop-card-name{font-weight:var(--font-bold);font-size:var(--text-xs);line-height:var(--leading-snug);color:var(--text)}.glow-drop-card-dist{font-size:var(--text-xs);color:var(--color-glow-violet);font-weight:var(--font-semibold)}.glow-drop-card-timer{font-size:var(--text-xs);font-weight:var(--font-bold);font-family:monospace;color:var(--color-glow-600)}.glow-drop-card-btn{background:linear-gradient(135deg,var(--color-glow-600),var(--color-glow-violet));color:#fff;border:none;border-radius:var(--radius-full);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-bold);cursor:pointer;width:100%;margin-top:auto;min-height:32px;transition:opacity var(--transition-fast)}.glow-drop-card-btn:active{opacity:.85}.glow-countdown{color:var(--color-glow-600);font-family:monospace;font-weight:var(--font-bold)}.glow-claimed-banner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);background:var(--color-glow-50);border:1.5px solid var(--color-glow-200);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4);color:var(--text);box-shadow:var(--elevation-1)}.glow-claimed-info{display:flex;align-items:center;gap:var(--space-3);flex:1;min-width:0}.glow-claimed-qr{flex-shrink:0;background:#fff;border-radius:var(--radius);padding:var(--space-1);box-shadow:var(--elevation-1)}.glow-modal-qr{background:#fff;border-radius:var(--radius-lg);padding:var(--space-4);display:inline-block;margin:var(--space-3) auto var(--space-1);box-shadow:0 2px 12px #7c3aed1f}.glow-modal-overlay{position:fixed;inset:0;background:#0000008c;display:flex;align-items:flex-end;justify-content:center;z-index:var(--z-modal);padding:0}.glow-modal-box{background:var(--bg-card);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;padding:var(--space-7) var(--space-6) calc(var(--space-8) + var(--safe-bottom));width:100%;max-width:480px;max-height:90vh;overflow-y:auto;text-align:center;animation:slideUp var(--transition-spring)}.glow-modal-event-badge{display:inline-block;background:linear-gradient(135deg,var(--color-glow-600),var(--color-glow-violet));color:#fff;border-radius:var(--radius-full);padding:4px var(--space-4);font-size:var(--text-xs);font-weight:var(--font-bold);margin-bottom:var(--space-3)}.glow-modal-product-img{width:140px;height:140px;border-radius:var(--radius-lg);object-fit:cover;margin:0 auto var(--space-4);display:block;box-shadow:0 8px 24px #c026d333}.glow-modal-title{font-size:var(--text-2xl);font-weight:var(--font-extrabold);margin:0 0 var(--space-2);color:var(--text)}.glow-modal-product-name{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-glow-600);margin:0 0 var(--space-2)}.glow-modal-desc{font-size:var(--text-sm);color:var(--text-muted);margin:0 0 var(--space-3);line-height:var(--leading-snug)}.glow-modal-expires{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-5)}.glow-modal-msg{font-size:var(--text-sm);color:var(--text-muted);margin:0 0 var(--space-5);line-height:var(--leading-relaxed)}.glow-modal-btn{background:linear-gradient(135deg,var(--color-glow-600),var(--color-glow-violet));color:#fff;border:none;border-radius:var(--radius-lg);padding:var(--space-4) var(--space-6);font-size:var(--text-base);font-weight:var(--font-bold);cursor:pointer;width:100%;margin-bottom:var(--space-2);min-height:var(--touch-min);transition:opacity var(--transition-base),transform var(--transition-fast)}.glow-modal-btn:active{transform:scale(.97)}.glow-modal-btn:disabled{opacity:.55;pointer-events:none}.glow-modal-cancel{background:transparent;border:none;color:var(--text-muted);font-size:var(--text-sm);cursor:pointer;padding:var(--space-2);width:100%;min-height:var(--touch-min);display:flex;align-items:center;justify-content:center}.profile-page{display:flex;flex-direction:column;align-items:center}.profile-header{text-align:center;margin-bottom:var(--space-6)}.profile-avatar{width:80px;height:80px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-300));display:flex;align-items:center;justify-content:center;font-size:var(--text-3xl);font-weight:var(--font-extrabold);color:#fff;margin:0 auto var(--space-3);box-shadow:0 4px 16px #6366f140}.profile-name{font-size:var(--text-xl);font-weight:var(--font-extrabold);color:var(--text);margin-bottom:var(--space-1)}.profile-email{font-size:var(--text-sm);color:var(--text-muted)}.profile-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2);width:100%;margin-bottom:var(--space-6)}.stat-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-4);text-align:center;box-shadow:var(--elevation-1);border:1px solid var(--border)}.stat-value{font-size:var(--text-2xl);font-weight:var(--font-extrabold);color:var(--primary);line-height:1;margin-bottom:var(--space-1)}.stat-card:nth-child(2n) .stat-value{color:var(--accent)}.stat-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:var(--font-medium)}.profile-section{width:100%;background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4);box-shadow:var(--elevation-1);border:1px solid var(--border)}.profile-field{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) 0;border-bottom:1px solid var(--border)}.profile-field:last-child{border-bottom:none}.field-label{color:var(--text-muted);font-size:var(--text-sm)}.field-value{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text)}.profile-actions{width:100%;margin-top:var(--space-2)}.profile-links{display:flex;flex-direction:column;gap:var(--space-3)}.btn-outline{background:transparent;border:1.5px solid var(--border);color:var(--text);border-radius:var(--radius);transition:background var(--transition-fast),border-color var(--transition-fast)}.btn-outline:active{background:var(--bg-input)}.profile-link-btn{display:flex;align-items:center;gap:var(--space-3);justify-content:flex-start;text-align:left}.profile-footer{margin-top:var(--space-6);font-size:var(--text-xs);color:var(--text-subtle);text-align:center}.theme-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2);margin-top:var(--space-1)}.theme-btn{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-3) var(--space-2);border:1.5px solid var(--border);border-radius:var(--radius);background:var(--bg-input);color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-base);-webkit-tap-highlight-color:transparent}.theme-btn:active{transform:scale(.96)}.theme-btn--active{border-color:var(--primary);background:var(--color-primary-50);color:var(--primary)}.lb-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1)}.lb-header-icon{color:var(--color-accent-500);flex-shrink:0}.lb-title{font-size:var(--text-2xl);font-weight:var(--font-extrabold);color:var(--text)}.lb-subtitle{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-5)}.lb-list{display:flex;flex-direction:column;gap:var(--space-2)}.lb-row{display:flex;align-items:center;gap:var(--space-3);background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);border:1px solid var(--border);box-shadow:var(--elevation-1);transition:transform var(--transition-fast)}.lb-row:active{transform:scale(.98)}.lb-row.top-three{border-left:3px solid var(--color-accent-500);box-shadow:var(--elevation-2)}.lb-rank{width:36px;text-align:center;font-size:var(--text-xl);flex-shrink:0}.rank-num{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--text-muted)}.rank-medal{font-size:var(--text-sm);font-weight:var(--font-extrabold)}.lb-info{flex:1;display:flex;flex-direction:column;gap:2px}.lb-name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text)}.lb-stamps{font-size:var(--text-xs);color:var(--text-muted)}.lb-points{font-size:var(--text-lg);font-weight:var(--font-extrabold);color:var(--primary);white-space:nowrap}.lb-empty{text-align:center;padding:var(--space-12) var(--space-6);color:var(--text-muted);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.lb-loading{display:flex;flex-direction:column;gap:var(--space-2)}.missions-title{font-size:var(--text-2xl);font-weight:var(--font-extrabold);color:var(--text);margin-bottom:var(--space-1);display:flex;align-items:center;gap:var(--space-2)}.missions-subtitle{color:var(--text-muted);font-size:var(--text-sm);margin-bottom:var(--space-5)}.missions-loading{text-align:center;color:var(--text-muted);padding:var(--space-16) 0;font-size:var(--text-base)}.missions-toast{position:fixed;top:var(--space-4);left:50%;transform:translate(-50%);padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);font-weight:var(--font-semibold);font-size:var(--text-sm);z-index:var(--z-toast);animation:slideDown .3s ease;box-shadow:var(--elevation-4);white-space:nowrap}.missions-toast.success{background:var(--success);color:#fff}.missions-toast.error{background:var(--danger);color:#fff}@keyframes slideDown{0%{opacity:0;transform:translate(-50%) translateY(-12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.missions-list{display:flex;flex-direction:column;gap:var(--space-3)}.mission-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--elevation-1);border:1px solid var(--border);transition:box-shadow var(--transition-base)}.mission-card.completed{opacity:.65;border-color:var(--color-success-100)}.mission-header{display:flex;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-3)}.mission-type-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--color-primary-50);border-radius:var(--radius);color:var(--primary)}.mission-info{flex:1;min-width:0}.mission-name{font-size:var(--text-base);font-weight:var(--font-bold);line-height:var(--leading-snug);margin-bottom:var(--space-1);color:var(--text)}.mission-type-badge{display:inline-block;font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-primary-600);background:var(--color-primary-50);padding:2px var(--space-2);border-radius:var(--radius-xs);text-transform:uppercase;letter-spacing:.04em}.mission-points{font-size:var(--text-lg);font-weight:var(--font-extrabold);color:var(--accent);white-space:nowrap}.mission-desc{font-size:var(--text-sm);color:var(--text-muted);line-height:var(--leading-snug);margin-bottom:var(--space-3)}.mission-progress{margin-bottom:var(--space-3)}.progress-bar{height:7px;background:var(--bg-input);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-1)}.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary-500),var(--color-primary-300));border-radius:var(--radius-full);transition:width .6s cubic-bezier(.16,1,.3,1)}.progress-text{font-size:var(--text-xs);color:var(--text-muted);font-weight:var(--font-medium)}.mission-reward{font-size:var(--text-sm);color:var(--color-accent-700);margin-bottom:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--color-accent-50);border-radius:var(--radius);border:1px solid var(--color-accent-100);display:flex;align-items:center;gap:var(--space-2)}.btn-claim{display:flex;align-items:center;justify-content:center;gap:var(--space-2);background:var(--primary);color:#fff;font-size:var(--text-sm);font-weight:var(--font-bold);padding:var(--space-3);border:none;border-radius:var(--radius);cursor:pointer;width:100%;min-height:var(--touch-min);box-shadow:0 2px 8px #6366f140;transition:background var(--transition-base),transform var(--transition-fast);-webkit-tap-highlight-color:transparent}.btn-claim:active{transform:scale(.97)}.btn-claim:disabled{opacity:.5;pointer-events:none}.mission-done-badge{display:flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--success);padding:var(--space-2)}.missions-empty{text-align:center;padding:var(--space-16) 0;color:var(--text-muted)}.missions-empty .empty-icon{display:block;margin:0 auto var(--space-3);color:var(--text-subtle)}.wallet-page{padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))}.wallet-page-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1);color:var(--primary)}.wallet-title{font-size:var(--text-2xl);font-weight:var(--font-extrabold);color:var(--text);margin:0}.wallet-subtitle{color:var(--text-muted);font-size:14px;margin-bottom:24px}.wallet-loading{text-align:center;color:var(--text-muted);padding:60px 0}.wallet-card{position:relative;border-radius:16px;overflow:hidden;margin-bottom:24px;aspect-ratio:1.6;box-shadow:var(--shadow-lg)}.card-bg{position:absolute;inset:0;background:linear-gradient(135deg,#6366f1,#7c3aed,#a855f7 60%,#4f46e5)}.card-bg:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,rgba(255,255,255,.15) 0%,transparent 50%),radial-gradient(circle at 20% 80%,rgba(99,102,241,.3) 0%,transparent 50%)}.card-content{position:relative;z-index:1;padding:20px;height:100%;display:flex;flex-direction:column;justify-content:space-between}.card-header{display:flex;justify-content:space-between;align-items:center}.card-logo{font-size:20px;font-weight:800;color:#fff;letter-spacing:.5px}.card-badge{background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:4px 12px;border-radius:20px;font-size:13px;font-weight:700;color:#fff}.card-name{font-size:22px;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.2)}.card-stats-row{display:flex;gap:16px}.card-stat{display:flex;flex-direction:column;align-items:center}.stat-value{font-size:20px;font-weight:800;color:#fff}.stat-label{font-size:11px;color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px}.card-id{font-size:12px;color:#ffffff80;font-family:monospace;letter-spacing:1px}.wallet-share-section{margin-bottom:var(--space-6)}.wallet-share-hint{font-size:var(--text-xs);color:var(--text-muted);text-align:center;margin-bottom:var(--space-3);line-height:var(--leading-snug)}.wallet-share-row{display:flex;gap:var(--space-2)}.wallet-share-btn{flex:1}.wallet-copy-btn{width:44px;height:44px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);background:var(--bg-card);border:1.5px solid var(--border);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast)}.wallet-copy-btn.copied{border-color:var(--color-success-500);color:var(--color-success-600);background:var(--color-success-50)}.wallet-benefits{background:var(--bg-card);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow-sm)}.wallet-benefits h3{font-size:16px;font-weight:700;margin-bottom:12px}.wallet-benefits ul{list-style:none;display:flex;flex-direction:column;gap:10px}.wallet-benefits li{font-size:14px;color:var(--text-muted);line-height:1.4}.chat-page{display:flex;flex-direction:column;height:calc(100dvh - 64px);background:var(--bg)}.chat-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:linear-gradient(135deg,var(--color-primary-600),var(--color-accent-600));color:#fff;flex-shrink:0}.chat-header h2{margin:0;font-size:var(--text-base);font-weight:var(--font-bold);line-height:var(--leading-tight)}.chat-status{font-size:var(--text-xs);opacity:.85}.chat-messages{flex:1;overflow-y:auto;padding:var(--space-4) var(--space-3);display:flex;flex-direction:column;gap:var(--space-2);-webkit-overflow-scrolling:touch}.chat-bubble{display:flex;gap:var(--space-2);max-width:85%;animation:bubbleIn .25s ease}.chat-bubble.user{align-self:flex-end;flex-direction:row-reverse}.chat-bubble.assistant{align-self:flex-start}.bubble-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.chat-bubble.assistant .bubble-avatar{background:linear-gradient(135deg,var(--color-primary-600),var(--color-accent-600));color:#fff}.chat-bubble.user .bubble-avatar{background:var(--color-primary-100);color:var(--primary)}.bubble-content{padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);font-size:var(--text-sm);line-height:var(--leading-normal);word-break:break-word}.chat-bubble.assistant .bubble-content{background:var(--bg-card);color:var(--text);border-bottom-left-radius:4px;box-shadow:var(--elevation-1)}.chat-bubble.user .bubble-content{background:linear-gradient(135deg,var(--color-primary-600),var(--color-primary-400));color:#fff;border-bottom-right-radius:4px}.bubble-content a{color:inherit;text-decoration:underline}.chat-bubble.user .bubble-content a{color:var(--color-primary-100)}.bubble-content.typing{display:flex;gap:var(--space-1);padding:var(--space-3) var(--space-4)}.bubble-content.typing span{width:8px;height:8px;border-radius:50%;background:var(--text-subtle);animation:typingDot 1.4s infinite}.bubble-content.typing span:nth-child(2){animation-delay:.2s}.bubble-content.typing span:nth-child(3){animation-delay:.4s}.chat-input-bar{display:flex;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-card);border-top:1px solid var(--border);flex-shrink:0;padding-bottom:max(var(--space-2),env(safe-area-inset-bottom))}.chat-input-bar input{flex:1;padding:var(--space-2) var(--space-4);border:1.5px solid var(--border);border-radius:var(--radius-full);font-size:var(--text-sm);outline:none;background:var(--bg-input);color:var(--text);transition:border-color var(--transition-fast)}.chat-input-bar input::placeholder{color:var(--text-subtle)}.chat-input-bar input:focus{border-color:var(--primary);background:var(--bg-card)}.chat-input-bar button{width:44px;height:44px;border:none;border-radius:50%;background:linear-gradient(135deg,var(--color-primary-600),var(--color-accent-600));color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:opacity var(--transition-fast),transform var(--transition-fast)}.chat-input-bar button:active{transform:scale(.92)}.chat-input-bar button:disabled{opacity:.4;cursor:not-allowed}@keyframes bubbleIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes typingDot{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.canje-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fdf2ff,#f5f0ff);padding:24px 16px}.canje-card{background:#fff;border-radius:24px;box-shadow:0 8px 32px #c026d31f;padding:32px 24px;max-width:380px;width:100%;text-align:center}.canje-event-badge{display:inline-block;background:linear-gradient(90deg,#c026d3,#7c3aed);color:#fff;border-radius:20px;padding:4px 16px;font-size:13px;font-weight:700;margin-bottom:20px}.canje-icon{font-size:56px;margin-bottom:12px}.canje-title{font-size:22px;font-weight:800;color:#1e1b4b;margin:0 0 8px}.canje-product-img{width:120px;height:120px;object-fit:cover;border-radius:16px;margin:16px auto;display:block;box-shadow:0 4px 16px #0000001a}.canje-product-name{font-size:18px;font-weight:700;color:#c026d3;margin:8px 0}.canje-player{font-size:14px;color:#555;margin:6px 0}.canje-msg{font-size:15px;color:#555;margin:8px 0 16px}.canje-date{font-size:12px;color:#999;margin:6px 0 16px}.canje-qr-wrap{display:flex;justify-content:center;margin:20px 0 16px;padding:16px;background:#fafafa;border-radius:16px;border:2px dashed #e9d5ff}.canje-instructions{font-size:13px;color:#666;margin-top:8px;line-height:1.5}.canje-error{border:2px solid #fee2e2}.canje-spinner{width:40px;height:40px;border:3px solid #e9d5ff;border-top-color:#c026d3;border-radius:50%;animation:canje-spin .8s linear infinite;margin:24px auto 0}@keyframes canje-spin{to{transform:rotate(360deg)}}:root{--color-primary-50: #EEF2FF;--color-primary-100: #E0E7FF;--color-primary-200: #C7D2FE;--color-primary-300: #A5B4FC;--color-primary-400: #818CF8;--color-primary-500: #6366F1;--color-primary-600: #4F46E5;--color-primary-700: #4338CA;--color-primary-800: #3730A3;--color-primary-900: #312E81;--color-accent-50: #FFFBEB;--color-accent-100: #FEF3C7;--color-accent-200: #FDE68A;--color-accent-400: #FBBF24;--color-accent-500: #F59E0B;--color-accent-600: #D97706;--color-accent-700: #B45309;--color-slate-50: #F8FAFC;--color-slate-100: #F1F5F9;--color-slate-200: #E2E8F0;--color-slate-300: #CBD5E1;--color-slate-400: #94A3B8;--color-slate-500: #64748B;--color-slate-600: #475569;--color-slate-700: #334155;--color-slate-800: #1E293B;--color-slate-900: #0F172A;--color-success-50: #ECFDF5;--color-success-100: #D1FAE5;--color-success-500: #10B981;--color-success-600: #059669;--color-success-700: #047857;--color-danger-50: #FFF1F2;--color-danger-100: #FFE4E6;--color-danger-500: #EF4444;--color-danger-600: #DC2626;--color-glow-50: #FDF4FF;--color-glow-100: #FAE8FF;--color-glow-200: #F5D0FE;--color-glow-400: #E879F9;--color-glow-500: #D946EF;--color-glow-600: #C026D3;--color-glow-700: #A21CAF;--color-glow-800: #86198F;--color-glow-violet: #7C3AED;--primary: var(--color-primary-500);--primary-dark: var(--color-primary-600);--primary-light: var(--color-primary-50);--accent: var(--color-accent-500);--accent-dark: var(--color-accent-600);--accent-light: var(--color-accent-50);--success: var(--color-success-500);--danger: var(--color-danger-500);--bg: var(--color-slate-50);--bg-card: #FFFFFF;--bg-input: var(--color-slate-100);--text: var(--color-slate-800);--text-muted: var(--color-slate-500);--text-subtle: var(--color-slate-400);--border: var(--color-slate-200);--border-strong: var(--color-slate-300);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--space-0: 0px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-xs: 6px;--radius-sm: 10px;--radius: 14px;--radius-md: 16px;--radius-lg: 20px;--radius-xl: 24px;--radius-2xl: 32px;--radius-full: 9999px;--elevation-0: none;--elevation-1: 0 1px 2px rgba(0,0,0,.05), 0 1px 3px rgba(0,0,0,.06);--elevation-2: 0 2px 8px rgba(0,0,0,.07), 0 1px 3px rgba(0,0,0,.05);--elevation-3: 0 4px 16px rgba(0,0,0,.08), 0 2px 6px rgba(0,0,0,.05);--elevation-4: 0 8px 32px rgba(0,0,0,.1), 0 4px 12px rgba(0,0,0,.06);--elevation-5: 0 20px 60px rgba(0,0,0,.14), 0 8px 24px rgba(0,0,0,.08);--shadow-sm: var(--elevation-1);--shadow: var(--elevation-2);--shadow-md: var(--elevation-3);--shadow-lg: var(--elevation-4);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--transition-spring: .2s cubic-bezier(.34, 1.56, .64, 1);--z-below: -1;--z-base: 0;--z-raised: 10;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 300;--z-modal: 400;--z-toast: 500;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--touch-min: 44px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}input,button,textarea,select{font-family:inherit;font-size:inherit}img,video{max-width:100%;display:block}a{color:var(--primary);text-decoration:none}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full)}.page{height:100%;overflow-y:auto;padding:var(--space-5) var(--space-4) calc(76px + var(--safe-bottom));-webkit-overflow-scrolling:touch}.container{width:100%;max-width:480px;margin:0 auto;padding:0 var(--space-4)}.section-block{margin-bottom:var(--space-6)}.section-title{font-size:var(--text-base);font-weight:var(--font-bold);color:var(--text);margin-bottom:var(--space-3);display:flex;align-items:center;gap:var(--space-2)}.h-scroll{display:flex;gap:var(--space-3);overflow-x:auto;padding-bottom:var(--space-2);-webkit-overflow-scrolling:touch;scrollbar-width:none}.h-scroll::-webkit-scrollbar{display:none}.pull-indicator{display:flex;justify-content:center;padding:var(--space-2) 0 var(--space-3);animation:fadeIn .2s ease-out}.page-outlet{animation:page-enter .22s ease-out both}@keyframes page-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--touch-min);padding:var(--space-3) var(--space-6);border:none;border-radius:var(--radius);font-weight:var(--font-semibold);font-size:var(--text-sm);cursor:pointer;transition:background var(--transition-base),transform var(--transition-fast),box-shadow var(--transition-base);width:100%;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 2px 8px #6366f147}.btn-primary:hover{background:var(--primary-dark);box-shadow:0 4px 14px #6366f159}.btn-primary:active{transform:scale(.97);box-shadow:none}.btn-primary:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;pointer-events:none}.btn-accent{background:var(--accent);color:#fff;box-shadow:0 2px 8px #f59e0b47}.btn-accent:hover{background:var(--accent-dark)}.btn-accent:active{transform:scale(.97)}.btn-ghost{background:transparent;color:var(--text-muted);border:1.5px solid var(--border)}.btn-ghost:hover{background:var(--bg-input);border-color:var(--border-strong)}.btn-ghost:active{transform:scale(.97)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:var(--color-danger-600)}.btn-danger:active{transform:scale(.97)}.btn-sm{min-height:36px;padding:var(--space-2) var(--space-4);font-size:var(--text-xs);border-radius:var(--radius-sm)}.btn-icon{width:var(--touch-min);min-height:var(--touch-min);padding:0;border-radius:var(--radius-full)}.input{width:100%;min-height:var(--touch-min);padding:var(--space-3) var(--space-4);background:var(--bg-input);border:1.5px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:var(--text-base);line-height:var(--leading-normal);outline:none;transition:border-color var(--transition-base),box-shadow var(--transition-base);-webkit-appearance:none}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11f;background:var(--bg-card)}.input::placeholder{color:var(--text-subtle)}.input:disabled{opacity:.5;cursor:not-allowed}.input-error{border-color:var(--danger)!important;box-shadow:0 0 0 3px #ef44441a!important}.input-label{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text);margin-bottom:var(--space-2)}.input-hint{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-1)}.input-error-msg{font-size:var(--text-xs);color:var(--danger);margin-top:var(--space-1)}.card{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--elevation-1);border:1px solid var(--border)}.card-elevated{box-shadow:var(--elevation-3);border:none}.card-interactive{cursor:pointer;transition:transform var(--transition-base),box-shadow var(--transition-base);-webkit-tap-highlight-color:transparent}.card-interactive:active{transform:scale(.98)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:3px var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);line-height:1;white-space:nowrap}.badge-primary{background:var(--color-primary-100);color:var(--color-primary-700)}.badge-gold{background:var(--color-accent-100);color:var(--color-accent-700)}.badge-green{background:var(--color-success-100);color:var(--color-success-700)}.badge-danger{background:var(--color-danger-100);color:var(--color-danger-600)}.badge-muted{background:var(--bg-input);color:var(--text-muted)}.badge-glow{background:var(--color-glow-100);color:var(--color-glow-700)}.alert{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius);font-size:var(--text-sm);line-height:var(--leading-snug);border:1px solid transparent}.alert-success{background:var(--color-success-50);color:var(--color-success-700);border-color:var(--color-success-100)}.alert-danger{background:var(--color-danger-50);color:var(--color-danger-600);border-color:var(--color-danger-100)}.alert-info{background:var(--color-primary-50);color:var(--color-primary-700);border-color:var(--color-primary-100)}.spinner{width:24px;height:24px;border:2.5px solid var(--border);border-top-color:var(--primary);border-radius:var(--radius-full);animation:spin .7s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg,var(--bg-input) 25%,var(--border) 50%,var(--bg-input) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.divider{height:1px;background:var(--border);margin:var(--space-4) 0}.divider-label{display:flex;align-items:center;gap:var(--space-3);color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.05em}.divider-label:before,.divider-label:after{content:"";flex:1;height:1px;background:var(--border)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.fade-in{animation:fadeIn var(--transition-slow) ease-out}.fade-in-up{animation:fadeInUp var(--transition-slow) ease-out}.scale-in{animation:scaleIn var(--transition-base) ease-out}.slide-up{animation:slideUp var(--transition-slow) ease-out}[data-theme=dark]{--bg: #0F172A;--bg-card: #1E293B;--bg-input: #334155;--text: #F1F5F9;--text-muted: #94A3B8;--text-subtle: #64748B;--border: #334155;--border-strong: #475569;--elevation-1: 0 1px 2px rgba(0,0,0,.4), 0 1px 3px rgba(0,0,0,.3);--elevation-2: 0 2px 8px rgba(0,0,0,.5), 0 1px 3px rgba(0,0,0,.3);--elevation-3: 0 4px 16px rgba(0,0,0,.6), 0 2px 6px rgba(0,0,0,.4);--elevation-4: 0 8px 32px rgba(0,0,0,.7), 0 4px 12px rgba(0,0,0,.5);--elevation-5: 0 20px 60px rgba(0,0,0,.8),0 8px 24px rgba(0,0,0,.6);--color-primary-50: rgba(99,102,241,.15);--color-primary-100: rgba(99,102,241,.22);--color-primary-700: #A5B4FC;--color-primary-600: #818CF8;--color-accent-50: rgba(245,158,11,.15);--color-accent-100: rgba(245,158,11,.22);--color-accent-700: #FCD34D;--color-accent-600: #FBBF24;--color-success-50: rgba(16,185,129,.12);--color-success-100: rgba(16,185,129,.2);--color-success-700: #34D399;--color-danger-50: rgba(239,68,68,.12);--color-danger-100: rgba(239,68,68,.2);--color-danger-600: #F87171;--color-glow-50: rgba(217,70,239,.12);--color-glow-100: rgba(217,70,239,.2);--color-glow-700: #E879F9}[data-theme=dark] .input:focus{background:var(--bg-input)}[data-theme=dark] .sk{background:linear-gradient(90deg,var(--bg-input) 0%,var(--border-strong) 40%,var(--bg-input) 80%);background-size:200% 100%}[data-theme=dark] .sk-mission-card,[data-theme=dark] .sk-lb-row,[data-theme=dark] .sk-stat-card,[data-theme=dark] .sk-venue-card{background:var(--bg-card);border-color:var(--border)}[data-theme=dark] .leaflet-layer,[data-theme=dark] .leaflet-control-zoom a{filter:invert(100%) hue-rotate(180deg)}[data-theme=dark] .geodrop-dot,[data-theme=dark] .glow-drop-dot,[data-theme=dark] .venue-dot,[data-theme=dark] .pulse-dot{filter:none}