@import"https://fonts.googleapis.com/css2?family=Unbounded:wght@400;700;900&family=Space+Mono:ital,wght@0,400;0,700;1,400&family=DM+Sans:wght@300;400;500&display=swap";:root{--cream: #F5F0E8;--warm-white: #FAF7F2;--black: #1A1A1A;--border: #1A1A1A;--yellow: #FFE135;--red: #FF3B2F;--blue: #4A90FF;--green: #2ECC71;--pink: #FF6B9D;--orange: #FF8C42;--muted: #8A8580;--light: #E8E4DC;--font-display: "Unbounded", sans-serif;--font-mono: "Space Mono", monospace;--font-body: "DM Sans", sans-serif;--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;--space-16: 64px;--topbar-height: 52px;--sidebar-width: 280px;--right-panel-width: 320px;--status-bar-height: 36px;--border-width: 2px;--border-heavy: 2.5px;--border-solid: 2px solid var(--border);--border-heavy-solid: 2.5px solid var(--border);--border-dashed: 2px dashed var(--border);--shadow-hover: 4px 4px 0 var(--border);--shadow-card: 3px 3px 0 var(--border);--shadow-deep: 6px 6px 0 var(--border);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--floor-1: #FFE135;--floor-2: #FF8C42;--floor-3: #FF3B2F;--floor-4: #FF6B9D;--floor-5: #4A90FF;--floor-6: #2ECC71;--floor-7: #9B59B6;--floor-8: #1A1A1A}@keyframes livePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}@keyframes floorRise{0%{transform:scaleY(0);transform-origin:bottom;opacity:0}to{transform:scaleY(1);transform-origin:bottom;opacity:1}}@keyframes slideInUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeInUp{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes typingDot{0%,to{transform:translateY(0);opacity:.4}50%{transform:translateY(-4px);opacity:1}}@keyframes glowFlash{0%{background:var(--yellow)}50%{background:var(--orange)}to{background:var(--yellow)}}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes ghostPulse{0%,to{opacity:.5}50%{opacity:.3}}@keyframes marquee{0%{transform:translate(100%)}to{transform:translate(-100%)}}@keyframes popIn{0%{transform:scale(.8);opacity:0}70%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}.anim-fade-in{animation:fadeInUp .4s ease forwards}.anim-fade-in-d1{animation:fadeInUp .4s ease .05s forwards;opacity:0}.anim-fade-in-d2{animation:fadeInUp .4s ease .1s forwards;opacity:0}.anim-fade-in-d3{animation:fadeInUp .4s ease .15s forwards;opacity:0}.anim-fade-in-d4{animation:fadeInUp .4s ease .2s forwards;opacity:0}.anim-fade-in-d5{animation:fadeInUp .4s ease .25s forwards;opacity:0}.anim-fade-in-d6{animation:fadeInUp .4s ease .3s forwards;opacity:0}.live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--green);animation:livePulse 1.5s ease-in-out infinite}.typing-dots{display:flex;gap:4px;align-items:center;padding:4px 0}.typing-dots span{width:6px;height:6px;border-radius:50%;background:var(--muted);animation:typingDot 1.2s ease-in-out infinite}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{background:var(--cream);color:var(--black);font-family:var(--font-body);font-weight:400;line-height:1.5;min-height:100vh;overflow-x:hidden}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.1;letter-spacing:-.02em}p{font-family:var(--font-body);line-height:1.6}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--cream)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-mono);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:8px 16px;border:var(--border-solid);border-radius:0;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--black)}.btn:active{transform:translate(0);box-shadow:2px 2px 0 var(--black)}.btn-primary{background:var(--black);color:var(--yellow);border-color:var(--border);box-shadow:4px 4px 0 var(--yellow)}.btn-primary:hover{box-shadow:6px 6px 0 var(--yellow)}.btn-primary:active{box-shadow:2px 2px 0 var(--yellow)}.btn-secondary{background:var(--cream);color:var(--black);border-color:var(--border);box-shadow:4px 4px 0 var(--black)}.btn-secondary:hover{background:var(--light);box-shadow:6px 6px 0 var(--black)}.btn-secondary:active{box-shadow:2px 2px 0 var(--black)}.btn-yellow{box-shadow:4px 4px 0 var(--black)}.btn-yellow:hover{box-shadow:6px 6px 0 var(--black)}.btn-yellow:active{box-shadow:2px 2px 0 var(--black)}.btn-yellow{background:var(--yellow);color:var(--black);border-color:var(--border)}.btn-ghost{background:transparent;color:var(--black);border-color:var(--border)}.btn-danger{background:var(--red);color:var(--warm-white);border-color:var(--border)}.btn-sm{font-size:10px;padding:5px 10px}.btn-lg{font-size:14px;padding:12px 24px}.btn-xl{font-size:16px;padding:16px 32px}.btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.card{background:var(--warm-white);border:var(--border-solid);border-radius:0;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.card:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-hover)}.card-static{background:var(--warm-white);border:var(--border-solid);border-radius:0}input,textarea,select{font-family:var(--font-body);font-size:14px;background:var(--warm-white);border:var(--border-solid);border-radius:0;padding:10px 12px;color:var(--black);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}input:focus,textarea:focus,select:focus{border-color:var(--black);box-shadow:3px 3px 0 var(--border)}input::placeholder,textarea::placeholder{color:var(--muted);font-style:italic}label{font-family:var(--font-mono);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--black);display:block;margin-bottom:var(--space-2)}.tag{font-family:var(--font-mono);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:3px 8px;border:1.5px solid var(--border);border-radius:0;display:inline-flex;align-items:center;gap:4px}.tag-yellow{background:var(--yellow);color:var(--black)}.tag-red{background:var(--red);color:#fff}.tag-green{background:var(--green);color:#fff}.tag-blue{background:var(--blue);color:#fff}.tag-pink{background:var(--pink);color:#fff}.tag-orange{background:var(--orange);color:#fff}.tag-black{background:var(--black);color:var(--yellow)}.tag-muted{background:var(--light);color:var(--muted);border-color:var(--muted)}.divider{border:none;border-top:2px solid var(--border);margin:var(--space-4) 0}.divider-light{border:none;border-top:1px solid var(--light);margin:var(--space-4) 0}.section-label{font-family:var(--font-mono);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);padding-bottom:var(--space-2);border-bottom:2px solid var(--border);margin-bottom:var(--space-3)}.timestamp{font-family:var(--font-mono);font-size:10px;color:var(--muted);letter-spacing:.04em}.handle{font-family:var(--font-display);font-weight:700;font-size:13px;letter-spacing:-.01em}.coords{font-family:var(--font-mono);font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;background:var(--red);color:#fff;font-family:var(--font-mono);font-size:9px;font-weight:700;border:1.5px solid var(--border);border-radius:0}.spinner{width:20px;height:20px;border:2px solid var(--light);border-top-color:var(--black);border-radius:50%;animation:spin .8s linear infinite}.ghost-style{filter:grayscale(1);opacity:.55}.floor-bar{width:100%;display:flex;flex-direction:column;gap:2px}.floor-bar-item{height:12px;border:1.5px solid rgba(0,0,0,.25)}.app-shell{display:grid;grid-template-rows:var(--topbar-height) 1fr var(--status-bar-height);grid-template-columns:var(--sidebar-width) 1fr;min-height:100vh;background:var(--cream)}.app-shell-topbar{grid-column:1 / -1;grid-row:1}.app-shell-sidebar{grid-column:1;grid-row:2;border-right:var(--border-heavy-solid);overflow-y:auto}.app-shell-main{grid-column:2;grid-row:2;overflow-y:auto}.app-shell-statusbar{grid-column:1 / -1;grid-row:3}.map-grid-bg{background-image:linear-gradient(to right,#d4cfc6 1px,transparent 1px),linear-gradient(to bottom,#d4cfc6 1px,transparent 1px);background-size:80px 80px;background-color:var(--cream)}.text-mono{font-family:var(--font-mono)}.text-display{font-family:var(--font-display)}.text-body{font-family:var(--font-body)}.text-upper{text-transform:uppercase}.text-muted{color:var(--muted)}.text-yellow{color:var(--yellow)}.text-red{color:var(--red)}.text-green{color:var(--green)}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-gap-2{gap:var(--space-2)}.flex-gap-3{gap:var(--space-3)}.flex-gap-4{gap:var(--space-4)}.items-center{align-items:center}.justify-between{justify-content:space-between}.w-full{width:100%}.h-full{height:100%}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.p-6{padding:var(--space-6)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;user-select:none}input,button,textarea,select,[class*=btn],[class*=card]{border-radius:0!important}@media (max-width: 768px){.desktop-sidebar,.desktop-statusbar,.topbar-search-wrapper{display:none!important}.topbar-add-floor-text{display:none}.app-shell{grid-template-columns:1fr!important;grid-template-rows:48px 1fr!important}.city-feed-grid{grid-template-columns:1fr!important;padding:8px!important;gap:8px!important}.right-panel-desktop{display:none!important}.card{margin-bottom:8px}.floor-post{padding:10px!important}.wire-list-container{padding:12px 8px!important}.ghost-grid{grid-template-columns:1fr!important}.heading-xl{font-size:24px!important}.heading-lg{font-size:20px!important}button,.btn,a.btn{min-height:44px}input,textarea,select{font-size:16px!important}body,#root{overflow-x:hidden;max-width:100vw}.city-map-left-panel,.city-map-minimap{display:none!important}.floor-composer{padding:8px!important}.upgrade-grid{grid-template-columns:1fr!important}.feature-table-col{display:none}.feature-table-col:first-child,.feature-table-col:nth-child(2){display:table-cell}}@media (min-width: 769px){.bottom-nav-mobile{display:none!important}}@media (hover: none) and (pointer: coarse){.card:active{transform:translate(-2px,-2px);box-shadow:4px 4px #1a1a1a}.btn:active{transform:translate(-1px,-1px);box-shadow:2px 2px #1a1a1a}}@media (min-width: 769px) and (max-width: 1024px){.app-shell{grid-template-columns:220px 1fr!important}}