:root { --bg:#071a20; --surface:#0c2a31; --surface-2:#123940; --line:rgba(182,229,224,.13); --text:#ecf7f6; --muted:#92abad; --aqua:#58e0ca; --aqua-dark:#22ae9e; --yellow:#f3c96d; --purple:#d0a3ff; font-family:Manrope,Arial,sans-serif; color:var(--text); background:#071a20; }
*{box-sizing:border-box} html,body{margin:0;min-height:100%;background:var(--bg)} body{overscroll-behavior:none} button{font:inherit;color:inherit;border:0;cursor:pointer;background:transparent;-webkit-appearance:none;appearance:none} .app-shell{position:relative;min-height:100dvh;max-width:680px;margin:auto;overflow:hidden;background:#071a20;box-shadow:0 0 80px rgba(0,0,0,.42)}
.screen{display:none;position:absolute;inset:0;padding-bottom:84px}.screen.active{display:block}.map-screen{padding:0;background:#12353b}.panel-screen{background:radial-gradient(600px 390px at 82% 0%,#174750 0%,#0a232b 47%,#071a20 100%);overflow:hidden}.page-scroller{height:100%;overflow-y:auto;padding:calc(22px + env(safe-area-inset-top)) 18px 28px;scrollbar-width:none}.page-scroller::-webkit-scrollbar{display:none}
#map{position:absolute;inset:0;background:#27525a}.leaflet-container{font-family:Manrope,Arial,sans-serif}.leaflet-control-attribution{font:500 8px/1.3 Manrope!important;background:rgba(5,25,31,.56)!important;color:rgba(236,247,246,.7)!important;padding:2px 4px!important}.leaflet-control-attribution a{color:rgba(236,247,246,.86)!important}.leaflet-control-zoom{display:none}.leaflet-popup{display:none}.leaflet-tile{filter:saturate(.78) hue-rotate(123deg) brightness(.69) contrast(1.12)}.leaflet-container:after{content:"";pointer-events:none;position:absolute;inset:0;z-index:400;background:radial-gradient(circle at 53% 42%,transparent 0 36%,rgba(2,20,24,.2) 70%,rgba(3,19,24,.57) 100%)}
.top-hud{position:absolute;z-index:1000;left:0;right:0;top:0;display:flex;align-items:center;justify-content:space-between;padding:calc(13px + env(safe-area-inset-top)) 14px 0;pointer-events:none}.top-hud>*{pointer-events:auto}.brand-chip{display:flex;align-items:center;gap:7px;padding:9px 10px;border:1px solid rgba(196,241,235,.2);border-radius:12px;background:rgba(5,30,35,.86);box-shadow:0 6px 20px rgba(0,0,0,.2);backdrop-filter:blur(11px);font:700 13px/1 Space Grotesk;letter-spacing:-.7px}.brand-chip b span{color:var(--aqua)}.brand-bars{display:flex;align-items:flex-end;gap:1.5px;height:14px}.brand-bars i{width:4px;background:#5ce2cf;transform:skewY(-18deg);box-shadow:0 0 8px #5ce2cf}.brand-bars i:nth-child(1){height:6px}.brand-bars i:nth-child(2){height:11px}.brand-bars i:nth-child(3){height:14px}.hud-stats{display:flex;gap:5px}.hud-stat{height:35px;min-width:51px;padding:0 7px;display:flex;align-items:center;justify-content:center;gap:4px;border:1px solid rgba(196,241,235,.16);border-radius:10px;background:rgba(5,30,35,.86);box-shadow:0 6px 20px rgba(0,0,0,.2);backdrop-filter:blur(11px);font:700 11px Space Grotesk}.hud-stat span{font-size:15px}.hud-stat.money span{color:var(--aqua)}.hud-stat.level span{color:#f7d477}.hud-stat.energy span{color:#ffd768}.hud-stat:active{transform:scale(.96)}
.map-copy{position:absolute;z-index:900;left:50%;top:calc(66px + env(safe-area-inset-top));transform:translateX(-50%);display:flex;align-items:center;gap:5px;max-width:calc(100% - 44px);padding:7px 9px;border-radius:10px;background:rgba(5,29,35,.78);backdrop-filter:blur(8px);color:#d9eeee;font:500 8px DM Mono;letter-spacing:.55px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.map-copy b{color:#a6c4c4;font-weight:500}.map-copy span:last-child{color:#66ddc9}.status-dot{width:6px;height:6px;border-radius:50%;background:#f3c66b;box-shadow:0 0 7px #f3c66b}.gps-active .status-dot{background:#5ce2ca;box-shadow:0 0 8px #5ce2ca}.map-controls{position:absolute;z-index:900;right:13px;top:calc(103px + env(safe-area-inset-top));display:flex;flex-direction:column;gap:7px}.map-control,.zoom-controls{border:1px solid rgba(207,244,239,.17);background:rgba(5,30,35,.86);box-shadow:0 7px 22px rgba(0,0,0,.24);backdrop-filter:blur(10px)}.location-control{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;padding:0;color:#d9f5f2}.location-control span{font:20px/1 Space Grotesk;color:var(--aqua)}.location-control small{display:none}.zoom-controls{display:flex;flex-direction:column;overflow:hidden;border-radius:13px}.zoom-controls button{width:44px;height:37px;background:transparent;color:#d3e9e8;font:600 22px/1 Space Grotesk}.zoom-controls button+button{border-top:1px solid rgba(207,244,239,.12)}.map-controls button:active{background:rgba(89,224,203,.16)}.explore-chip{position:absolute;z-index:900;left:50%;bottom:100px;transform:translateX(-50%);display:flex;align-items:center;gap:6px;padding:10px 14px;border-radius:13px;background:#ebf9f7;color:#083833;box-shadow:0 9px 24px rgba(0,0,0,.24);font:700 11px Manrope}.explore-chip span{font:18px/1 Space Grotesk}
.player-pin{position:relative;width:38px;height:38px;border-radius:50%;background:#50dfc7;border:3px solid #dcfffa;box-shadow:0 0 0 7px rgba(80,223,199,.22),0 5px 12px rgba(0,0,0,.3)}.player-pin:after{content:"";position:absolute;inset:10px;border-radius:50%;background:#126f67}.player-pin.gps:before{content:"";position:absolute;inset:-12px;border:1px solid rgba(120,255,235,.7);border-radius:50%;animation:player-pulse 2.2s infinite}@keyframes player-pulse{to{transform:scale(1.7);opacity:0}}.business-marker{background:transparent;border:0!important}.business-pin{position:relative;width:40px;height:40px;display:grid;place-items:center;border-radius:14px 14px 14px 3px;transform:rotate(-45deg);background:var(--marker-color);border:2px solid rgba(255,255,255,.7);box-shadow:0 5px 12px rgba(0,0,0,.38);transition:.18s}.business-pin span{transform:rotate(45deg);font-size:18px;filter:drop-shadow(0 1px 0 rgba(0,0,0,.18))}.business-pin.owned{box-shadow:0 0 0 4px rgba(93,233,208,.25),0 5px 12px rgba(0,0,0,.38)}.business-pin.locked{filter:grayscale(.65);opacity:.78}.marker-label{position:absolute;top:45px;left:50%;transform:translateX(-50%);white-space:nowrap;color:#e9fbf9;text-shadow:0 2px 4px #041c21;font:700 9px Manrope}
.bottom-nav{position:absolute;z-index:1200;left:0;right:0;bottom:0;height:78px;padding:8px 4px calc(7px + env(safe-area-inset-bottom));display:flex;justify-content:space-between;border-top:1px solid rgba(187,235,229,.12);background:rgba(5,24,30,.95);backdrop-filter:blur(17px)}.nav-button{position:relative;min-width:44px;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:0 2px;border-radius:11px;background:transparent;color:#86a3a6}.nav-button span{font:17px/1 Space Grotesk}.nav-button b{font:600 8px/1 Manrope;white-space:nowrap}.nav-button.active{color:#63e2cd;background:rgba(75,215,197,.1)}.nav-button.active span{text-shadow:0 0 10px #55e1cc}.nav-button i{position:absolute;top:4px;right:calc(50% - 18px);display:grid;place-items:center;width:14px;height:14px;border-radius:50%;background:#f4c669;color:#47300c;font:700 8px DM Mono;font-style:normal;border:1px solid #ffe49d}
.community-tabs{display:flex;gap:8px;margin-bottom:16px;background:rgba(5,24,30,.85);padding:5px;border-radius:14px;border:1px solid rgba(88,224,202,.2);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
#communityScreen button{-webkit-appearance:none;appearance:none}
.tab-pill{flex:1;padding:9px 12px;border-radius:10px;font:600 11.5px Space Grotesk,sans-serif;letter-spacing:.3px;border:1px solid transparent;background:transparent !important;color:#8da9ab !important;-webkit-text-fill-color:#8da9ab !important;cursor:pointer;transition:.2s}
.tab-pill.active{background:rgba(88,224,202,.16) !important;color:#5ce2cf !important;-webkit-text-fill-color:#5ce2cf !important;border:1px solid rgba(92,226,207,.35);box-shadow:0 0 12px rgba(88,224,202,.15)}
.events-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;gap:10px}
.btn-create-event{padding:9px 15px;border-radius:11px;background:linear-gradient(135deg,#5de2cf,#27b3a4) !important;color:#042723 !important;-webkit-text-fill-color:#042723 !important;font:700 11px/1 Manrope,sans-serif;letter-spacing:.3px;border:1px solid #7cfde8;box-shadow:0 3px 12px rgba(93,226,205,.3);cursor:pointer;transition:transform .15s}
.btn-create-event:active{transform:scale(.97)}
.presence-chip{font:600 10.5px DM Mono,monospace;color:#7ee0cf;background:rgba(9,38,45,.85);padding:6px 11px;border-radius:9px;border:1px solid rgba(88,224,202,.2);white-space:nowrap}
.events-list{display:grid;gap:12px}
.event-card{padding:15px;border-radius:16px;border:1px solid rgba(182,229,224,.14);background:linear-gradient(145deg,rgba(12,42,50,.88),rgba(7,27,33,.92));box-shadow:0 6px 20px rgba(0,0,0,.25);display:grid;gap:9px}
.event-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}
.event-card h3{margin:0;font:700 14px Space Grotesk,sans-serif;color:#f1fbf9}
.event-badge{padding:3px 8px;border-radius:7px;font:700 8.5px DM Mono,monospace;text-transform:uppercase;white-space:nowrap;letter-spacing:.4px}
.event-badge.active{background:rgba(92,226,207,.15);color:#5ce2cf;border:1px solid rgba(92,226,207,.4)}
.event-badge.upcoming{background:rgba(240,207,123,.15);color:#f3ca6f;border:1px solid rgba(240,207,123,.4)}
.event-badge.checked_in{background:rgba(140,237,217,.22);color:#8cedd9;border:1px solid #63e2cd}
.event-badge.ended{background:rgba(140,165,167,.15);color:#8ca5a7;border:1px solid rgba(140,165,167,.25)}
.event-venue{font:500 10px DM Mono,monospace;color:#63dfca;display:flex;align-items:center;gap:5px;margin-top:2px}
.event-desc{font:500 11.5px/1.45 Manrope,sans-serif;color:#9cbabb;margin:0}
.event-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin-top:6px;padding-top:10px;border-top:1px solid rgba(182,229,224,.12)}
.event-reward-tag{font:700 10.5px Space Grotesk,sans-serif;color:#f4cc70;letter-spacing:.2px}
.event-actions{display:flex;gap:7px;align-items:center}
.event-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:9px;font:700 9.5px Manrope,sans-serif;letter-spacing:.3px;cursor:pointer;border:1px solid transparent;transition:all .18s;white-space:nowrap}
.event-btn.primary{background:linear-gradient(135deg,#5ce2cf,#27b3a4) !important;color:#042723 !important;-webkit-text-fill-color:#042723 !important;border:1px solid #7cfde8;box-shadow:0 2px 10px rgba(92,226,207,.3)}
.event-btn.primary:active:not(:disabled){transform:scale(.97)}
.event-btn.primary:disabled{background:rgba(14,46,54,.85) !important;color:#6a8e91 !important;-webkit-text-fill-color:#6a8e91 !important;border:1px solid rgba(106,142,145,.25);box-shadow:none;cursor:not-allowed;opacity:.88}
.event-btn.secondary{background:rgba(18,57,65,.8) !important;color:#e6f7f5 !important;-webkit-text-fill-color:#e6f7f5 !important;border:1px solid rgba(92,226,207,.28)}
.event-btn.secondary:active:not(:disabled){background:rgba(28,80,90,.9) !important;border-color:rgba(92,226,207,.45)}
.event-btn.secondary:disabled{background:rgba(8,36,42,.92) !important;color:#5ce2cf !important;-webkit-text-fill-color:#5ce2cf !important;border:1px solid rgba(92,226,207,.4);box-shadow:inset 0 0 8px rgba(92,226,207,.12);cursor:default;opacity:1}
.my-code-card{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-radius:14px;background:linear-gradient(135deg,rgba(16,60,67,.85),rgba(8,36,43,.85));border:1px solid rgba(98,229,209,.25);margin-bottom:14px}
.my-code-card small{display:block;font:500 8.5px DM Mono;color:#8ba7a9;letter-spacing:.8px}
.my-code-card strong{display:block;font:700 18px Space Grotesk;color:#62dfca;letter-spacing:1px}
.btn-copy-code{padding:7px 12px;border-radius:8px;background:rgba(98,223,202,.15) !important;border:1px solid rgba(98,229,209,.3);color:#62dfca !important;-webkit-text-fill-color:#62dfca !important;font:700 10px Manrope;cursor:pointer}
.add-friend-box{display:flex;gap:8px;margin-bottom:16px}
.add-friend-box input{flex:1;padding:10px 13px;border-radius:10px;background:rgba(255,255,255,.06);border:1px solid var(--line);color:#fff;font:600 12px DM Mono;text-transform:uppercase}
.add-friend-box button{padding:10px 16px;border-radius:10px;background:linear-gradient(135deg,#5de2cf,#27b3a4) !important;border:1px solid #7cfde8;color:#042723 !important;-webkit-text-fill-color:#042723 !important;font:700 11px Manrope;cursor:pointer}
.friends-list{display:grid;gap:8px}
.friend-card{display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:14px;border:1px solid var(--line);background:rgba(9,38,45,.7)}
.friend-avatar{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font:700 16px Space Grotesk;color:#073934}
.friend-info{flex:1;min-width:0}
.friend-info h4{margin:0;font:600 13px Space Grotesk;display:flex;align-items:center;gap:6px}
.friend-info p{margin:2px 0 0;font:500 9px DM Mono;color:#8ba7aa}
.friend-fuzzy-badge{display:inline-flex;align-items:center;gap:4px;color:#65dfca;font:500 8.5px DM Mono;margin-top:3px}
.request-card{display:flex;align-items:center;justify-content:space-between;padding:10px 13px;border-radius:12px;background:rgba(240,207,123,.08);border:1px solid rgba(240,207,123,.2);margin-bottom:8px}
.request-card div b{font:600 12px Space Grotesk}
.request-card div small{display:block;color:#8ba7aa;font:500 8.5px DM Mono}
.request-actions{display:flex;gap:6px}
.btn-accept{padding:5px 9px;border-radius:6px;background:#62dfca !important;color:#073934 !important;-webkit-text-fill-color:#073934 !important;font:700 9px Manrope;border:0;cursor:pointer}
.btn-reject{padding:5px 9px;border-radius:6px;background:rgba(255,255,255,.08) !important;color:#ccc !important;-webkit-text-fill-color:#ccc !important;font:700 9px Manrope;border:1px solid rgba(255,255,255,.12);cursor:pointer}
.bottom-sheet{position:absolute;z-index:1150;left:0;right:0;bottom:70px;transform:translateY(calc(100% + 90px));transition:transform .34s cubic-bezier(.2,.9,.25,1);border-radius:24px 24px 0 0;border-top:1px solid rgba(201,242,237,.16);background:linear-gradient(150deg,#103c43,#08242b 80%);box-shadow:0 -18px 45px rgba(0,0,0,.32);padding:9px 18px 17px;max-height:calc(100% - 132px);overflow-y:auto}.bottom-sheet.visible{transform:translateY(0)}.sheet-handle{display:block;width:35px;height:4px;margin:0 auto 13px;border-radius:3px;background:rgba(210,240,236,.25)}.sheet-top{display:flex;align-items:center;gap:11px}.sheet-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--sheet-color);font-size:23px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.28)}.sheet-top h2{margin:0 0 3px;font:700 18px/1 Space Grotesk;letter-spacing:-.5px}.sheet-top p{margin:0;color:#9fbabc;font:500 9px DM Mono;letter-spacing:.4px}.sheet-close{margin-left:auto;align-self:flex-start;width:29px;height:29px;border-radius:9px;background:rgba(255,255,255,.07);color:#a7c3c3;font-size:20px;line-height:1}.sheet-distance{display:flex;align-items:center;gap:6px;color:#65dec9;font:600 11px Manrope;margin:14px 0 11px}.sheet-distance span{font-size:17px}.sheet-stats{display:grid;grid-template-columns:repeat(3,1fr);padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.sheet-stats div{padding-left:10px;border-left:1px solid var(--line)}.sheet-stats div:first-child{padding:0;border:0}.sheet-stats small{display:block;color:#7d9ea1;font:500 8px DM Mono;letter-spacing:.6px}.sheet-stats b{display:block;margin-top:4px;font:700 12px Space Grotesk;color:#edf9f8}.sheet-stats .green{color:#62dfca}.sheet-actions{display:grid;grid-template-columns:.9fr 1.3fr;gap:8px;margin-top:13px}.secondary-action,.primary-action{min-height:43px;border-radius:11px;font:700 11px Manrope}.secondary-action{background:rgba(255,255,255,.06);border:1px solid rgba(193,238,232,.15);color:#d0e6e5}.primary-action{background:linear-gradient(135deg,#64e4ce,#2bb8aa);color:#063530}.primary-action:disabled{background:rgba(122,157,157,.28);color:#a5b8b8}.sheet-note{margin:8px 0 0;text-align:center;color:#86a5a7;font:500 8px DM Mono}.sheet-note b{color:#f1d27f}
.page-header{position:relative;margin-bottom:21px}.page-header>p,.profile-hero p{margin:0 0 5px;color:#5fe0cc;font:500 9px DM Mono;letter-spacing:1.35px}.page-header h1{margin:0;color:#f1fbfa;font:700 31px/1 Space Grotesk;letter-spacing:-1.8px}.page-subtitle{display:block;max-width:315px;margin-top:9px;color:#9eb9bb;font:500 12px/1.5 Manrope}.wallet-label{position:absolute;right:0;top:13px;color:#83a7a9;font:500 8px DM Mono;letter-spacing:.8px}.wallet-label span{display:block;margin-top:4px;color:#62e2cd;font:700 12px Space Grotesk;letter-spacing:0}.income-card{display:flex;justify-content:space-between;align-items:center;min-height:128px;padding:20px;border-radius:18px;border:1px solid rgba(135,230,215,.21);background:radial-gradient(230px 150px at 90% 12%,rgba(80,227,205,.25),transparent 75%),linear-gradient(135deg,#0d4548,#102c33);box-shadow:0 16px 35px rgba(0,0,0,.17)}.income-card span{display:block;color:#8db6b3;font:500 9px DM Mono;letter-spacing:1px}.income-card strong{display:block;margin-top:6px;color:#7ae6d1;font:700 28px/1 Space Grotesk}.income-card strong small{font:500 11px Manrope;color:#98b8b7}.income-card p{margin:8px 0 0;color:#b3d1cf;font:500 10px Manrope}.income-card p i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#65e4cd;box-shadow:0 0 8px #65e4cd}.card-arrow{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:rgba(255,255,255,.11);color:#d7f5ef;font:600 22px Space Grotesk}.section-head{display:flex;align-items:center;justify-content:space-between;margin:25px 2px 10px}.section-head h2{margin:0;font:600 15px Space Grotesk}.section-head>span{color:#7f9fa2;font:500 10px DM Mono}.section-head button{background:transparent;color:#69dfca;font:600 9px DM Mono;letter-spacing:.8px}.activity-list{display:grid;gap:9px}.activity-row{display:flex;align-items:center;gap:12px;padding:12px;border-radius:15px;border:1px solid var(--line);background:rgba(9,38,45,.74)}.activity-icon{display:grid;place-items:center;flex:0 0 43px;width:43px;height:43px;border-radius:13px;background:var(--row-color);font-size:21px}.activity-copy{min-width:0;flex:1}.activity-copy h3{margin:0 0 3px;font:700 14px/1.1 Space Grotesk}.activity-copy p{margin:0;overflow:hidden;color:#8aa7aa;font:500 9px/1.3 DM Mono;text-overflow:ellipsis;white-space:nowrap}.activity-income{min-width:66px;text-align:right}.activity-income b{display:block;color:#63dfca;font:700 12px Space Grotesk}.activity-income span{color:#8ca5a7;font:500 8px DM Mono}.activity-row button{width:26px;height:26px;border-radius:8px;background:rgba(85,225,205,.1);color:#67e2ce;font:600 16px/1 Space Grotesk}.nearby-note{margin:0;color:#849fa1;font:500 11px/1.5 Manrope}
.mission-list{display:grid;gap:10px}.mission-card{display:grid;grid-template-columns:42px 1fr auto;gap:11px;align-items:start;padding:13px;border-radius:15px;border:1px solid var(--line);background:rgba(9,38,45,.76)}.mission-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:rgba(89,224,204,.11);border:1px solid rgba(98,229,209,.14);font-size:20px}.mission-card h2{margin:1px 0 3px;font:600 13px Space Grotesk}.mission-card p{margin:0;color:#91adaf;font:500 10px/1.4 Manrope}.mission-progress{margin-top:9px;display:flex;align-items:center;gap:7px}.mission-progress .bar{flex:1;height:4px;overflow:hidden;border-radius:3px;background:rgba(180,225,221,.14)}.mission-progress .bar i{display:block;height:100%;border-radius:3px;background:#60e1cb}.mission-progress span{color:#75dec9;font:500 8px DM Mono}.mission-reward{text-align:right;white-space:nowrap;color:#f0cf7b;font:700 11px Space Grotesk}.mission-reward small{display:block;margin-top:3px;color:#65dfca;font:500 8px DM Mono}.mission-reward button{margin-top:7px;padding:7px 9px;border-radius:7px;background:#62dfca;color:#073934;font:700 8px Manrope}.location-mission{display:flex;gap:10px;margin-top:17px;padding:15px;border-radius:14px;background:rgba(85,221,201,.07);border:1px solid rgba(101,225,208,.11)}.location-mission>span{font-size:22px}.location-mission b{font:600 12px Space Grotesk}.location-mission p{margin:4px 0 0;color:#91aaad;font:500 10px/1.4 Manrope}
.shop-list{display:grid;gap:10px}.shop-item{display:flex;align-items:center;gap:12px;padding:14px;border-radius:15px;border:1px solid var(--line);background:linear-gradient(120deg,rgba(14,52,58,.88),rgba(8,33,40,.78))}.shop-icon{display:grid;place-items:center;flex:0 0 43px;width:43px;height:43px;border-radius:13px;font:600 22px Space Grotesk}.shop-icon.yellow{color:#f8d678;background:rgba(248,214,120,.12)}.shop-icon.aqua{color:#5de1cd;background:rgba(93,225,205,.12)}.shop-icon.purple{color:#d6aeff;background:rgba(214,174,255,.13)}.shop-item div{min-width:0;flex:1}.shop-item h2{margin:0 0 3px;font:600 13px Space Grotesk}.shop-item p{margin:0;color:#8daaad;font:500 9px/1.35 Manrope}.shop-item strong{display:block;margin-top:7px;color:#f0ce78;font:700 11px Space Grotesk}.shop-item button,.metropolis-pass button{padding:8px 10px;border-radius:9px;background:rgba(89,224,204,.13);border:1px solid rgba(97,226,207,.2);color:#65e0cc;font:700 9px Manrope}.metropolis-pass{display:flex;align-items:center;gap:11px;margin-top:18px;padding:16px;border-radius:15px;background:linear-gradient(110deg,rgba(117,66,174,.42),rgba(23,80,83,.5));border:1px solid rgba(210,162,255,.18)}.metropolis-pass>span{font-size:25px;color:#dbaeff}.metropolis-pass div{flex:1}.metropolis-pass h2{margin:0 0 3px;font:600 13px Space Grotesk}.metropolis-pass p{margin:0;color:#bdaed1;font:500 9px/1.35 Manrope}.metropolis-pass button{color:#dcb1ff;background:rgba(222,175,255,.11);border-color:rgba(225,181,255,.18)}
.profile-hero{display:flex;align-items:center;gap:13px;margin:4px 0 17px}.avatar{display:grid;place-items:center;flex:0 0 63px;width:63px;height:63px;border-radius:21px;border:2px solid #f2d487;background:linear-gradient(135deg,#dcb15f,#725132);box-shadow:0 0 0 5px rgba(245,207,120,.08);color:#392610;font:700 24px Space Grotesk}.profile-hero h1{margin:0 0 4px;font:700 23px/1 Space Grotesk}.profile-hero>div:last-of-type>span{color:#9ab5b7;font:500 10px Manrope}.profile-hero>div:last-of-type>span b{color:#62ddc8}.profile-hero>button{margin-left:auto;width:34px;height:34px;border-radius:11px;background:rgba(255,255,255,.07);color:#a9c5c5;font-size:17px}.xp-card{padding:14px;border-radius:14px;border:1px solid var(--line);background:rgba(9,38,45,.75)}.xp-card>div:first-child{display:flex;justify-content:space-between;font:500 9px DM Mono;color:#8aa7aa;letter-spacing:.7px}.xp-card b{color:#d8eeee;font-weight:500;letter-spacing:0}.xp-bar,.small-progress{height:5px;margin-top:9px;border-radius:4px;background:rgba(180,225,221,.13);overflow:hidden}.xp-bar i,.small-progress i{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,#52d8c2,#8cedd9)}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);margin:14px 0;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:rgba(9,38,45,.6)}.profile-stats article{padding:14px 8px;text-align:center;border-left:1px solid var(--line)}.profile-stats article:first-child{border:0}.profile-stats b{display:block;font:700 17px Space Grotesk;color:#eef8f7}.profile-stats span{display:block;margin-top:3px;color:#8aa7aa;font:500 8px DM Mono}.profile-achievements{margin-top:23px}.achievement{display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;padding:11px 2px;border-top:1px solid var(--line)}.achievement>span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:rgba(93,225,205,.1);font-size:17px}.achievement b{font:600 11px Space Grotesk}.achievement p{margin:3px 0 0;color:#8ca8aa;font:500 9px/1.35 Manrope}.achievement em{font:600 10px DM Mono;color:#68dfca;font-style:normal}.small-progress{margin-top:5px;width:100%}
.modal-layer{position:absolute;z-index:1500;inset:0;display:grid;place-items:center;padding:18px;background:rgba(2,18,23,.68);backdrop-filter:blur(7px);opacity:0;visibility:hidden;transition:.2s}.modal-layer.visible{opacity:1;visibility:visible}.modal{width:min(100%,410px);padding:24px;border:1px solid rgba(175,238,230,.2);border-radius:20px;background:linear-gradient(150deg,#15434a,#08232b);box-shadow:0 22px 60px rgba(0,0,0,.45);transform:translateY(12px);transition:.2s}.modal-layer.visible .modal{transform:translateY(0)}.modal .modal-icon{font-size:30px}.modal h2{margin:13px 0 7px;font:700 21px Space Grotesk}.modal p{margin:0;color:#a4bec0;font:500 11px/1.55 Manrope}.modal-actions{display:flex;gap:8px;margin-top:19px}.modal-actions button{flex:1;min-height:41px;border-radius:11px;font:700 10px Manrope}.modal-actions .modal-cancel{background:rgba(255,255,255,.07);border:1px solid rgba(204,239,235,.15);color:#d5e8e7}.modal-actions .modal-confirm{background:#64e1cc;color:#073732}.remote-boot-overlay{position:absolute;z-index:1800;inset:0;display:grid;place-items:center;padding:18px;background:rgba(2,18,23,.82);backdrop-filter:blur(8px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,visibility .2s}.remote-boot-overlay.visible{opacity:1;visibility:visible;pointer-events:auto}.remote-boot-card{width:min(100%,360px);padding:26px 24px;border:1px solid rgba(112,234,214,.28);border-radius:20px;background:linear-gradient(150deg,#15434a,#08232b);box-shadow:0 22px 60px rgba(0,0,0,.45);text-align:center}.remote-boot-spinner{display:block;width:32px;height:32px;margin:0 auto 15px;border:3px solid rgba(100,225,204,.25);border-top-color:#64e1cc;border-radius:50%;animation:remote-boot-spin .8s linear infinite}@keyframes remote-boot-spin{to{transform:rotate(360deg)}}.remote-boot-card h2{margin:0 0 8px;font:700 18px Space Grotesk}.remote-boot-card p{margin:0;color:#a4bec0;font:500 12px/1.55 Manrope}.toast{position:absolute;z-index:1700;top:calc(70px + env(safe-area-inset-top));left:50%;transform:translate(-50%,-12px);max-width:calc(100% - 36px);padding:10px 13px;border-radius:10px;background:#e9faf7;color:#073934;font:700 10px Manrope;text-align:center;box-shadow:0 12px 32px rgba(0,0,0,.27);opacity:0;pointer-events:none;transition:.25s}.toast.visible{opacity:1;transform:translate(-50%,0)}
@media(min-width:681px){.app-shell{min-height:760px;border-radius:25px;margin:18px auto}.map-controls{right:21px}.page-scroller{padding-left:26px;padding-right:26px}.bottom-nav{border-radius:0 0 25px 25px}.top-hud{padding-left:22px;padding-right:22px}}
@media(max-width:360px){.brand-chip{padding:8px}.brand-chip b{font-size:12px}.hud-stat{min-width:45px;padding:0 5px}.hud-stat b{font-size:10px}.page-scroller{padding-left:14px;padding-right:14px}.bottom-nav{padding-left:4px;padding-right:4px}.nav-button{min-width:48px}.nav-button b{font-size:8px}.sheet-stats b{font-size:11px}}