:root{--background:#09090b;--foreground:#fafafa;--muted:#71717a;--muted-foreground:#a1a1aa;--border:rgba(255,255,255,0.08);--card:rgba(24,24,27,0.95);--card-foreground:#fafafa;--primary:#fafafa;--primary-foreground:#09090b;--radius:0.375rem;--gold:#d4c97a;--gold-border:rgba(212,201,122,0.4);--surface:#18181b;--surface-hover:#27272a;--font-sans:var(--font-inter),system-ui,sans-serif;--font-heading:var(--font-alexandria),var(--font-sans);--font-mono:var(--font-geist-mono),ui-monospace,monospace}*{box-sizing:border-box}body,html{margin:0;padding:0;width:100%;height:100%;overflow:hidden;font-family:var(--font-sans);color:var(--foreground);background:var(--background);-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading)}.follower-popup-container{transition:opacity .2s ease,transform .2s ease}.follower-popup-container.popup-closing{opacity:0;transform:scale(.96);pointer-events:none}.follower-popup-container .mapboxgl-popup-content{padding:0;background:#000;border:1px solid rgba(255,255,255,.14);border-radius:var(--radius);box-shadow:0 4px 12px rgba(0,0,0,.3);min-width:14rem;max-width:20rem;overflow:hidden}.follower-popup-container .mapboxgl-popup-tip{display:none}.profile-card{font-family:var(--font-sans);font-size:.8125rem;color:#f5f5f5;background:#000}.profile-card-header{display:flex;align-items:center;gap:.75rem;padding:1rem 1rem .75rem}.profile-card-avatar{width:2.75rem;height:2.75rem;border-radius:50%;flex-shrink:0;border:2px solid var(--border)}.profile-card-title{display:flex;flex-direction:column;gap:.15rem;min-width:0}.profile-card-name{font-family:var(--font-heading);font-weight:600;font-size:1.0625rem;color:#fafafa;line-height:1.2}.profile-card-meta{font-size:.75rem;color:#94a3b8}.profile-card-body{padding:.5rem 1rem 1rem;display:flex;flex-direction:column;gap:.4rem}.profile-card-row{display:flex;flex-direction:column;gap:.2rem}.profile-card-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#9ca3af}.profile-card-happiness{position:relative;height:1.25rem;background:var(--border);border-radius:999px;overflow:hidden}.profile-card-happiness-bar{position:absolute;left:0;top:0;bottom:0;border-radius:999px;background:linear-gradient(90deg,#22c55e,#84cc16);transition:width .2s ease}.profile-card-happiness-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:600;color:var(--foreground);text-shadow:0 0 1px var(--card)}.profile-card-appearance span:not(.profile-card-label){font-size:.75rem;color:#d1d5db;line-height:1.4}.profile-card-memories{margin:0;padding-left:.8rem;display:flex;flex-direction:column;gap:.2rem}.profile-card-memory{font-size:.69rem;color:#d1d5db;line-height:1.22}.profile-card-memory-meta{color:#94a3b8}.profile-card-memory-text{color:#e5e7eb}.profile-card-empty{font-size:.75rem;color:#9ca3af}#canvas-container{position:fixed;inset:0;z-index:0}#canvas-container canvas,#canvas-container>div{display:block;width:100%;height:100%}#canvas-container.landing-active .mapboxgl-ctrl{display:none}#hud{position:fixed;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;pointer-events:none;background:transparent;border-bottom:none}#hud>*{pointer-events:auto}.hud-left{display:flex;align-items:center;gap:.5rem}.hud-title{font-family:var(--font-heading);font-size:.9375rem;font-weight:600;margin:0 .5rem 0 0;color:#ffffff;text-shadow:0 1px 3px rgba(0,0,0,.7)}.hud-controls{display:flex;align-items:center;gap:.25rem}.btn{font-family:var(--font-sans);font-size:.8125rem;font-weight:500;padding:.35rem .65rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--card-foreground);cursor:pointer;transition:background .15s ease,border-color .15s ease;display:inline-flex;align-items:center;gap:.35rem}.btn:hover{background:var(--surface-hover);border-color:rgba(255,255,255,.12)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-active{background:var(--surface-hover);border-color:rgba(255,255,255,.15)}.btn-active:hover{background:#3f3f46;border-color:rgba(255,255,255,.18)}.btn-primary{background:var(--foreground);color:var(--background);border-color:var(--foreground)}.btn-primary:hover{background:#e4e4e7;border-color:#e4e4e7}.btn-primary:disabled{background:var(--muted);border-color:var(--muted)}.btn-toolkit-mobile{display:none}.hud-center{position:absolute;left:50%;top:120%;transform:translate(-50%,-50%);padding:.5rem 1.25rem;background:rgba(255,255,255,0);border-radius:9999px}.hud-time-controls{display:flex;flex-direction:column;align-items:center;gap:.2rem}.hud-time-controls .btn{white-space:nowrap}.hud-time-buttons{display:flex;gap:4px}.hud-time-buttons .btn{display:inline-flex;align-items:center;justify-content:center;width:1.8rem;height:1.8rem;border-radius:9999px;border:2px solid #f6f1e2;background:transparent;color:#ffffff;padding:0 0 0 1px;font-size:.9rem;line-height:1;box-shadow:0 0 10px rgba(0,0,0,.1)}.hud-time-buttons .btn-primary{border-color:#f6f1e2;background:transparent;color:#ffffff;font-size:1.2rem;line-height:.2}.hud-time-buttons .btn:hover{background:#ffffff;color:#000000;border-color:#ffffff}.hud-time-buttons .btn span[aria-hidden]{display:inline-block;margin-left:0;margin-right:0}.time-day{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;letter-spacing:-.03em;line-height:1.15;color:var(--foreground);white-space:nowrap;min-width:13ch;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6),0 0 14px rgba(0,0,0,.2)}.hud-right{display:flex;align-items:center;gap:.75rem}.stat-pill{font-family:var(--font-heading);font-size:.7rem;padding:.25rem .5rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--muted-foreground)}.stat-pill .label{text-transform:uppercase;letter-spacing:.04em;margin-right:.25rem}.stat-pill .value{color:var(--foreground);font-weight:500}.stat-pill-sep{color:var(--muted-foreground);font-weight:400}.stat-pill-pop{font-weight:500}.toolkit-layer{position:fixed;inset:0;z-index:16;pointer-events:none}.toolkit-desktop-shell{display:flex;align-items:flex-start;gap:.65rem;padding:4.25rem .75rem .75rem}.toolkit-rail{pointer-events:auto;display:flex;flex-direction:column;gap:.25rem;padding:.25rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.toolkit-rail-btn{width:2rem;height:2rem;padding:0;border:1px solid transparent;border-radius:2px;background:transparent;color:var(--muted-foreground);cursor:pointer;transition:color .15s,background .15s}.toolkit-rail-btn svg{width:1.125rem;height:1.125rem}.toolkit-rail-btn.active,.toolkit-rail-btn:hover{color:var(--foreground);background:var(--surface-hover)}.toolkit-rail-btn.active{border-color:var(--border)}.toolkit-panel{pointer-events:auto;width:18rem;max-height:calc(100vh - 5rem);overflow-y:auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:.5rem;transition:opacity .2s ease;box-shadow:0 4px 12px rgba(0,0,0,.25)}.toolkit-panel.wide{width:min(23rem,calc(100vw - 4.5rem))}.toolkit-panel.collapsed{opacity:0;transform:translateX(-6px);pointer-events:none}.toolkit-stack{display:flex;flex-direction:column;gap:.5rem}.toolkit-card{background:var(--background);border:1px solid var(--border);border-radius:var(--radius);padding:.6rem}.toolkit-card h3{font-family:var(--font-heading);font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--muted-foreground);margin:0 0 .55rem}.toolkit-muted{margin:0 0 .6rem;font-size:.75rem;color:var(--muted-foreground)}.event-input{display:flex;flex-direction:column;gap:.5rem}.event-input textarea{flex:1 1;font-family:var(--font-sans);font-size:.75rem;padding:.4rem .5rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--background);color:var(--foreground);resize:vertical}.event-input textarea:focus{outline:none;border-color:var(--muted)}.toolkit-scroll{max-height:26rem;overflow-y:auto}.toolkit-post{padding:.45rem 0;border-bottom:1px solid var(--border);font-size:.72rem}.toolkit-post-author{font-family:var(--font-heading);font-weight:600;color:var(--foreground);display:block;margin-bottom:.1rem}.toolkit-post-text{color:var(--muted-foreground);display:block}.toolkit-post-time{font-family:var(--font-mono);font-size:.6rem;color:var(--muted);display:block;margin-top:.1rem}.toolkit-log{font-family:var(--font-mono);font-size:.66rem;color:var(--muted-foreground)}.toolkit-log-entry{margin:.15rem 0}.toolkit-empty{margin:0;font-size:.74rem;color:var(--muted-foreground)}.toolkit-chart-grid{display:grid;grid-template-columns:130px 1fr;grid-gap:.6rem;gap:.6rem;align-items:center}.toolkit-pie{width:100%;max-width:130px;height:auto}.toolkit-legend{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem}.toolkit-legend li{display:grid;grid-template-columns:.75rem minmax(0,1fr) auto;align-items:center;grid-gap:.45rem;gap:.45rem;font-size:.68rem}.toolkit-legend-swatch{width:.7rem;height:.7rem;border-radius:999px}.toolkit-legend-label{color:var(--foreground)}.toolkit-legend-value{color:var(--muted-foreground);font-family:var(--font-mono)}.toolkit-bar{width:100%;height:auto}.toolkit-svg-label{fill:var(--muted-foreground);font-size:11px;font-family:var(--font-sans)}.toolkit-svg-value{fill:var(--foreground);font-size:11px;font-family:var(--font-mono)}.avatar-desc{font-size:.75rem;color:var(--muted-foreground);margin:0 0 .65rem}.avatar-form label{display:block;margin-bottom:.5rem;font-size:.75rem}.avatar-form label input[type=color],.avatar-form label input[type=text],.avatar-form select{margin-left:.5rem}.avatar-form input[type=range]{vertical-align:middle;width:100px}.avatar-accessories{margin:.5rem 0;font-size:.75rem}.avatar-accessories legend{font-size:.7rem}.avatar-accessories label{margin-right:.75rem;display:inline-block}.avatar-preview{width:48px;height:48px;border-radius:50%;margin:.5rem 0;border:2px solid var(--border)}.btn-avatar-join{margin-top:.5rem}.toolkit-mobile-backdrop,.toolkit-mobile-drawer,.toolkit-mobile-shell{display:none}@media (max-width:1023px){.hud-right,.hud-title{display:none}.hud-center{padding:.35rem .4rem}.hud-time-controls{gap:.35rem}.hud-time-controls .btn{font-size:.75rem;padding:.3rem .5rem}.time-day{font-size:1.02rem}.hud-controls{gap:.4rem}.btn-toolkit-mobile{display:inline-flex}.toolkit-desktop-shell{display:none}.toolkit-mobile-shell{position:fixed;inset:0;z-index:30;display:block;pointer-events:none}.toolkit-mobile-shell.open{pointer-events:auto}.toolkit-mobile-backdrop{position:absolute;inset:0;border:0;background:rgba(0,0,0,.5);opacity:0;transition:opacity .2s ease}.toolkit-mobile-shell.open .toolkit-mobile-backdrop{display:block;opacity:1}.toolkit-mobile-drawer{position:absolute;left:0;right:0;bottom:0;max-height:min(80vh,40rem);border:1px solid var(--border);border-bottom:none;border-radius:var(--radius) var(--radius) 0 0;background:var(--surface);transform:translateY(100%);transition:transform .25s ease;padding:.75rem;display:block;overflow:hidden;box-shadow:0 -4px 12px rgba(0,0,0,.25)}.toolkit-mobile-shell.open .toolkit-mobile-drawer{transform:translateY(0)}.toolkit-mobile-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.5rem}.toolkit-mobile-header h2{margin:0;font-family:var(--font-heading);font-size:.9rem;color:var(--foreground)}.toolkit-mobile-tabs{display:flex;gap:.45rem;overflow-x:auto;padding-bottom:.45rem;margin-bottom:.5rem}.toolkit-mobile-tab{flex:0 0 auto;display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .55rem;border:1px solid var(--border);border-radius:999px;background:rgba(9,9,11,.9);color:var(--muted-foreground);font-size:.68rem;cursor:pointer}.toolkit-mobile-tab svg{width:.95rem;height:.95rem}.toolkit-mobile-tab.active{color:var(--foreground);border-color:rgba(255,255,255,.22)}.toolkit-mobile-content{max-height:calc(min(80vh, 40rem) - 8rem);overflow-y:auto;padding-bottom:.25rem}.toolkit-card,.toolkit-panel{padding:.7rem}.toolkit-chart-grid{grid-template-columns:1fr;justify-items:center}.toolkit-legend{width:100%}}@media (min-width:1024px){.btn-toolkit-mobile,.toolkit-mobile-shell{display:none}}.welcome-screen{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(160deg,rgba(0,0,0,0),rgba(0,0,0,.23) 45%,rgb(0,0,0));padding:2rem;transition:opacity .5s ease,visibility .5s ease}.welcome-screen.hidden{opacity:0;visibility:hidden;pointer-events:none}.welcome-content{text-align:center;width:100%;max-width:100%;display:flex;flex-direction:column;align-items:center;margin-bottom:10vh}.welcome-logo{display:block;width:90vw;max-width:min(800px,98vw);height:auto;margin:0 auto;flex-shrink:0}.welcome-title{font-family:var(--font-heading);font-size:clamp(1.75rem,5vw,2.5rem);font-weight:700;letter-spacing:-.03em;margin:0 0 .5rem;color:var(--foreground);line-height:1.15}.welcome-tagline{font-family:var(--font-sans);font-size:1rem;color:#ffffffb6;margin:-2rem 0 2rem;line-height:1.5}.welcome-features{font-family:var(--font-sans);text-align:left;font-size:.8125rem;color:var(--muted-foreground);margin-bottom:2rem;list-style:none;padding:0}.welcome-features li{padding:.35rem 0 .35rem 1.25rem;position:relative}.welcome-features li:before{content:"";position:absolute;left:0;top:.6rem;width:5px;height:5px;border-radius:50%;background:var(--primary)}.btn-welcome-start{font-size:1rem;padding:.65rem 1.75rem}.star-border-input-wrap{--star-color:#f4ebbd;display:flex;align-items:stretch;width:100%;max-width:420px;margin-top:.25rem;padding:1px;border-radius:var(--radius);border:1px solid var(--star-color);background:rgba(18,18,22,.72);transition:border-color .25s ease,box-shadow .25s ease}.star-border-input-wrap:focus-within{border-color:#f8f0c8;box-shadow:0 0 0 2px rgba(244,235,189,.25)}.star-border-input{flex:1 1;min-width:0;font-size:1rem;padding:.75rem 1.25rem;border-radius:calc(var(--radius) - 1px) 0 0 calc(var(--radius) - 1px);border:none;background:transparent;color:var(--foreground);font-family:var(--font-sans);transition:background .2s ease;box-sizing:border-box}.star-border-submit{display:flex;align-items:center;justify-content:center;width:2.75rem;flex-shrink:0;border:none;border-left:1px solid rgba(244,235,189,.3);border-radius:0 calc(var(--radius) - 1px) calc(var(--radius) - 1px) 0;background:transparent;color:var(--star-color);font-size:1.25rem;cursor:pointer;transition:background .2s ease,color .2s ease}.star-border-submit:hover{background:rgba(255,255,255,.06);color:var(--foreground)}.star-border-submit:focus-visible{outline:2px solid var(--star-color);outline-offset:-2px}.star-border-input::placeholder{color:var(--muted-foreground)}.star-border-input:focus{outline:none;background:rgba(255,255,255,.02)}.star-border-input:focus-visible{outline:none}.welcome-simulate-input.star-border-input-wrap{margin-top:.25rem}