@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap";:root{color:#f7f8f2;font-synthesis:none;--ink:#101218;--paper:#f4f5ee;--lime:#c8ff3d;--cyan:#56d8ff;--muted:#979ca7;background:#0d0f14;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}html{background:#0d0f14;min-width:320px}body{background:radial-gradient(circle at 85% -5%,#56d8ff21,#0000 27rem),#0d0f14;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{color:inherit}.app-shell{width:min(100%,680px);min-height:100vh;margin:0 auto;padding-bottom:104px;position:relative;overflow:hidden}.topbar{height:72px;padding:max(16px, env(safe-area-inset-top)) 22px 0;justify-content:space-between;align-items:center;display:flex}.wordmark{cursor:pointer;letter-spacing:-.07em;background:0 0;border:0;padding:0;font:800 1.42rem/1 Manrope,sans-serif}.wordmark i{color:var(--lime);font-style:normal}.event-chip{color:#c7cad2;border:1px solid #2b2e37;border-radius:999px;align-items:center;gap:7px;padding:8px 11px;font-size:.74rem;font-weight:700;display:flex}.event-chip span{background:var(--lime);width:7px;height:7px;box-shadow:0 0 12px var(--lime);border-radius:50%}.page{padding:28px 20px 16px}.welcome{padding:12px 2px 24px;position:relative}.welcome:after{content:"";pointer-events:none;border:1px solid #c8ff3d26;border-radius:50%;width:190px;height:190px;position:absolute;top:-20px;right:-80px;box-shadow:0 0 0 28px #c8ff3d06,0 0 0 58px #c8ff3d05}.eyebrow{color:var(--lime);letter-spacing:.13em;text-transform:uppercase;margin-bottom:11px;font:700 .72rem/1 Manrope,sans-serif;display:block}h1,h2{letter-spacing:-.05em;margin:0;font-family:Manrope,sans-serif}.welcome h1{max-width:470px;font-size:clamp(2.8rem,12vw,4.7rem);line-height:.96}.welcome h1 em{color:var(--lime);font-style:normal}.welcome>p{z-index:1;color:#aeb2bb;max-width:420px;margin:20px 0 24px;font-size:1rem;line-height:1.58;position:relative}.scan-cta{background:var(--lime);width:100%;color:var(--ink);cursor:pointer;text-align:left;border:0;border-radius:20px;grid-template-columns:49px 1fr auto;align-items:center;gap:13px;padding:15px 16px;display:grid;box-shadow:0 12px 40px #c8ff3d1a}.scan-cta>span{background:var(--ink);width:49px;height:49px;color:var(--lime);border-radius:15px;place-items:center;display:grid}.scan-cta strong,.scan-cta small{display:block}.scan-cta strong{font:800 1rem/1.2 Manrope,sans-serif}.scan-cta small{color:#4b541f;margin-top:4px;font-size:.78rem;font-weight:700}.stats-strip{background:#191b22c7;border:1px solid #252831;border-radius:18px;grid-template-columns:repeat(3,1fr);margin:4px 0 32px;display:grid}.stats-strip div{text-align:center;padding:16px 10px}.stats-strip div+div{border-left:1px solid #252831}.stats-strip strong,.stats-strip span{display:block}.stats-strip strong{font:800 1.5rem/1 Manrope,sans-serif}.stats-strip span{color:#858a95;text-transform:uppercase;letter-spacing:.06em;margin-top:6px;font-size:.67rem;font-weight:700}.section-block{margin:0 0 32px}.section-heading{justify-content:space-between;align-items:end;margin-bottom:14px;display:flex}.section-heading>div>span{color:#707682;text-transform:uppercase;letter-spacing:.1em;margin-bottom:4px;font-size:.7rem;font-weight:700;display:block}.section-heading h2{font-size:1.45rem}.section-heading>svg{color:var(--lime)}.quest-list,.profile-list{gap:10px;display:grid}.quest-card{background:#171920;border:1px solid #272a33;border-radius:18px;padding:15px}.quest-top{grid-template-columns:36px 1fr auto;align-items:start;gap:11px;display:grid}.quest-icon{color:#8f95a0;background:#262a32;border-radius:11px;place-items:center;width:36px;height:36px;display:grid}.quest-icon.complete{color:var(--lime);background:#c8ff3d24}.quest-top strong{font:700 .92rem/1.25 Manrope,sans-serif;display:block}.quest-top p{color:#878c97;margin:4px 0 0;font-size:.76rem;line-height:1.35}.quest-top b{color:#b2b7c0;font-size:.76rem}.progress-track{background:#2a2d36;border-radius:10px;height:4px;margin-top:13px;overflow:hidden}.progress-track span{border-radius:inherit;background:linear-gradient(90deg, var(--lime), var(--cyan));height:100%;display:block}.profile-card{text-align:left;cursor:pointer;background:#171920;border:1px solid #272a33;border-radius:18px;grid-template-columns:56px 1fr auto;align-items:center;gap:13px;width:100%;min-height:84px;padding:12px;display:grid}.profile-card.locked .avatar{filter:grayscale();opacity:.55}.avatar{--accent:var(--lime);background:color-mix(in srgb, var(--accent) 18%, #1c2028);width:56px;height:56px;color:var(--accent);border-radius:17px;flex:none;place-items:center;font:800 1rem/1 Manrope,sans-serif;display:grid;position:relative;overflow:hidden}.avatar:before{content:"";border:1px solid color-mix(in srgb, var(--accent) 55%, transparent);border-radius:50%;width:42px;height:42px;position:absolute;bottom:-22px;right:-12px}.avatar i{background:var(--accent);width:6px;height:6px;box-shadow:0 0 8px var(--accent);border-radius:50%;position:absolute;top:7px;right:7px}.avatar-large{border-radius:25px;width:84px;height:84px;font-size:1.35rem}.profile-copy{min-width:0}.profile-copy span,.profile-copy strong,.profile-copy small{display:block}.role-label{text-transform:uppercase;letter-spacing:.1em;font-size:.65rem;font-weight:800}.profile-copy strong{text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font:700 .92rem/1.2 Manrope,sans-serif;overflow:hidden}.profile-copy small{text-overflow:ellipsis;white-space:nowrap;color:#858a95;margin-top:5px;font-size:.72rem;overflow:hidden}.card-state{color:#7d828c;background:#242730;border-radius:10px;place-items:center;width:31px;height:31px;display:grid}.profile-card.collected .card-state{color:var(--lime);background:#c8ff3d1f}.bottom-nav{z-index:20;width:min(100% - 24px,632px);height:72px;padding:7px 14px max(7px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#16181fed;border:1px solid #414550cc;border-radius:24px;grid-template-columns:1fr 88px 1fr;align-items:center;display:grid;position:fixed;bottom:12px;left:50%;transform:translate(-50%);box-shadow:0 18px 45px #00000061}.bottom-nav button{color:#747a85;cursor:pointer;background:0 0;border:0;height:54px}.bottom-nav button:not(.nav-scan){align-content:center;place-items:center;gap:3px;display:grid}.bottom-nav button span{font-size:.66rem;font-weight:700}.bottom-nav button.active{color:var(--lime)}.bottom-nav .nav-scan{place-items:center;display:grid}.bottom-nav .nav-scan span{background:var(--lime);width:58px;height:58px;color:var(--ink);border-radius:18px;place-items:center;display:grid;transform:translateY(-11px);box-shadow:0 10px 25px #c8ff3d2e}.back-button{color:#a4a9b4;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:6px 0;font-weight:700;display:inline-flex}.scan-title,.collection-title{margin:28px 0 24px}.scan-title h1,.collection-title h1{font-size:clamp(2.35rem,10vw,3.5rem)}.scan-title p,.collection-title p{color:#8f949f;margin:10px 0 0;line-height:1.5}.scanner{aspect-ratio:1;background:radial-gradient(circle,#252933,#14161c 70%);border-radius:28px;place-items:center;max-height:470px;display:grid;position:relative;overflow:hidden}.scanner:after{content:"";opacity:0;background:linear-gradient(#0000 49%,#c8ff3d4d 50%,#0000 51%);position:absolute;inset:0}.scanner.active:after{opacity:1;animation:2.2s linear infinite scan}@keyframes scan{0%{transform:translateY(-48%)}to{transform:translateY(48%)}}.scanner video{object-fit:cover;width:100%;height:100%}.scanner-idle{text-align:center;color:#7f8590;place-items:center;display:grid}.scanner-idle>div{width:72px;height:72px;color:var(--lime);background:#252933;border-radius:22px;place-items:center;margin-bottom:15px;display:grid}.scanner-idle strong{color:#d7d9dd;font:700 1rem/1.2 Manrope,sans-serif}.scanner-idle span{margin-top:7px;font-size:.76rem}.corner{z-index:2;border-color:var(--lime);border-style:solid;width:52px;height:52px;position:absolute}.corner.top-left{border-width:3px 0 0 3px;border-radius:13px 0 0;top:25px;left:25px}.corner.top-right{border-width:3px 3px 0 0;border-radius:0 13px 0 0;top:25px;right:25px}.corner.bottom-left{border-width:0 0 3px 3px;border-radius:0 0 0 13px;bottom:25px;left:25px}.corner.bottom-right{border-width:0 3px 3px 0;border-radius:0 0 13px;bottom:25px;right:25px}.scan-message{text-align:center;color:#a7acb5;min-height:23px;margin:14px 0;font-size:.84rem}.scan-message.error{color:#ff859e}.primary-button{background:var(--lime);width:100%;min-height:54px;color:var(--ink);cursor:pointer;border:0;border-radius:16px;justify-content:center;align-items:center;gap:9px;font:800 .9rem/1 Manrope,sans-serif;display:flex}.demo-badges{border-top:1px solid #252831;margin-top:28px;padding-top:24px}.demo-badges>span{color:var(--lime);text-transform:uppercase;letter-spacing:.1em;font-size:.7rem;font-weight:800}.demo-badges>p{color:#777d88;margin:7px 0 14px;font-size:.78rem}.demo-badges>button{text-align:left;cursor:pointer;background:#181a21;border:0;border-radius:14px;grid-template-columns:42px 1fr auto;align-items:center;gap:11px;width:100%;margin-top:7px;padding:9px;display:grid}.demo-badges .avatar{border-radius:12px;width:42px;height:42px;font-size:.78rem}.demo-badges button span strong,.demo-badges button span small{display:block}.demo-badges button span strong{font-size:.84rem}.demo-badges button span small{color:#7d838e;margin-top:3px;font-size:.7rem}.role-ribbon{scrollbar-width:none;gap:8px;margin:0 -20px 22px;padding:0 20px 6px;display:flex;overflow-x:auto}.role-ribbon span{white-space:nowrap;color:#6f7580;border:1px solid #282b34;border-radius:999px;align-items:center;gap:7px;padding:8px 11px;font-size:.7rem;font-weight:700;display:flex}.role-ribbon i{background:#444852;border-radius:50%;width:6px;height:6px}.role-ribbon span.found{color:#dfe6ce;background:#c8ff3d0f;border-color:#c8ff3d59}.role-ribbon span.found i{background:var(--lime);box-shadow:0 0 8px var(--lime)}.sheet-backdrop{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#020306b8;justify-content:center;align-items:end;padding:18px;display:flex;position:fixed;inset:0}.profile-sheet{background:#171920;border:1px solid #343843;border-radius:28px;width:min(100%,620px);max-height:90vh;padding:26px;position:relative;overflow-y:auto;box-shadow:0 30px 80px #00000080}.sheet-close{z-index:2;cursor:pointer;background:#22252d;border:1px solid #343741;border-radius:12px;place-items:center;width:38px;height:38px;display:grid;position:absolute;top:18px;right:18px}.sheet-identity{grid-template-columns:84px 1fr;align-items:center;gap:17px;padding-right:32px;display:grid}.role-pill{--accent:var(--lime);border:1px solid color-mix(in srgb, var(--accent) 45%, transparent);color:var(--accent);text-transform:uppercase;letter-spacing:.09em;border-radius:999px;padding:5px 8px;font-size:.64rem;font-weight:800;display:inline-block}.sheet-identity h2{margin-top:7px;font-size:1.7rem}.sheet-identity p{color:#9297a1;margin:5px 0 0;font-size:.82rem}.location-line{color:#a1a6af;align-items:center;gap:7px;margin-top:20px;font-size:.78rem;display:flex}.profile-story{color:#c5c8ce;margin:17px 0;line-height:1.6}.superpower-card,.prompt-card{border-radius:17px;padding:15px}.superpower-card{--accent:var(--lime);background:color-mix(in srgb, var(--accent) 8%, #1b1d24);color:var(--accent);grid-template-columns:25px 1fr;gap:10px;display:grid}.superpower-card span,.superpower-card strong,.prompt-card span,.prompt-card strong{display:block}.superpower-card span,.prompt-card span{text-transform:uppercase;letter-spacing:.08em;font-size:.65rem;font-weight:800}.superpower-card strong{color:#eceee8;margin-top:6px;font-size:.88rem;line-height:1.4}.prompt-card{background:#22252d;margin:10px 0 16px}.prompt-card span{color:#838995}.prompt-card strong{margin-top:6px;font-size:.88rem;line-height:1.45}.qr-share{border-top:1px solid #2d3039;grid-template-columns:88px 1fr;align-items:center;gap:14px;padding-top:16px;display:grid}.qr-share img{border-radius:10px;width:88px;height:88px}.qr-share span,.qr-share strong,.qr-share small{display:block}.qr-share span{color:var(--lime);text-transform:uppercase;letter-spacing:.09em;font-size:.65rem;font-weight:800}.qr-share strong{margin-top:4px;font-size:.9rem}.qr-share small{color:#858b96;margin-top:5px;font-size:.7rem;line-height:1.35}@media (width>=700px){.app-shell{border-left:1px solid #20232b;border-right:1px solid #20232b}.page{padding-left:34px;padding-right:34px}.welcome{padding-top:32px}.quest-list{grid-template-columns:1fr 1fr}.quest-card:last-child{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}