@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap";
:root,[data-theme=summer]{--accent:#ff8c00;--accent-dark:#e07000;--accent-light:#1e96d4;--bg:#062a42;--bg-alt:#0b3655;--bg-rgb:6,42,66;--text:#e8f4fc;--text-muted:#7eb5d4;--border:#164a6e;--highlight-text:#fff;--body-bg:#041c2e;--glow:#ff8c0059;--glow-alt:#1e96d44d;--gradient-primary:linear-gradient(135deg,#ff8c00 0%,#ffb347 100%);--gradient-card:linear-gradient(145deg,#0b3655e6 0%,#062a42f2 100%);--radius:14px;--radius-sm:10px;--radius-xs:6px;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 20px #0006;--shadow-glow:0 0 20px var(--glow)}[data-theme=summer-sunset]{--accent:#ff6b2b;--accent-dark:#d95520;--accent-light:#2596be;--bg:#1a0e08;--bg-alt:#2a1a10;--bg-rgb:26,14,8;--text:#fde8d8;--text-muted:#c49578;--border:#4a2e1a;--highlight-text:#fff;--body-bg:#120a05;--glow:#ff6b2b66;--glow-alt:#2596be4d;--gradient-primary:linear-gradient(135deg,#ff6b2b 0%,#ffa347 100%);--gradient-card:linear-gradient(145deg,#2a1a10e6 0%,#1a0e08f2 100%);--radius:14px;--radius-sm:10px;--radius-xs:6px;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 20px #0006;--shadow-glow:0 0 20px var(--glow)}[data-theme=summer-day]{--accent:#f08c00;--accent-dark:#d07500;--accent-light:#0891b2;--bg:#f5fbff;--bg-alt:#e4f3fc;--bg-rgb:245,251,255;--text:#0c2d42;--text-muted:#5a8ba8;--border:#c0ddf0;--highlight-text:#fff;--body-bg:#dbeef8;--glow:#f08c0040;--glow-alt:#0891b233;--gradient-primary:linear-gradient(135deg,#f08c00 0%,#ffb84d 100%);--gradient-card:linear-gradient(145deg,#e4f3fce6 0%,#f5fbfff2 100%);--radius:14px;--radius-sm:10px;--radius-xs:6px;--shadow-sm:0 2px 8px #0000000f;--shadow-md:0 4px 20px #00000014;--shadow-glow:0 0 20px var(--glow)}[data-theme=tropical-night]{--accent:#ff9f1c;--accent-dark:#e08a00;--accent-light:#2ec4b6;--bg:#011627;--bg-alt:#072438;--bg-rgb:1,22,39;--text:#dff0fb;--text-muted:#6da0bf;--border:#0f3654;--highlight-text:#fff;--body-bg:#000e1a;--glow:#ff9f1c59;--glow-alt:#2ec4b64d;--gradient-primary:linear-gradient(135deg,#ff9f1c 0%,#ffbf69 100%);--gradient-card:linear-gradient(145deg,#072438e6 0%,#011627f2 100%);--radius:14px;--radius-sm:10px;--radius-xs:6px;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 20px #0006;--shadow-glow:0 0 20px var(--glow)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--body-bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Space Grotesk,sans-serif}h1,h2,h3{font-family:Outfit,sans-serif;font-weight:800}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.nav-wrapper{z-index:50;position:relative}@media (min-width:601px){.nav-autohide{z-index:50;transition:transform .3s;position:fixed;top:0;left:0;right:0;transform:translateY(-100%)}.nav-autohide:hover{transform:translateY(0)}.nav-autohide:before{content:"";height:18px;position:absolute;top:100%;left:0;right:0}}.nav{background:rgba(var(--bg-rgb),.8);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.75rem 1.25rem;display:flex}.nav-links{gap:.35rem;display:flex}.nav-link{color:var(--text-muted);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.05em;padding:.5rem 1rem;font-family:Outfit,sans-serif;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .25s;position:relative}.nav-link:hover{background:var(--bg-alt);color:var(--text)}.nav-link.active{background:var(--gradient-primary);color:var(--highlight-text);box-shadow:var(--shadow-glow)}.nav-badge{color:#fff;background:#ef4444;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:.6rem;font-weight:700;line-height:1;display:flex;position:absolute;top:-4px;right:-4px;box-shadow:0 0 10px #ef444480}.hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;padding:6px;display:flex}.hamburger span{background:var(--text);border-radius:2px;width:100%;height:2px;transition:all .2s;display:block}.drawer-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:90;opacity:0;pointer-events:none;background:#0009;transition:opacity .3s;position:fixed;inset:0}.drawer-overlay.open{opacity:1;pointer-events:auto}.drawer{background:var(--gradient-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-left:1px solid var(--border);z-index:95;flex-direction:column;width:300px;max-width:85vw;transition:transform .3s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(100%)}.drawer.open{transform:translate(0)}.drawer-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1.25rem;display:flex}.drawer-title{text-transform:uppercase;letter-spacing:.1em;color:var(--text);font-family:Outfit,sans-serif;font-size:1rem;font-weight:700}.drawer-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0 .25rem;font-size:1.6rem;line-height:1;transition:color .2s}.drawer-close:hover{color:var(--accent)}.drawer-section{border-bottom:1px solid var(--border);padding:1.25rem}.drawer-section-title{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:.75rem;font-family:Outfit,sans-serif;font-size:.75rem;font-weight:700;display:block}.drawer-user{color:var(--text);margin-bottom:.75rem;font-family:Outfit,sans-serif;font-size:.95rem}.drawer-btn{width:100%}.drawer-themes{flex-wrap:wrap;gap:.5rem;display:flex}.drawer-nav-links{flex-direction:column;gap:.3rem;display:none}.drawer-link{color:var(--text-muted);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.05em;padding:.6rem .75rem;font-family:Outfit,sans-serif;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .25s;position:relative}.drawer-link:hover{background:var(--bg-alt);color:var(--text)}.drawer-link.active{background:var(--gradient-primary);color:var(--highlight-text)}.login-form{flex-direction:column;gap:.75rem;display:flex}.login-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-family:Outfit,sans-serif;font-size:.8rem;font-weight:600}.login-input{border:2px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-alt);color:var(--text);outline:none;padding:.7rem 1rem;font-family:Space Grotesk,sans-serif;font-size:1rem;transition:all .25s}.login-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--glow)}.login-input.input-error{border-color:#ef4444;box-shadow:0 0 0 3px #ef444433}.login-error{color:#ef4444;font-family:Outfit,sans-serif;font-size:.75rem;font-weight:600}.identify-form{flex-direction:column;align-items:center;gap:1.5rem;max-width:360px;margin:0 auto;display:flex}.identify-text{color:var(--text-muted);text-align:center;font-family:Outfit,sans-serif;font-size:1rem;font-weight:500}.identify-form .login-form{width:100%}.theme-badge{border:1px solid var(--border);border-radius:var(--radius-xs);background:var(--bg);color:var(--text-muted);cursor:pointer;text-transform:uppercase;letter-spacing:.05em;padding:.35rem .65rem;font-family:Outfit,sans-serif;font-size:.7rem;font-weight:600;transition:all .25s}.theme-badge:hover{border-color:var(--accent);color:var(--text);box-shadow:var(--shadow-glow)}.theme-badge.active{background:var(--gradient-primary);color:var(--highlight-text);box-shadow:var(--shadow-glow);border-color:#0000}.btn{border:2px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;text-transform:uppercase;letter-spacing:.05em;background:var(--bg);color:var(--text);padding:.7rem 1.4rem;font-family:Outfit,sans-serif;font-size:.9rem;font-weight:700;transition:all .25s}.btn:hover{border-color:var(--accent);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:var(--gradient-primary);color:var(--highlight-text);box-shadow:var(--shadow-glow);border-color:#0000}.btn-primary:hover{box-shadow:0 0 30px var(--glow);transform:translateY(-2px)}.btn-secondary{background:var(--bg-alt);color:var(--text)}.btn-capture{background:var(--gradient-primary);color:var(--highlight-text);width:68px;height:68px;box-shadow:var(--shadow-glow);border-color:#0000;border-radius:50%;padding:0;font-size:.75rem}.text-muted{color:var(--text-muted)}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;min-height:50vh;font-family:Outfit,sans-serif;display:flex}.page-header{text-align:center;padding:2rem 1rem 1.25rem}.page-header h1{text-transform:uppercase;letter-spacing:.08em;background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2rem}.upload-page{max-width:500px;margin:0 auto;padding:2rem 1rem}.upload-form{flex-direction:column;align-items:center;gap:1.5rem;display:flex}.upload-actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.upload-label{justify-content:center;align-items:center;display:inline-flex}.upload-missions-section{width:100%;max-width:600px;margin-top:2rem;margin-left:auto;margin-right:auto}.upload-missions-section .missions-section-title{text-align:center;margin-bottom:1rem}.upload-progress{width:100%}.progress-bar{background:var(--bg-alt);border-radius:4px;height:8px;overflow:hidden}.progress-fill{background:var(--gradient-primary);border-radius:4px;height:100%;transition:width .3s}.upload-status{color:var(--text-muted);text-align:center;margin-top:.5rem;font-family:Outfit,sans-serif;font-size:.85rem;font-weight:500}.upload-message{border-radius:var(--radius-sm);text-align:center;width:100%;padding:.85rem 1.25rem;font-family:Outfit,sans-serif;font-size:.9rem;font-weight:600}.upload-message.success{background:var(--gradient-primary);color:var(--highlight-text);box-shadow:var(--shadow-glow)}.upload-message.error{color:#fff;background:#ef4444;box-shadow:0 0 15px #ef44444d}.camera-container{flex-direction:column;align-items:center;gap:1rem;max-width:500px;margin:0 auto;padding:1rem;display:flex}.camera-video{border-radius:var(--radius);border:2px solid var(--border);background:#000;width:100%;max-height:60vh}.camera-controls{align-items:center;gap:1rem;display:flex}.camera-error{text-align:center;flex-direction:column;align-items:center;gap:1rem;padding:2rem;font-family:Outfit,sans-serif;display:flex}.photo-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:6px;padding:6px;display:grid}.photo-cell{aspect-ratio:1;cursor:pointer;border-radius:var(--radius-xs);position:relative;overflow:hidden}.photo-cell img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.photo-cell:hover img{transform:scale(1.08)}.photo-delete{border-radius:var(--radius-xs);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;cursor:pointer;opacity:0;background:#0009;border:none;justify-content:center;align-items:center;width:30px;height:30px;transition:all .25s;display:flex;position:absolute;top:.4rem;right:.4rem}.photo-cell:hover .photo-delete{opacity:1}.photo-delete:hover{background:#ef4444;box-shadow:0 0 10px #ef444466}.photo-delete.deleting{opacity:.5;pointer-events:none}.lightbox{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000eb;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0}.lightbox img{object-fit:contain;border-radius:var(--radius-sm);max-width:100%;max-height:90vh}.lightbox-close{color:#fff;cursor:pointer;background:0 0;border:none;font-size:2rem;line-height:1;transition:color .2s;position:absolute;top:1rem;right:1rem}.lightbox-close:hover{color:var(--accent)}.lightbox-actions{z-index:101;gap:.5rem;display:flex;position:absolute;top:1rem;left:1rem}.lightbox-download,.lightbox-like{border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;background:#ffffff26;border:none;justify-content:center;align-items:center;gap:.3rem;width:44px;height:44px;font-size:.8rem;font-weight:700;transition:all .2s;display:flex}.lightbox-download:hover,.lightbox-like:hover{background:var(--accent);color:var(--highlight-text)}.lightbox-like.liked{color:#ff4d6d;background:#ff4d6d33}.lightbox-like .like-count{font-family:Outfit,sans-serif;font-size:.85rem}.lightbox-like:has(.like-count){width:auto;padding:0 .75rem}.lightbox-nav{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;z-index:101;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-prev{left:1rem}.lightbox-next{right:1rem}.lightbox-nav:hover{background:var(--accent);color:var(--highlight-text)}.lightbox-counter{color:#fffc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-sm);z-index:101;background:#0006;padding:.3rem .8rem;font-family:Outfit,sans-serif;font-size:.85rem;font-weight:600;position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}@media (max-width:600px){.lightbox-nav{display:none}}@media (min-width:601px){.nav-autohide+.slideshow-container,.nav-autohide~.slideshow-container{height:100vh}}.slideshow-container{height:calc(100vh - 48px);display:flex;overflow:hidden}.home-left{flex-direction:column;flex:1;min-width:0;display:flex;position:relative;overflow:hidden}.slideshow-wrapper{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;min-width:0;min-height:0;padding:1rem;transition:opacity .6s;display:flex}.slideshow-wrapper.grid-fading{opacity:0}.slideshow-row{flex:1;gap:6px;width:100%;max-height:50%;display:grid}.slideshow-cell{background:var(--bg-alt);border-radius:var(--radius-xs);position:relative;overflow:hidden}.slideshow-cell img{object-fit:cover;width:100%;height:100%}.scroll-wall{flex-direction:column;flex:1;gap:8px;min-height:0;padding:8px 0;display:flex;overflow:hidden}.scroll-wall-single{justify-content:center}.scroll-track{will-change:transform;flex:1;gap:8px;width:max-content;min-height:0;animation:linear infinite scroll-left;display:flex}@keyframes scroll-left{0%{transform:translate(0,0)}to{transform:translate(-50%)}}.scroll-item{border-radius:var(--radius-sm);height:100%;box-shadow:var(--shadow-md);flex-shrink:0;position:relative;overflow:hidden}.scroll-item img{width:auto;height:100%;display:block}.scroll-item-mission{border:3px solid var(--accent-light);box-shadow:0 0 24px var(--glow-alt),var(--shadow-md)}.scroll-item-likes{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#ff4d6d;pointer-events:none;background:#00000080;border-radius:999px;align-items:center;gap:.2rem;padding:.15rem .4rem;font-family:Outfit,sans-serif;font-size:.65rem;font-weight:700;display:flex;position:absolute;top:.35rem;right:.35rem}.photo-wall-mobile{flex:1;grid-template-columns:repeat(2,1fr);gap:6px;min-height:0;padding:.75rem;transition:opacity .5s;display:grid}.photo-wall-mobile.grid-fading{opacity:0}.photo-wall-mobile-cell{aspect-ratio:1;border-radius:var(--radius-xs);background:var(--bg-alt);position:relative;overflow:hidden}.photo-wall-mobile-cell img{object-fit:cover;width:100%;height:100%}.photo-carousel{flex:1;position:relative;overflow:hidden}.photo-carousel-track{gap:6px;width:max-content;height:100%;animation:60s linear infinite marquee-photos;display:flex}.photo-carousel-item{aspect-ratio:3/4;border-radius:var(--radius-xs);background:var(--bg-alt);flex-shrink:0;height:100%;position:relative;overflow:hidden}.photo-carousel-item img{object-fit:cover;width:100%;height:100%}@keyframes marquee-photos{0%{transform:translate(0)}to{transform:translate(-50%)}}.missions-feed{background:rgba(var(--bg-rgb),.8);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);flex-shrink:0;overflow:hidden}.missions-feed-track{will-change:transform;gap:.6rem;width:max-content;padding:.6rem 0;animation:linear infinite scroll-left;display:flex}.missions-feed-card{background:var(--gradient-card);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);flex-shrink:0;align-items:center;gap:.5rem;padding:.4rem .7rem;display:flex}.missions-feed-photo{object-fit:cover;border-radius:var(--radius-xs);flex-shrink:0;width:40px;height:40px}.missions-feed-placeholder{border-radius:var(--radius-xs);background:var(--accent);opacity:.15;flex-shrink:0;width:40px;height:40px}.missions-feed-info{flex-direction:column;gap:.15rem;min-width:0;display:flex}.missions-feed-title{text-transform:uppercase;letter-spacing:.03em;color:var(--text);font-family:Outfit,sans-serif;font-size:.65rem;font-weight:700}.missions-feed-meta{align-items:center;gap:.4rem;display:flex}.missions-feed-user{color:var(--text-muted);font-family:Outfit,sans-serif;font-size:.6rem}.missions-feed-score{color:var(--accent);font-family:Outfit,sans-serif;font-size:.6rem;font-weight:700}.photo-footer{background:var(--gradient-primary);color:var(--highlight-text);text-transform:uppercase;letter-spacing:.05em;justify-content:space-between;align-items:center;gap:.3rem;padding:.3rem .6rem;font-family:Outfit,sans-serif;font-size:.7rem;font-weight:700;display:flex;position:absolute;bottom:0;left:0;right:0}.photo-footer span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.photo-like{color:#fffc;cursor:pointer;background:0 0;border:none;flex-shrink:0;align-items:center;gap:.2rem;padding:0;font-size:.65rem;font-weight:700;transition:all .2s;display:flex}.photo-like:hover{color:#ff4d6d;transform:scale(1.15)}.photo-like.liked{color:#ff4d6d}.photo-like .like-count{font-family:Outfit,sans-serif}.slideshow-empty{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.75rem;display:flex}.slideshow-empty h2{text-transform:uppercase;letter-spacing:.1em;background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.8rem}.activity-pulse{z-index:10;pointer-events:none;flex-direction:column;gap:.5rem;display:flex;position:absolute;bottom:1.5rem;left:1.5rem}.activity-pulse-item{border-radius:var(--radius-sm);background:rgba(var(--bg-rgb),.85);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--accent);box-shadow:var(--shadow-glow);color:var(--text);white-space:nowrap;padding:.6rem 1rem;font-family:Outfit,sans-serif;font-size:.85rem;font-weight:600;animation:.4s ease-out pulse-in,.4s ease-in 3.6s pulse-out}@keyframes pulse-in{0%{opacity:0;transform:translate(-20px)scale(.9)}to{opacity:1;transform:translate(0,0)scale(1)}}@keyframes pulse-out{0%{opacity:1}to{opacity:0}}.photo-counter{text-align:center;color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;flex-shrink:0;padding:.5rem 1rem;font-family:Outfit,sans-serif;font-size:.8rem;font-weight:600}.photo-counter-number{color:var(--accent);font-size:1rem;font-weight:800}.sidebar-panel{border-left:1px solid var(--border);background:rgba(var(--bg-rgb),.9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-direction:column;flex-shrink:0;width:240px;display:flex;overflow-y:auto}.leaderboard{flex:1;min-height:0;padding:1.25rem;overflow-y:auto}.leaderboard-title{text-transform:uppercase;letter-spacing:.1em;color:var(--text);text-align:center;margin-bottom:.85rem;font-family:Outfit,sans-serif;font-size:.9rem;font-weight:800}.leaderboard-list{flex-direction:column;gap:.5rem;display:flex}.leaderboard-row{background:var(--gradient-card);border-radius:var(--radius-sm);border:1px solid var(--border);align-items:center;gap:.5rem;padding:.5rem .65rem;transition:all .2s;display:flex}.leaderboard-row.host{background:var(--gradient-primary);color:var(--highlight-text);box-shadow:var(--shadow-glow);border-color:#0000}.leaderboard-row.host .leaderboard-name{font-weight:700}.leaderboard-row.host .leaderboard-score{color:var(--highlight-text);opacity:.9}.leaderboard-row:not(.host):first-child{border-color:var(--accent);box-shadow:0 0 12px var(--glow)}.leaderboard-row:not(.host):first-child .leaderboard-score{color:var(--accent)}.leaderboard-rank{text-align:center;flex-shrink:0;width:1.6rem;font-size:.85rem}.leaderboard-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-family:Outfit,sans-serif;font-size:.75rem;font-weight:600;overflow:hidden}.leaderboard-photos{color:var(--text-muted);white-space:nowrap;opacity:.7;flex-shrink:0;font-family:Outfit,sans-serif;font-size:.6rem;font-weight:600}.leaderboard-score{color:var(--text-muted);white-space:nowrap;flex-shrink:0;font-family:Outfit,sans-serif;font-size:.7rem;font-weight:700}.leaderboard-row{will-change:transform,opacity}.leaderboard-row.score-bump .leaderboard-score{animation:.6s scorePop}@keyframes scorePop{0%{color:var(--text-muted);transform:scale(1)}40%{color:var(--accent);transform:scale(1.35)}to{color:var(--text-muted);transform:scale(1)}}.qr-panel{border-top:1px solid var(--border);flex-shrink:0;justify-content:center;align-items:center;padding:1.25rem;display:flex}.qr-card{flex-direction:column;align-items:center;gap:.6rem;display:flex}.qr-card canvas{border-radius:var(--radius-sm);box-shadow:0 0 24px var(--glow-alt)}.qr-label{color:var(--text);text-transform:uppercase;letter-spacing:.05em;text-align:center;font-family:Outfit,sans-serif;font-size:.7rem;font-weight:600}.qr-url{color:var(--text-muted);word-break:break-all;text-align:center;max-width:170px;font-family:Space Grotesk,sans-serif;font-size:.55rem}.mobile-only{display:none}.home-mobile{padding:0 .75rem 1.5rem}.home-mobile .leaderboard{padding:1rem 0}.home-mobile .qr-panel{border-top:1px solid var(--border);padding-top:1rem}.home-mobile-missions{margin-bottom:1rem}@media (max-width:600px){.desktop-only{display:none}.mobile-only{display:block}.nav-links{display:none}.drawer-nav-links{display:flex}.photo-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.missions-page{padding:0 .75rem 1.5rem}.page-header h1{font-size:1.5rem}.mission-card{padding:.85rem}.mission-title,.mission-description{font-size:.8rem}.mission-claim-form{flex-direction:column;align-items:stretch}.mission-photo-btn{max-width:none}.missions-create-row{flex-direction:column;align-items:stretch}.missions-score-input{width:100%}}@media (hover:none){.photo-delete{opacity:1}}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.mission-claim-form{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.mission-photo-btn{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;border-style:dashed;max-width:180px;overflow:hidden}.mission-photo-btn.has-file{border-style:solid;border-color:var(--accent);color:var(--accent)}.mission-claim-form .btn-primary:disabled{opacity:.4;cursor:not-allowed}.mission-winner-photos{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.mission-photo-thumb{object-fit:cover;border-radius:var(--radius-xs);border:1px solid var(--border);width:80px;height:80px;margin-top:.4rem;display:block}.mission-photo-thumb-sm{object-fit:cover;border-radius:var(--radius-xs);border:1px solid var(--border);width:44px;height:44px;display:block}.mission-pending-info{flex:1;align-items:center;gap:.4rem;min-width:0;display:flex}.slideshow-cell-mission{border:3px solid var(--accent-light);box-shadow:0 0 12px var(--glow-alt)}.slideshow-mission-label{background:var(--accent-light);color:var(--highlight-text);text-transform:uppercase;letter-spacing:.06em;text-align:center;white-space:nowrap;text-overflow:ellipsis;padding:.35rem .6rem;font-family:Outfit,sans-serif;font-size:.65rem;font-weight:800;position:absolute;top:0;left:0;right:0;overflow:hidden}.missions-page{max-width:600px;margin:0 auto;padding:0 1rem 2rem}.missions-pending-banner{text-transform:uppercase;letter-spacing:.05em;background:var(--gradient-primary);color:var(--highlight-text);text-align:center;border-radius:var(--radius-sm);box-shadow:var(--shadow-glow);margin-bottom:1rem;padding:.65rem 1rem;font-family:Outfit,sans-serif;font-size:.85rem;font-weight:700}.missions-login-prompt{text-align:center;color:var(--text-muted);padding:2rem 1rem;font-family:Outfit,sans-serif;font-size:1rem;font-weight:500}.missions-section{margin-top:1.5rem;margin-bottom:1.5rem}.missions-section-header{cursor:pointer;border:none;border-bottom:1px solid var(--border);background:0 0;align-items:center;gap:.5rem;width:100%;margin-bottom:.85rem;padding:0 0 .5rem;display:flex}.missions-section-title{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);font-family:Outfit,sans-serif;font-size:.85rem;font-weight:700}.missions-section-count{background:var(--gradient-primary);min-width:20px;height:20px;color:var(--highlight-text);border-radius:10px;justify-content:center;align-items:center;padding:0 5px;font-family:Outfit,sans-serif;font-size:.65rem;font-weight:700;line-height:1;display:inline-flex}.missions-section-chevron{color:var(--text-muted);margin-left:auto;font-size:.65rem;transition:transform .2s;transform:rotate(0)}.missions-section-chevron.open{transform:rotate(90deg)}.missions-list{flex-direction:column;gap:.85rem;display:flex}.missions-empty{text-align:center;color:var(--text-muted);padding:2rem;font-family:Outfit,sans-serif;font-size:1rem}.mission-card{background:var(--gradient-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1.1rem;transition:all .25s}.mission-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.mission-card.mission-completed{opacity:.65}.mission-header{justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.5rem;display:flex}.mission-title-row{flex-wrap:wrap;flex:1;align-items:flex-start;gap:.5rem;min-width:0;display:flex}.mission-title{text-transform:uppercase;letter-spacing:.03em;font-family:Outfit,sans-serif;font-size:.95rem;font-weight:700}.mission-score{color:var(--accent);white-space:nowrap;font-family:Outfit,sans-serif;font-size:.8rem;font-weight:700}.mission-badge{border-radius:var(--radius-xs);text-transform:uppercase;letter-spacing:.05em;flex-shrink:0;padding:.2rem .5rem;font-family:Outfit,sans-serif;font-size:.6rem;font-weight:700}.mission-badge.exclusive{background:var(--accent-light);color:var(--highlight-text);box-shadow:0 0 8px var(--glow-alt);border:none}.mission-badge.challenge{color:#78350f;background:#fbbf24;border:none;box-shadow:0 0 8px #fbbf244d}.mission-card.mission-challenge{border-color:var(--accent);box-shadow:var(--shadow-glow)}.mission-penalty{color:#fbbf24;margin-bottom:.5rem;font-family:Outfit,sans-serif;font-size:.7rem;font-weight:600}.mission-description{color:var(--text-muted);margin-bottom:.5rem;font-size:.85rem;line-height:1.5}.mission-winner{color:var(--accent);margin-bottom:.5rem;font-family:Outfit,sans-serif;font-size:.75rem;font-weight:600}.mission-actions{margin-top:.5rem}.mission-status{text-transform:uppercase;letter-spacing:.05em;font-family:Outfit,sans-serif;font-size:.75rem;font-weight:700}.mission-status-pending{color:var(--accent-light)}.mission-status-approved{color:var(--accent)}.mission-status-rejected{color:#ef4444}.btn-sm{padding:.35rem .7rem;font-size:.75rem}.mission-admin{border-top:1px solid var(--border);margin-top:.85rem;padding-top:.85rem}.mission-pending-list{flex-direction:column;gap:.5rem;margin-bottom:.75rem;display:flex}.mission-pending-item{background:var(--bg-alt);border-radius:var(--radius-sm);border:1px solid var(--border);justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem .7rem;display:flex}.mission-pending-name{font-family:Outfit,sans-serif;font-size:.8rem;font-weight:700}.mission-pending-actions{gap:.4rem;display:flex}.btn-approve{background:var(--gradient-primary);color:var(--highlight-text);border-color:#0000}.btn-approve:hover{box-shadow:var(--shadow-glow)}.btn-reject{color:#ef4444;background:0 0;border-color:#ef4444}.btn-reject:hover{color:#fff;background:#ef4444;box-shadow:0 0 10px #ef44444d}.btn-delete-mission{color:var(--text-muted);border-color:var(--border);background:0 0;font-size:.7rem}.btn-delete-mission:hover{color:#ef4444;border-color:#ef4444}.missions-create{background:var(--gradient-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-top:2rem;padding:1.25rem}.missions-create-title{text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem;font-family:Outfit,sans-serif;font-size:.95rem;font-weight:800}.missions-create-form{flex-direction:column;gap:.75rem;display:flex}.missions-create-row{align-items:center;gap:.75rem;display:flex}.missions-score-input{width:100px}.missions-exclusive-label{color:var(--text-muted);cursor:pointer;align-items:center;gap:.4rem;font-family:Outfit,sans-serif;font-size:.8rem;font-weight:600;display:flex}.toast-container{z-index:200;pointer-events:none;flex-direction:column;gap:.5rem;max-width:340px;display:flex;position:fixed;top:1rem;right:1rem}.toast{border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-md);color:var(--highlight-text);pointer-events:auto;cursor:pointer;align-items:center;gap:.6rem;padding:.75rem 1rem;font-family:Outfit,sans-serif;font-size:.85rem;font-weight:600;animation:.3s ease-out toast-in;display:flex}@keyframes toast-in{0%{opacity:0;transform:translate(100%)scale(.9)}to{opacity:1;transform:translate(0,0)scale(1)}}.toast-success{background:rgba(var(--bg-rgb),.9);border:1px solid var(--accent);color:var(--text)}.toast-error{background:#ef4444e6;border:1px solid #dc2626}.toast-info{background:rgba(var(--bg-rgb),.9);border:1px solid var(--accent-light);color:var(--text)}.toast-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:.7rem;font-weight:800;display:flex}.toast-success .toast-icon{background:var(--accent);color:var(--highlight-text)}.toast-error .toast-icon{color:#ef4444;background:#fff}.toast-info .toast-icon{background:var(--accent-light);color:var(--highlight-text)}.toast-message{flex:1;min-width:0}@media (max-width:600px){.toast-container{max-width:none;inset:auto 1rem 1rem}@keyframes toast-in{0%{opacity:0;transform:translateY(100%)scale(.9)}to{opacity:1;transform:translate(0,0)scale(1)}}}.color-picker{flex-wrap:wrap;justify-content:center;gap:.5rem;padding:.5rem 0;display:flex}.color-swatch{cursor:pointer;border:3px solid #0000;border-radius:50%;width:32px;height:32px;padding:0;transition:all .2s}.color-swatch:hover{transform:scale(1.2);box-shadow:0 0 12px #fff6}.color-swatch.active{border-color:#fff;transform:scale(1.2);box-shadow:0 0 16px #ffffff80}.color-preview{border-radius:var(--radius-sm);color:#fff;text-transform:uppercase;letter-spacing:.05em;justify-content:center;align-items:center;width:fit-content;min-width:120px;margin:1rem auto;padding:.5rem 1.5rem;font-family:Outfit,sans-serif;font-size:1rem;font-weight:700;transition:background .3s;display:flex}.color-preview-sm{border-radius:var(--radius-sm);color:#fff;text-transform:uppercase;letter-spacing:.05em;justify-content:center;align-items:center;margin:.5rem 0;padding:.3rem 1rem;font-family:Outfit,sans-serif;font-size:.75rem;font-weight:700;transition:background .3s;display:flex}.drawer-color-section{margin-top:.75rem;margin-bottom:.75rem}.drawer-color-section .color-picker{gap:.4rem}.drawer-color-section .color-swatch{width:26px;height:26px}.welcome-screen{justify-content:center;align-items:center;min-height:calc(100vh - 60px);padding:1.5rem;display:flex}.welcome-card{background:var(--gradient-card);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:420px;box-shadow:var(--shadow-md);text-align:center;padding:2.5rem 2rem}.welcome-emoji{margin-bottom:.5rem;font-size:3rem;line-height:1}.welcome-title{text-transform:uppercase;letter-spacing:.05em;background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.75rem;font-family:Outfit,sans-serif;font-size:2rem;font-weight:800}.welcome-subtitle{color:var(--text-muted);margin-bottom:2rem;font-family:Space Grotesk,sans-serif;font-size:1rem;line-height:1.5}.welcome-features{text-align:left;flex-direction:column;gap:1.25rem;margin-bottom:2.5rem;display:flex}.welcome-feature{align-items:flex-start;gap:.85rem;display:flex}.welcome-feature-icon{flex-shrink:0;margin-top:.1rem;font-size:1.5rem;line-height:1}.welcome-feature-text{flex-direction:column;gap:.2rem;display:flex}.welcome-feature-title{color:var(--text);font-family:Outfit,sans-serif;font-size:.95rem;font-weight:700}.welcome-feature-desc{color:var(--text-muted);font-size:.85rem;line-height:1.4}.welcome-form{flex-direction:column;gap:.85rem;display:flex}.welcome-input{border:2px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-alt);color:var(--text);text-align:center;outline:none;padding:.85rem 1.1rem;font-family:Space Grotesk,sans-serif;font-size:1.1rem;transition:all .25s}.welcome-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--glow)}.welcome-btn{border-radius:var(--radius-sm);background:var(--gradient-primary);color:var(--highlight-text);cursor:pointer;text-transform:uppercase;letter-spacing:.08em;box-shadow:var(--shadow-glow);border:none;padding:.85rem 1.5rem;font-family:Outfit,sans-serif;font-size:1rem;font-weight:800;transition:all .25s}.welcome-btn:hover{box-shadow:0 0 35px var(--glow);transform:translateY(-2px)}.welcome-btn:active{transform:translateY(0)}.welcome-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}