:root{--bg: #070a12;--bg-soft: #0f172a;--card: rgba(15, 23, 42, .76);--card-strong: rgba(30, 41, 59, .82);--border: rgba(148, 163, 184, .16);--text: #f8fafc;--muted: #9aa7bb;--muted-strong: #cbd5e1;--primary: #60a5fa;--primary-strong: #3b82f6;--secondary: #7dd3fc;--success: #34d399;--warning: #fbbf24;--danger: #fb7185;--gold: #fde68a;--radius-lg: 24px;--radius-md: 16px;--radius-sm: 12px;color:var(--text);background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 18% -8%,rgba(96,165,250,.18),transparent 34%),radial-gradient(circle at 95% 8%,rgba(14,116,144,.13),transparent 30%),linear-gradient(180deg,#070a12,#111827 48%,#070a12)}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.app-shell{position:relative;max-width:480px;min-height:100vh;margin:0 auto;overflow:hidden;background:linear-gradient(180deg,rgba(59,130,246,.07),transparent 34%),#070a12eb;box-shadow:0 0 80px #0000005c}.app-shell:before{position:fixed;top:0;left:50%;width:min(480px,100vw);height:250px;pointer-events:none;content:"";transform:translate(-50%);background:linear-gradient(135deg,rgba(96,165,250,.12),transparent 45%),linear-gradient(45deg,transparent 58%,rgba(125,211,252,.05));opacity:.76}.app-content{position:relative;z-index:1;min-height:100vh;padding-bottom:calc(96px + env(safe-area-inset-bottom))}.page{width:100%;padding:calc(18px + env(safe-area-inset-top)) 16px 24px}.page-header{margin-bottom:16px}.page-header h1,.profile-hero h1{margin:0;color:var(--text);font-size:30px;line-height:1.05}.page-header p,.profile-hero p{margin:8px 0 0;color:var(--muted);line-height:1.45}.eyebrow,.metric-label,.street-card-kicker{display:block;color:var(--primary);font-size:12px;font-weight:800;letter-spacing:0;text-transform:uppercase}.hero-card,.game-card,.stat-card,.result-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(145deg,#ffffff12,#ffffff08),var(--card);box-shadow:0 18px 44px #00000047;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hero-card{padding:20px}.city-hero{display:flex;align-items:stretch;justify-content:space-between;gap:16px;min-height:150px;margin-bottom:14px;position:relative;overflow:hidden;background:linear-gradient(145deg,#3b82f629,#0f172ab8),linear-gradient(180deg,#ffffff14,#ffffff08)}.hero-balance{display:block;margin-top:8px;font-size:38px;line-height:1}.hero-level{display:grid;place-items:center;min-width:76px;border:1px solid rgba(255,255,255,.16);border-radius:20px;background:#07091447;text-align:center}.hero-level span{color:var(--muted);font-size:12px;font-weight:700}.hero-level strong{display:block;color:var(--gold);font-size:34px}.hero-illustration{position:absolute;right:86px;bottom:14px;width:118px;height:auto;border-radius:20px;opacity:.62;pointer-events:none}.city-hero>div{position:relative;z-index:1}.stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:18px}.stat-card{min-width:0;min-height:112px;padding:14px}.stat-card-wide{grid-column:1 / -1}.stat-card span,.housing-price-grid span{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:12px;font-weight:700}.stat-icon{width:18px;height:18px;opacity:.88}.stat-card strong,.housing-price-grid strong{display:block;margin-top:7px;color:var(--text);font-size:22px;line-height:1.1}.progress-bar{height:7px;margin-top:12px;overflow:hidden;border-radius:999px;background:#ffffff1f}.progress-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--success),var(--primary))}.progress-bar-xp span{background:linear-gradient(90deg,var(--primary),var(--gold))}.section-stack{display:grid;gap:14px;margin-top:18px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-heading h2{margin:0;font-size:19px}.section-heading span{color:var(--muted);font-weight:800}.quick-actions,.list{display:grid;gap:12px}.button{width:100%;min-height:48px;border:0;border-radius:var(--radius-md);padding:0 16px;color:var(--text);font-weight:900}.button-primary{background:linear-gradient(135deg,var(--primary-strong),#0f766e);box-shadow:0 12px 26px #3b82f62e}.button-secondary{border:1px solid var(--border);background:#1e293bb8}.button:disabled{cursor:wait;opacity:.62}.inline-action{min-height:34px;margin-top:10px;border:1px solid var(--border);border-radius:999px;background:#0f172ab3;color:var(--text);padding:0 12px;font-size:12px;font-weight:900}.game-card{padding:16px;color:var(--text)}.game-card h2,.game-card h3,.hero-card h2{margin:0}.game-card h2{font-size:20px}.game-card h3{font-size:17px}.game-card p,.street-card span,.locked-note{margin:8px 0 0;color:var(--muted);line-height:1.45}.item-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.badge{display:inline-flex;align-items:center;min-height:26px;border:1px solid rgba(96,165,250,.24);border-radius:999px;background:#60a5fa1f;color:#bae6fd;padding:0 9px;font-size:12px;font-weight:900;white-space:nowrap}.badge-info{border-color:#7dd3fc38;background:#0e749029;color:#ddd6fe}.badge-warning{border-color:#f59e0b57;background:#f59e0b21;color:#fde68a}.badge-muted{border-color:#94a3b838;background:#94a3b81f;color:var(--muted-strong)}.badge-glow{box-shadow:0 0 22px #38bdf833}.card-meta-row,.job-metrics{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;color:var(--muted);font-size:12px;font-weight:800}.street-card-grid{display:grid;gap:10px;margin-bottom:18px}.street-card{width:100%;border:1px solid var(--border);text-align:left}.street-card strong{display:block;margin-top:4px;font-size:22px}.street-card-top,.item-title-with-icon,.active-work-heading{display:flex;align-items:center;gap:12px;min-width:0}.card-illustration{flex:0 0 auto;width:46px;height:46px;opacity:.9}.street-card-active{border-color:#60a5fa6b;background:linear-gradient(145deg,#60a5fa24,#0f172ab3),#1e293bb8}.street-focus-card{display:flex;justify-content:space-between;gap:14px}.street-focus-card p{color:var(--muted);line-height:1.45}.place-card,.compact-card{border-radius:var(--radius-md)}.card-disabled{opacity:.58}.salary-value,.money-value{color:var(--success);font-size:22px;white-space:nowrap}.job-card{display:grid;gap:14px}.street-filter{display:flex;gap:8px;margin:0 -16px 14px;overflow-x:auto;padding:0 16px 4px;scrollbar-width:none}.street-filter::-webkit-scrollbar{display:none}.filter-chip{flex:0 0 auto;min-height:36px;border:1px solid var(--border);border-radius:999px;background:#0f172ab8;color:var(--muted-strong);padding:0 12px;font-size:12px;font-weight:900}.filter-chip-active{border-color:#60a5fa70;background:#3b82f62e;color:var(--text)}.active-job-card{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.active-job-card h2,.active-work-panel h2{margin:4px 0 0;font-size:19px}.active-job-card strong{color:var(--gold);white-space:nowrap}.active-work-panel{display:grid;gap:14px;margin-bottom:14px}.active-work-heading p{margin:5px 0 0;color:var(--muted)}.active-work-timer{border:1px solid var(--border);border-radius:var(--radius-md);background:#0f172a9e;padding:13px}.active-work-timer span{display:block;color:var(--muted);font-size:12px;font-weight:800}.active-work-timer strong{display:block;margin-top:5px;color:var(--gold);font-size:22px}.empty-state{text-align:center}.result-card{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;padding:16px;border-color:#22c55e42;background:linear-gradient(145deg,#22c55e2e,#38bdf814),#ffffff14}.result-card span{color:var(--muted-strong);font-size:12px;font-weight:800}.result-card strong{display:block;margin-top:4px;color:var(--success);font-size:24px}.result-metrics{display:grid;justify-items:end;gap:3px}.housing-price-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.housing-price-grid div{min-width:0;border-radius:var(--radius-md);background:#ffffff12;padding:12px}.profile-hero{display:flex;align-items:center;gap:14px;margin-bottom:14px}.avatar-placeholder{display:grid;flex:0 0 auto;width:70px;height:70px;place-items:center;border:1px solid rgba(56,189,248,.34);border-radius:24px;background:linear-gradient(145deg,#38bdf852,#a78bfa3d),#ffffff14;color:var(--text);font-weight:950}.transaction-card{display:flex;align-items:center;justify-content:space-between;gap:12px;border-radius:var(--radius-md)}.transaction-card strong{color:var(--success);white-space:nowrap}.transaction-card .transaction-neutral{color:var(--muted-strong)}.transaction-card p{font-size:13px}.app-alert-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;background:#020617ad;padding:18px;animation:fade-in .16s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.app-alert{width:min(360px,100%);border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(145deg,#ffffff24,#ffffff14),#111827;box-shadow:0 24px 70px #0000006b;padding:20px;animation:alert-pop .18s ease-out}.app-alert-error{border-top:4px solid var(--danger)}.app-alert-success{border-top:4px solid var(--success)}.app-alert-info{border-top:4px solid var(--primary)}.app-alert-title{margin:0 0 8px;color:var(--text);font-size:21px;line-height:1.2}.app-alert-message{margin:0;color:var(--muted-strong);line-height:1.45}.app-alert-actions{display:flex;justify-content:flex-end;margin-top:18px}.app-alert-button{min-height:42px;border:0;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--primary-strong),var(--secondary));color:var(--text);padding:0 16px;font-weight:900}.bottom-nav{position:fixed;right:max(10px,calc((100vw - 480px)/2 + 10px));bottom:calc(10px + env(safe-area-inset-bottom));left:max(10px,calc((100vw - 480px)/2 + 10px));z-index:10;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;max-width:460px;margin:0 auto;border:1px solid var(--border);border-radius:22px;background:#0f172ac2;padding:7px;box-shadow:0 18px 42px #00000057;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.nav-item{display:grid;min-width:0;min-height:56px;place-items:center;border:0;border-radius:16px;background:transparent;color:var(--muted);font-size:11px;font-weight:800}.nav-icon{display:grid;width:25px;height:25px;place-items:center;border-radius:10px;color:var(--muted-strong);font-size:17px}.nav-icon img{width:24px;height:24px;opacity:.76}.nav-item-active{background:#38bdf824;color:var(--text)}.nav-item-active .nav-icon{background:linear-gradient(135deg,#3b82f6db,#0e7490c7);color:var(--text)}.nav-item-active .nav-icon img{opacity:1}.fade-in{animation:fade-in .22s ease-out both}.slide-up{animation:slide-up .24s ease-out both}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes alert-pop{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:380px){.page{padding-right:12px;padding-left:12px}.page-header h1,.profile-hero h1{font-size:27px}.hero-balance{font-size:32px}.stat-card strong{font-size:19px}.nav-item{font-size:10px}}