:root{font-family:DM Sans,system-ui,sans-serif;color:#f2f4ed;background:#0d1721;--bg: #0d1721;--card: #182632;--border: #293944;--muted: #99adb5;--text: #f2f4ed;--gold: #edc67d;--gold-ink: #edc67d;--positive: #8ac4b0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--type-display: 40px;--type-page: 27px;--type-card: 14px;--type-meta: 12px;--disabled-bg: #293640;--disabled-text: #abb7bf;--primary-text: #263331;--radius-card: 18px;--radius-control: 12px;--radius-hero: 24px;--card-padding: var(--space-4);--page-gutter: var(--space-5);--control-height: 44px;--type-title: 18px;--type-body: 14px;--type-caption: 12px;--safe-top: 0px;--safe-bottom: 0px;color-scheme:dark}:root[data-theme=light]{color-scheme:light;--bg: #f4f3ed;--card: #fffefa;--border: #dedfd7;--muted: #52656d;--text: #1d333e;--positive: #32735d;--gold: #edc67d;--gold-ink: #896020;--primary-text: #12232b;--disabled-bg: #e7e9e8;--disabled-text: #56636a;background:var(--bg);color:var(--text)}*{box-sizing:border-box}body{margin:0;font-size:var(--type-body);line-height:1.5}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{opacity:1;cursor:default}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:3px}h1,h2,h3,p{margin:0}h1,h2,h3{font-size:15px;line-height:1.4}h3{font-size:15px}small{font-size:var(--type-caption);line-height:1.4;color:var(--muted)}.shell{max-width:520px;margin:auto;min-height:var(--viewport-height, 100dvh);padding:calc(var(--space-4) + max(var(--safe-top),env(safe-area-inset-top,0px))) calc(var(--page-gutter) + var(--safe-right, 0px)) calc(var(--space-12) + var(--space-12) + max(var(--safe-bottom),env(safe-area-inset-bottom,0px))) calc(var(--page-gutter) + var(--safe-left, 0px))}header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.avatar{position:relative;overflow:hidden;width:44px;height:44px;border-radius:50%;flex-shrink:0;background:#b8cbbb;color:#284438;display:grid;place-items:center;font-weight:800;font-size:20px;line-height:1;border:3px solid #758e7e}.identity{display:grid;gap:var(--space-1);min-width:0;flex:1}.identity small{letter-spacing:1.7px;font-size:9px}.identity strong{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.level-badge{border:1px solid var(--border);padding:var(--space-2) var(--space-3);border-radius:var(--radius-control);font-size:11px;font-weight:700;white-space:nowrap}.level-badge span{color:var(--gold-ink);margin-right:4px}.xp-line{height:3px;background:var(--border);border-radius:9px;margin-bottom:var(--space-6);overflow:hidden}.xp-line>div{height:100%;background:var(--gold);transition:width .4s}.row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);min-width:0}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:var(--muted)}.hero{background:linear-gradient(150deg,#223942,#162b35);border:1px solid #34505a;border-radius:var(--radius-hero);padding:var(--space-5) var(--space-5) 0;overflow:hidden;color:#f2f4ed}.hero .eyebrow{color:#a2b4b8}.hero h1{font-size:clamp(32px,8.5vw,var(--type-display));line-height:1.2;letter-spacing:-2px;margin-top:var(--space-4);font-weight:800;display:flex;align-items:center;gap:var(--space-3)}.coin{font-family:Manrope,system-ui,sans-serif;width:36px;height:36px;flex-shrink:0;border-radius:50%;color:#edc67d;font-size:18px;border:2px solid #edc67d;display:inline-grid;place-items:center;letter-spacing:0}.hero-caption{font-size:var(--type-caption);margin-top:var(--space-2);color:#c7d3cf}.hero-caption span{color:#869eaa}.live-dot{color:#b1cdc1;font-size:10px;white-space:nowrap}.live-dot:before{content:"";width:5px;height:5px;border-radius:50%;background:#8ac4b0;display:inline-block;margin-right:5px}.city{display:block;width:calc(100% + 40px);margin:0 -20px -4px;height:auto;max-height:160px}.hero-footer{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-4);padding:var(--space-3) 0;border-top:1px solid #344b54}.hero-footer div{display:grid;align-content:start;gap:var(--space-2);min-width:0}.hero-footer small{font-size:10px;line-height:1.4;min-height:28px;letter-spacing:1px;color:#8ea4ae}.hero-footer strong{font-size:21px;color:#b9d5c6}.hero-footer strong span{font-size:12px;font-weight:400;color:#8ea4ae}.collect-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-card);padding:var(--card-padding);margin-top:var(--space-3);gap:var(--space-3)}.collect-panel div{display:grid;gap:var(--space-2);min-width:0}.collect-panel small{font-size:10px;line-height:1.4;letter-spacing:.6px}.collect-panel strong{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-1);font-size:22px;line-height:1.2;font-family:Manrope,system-ui,sans-serif}.collect-panel strong span{font-size:11px;font-weight:400;color:var(--muted)}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--control-height);max-width:100%;border:1px solid transparent;background:var(--gold);color:var(--primary-text);border-radius:var(--radius-control);padding:var(--space-2) var(--space-4);font-size:12px;line-height:20px;font-weight:800;text-align:center;overflow-wrap:normal;transition:transform .15s,opacity .15s}.button:active{transform:scale(.97)}.button.small{padding-inline:var(--space-3)}.button.secondary{background:transparent;border-color:var(--border);color:var(--text)}.fine-print{font-size:11px;color:var(--muted);line-height:1.6;margin:var(--space-2) 0 var(--space-4);text-align:center}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin:var(--space-6) 0 var(--space-3)}.section-heading h2{font-size:var(--type-title);line-height:1.4;letter-spacing:-.5px}.text-button{display:inline-flex;align-items:center;justify-content:center;min-height:var(--control-height);border:0;background:none;color:var(--gold-ink);font-size:var(--type-caption);line-height:1.4;padding:var(--space-2) 0;text-align:left}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-card);padding:var(--card-padding)}.business{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.business-icon{height:44px;width:44px;border-radius:var(--radius-control);display:grid;place-items:center;font-size:28px;line-height:1;background:#142c36}.business-main{min-width:0}.business-main p{font-size:var(--type-caption);color:var(--muted);margin-top:var(--space-1)}.business-main small{font-size:var(--type-caption)}.tag{display:inline-flex;align-items:center;font-size:10px;line-height:16px;letter-spacing:.3px;font-weight:700;color:var(--muted);border:1px solid var(--border);padding:0 var(--space-1);border-radius:6px;white-space:nowrap}.positive{color:var(--positive)}.task-teaser{display:flex;align-items:center;gap:var(--space-3);text-align:left;width:100%;margin-top:var(--space-4);color:var(--text)}.task-teaser>span{display:grid;place-items:center;width:32px;height:32px;flex-shrink:0;font-size:28px;line-height:1;color:var(--gold-ink)}.task-teaser>div{flex:1;min-width:0}.task-teaser strong{font-size:var(--type-body)}.task-teaser p{font-size:var(--type-caption);color:var(--muted);margin-top:var(--space-1)}.task-teaser b{color:var(--gold-ink)}nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:min(100%,520px);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));background:var(--bg);border-top:1px solid var(--border);padding:var(--space-1) calc(var(--space-1) + var(--safe-right, 0px)) calc(var(--space-1) + max(var(--safe-bottom),env(safe-area-inset-bottom,0px))) calc(var(--space-2) + var(--safe-left, 0px));z-index:10}nav button{background:none;border:0;color:var(--muted);min-width:0;min-height:48px;display:flex;flex-direction:column;align-items:center;gap:var(--space-1);text-align:center;padding:var(--space-1) 0}nav button>span{display:block}nav button[aria-current=page]{color:var(--gold-ink)}.page-title{font-size:var(--type-page);letter-spacing:-1px;line-height:1.2;margin:var(--space-2) 0 var(--space-4);overflow-wrap:anywhere}.page-title span{color:var(--positive)}.balance-strip{display:flex;align-items:baseline;flex-wrap:wrap;justify-content:space-between;gap:var(--space-2);border-bottom:1px solid var(--border);padding-bottom:var(--space-4);font-size:var(--type-caption);color:var(--muted);margin-bottom:var(--space-4)}.balance-strip strong{color:var(--text)}.muted{color:var(--muted);font-size:var(--type-caption);line-height:1.6;margin-bottom:var(--space-4)}.task{margin-bottom:var(--space-3)}.task h3{font-size:var(--type-card);min-width:0}.progress{height:5px;border-radius:10px;background:var(--border);margin-bottom:var(--space-4);overflow:hidden}.progress>div{height:100%;background:var(--positive)}.segmented{display:flex;background:var(--card);border-radius:var(--radius-control);padding:var(--space-1);margin-bottom:var(--space-4)}.segmented button{flex:1;min-width:0;min-height:var(--control-height);border:0;background:none;color:var(--muted);padding:var(--space-2);border-radius:8px;font-size:var(--type-caption);line-height:1.4}.segmented .selected{background:var(--gold);color:var(--primary-text);font-weight:700}.metric-tabs{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.metric-tabs button{flex:1;min-height:var(--control-height);background:transparent;color:var(--muted);border:1px solid var(--border);padding:var(--space-2);border-radius:var(--radius-control);font-size:var(--type-caption)}.metric-tabs .selected{color:var(--gold-ink);border-color:var(--gold-ink)}.rankings{padding:var(--space-2) var(--space-4)}.rankings>p{padding:var(--space-4) 0;font-size:var(--type-caption);color:var(--muted)}.rank-row{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) 0;border-bottom:1px solid var(--border);font-size:var(--type-caption)}.rank-row:last-child{border:0}.rank{font-size:18px;width:24px;flex-shrink:0;text-align:center}.rank-row strong{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-row>span:last-child{color:var(--gold-ink);font-size:11px}.rank-row.you strong{color:var(--positive)}.rank-row small{font-size:8px}.profile-header{display:grid;justify-items:center;gap:var(--space-2);text-align:center;margin:var(--space-4) 0}.profile-header h1{max-width:100%;overflow-wrap:anywhere;font-size:26px;line-height:1.3}.profile-header p{font-size:var(--type-caption)}.stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);margin-bottom:var(--space-4)}.stats-grid>.card{min-width:0;display:flex;flex-direction:column;justify-content:space-between;gap:var(--space-2);min-height:80px}.stats-grid small{display:block;font-size:10px;line-height:1.4;letter-spacing:.5px}.stats-grid strong{display:block;font-size:18px;line-height:1.3;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.referral{margin:var(--space-4) 0}.referral p{font-size:var(--type-caption);line-height:1.6;color:var(--muted);margin:var(--space-3) 0 var(--space-4)}.referral button{width:100%}.referral>small{display:block;text-align:center;margin-top:var(--space-3)}.coming{display:flex;gap:var(--space-3);align-items:center}.coming>span{width:32px;height:32px;flex-shrink:0;display:grid;place-items:center;font-size:28px;line-height:1;color:var(--gold-ink)}.coming p{font-size:var(--type-caption);line-height:1.6;color:var(--muted);margin-top:var(--space-1)}.toast{position:fixed;bottom:calc(84px + var(--safe-bottom));left:50%;transform:translate(-50%);width:calc(100% - 2 * var(--page-gutter));max-width:480px;border:1px solid var(--positive);background:var(--card);border-radius:var(--radius-control);padding:var(--space-4);font-size:var(--type-caption);z-index:20;box-shadow:0 6px 25px #0004}.retry{margin:var(--space-4) 0}.retry p{font-size:12px;margin-bottom:15px}.welcome{max-width:500px;margin:auto;text-align:center;padding:calc(var(--space-12) + max(var(--safe-top),env(safe-area-inset-top,0px))) calc(var(--space-6) + var(--safe-right, 0px)) calc(var(--space-6) + max(var(--safe-bottom),env(safe-area-inset-bottom,0px))) calc(var(--space-6) + var(--safe-left, 0px))}.welcome h1{font-size:49px;letter-spacing:5px;margin:var(--space-4) 0}.welcome p:not(.eyebrow){font-size:14px;line-height:1.7;color:var(--muted);margin-bottom:20px}.welcome .city{margin:var(--space-5) 0;width:100%}.brand-mark{margin:auto auto var(--space-6);width:65px;height:65px;display:grid;place-items:center;border:1px solid var(--gold);border-radius:22px;color:var(--gold-ink);font-size:32px;font-family:Manrope}.welcome small{font-size:11px}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.social-person{margin-bottom:var(--space-3)}.person-link{display:flex;align-items:center;gap:var(--space-3);width:100%;min-height:44px;padding:0;background:none;color:var(--text);border:0;text-align:left}.person-link>span{flex:1;min-width:0}.person-link strong{display:block;color:var(--text)}.person-link small{display:block;margin-top:var(--space-1);color:var(--muted)}.person-link small{margin-top:4px;color:var(--muted)}.person-link .avatar{flex-shrink:0}.social-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin-top:var(--space-3)}.social-actions .text-button,.back-link,.rank-name{display:flex;align-items:center;gap:var(--space-2);color:var(--text);background:none;border:0;padding:0;text-align:left;flex:1;min-width:0;font:inherit;font-weight:600}.social-teaser{display:flex;align-items:center;gap:var(--space-3);width:100%;text-align:left;color:var(--text)}.social-teaser>span{display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;line-height:1;color:var(--gold-ink);font-size:28px}.social-teaser>div{flex:1;min-width:0}.social-teaser p{margin:var(--space-1) 0 0;color:var(--muted);font-size:var(--type-caption)}.social-empty{text-align:center;padding:var(--space-6) var(--card-padding)}.social-empty>span{font-size:40px;color:var(--gold-ink)}.social-empty h3{margin:var(--space-3) 0}.achievement-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.achievement{opacity:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-2);overflow-wrap:anywhere}.achievement.unlocked{opacity:1;border-color:var(--gold-ink)}.achievement h3{font-size:14px;line-height:20px}.achievement p{font-size:var(--type-caption);line-height:18px;color:var(--muted)}.achievement .button{width:100%}.achievement-icon{display:grid;place-items:center;align-self:start;width:32px;height:32px;font-size:28px;line-height:1;color:var(--gold-ink)}.privacy-toggle{display:flex;gap:var(--space-3);align-items:center;margin-top:var(--space-4);line-height:1.5}.privacy-toggle input{width:22px;height:22px;flex-shrink:0;accent-color:var(--gold-ink)}.rank-name{color:var(--text);background:none;border:0;padding:0;text-align:left;flex:1;min-width:0;font:inherit;font-weight:600;overflow-wrap:anywhere}select{min-height:var(--control-height);max-width:100%;font:inherit;font-size:var(--type-caption);background:var(--card);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-control);padding:var(--space-2) var(--space-3)}.notification{display:grid;gap:var(--space-2);border-top:1px solid var(--border);padding:var(--space-3) 0}.showcase .card{display:flex;align-items:center;gap:var(--space-3)}.showcase .card>span{color:var(--gold-ink);font-size:28px}h2{font-size:var(--type-title);line-height:1.4}.action-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-width:0}.action-row>:first-child{min-width:0}.action-row .button{flex-shrink:0}.business-heading{display:flex;align-items:start;justify-content:space-between;gap:var(--space-2)}.business-heading h3{min-width:0;overflow-wrap:anywhere}.business-heading .tag{flex-shrink:0}.business-actions{grid-column:1 / -1}.business-actions .button,.collect-panel .button{width:112px}.business-price{font-size:var(--type-caption);line-height:1.4}.portfolio-empty{display:grid;justify-items:start;gap:var(--space-4)}.portfolio-empty p{color:var(--muted);font-size:var(--type-caption);line-height:1.6}.nav-icon{width:22px;height:22px;line-height:22px}.nav-label{width:100%;font-size:11px;line-height:14px}.rank-player{min-width:0;overflow-wrap:anywhere}.rank-player small{display:block;margin-top:2px}.rank-row.you .rank-player{color:var(--positive)}.rank-row>span:last-child{flex-shrink:0;font-variant-numeric:tabular-nums}.avatar-small{width:28px;height:28px;min-width:28px;font-size:12px}.avatar-medium{width:44px;height:44px}.avatar-large{width:80px;height:80px;font-size:28px;margin:0 auto var(--space-2)}.avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit}.language-setting{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.language-setting>span{font-weight:600}.language-setting>small{flex-basis:100%}.profile-header .button{margin-top:var(--space-1)}.profile-header .progress{width:100%;margin:var(--space-2) 0 0}.achievement>small{margin-top:var(--space-1)}.achievement .social-actions{margin-top:0;flex-direction:column;align-items:stretch}.achievement .social-actions:empty{display:none}.referral .stats-grid>div{display:grid;gap:var(--space-2);align-content:start}.social-person>p{margin-top:var(--space-3);font-size:var(--type-caption)}.social-person>small{display:block;margin-top:var(--space-2)}.showcase{display:grid;gap:var(--space-3);margin:var(--space-4) 0}.showcase .muted{margin:0}.social-screen>h2{margin:var(--space-6) 0 var(--space-3)}.social-screen>.row:has(select){flex-wrap:wrap;margin-bottom:var(--space-4)}.social-screen>.card:not(.social-person):not(.referral){margin-bottom:var(--space-4)}.social-screen .notification+.notification{margin-top:0}.social-screen>.eyebrow{margin-top:var(--space-4)}@media(max-width:360px){:root{--page-gutter: var(--space-4)}.hero-caption span{display:none}.achievement-grid{grid-template-columns:minmax(0,1fr)}.achievement>small{margin-top:var(--space-1)}.stats-grid strong{font-size:16px}.business-heading h3{font-size:14px}}.card--list,.card--stat,.card--achievement{padding:var(--space-3)}.card--action{color:var(--text);text-align:left;width:100%}.card--action:active,.person-link:active{background:color-mix(in srgb,var(--card) 92%,var(--text))}.business{gap:var(--space-2)}.business-icon svg{width:44px;height:44px}.business-heading h3{font-size:var(--type-card)}.button:disabled{background:var(--disabled-bg);color:var(--disabled-text);border-color:var(--border);transform:none}.button.secondary:disabled{background:var(--disabled-bg);color:var(--disabled-text)}.text-button:disabled{color:var(--disabled-text)}.task-heading{align-items:flex-start}.task-reward{white-space:nowrap;flex-shrink:0;font-size:var(--type-meta)}.task .progress{margin:var(--space-3) 0}.task-footer{min-height:var(--control-height)}.task:has(.status-success) .task-footer{min-height:24px}.status-success{color:var(--positive);font-size:var(--type-caption);border-color:var(--positive)}.rank svg{width:24px;height:28px;display:block}.rank-name{min-height:var(--control-height)}.nav-icon svg{width:22px;height:22px;display:block}.group-title{font-size:var(--type-card);color:var(--muted);margin:var(--space-4) 0 var(--space-2)}.achievement-grid{align-items:start}.achievement .social-actions{margin-top:auto;padding-top:var(--space-2)}.achievement:has(.social-actions:not(:empty)){align-self:stretch}.invite-actions{gap:var(--space-2)}.invite-actions>.button{flex:1;min-width:0}.activity-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3)}.activity-item>span{min-width:0;display:grid;gap:var(--space-1)}.activity-event{font-size:var(--type-caption);overflow-wrap:anywhere}.activity-item small{display:block}.notification-main{display:flex;align-items:center;gap:var(--space-3);width:100%;min-height:var(--control-height);padding:0;text-align:left;background:none;border:none;color:var(--text)}.notification-copy{flex:1;min-width:0;display:grid;gap:var(--space-1);font-size:var(--type-caption);overflow-wrap:anywhere}.unread-dot{width:6px;height:6px;border-radius:50%;background:var(--gold);flex-shrink:0}.blocked-control{margin:var(--space-4) 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media(max-width:360px){.invite-actions{flex-direction:column}.invite-actions>.button{width:100%}}.person-link.card{background:var(--card);padding:var(--space-3)}.person-link>span>p{font-size:var(--type-caption);margin:var(--space-2) 0 0}.achievement-grid:has(>:only-child){grid-template-columns:minmax(0,1fr)}.achievement-grid>:only-child .social-actions{flex-direction:row;flex-wrap:wrap}.achievement-grid>:only-child .social-actions .button{flex:1;width:auto}.achievement-icon svg,.showcase svg{width:28px;height:28px;display:block}