@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600&display=swap";:root{--font-size: 14px;--svg-size: 24px;--accent: #22d3ee;--background: #e8edf6;--foreground: #0f172a;--muted: #4b5563;--primary: #2563eb;--primary-soft: rgba(37, 99, 235, .12);--surface: rgba(255, 255, 255, .72);--surface-border: rgba(15, 23, 42, .08);--surface-strong: rgba(255, 255, 255, .82);--blur: 18px;--shadow-sharp: 0 12px 30px rgba(15, 23, 42, .12);--shadow-soft: 0 25px 60px rgba(15, 23, 42, .15);--shadow-liquid-glass-sm: 0 1px 4px rgba(15, 23, 42, .03), 0 4px 12px rgba(15, 23, 42, .05), inset 0 1px 0 rgba(255, 255, 255, .4);--shadow-liquid-glass-md: 0 2px 8px rgba(15, 23, 42, .04), 0 8px 24px rgba(15, 23, 42, .08), 0 16px 48px rgba(15, 23, 42, .06), inset 0 1px 0 rgba(255, 255, 255, .5);--shadow-liquid-glass-lg: 0 4px 16px rgba(15, 23, 42, .06), 0 12px 36px rgba(15, 23, 42, .1), 0 24px 64px rgba(15, 23, 42, .08), inset 0 1px 0 rgba(255, 255, 255, .6);--shadow-liquid-glass-xl: 0 8px 24px rgba(15, 23, 42, .08), 0 16px 48px rgba(15, 23, 42, .12), 0 32px 80px rgba(15, 23, 42, .1), inset 0 2px 0 rgba(255, 255, 255, .7);--radius-2xl: 30px;--radius-lg: 18px;--radius-max: 9999px;--radius-md: 14px;--radius-sm: 12px;--radius-xl: 24px;--radius-xs: 6px;--panel-width: 320px;--sidebar-width: 260px;--top-bar-height: 64px;--top-bar-height-mobile: 64px;--space-16xs: .0625rem;--space-2xl: 2rem;--space-2xs: .5rem;--space-4xl: 4rem;--space-4xs: .25rem;--space-8xs: .125rem;--space-lg: 1.5rem;--space-md: 1.25rem;--space-sm: 1rem;--space-xl: 1.75rem;--space-xs: .75rem;--view-basecamp: #22c55e;--view-basecamp-glow: rgba(34, 197, 94, .35);--view-basecamp-soft: rgba(34, 197, 94, .12);--view-calendar: #ef4444;--view-calendar-glow: rgba(239, 68, 68, .35);--view-calendar-soft: rgba(239, 68, 68, .12);--view-developer: #a855f7;--view-developer-glow: rgba(168, 85, 247, .35);--view-developer-soft: rgba(168, 85, 247, .12);--view-email: var(--primary);--view-email-glow: rgba(37, 99, 235, .35);--view-email-soft: var(--primary-soft);--view-equipment: #1f2937;--view-equipment-glow: rgba(31, 41, 55, .35);--view-equipment-soft: rgba(31, 41, 55, .12);--view-home: var(--accent);--view-home-glow: rgba(34, 211, 238, .45);--view-home-soft: rgba(34, 211, 238, .12);--view-inventory: #a0826d;--view-inventory-glow: rgba(160, 130, 109, .35);--view-inventory-soft: rgba(160, 130, 109, .12);--view-ranger: #f97316;--view-ranger-glow: rgba(249, 115, 22, .35);--view-ranger-soft: rgba(249, 115, 22, .12);--view-settings: #c0c0c0;--view-settings-glow: rgba(192, 192, 192, .35);--view-settings-soft: rgba(192, 192, 192, .12);--view-sheltering: #92400e;--view-sheltering-glow: rgba(146, 64, 14, .35);--view-sheltering-soft: rgba(146, 64, 14, .12);--view-starship: #fbbf24;--view-starship-glow: rgba(251, 191, 36, .35);--view-starship-soft: rgba(251, 191, 36, .12);--view-woodcutting: #d97706;--view-woodcutting-glow: rgba(217, 119, 6, .4);--view-woodcutting-soft: rgba(217, 119, 6, .12)}[data-theme=dark]{--accent: #34d399;--background: #0b1220;--foreground: #e5e7eb;--muted: #94a3b8;--primary: #60a5fa;--primary-soft: rgba(96, 165, 250, .12);--surface: rgba(17, 24, 39, .72);--surface-border: rgba(255, 255, 255, .08);--surface-strong: rgba(17, 24, 39, .9);--shadow-sharp: 0 10px 28px rgba(0, 0, 0, .32);--shadow-soft: 0 20px 60px rgba(0, 0, 0, .4);--shadow-liquid-glass-sm: 0 1px 6px rgba(0, 0, 0, .08), 0 4px 16px rgba(0, 0, 0, .12), inset 0 1px 0 rgba(255, 255, 255, .06);--shadow-liquid-glass-md: 0 2px 12px rgba(0, 0, 0, .12), 0 8px 32px rgba(0, 0, 0, .16), 0 16px 64px rgba(0, 0, 0, .12), inset 0 1px 0 rgba(255, 255, 255, .08);--shadow-liquid-glass-lg: 0 4px 20px rgba(0, 0, 0, .16), 0 12px 48px rgba(0, 0, 0, .2), 0 24px 80px rgba(0, 0, 0, .16), inset 0 1px 0 rgba(255, 255, 255, .1);--shadow-liquid-glass-xl: 0 8px 32px rgba(0, 0, 0, .2), 0 16px 64px rgba(0, 0, 0, .24), 0 32px 96px rgba(0, 0, 0, .18), inset 0 2px 0 rgba(255, 255, 255, .12);--view-basecamp: #16a34a;--view-basecamp-glow: rgba(22, 163, 74, .4);--view-basecamp-soft: rgba(22, 163, 74, .12);--view-calendar: #f87171;--view-calendar-glow: rgba(248, 113, 113, .4);--view-calendar-soft: rgba(248, 113, 113, .12);--view-developer: #c084fc;--view-developer-glow: rgba(192, 132, 252, .4);--view-developer-soft: rgba(192, 132, 252, .12);--view-email: var(--primary);--view-email-glow: rgba(96, 165, 250, .4);--view-email-soft: var(--primary-soft);--view-equipment: #374151;--view-equipment-glow: rgba(55, 65, 81, .4);--view-equipment-soft: rgba(55, 65, 81, .12);--view-home: var(--accent);--view-home-glow: rgba(34, 211, 238, .45);--view-home-soft: rgba(34, 211, 238, .12);--view-inventory: #d2b48c;--view-inventory-glow: rgba(210, 180, 140, .4);--view-inventory-soft: rgba(210, 180, 140, .12);--view-ranger: #fb923c;--view-ranger-glow: rgba(251, 146, 60, .4);--view-ranger-soft: rgba(251, 146, 60, .12);--view-settings: #d1d5db;--view-settings-glow: rgba(209, 213, 219, .4);--view-settings-soft: rgba(209, 213, 219, .12);--view-sheltering: #b45309;--view-sheltering-glow: rgba(180, 83, 9, .4);--view-sheltering-soft: rgba(180, 83, 9, .12);--view-starship: #f59e0b;--view-starship-glow: rgba(245, 158, 11, .45);--view-starship-soft: rgba(245, 158, 11, .12);--view-woodcutting: #f59e0b;--view-woodcutting-glow: rgba(245, 158, 11, .45);--view-woodcutting-soft: rgba(245, 158, 11, .12)}*{box-sizing:border-box}html,body{touch-action:manipulation}body{background:radial-gradient(120% 120% at 20% 20%,rgba(34,211,238,.12),transparent),radial-gradient(120% 120% at 80% 0%,rgba(37,99,235,.14),transparent),radial-gradient(120% 120% at 50% 80%,rgba(52,211,153,.1),transparent),var(--background);color:var(--foreground);font-family:Space Grotesk,DM Sans,Segoe UI,system-ui,-apple-system,sans-serif;margin:0;min-height:100dvh;overflow:hidden;touch-action:manipulation;transition:background .22s ease,color .22s ease}a{color:var(--primary);text-decoration:none}h1,h2,h3,h4,h5,h6,p{margin:0}p+p{margin-top:var(--space-4xs)}button{-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));background:var(--surface);border:1px solid var(--surface-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-liquid-glass-lg);cursor:pointer;display:flex;justify-content:center;font:inherit;line-height:1;padding:var(--space-2xs);transition:all .2s ease}button:hover{transform:translateY(-1px)}button:active{transform:translateY(0)}button:focus-visible{outline:none;box-shadow:var(--shadow-liquid-glass-lg),inset 0 1px #ffffff1f,0 0 0 3px var(--primary-soft);transform:translateY(-1px)}button.primary-button{background:linear-gradient(135deg,var(--primary),var(--accent));color:var(--background);background-clip:padding-box;overflow:hidden;border-color:transparent;box-shadow:var(--shadow-liquid-glass-lg),inset 0 0 0 1px var(--surface-border)}.close-button{line-height:0}.app-shell{position:relative;min-height:100dvh;margin-bottom:var(--top-bar-height);color:var(--foreground)}.view-app-container{display:flex;flex-direction:column;border:1px solid var(--surface-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-liquid-glass-xl);gap:var(--space-xs);overflow:auto;padding:var(--space-xs);scrollbar-width:none}@media(min-width:767px){.app-shell.sidebar-open .view-app-container{margin-left:calc(var(--sidebar-width) + var(--space-4xs))}}@media(min-width:767px){.view-app-container{max-height:calc(100dvh - calc(var(--top-bar-height) + var(--space-4xs)));transition:all .2s ease}}.ambient-glow{position:fixed;inset:0;pointer-events:none;background:radial-gradient(45% 45% at 15% 30%,rgba(34,211,238,.14),transparent),radial-gradient(35% 35% at 85% 20%,rgba(37,99,235,.2),transparent),radial-gradient(30% 30% at 60% 80%,rgba(52,211,153,.12),transparent);opacity:.85;z-index:0}.mobile-top-bar{position:fixed;top:0;left:0;right:0;height:var(--top-bar-height-mobile);display:flex;align-items:center;gap:var(--space-4xs);padding:var(--space-2xs);background:linear-gradient(120deg,var(--surface),var(--surface-strong));border-bottom:1px solid var(--surface-border);-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));box-shadow:var(--shadow-soft);z-index:18;margin-top:var(--space-4xs);margin-left:var(--space-4xs);margin-right:var(--space-4xs);border-radius:var(--radius-2xl)}@media(min-width:767px){.mobile-top-bar{display:none}}.mobile-top-bar button{border-radius:var(--radius-xl);padding:var(--space-xs)}.top-bar{align-items:center;-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));background:linear-gradient(120deg,var(--surface),var(--surface-strong));border-radius:var(--radius-xl);border-top:1px solid var(--surface-border);bottom:0;box-shadow:var(--shadow-liquid-glass-xl);display:flex;gap:var(--space-4xs);height:var(--top-bar-height);left:0;line-height:var(--font-size);margin:var(--space-xs);padding:var(--space-xs);position:fixed;right:0;z-index:20}@media(min-width:767px){.top-bar{top:0;bottom:auto;border-top:none;border-bottom:1px solid var(--surface-border)}.top-bar .nav-links{display:flex}}@media(max-width:767px){.top-bar{border-left:1px solid var(--surface-border);border-right:1px solid var(--surface-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-soft);height:var(--top-bar-height-mobile);margin-left:var(--space-4xs);margin-right:var(--space-4xs);margin-bottom:var(--space-4xs);padding:var(--space-2xs)}.top-bar .brand{display:none}.top-bar button{border-radius:var(--radius-xl);padding:var(--space-xs)}}.top-bar .nav-links{display:none;gap:.35rem;flex-wrap:wrap;align-items:center}.top-bar .bar-actions{display:flex;gap:var(--space-4xs);align-items:center}@media(min-width:767px){.top-bar .bar-actions{margin-left:auto;flex:0}}.top-bar .bar-actions button{display:flex;justify-content:center}.top-bar .pill{border-radius:999px;padding:.4rem .8rem;border:1px solid var(--surface-border);background:var(--surface)}.sidebar{position:fixed;margin-left:var(--space-4xs);margin-right:var(--space-4xs);height:calc(100dvh - calc(var(--top-bar-height-mobile) + var(--top-bar-height-mobile) + var(--space-4xs) + var(--space-4xs) + var(--space-4xs) + var(--space-4xs)));background:var(--surface);border:1px solid var(--surface-border);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);box-shadow:var(--shadow-liquid-glass-xl),inset 0 1px #ffffff1a,inset 0 -1px #00000014;transform:translateY(calc(100% + var(--top-bar-height-mobile) + var(--space-4xs) + var(--space-4xs)));transition:transform .3s cubic-bezier(.4,0,.2,1);will-change:transform;z-index:10;overflow:auto;scrollbar-width:none}@media(min-width:767px){.sidebar{margin-left:var(--space-sm);transform:translate(calc(-100% - var(--space-sm)));width:calc(var(--sidebar-width) - var(--space-xs));height:calc(100dvh - calc(var(--top-bar-height) + var(--space-xs) + var(--space-xs) + var(--space-xs)))}}.sidebar.is-open{transform:translate(calc(100% - var(--sidebar-width) + var(--space-2xs)))}@media(max-width:767px){.sidebar.is-open{transform:translateY(0)}}.sidebar .section-title{color:var(--muted);font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:var(--space-xs) var(--space-2xs) var(--space-4xs);margin-top:var(--space-xs);opacity:.7;transition:opacity .2s ease}.sidebar .section-sub-title{padding:0 var(--space-2xs) var(--space-2xs);font-size:.8rem;font-weight:500;color:var(--muted);opacity:.65;transition:opacity .2s ease}.sidebar .nav-stack{display:flex;flex-direction:column;gap:var(--space-2xs);padding:var(--space-xs)}@media(max-width:767px){.sidebar .nav-stack{gap:var(--space-2xs);padding:var(--space-2xs)}}.sidebar .nav-item{padding:var(--space-2xs) var(--space-xs);border-radius:var(--radius-md);background:#ffffff0a;border:1px solid var(--surface-border);box-shadow:var(--shadow-liquid-glass-sm),inset 0 1px #ffffff14;color:var(--foreground);display:flex;gap:var(--space-2xs);align-items:center;justify-content:flex-start;width:100%;text-align:left;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);line-height:var(--svg-size);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media(max-width:767px){.sidebar .nav-item{padding:var(--space-xs) var(--space-sm)}}.sidebar .nav-item .nav-status{margin-left:auto;display:inline-flex;align-items:center;justify-content:flex-end;min-width:12px;margin-right:var(--space-4xs)}.sidebar .nav-item .nav-status .pip{width:8px;height:8px;border-radius:50%;background:var(--muted);box-shadow:0 0 0 4px #0000000f}.sidebar .nav-item .nav-status .pip.connected{background:#22c55e;animation:navPingConnected 2s cubic-bezier(0,0,.2,1) infinite}.sidebar .nav-item .nav-status .pip.degraded{background:#f59e0b;animation:navPingDegraded 2s cubic-bezier(0,0,.2,1) infinite}.sidebar .nav-item .nav-status .pip.disconnected{background:#ef4444;animation:navPingDisconnected 2s cubic-bezier(0,0,.2,1) infinite}@keyframes navPingConnected{0%,to{box-shadow:0 0 0 6px #22c55e33}50%{box-shadow:0 0 0 8px #22c55e00}}@keyframes navPingDegraded{0%,to{box-shadow:0 0 0 6px #f59e0b33}50%{box-shadow:0 0 0 8px #f59e0b00}}@keyframes navPingDisconnected{0%,to{box-shadow:0 0 0 6px #ef444433}50%{box-shadow:0 0 0 8px #ef444400}}.sidebar .nav-item .nav-icon{display:flex}.sidebar .nav-item:hover{transform:translateY(-2px);background:#ffffff14;box-shadow:var(--shadow-liquid-glass-md),inset 0 1px #ffffff1f,0 0 16px var(--primary-soft)}.sidebar .nav-item:focus-visible{outline:none;transform:translateY(-1px);background:#ffffff14;box-shadow:var(--shadow-liquid-glass-md),inset 0 1px #ffffff1f,0 0 0 3px var(--primary-soft)}.sidebar .nav-item.is-active{background:var(--surface-strong);box-shadow:var(--shadow-liquid-glass-md),inset 0 1px #ffffff1a,0 0 24px var(--primary-soft);font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}.sidebar-footer{padding:var(--space-2xs)}.sidebar-backdrop{background:#0003;-webkit-backdrop-filter:blur(.2px);backdrop-filter:blur(.2px);cursor:pointer;display:none;inset:0;opacity:1;position:fixed;transition:opacity .2s ease,backdrop-filter .2s ease;z-index:9}@media(max-width:767px){.sidebar-backdrop{display:block}}.content-area{display:flex;flex-direction:column;margin-left:var(--space-xs);margin-right:var(--space-xs);position:relative;transition:margin-left .2s ease;z-index:1}@media(max-width:767px){.content-area{margin-left:var(--space-4xs);margin-right:var(--space-4xs)}}.view-content-max-height{margin-top:calc(var(--top-bar-height) + calc(var(--space-xs) + var(--space-xs)));max-height:calc(100dvh - calc(var(--top-bar-height) + var(--space-xs) + var(--space-xs) + var(--space-xs)))}@media(max-width:767px){.view-content-max-height{margin-top:calc(var(--top-bar-height-mobile) + calc(var(--space-4xs) + var(--space-4xs)));max-height:calc(100dvh - calc(var(--top-bar-height-mobile) + var(--top-bar-height-mobile) + var(--space-4xs) + var(--space-4xs) + var(--space-4xs) + var(--space-4xs)))}}.content-header{display:flex;flex-direction:column;gap:var(--space-2xs)}.content-header h1{margin:0}.content-header p{margin:0;color:var(--muted);max-width:60ch}.card-metadata{align-items:start;background-color:var(--surface);border-radius:var(--radius-sm);box-shadow:var(--shadow-liquid-glass-sm);display:flex;flex-direction:column;gap:var(--space-2xs);padding:var(--space-2xs) var(--space-xs)}.metadata-grid{display:flex;gap:var(--space-4xs);align-items:start}.metadata{background-color:var(--surface);border-radius:var(--radius-sm);box-shadow:var(--shadow-liquid-glass-sm);display:flex;flex-direction:column;gap:var(--space-4xs);padding:var(--space-2xs) var(--space-xs)}.metadata-group{display:flex;flex-direction:column;gap:var(--space-2xs)}.metadata-label{font-weight:700;text-transform:uppercase;font-size:x-small}.metadata-value{align-items:flex-end;display:flex;flex-direction:column;font-size:small}.card-grid{display:flex;gap:var(--space-xs)}.card{background-color:var(--surface);border:1px solid var(--surface-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-liquid-glass-lg);display:flex;flex:1;flex-direction:column;gap:var(--space-2xs);padding:var(--space-sm)}@media(max-width:767px){.card{border-radius:var(--radius-xl)}}.card-locked{background-color:var(--surface-strong);border:1px dashed var(--muted);color:var(--muted)}.card-header{display:flex;gap:var(--space-2xs);align-items:center}.card-header-locked{display:flex}.card-icon{line-height:1}.card-header-button{border-radius:var(--radius-max);font-size:x-large;margin-left:auto;padding:var(--space-2xs) var(--space-xs)}.card-title{margin:0;color:var(--primary)}.card-metadata{display:flex;flex-wrap:wrap;gap:var(--space-4xs);margin-top:var(--space-2xs)}.card-description{display:flex;flex-direction:column;flex:1}.card-list{display:flex;flex-direction:column;font-size:small;gap:var(--space-4xs);list-style:none;padding:0}.card-list li{display:flex;justify-content:space-between}.card-actions{display:flex;flex-direction:row;gap:var(--space-4xs)}.card-lore{color:var(--muted);font-size:small;font-style:italic}.card-lore p{margin:0}.overlay-panel{-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));background:var(--surface);border:1px solid var(--surface-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-soft);height:calc(100dvh - calc(var(--top-bar-height) + var(--space-xs) + var(--space-xs) + var(--space-xs)));margin-top:calc(var(--top-bar-height) + var(--space-xs) + var(--space-xs));overflow:auto;padding:0;position:fixed;right:0;top:0;transform:translate(calc(100% + var(--top-bar-height-mobile) + var(--space-4xs)));transition:transform .2s ease;width:var(--panel-width);z-index:15;scrollbar-width:none}.overlay-panel.is-open{margin-left:var(--space-4xs);transform:translate(calc(var(--space-xs) * -1))}@media(max-width:767px){.overlay-panel{height:calc(100dvh - calc(var(--top-bar-height-mobile) + var(--top-bar-height-mobile) + var(--space-4xs) + var(--space-4xs) + var(--space-4xs) + var(--space-4xs)));margin-top:calc(var(--top-bar-height-mobile) + var(--space-4xs) + var(--space-4xs) + var(--space-4xs));width:calc(100% - var(--space-4xs) - var(--space-4xs));margin-right:var(--space-4xs);transform:translateY(calc(100% + var(--top-bar-height-mobile) + var(--space-4xs)));padding:var(--space-4xs)}.overlay-panel.is-open{margin-left:var(--space-4xs);transform:translateY(calc(var(--space-4xs) * -1))}}.panel-backdrop{background:#0003;-webkit-backdrop-filter:blur(.2px);backdrop-filter:blur(.2px);cursor:pointer;inset:0;opacity:1;position:fixed;transition:opacity .2s ease,backdrop-filter .2s ease;z-index:14}.overlay-panel .panel-header{display:flex;align-items:center;padding:var(--space-2xs);gap:var(--space-2xs);margin-bottom:var(--space-4xs)}@media(max-width:767px){.overlay-panel .panel-header{padding:var(--space-8xs)}}.overlay-panel .close-button{display:flex;align-items:center;justify-content:center;background:linear-gradient(120deg,var(--surface),var(--surface-strong));border:1px solid var(--surface-border);border-radius:var(--radius-md);color:var(--foreground);padding:var(--space-2xs) var(--space-xs);cursor:pointer;box-shadow:none;transition:all .16s ease;flex-shrink:0;font-weight:500;font-size:.95rem}.close-icon{display:flex}@media(max-width:767px){.overlay-panel .panel-header .close-button{display:none}}.overlay-panel .close-button:hover{background:var(--primary-soft);border-color:var(--primary);color:var(--foreground);transform:none;box-shadow:none}.overlay-panel .panel-body{color:var(--muted);line-height:1.5;display:grid;gap:var(--space-2xs);padding:var(--space-2xs)}@media(max-width:767px){.overlay-panel .panel-body{padding:0}}.overlay-panel .panel-footer{display:flex;align-items:center;justify-content:flex-end;height:var(--top-bar-height);padding:var(--space-2xs);border-top:1px solid var(--surface-border);background:var(--surface-strong)}@media(max-width:767px){.overlay-panel .panel-footer{position:sticky;bottom:0}}.mobile-only{display:none}@media(max-width:767px){.mobile-only{display:block}}.item-detail-section{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1.5rem;background:var(--surface-strong);border-radius:var(--radius-lg);border:1px solid var(--view-inventory);box-shadow:0 0 20px var(--view-inventory-glow)}.item-detail-icon{font-size:3.5rem;line-height:1}.item-detail-name{font-size:1.5rem;font-weight:700;color:var(--foreground)}.item-detail-count{display:flex;gap:.5rem;align-items:baseline;font-size:1rem}.item-detail-count .label{color:var(--text-secondary);font-weight:500}.item-detail-count .value{font-size:1.25rem;font-weight:700;color:var(--view-inventory)}.chip-row{display:flex;flex-wrap:wrap;gap:.35rem}.chip{padding:.35rem .65rem;border-radius:999px;border:1px solid var(--surface-border);background:var(--surface-strong);font-size:.85rem}.metric-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-4xs)}.metric{padding:.75rem;border-radius:var(--radius-sm);border:1px solid var(--surface-border);background:var(--primary-soft);box-shadow:var(--shadow-sharp);font-weight:600}.divider{border:none;height:1px;background:var(--surface-border)}.section-block{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--surface-border);box-shadow:var(--shadow-soft);padding:1rem;-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur))}.section-block h3{margin:0 0 .4rem}.section-block p{margin:0;color:var(--muted);line-height:1.5}.scrollable{overflow:auto;max-height:100%}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0f172a29;border-radius:999px}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#94a3b840}.panel-paragraph{margin-top:.5rem}.glass-surface{background:linear-gradient(120deg,var(--surface),var(--surface-strong));-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur))}.glass-border{border:1px solid var(--surface-border)}.glass-radius{border-radius:var(--radius-lg)}.glass-shadow-soft{box-shadow:var(--shadow-soft)}.glass-shadow-top{box-shadow:0 6px 16px #0000000f}.glass-shadow-bottom{box-shadow:0 -6px 16px #0000000f}.glass-shadow-accent--email{box-shadow:0 8px 24px #3b82f640,0 2px 10px #2563eb2e,inset 0 1px #ffffff14}.glass-shadow-accent--inventory{box-shadow:0 8px 24px #dc262638,0 2px 10px #ef444429,inset 0 1px #ffffff14}.glass-shadow-accent--woodcutting{box-shadow:0 8px 24px #22c55e38,0 2px 10px #10b98129,inset 0 1px #ffffff14}