@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=IBM+Plex+Sans:wght@300;400;500;600&display=swap";:root{--bg-deep: #0a0a0f;--bg-panel: rgba(15, 15, 25, .98);--bg-card: rgba(100, 150, 255, .05);--border-subtle: rgba(100, 150, 255, .1);--border-medium: rgba(100, 150, 255, .2);--border-accent: rgba(100, 150, 255, .4);--text-primary: rgba(255, 255, 255, .9);--text-secondary: rgba(255, 255, 255, .7);--text-tertiary: rgba(255, 255, 255, .5);--text-muted: rgba(255, 255, 255, .3);--accent-blue: rgba(100, 180, 255, .9);--accent-green: rgba(100, 255, 150, .9);--accent-amber: rgba(255, 200, 100, .9);--accent-red: rgba(255, 100, 100, .9);--accent-purple: rgba(200, 150, 255, .9);--font-mono: "IBM Plex Mono", "SF Mono", "Fira Code", monospace;--font-sans: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, sans-serif;--panel-width-left: 280px;--panel-width-right: 260px;--footer-height: 48px;--transition-fast: .15s ease;--transition-medium: .3s ease;--transition-slow: .5s ease}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;font-family:var(--font-sans);background:var(--bg-deep);color:var(--text-primary);overflow:hidden}.claude-mind,.society-status,.controls,.event-log{user-select:none}button:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.loading{display:flex;align-items:center;justify-content:center;height:100vh;font-family:var(--font-mono);font-size:12px;color:var(--text-muted);letter-spacing:2px}.loading:after{content:"";width:8px;height:8px;margin-left:12px;background:var(--accent-blue);border-radius:50%;animation:pulse 1s ease infinite}.claude-mind{height:100%;display:flex;flex-direction:column;background:linear-gradient(180deg,#0f0f19fa,#0a0a12fa);border-right:1px solid rgba(100,150,255,.15);overflow:hidden}.panel-header{display:flex;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid rgba(100,150,255,.1);background:#6496ff08}.header-icon{color:#64b4ffcc;font-size:14px}.header-title{font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:500;letter-spacing:2px;color:#ffffffb3}.mind-content{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:20px}.mind-content::-webkit-scrollbar{width:4px}.mind-content::-webkit-scrollbar-track{background:transparent}.mind-content::-webkit-scrollbar-thumb{background:#6496ff33;border-radius:2px}.mind-section{display:flex;flex-direction:column;gap:10px}.section-title{font-family:IBM Plex Mono,monospace;font-size:9px;font-weight:500;letter-spacing:1.5px;color:#fff6;margin:0}.era-display{display:flex;align-items:center;gap:12px}.era-badge{font-family:IBM Plex Mono,monospace;font-size:12px;font-weight:600;letter-spacing:1px;padding:6px 12px;border-radius:4px;background:#6496ff1a;color:#64b4ffe6;border:1px solid rgba(100,150,255,.2)}.era-chaos{background:#ff64641a;color:#ff9696e6;border-color:#ff646433}.era-formation{background:#ffc8641a;color:#ffdc96e6;border-color:#ffc86433}.era-growth{background:#64ff961a;color:#96ffb4e6;border-color:#64ff9633}.era-golden{background:#ffdc6426;color:#ffe696f2;border-color:#ffdc644d}.era-decline{background:#ff96641a;color:#ffb496e6;border-color:#ff966433}.era-collapse{background:#ff505026;color:#ff7878f2;border-color:#ff50504d}.era-rebirth{background:#96c8ff1a;color:#b4dcffe6;border-color:#96c8ff33}.tick-counter{font-family:IBM Plex Mono,monospace;font-size:11px;color:#ffffff4d}.goals-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.goal-item{font-family:IBM Plex Sans,sans-serif;font-size:12px;line-height:1.5;color:#ffffffbf;display:flex;gap:8px}.goal-marker{color:#64b4ff99;flex-shrink:0}.observations{display:flex;flex-direction:column;gap:8px}.observation{font-family:IBM Plex Sans,sans-serif;font-size:12px;line-height:1.6;color:#fff9;margin:0;padding-left:12px;border-left:2px solid rgba(100,150,255,.2)}.dilemma-section{background:#ffc8640d;padding:12px;border-radius:6px;border:1px solid rgba(255,200,100,.1)}.dilemma{font-family:IBM Plex Sans,sans-serif;font-size:12px;line-height:1.6;color:#ffdc96d9;font-style:italic}.last-decision{display:flex;flex-direction:column;gap:8px}.decision-text{font-family:IBM Plex Sans,sans-serif;font-size:12px;font-weight:500;color:#fffc;margin:0}.reasoning-text{font-family:IBM Plex Sans,sans-serif;font-size:11px;line-height:1.6;color:#ffffff80;margin:0}.stats-section{margin-top:auto;padding-top:16px;border-top:1px solid rgba(100,150,255,.1)}.governance-stats{display:flex;flex-direction:column;gap:8px}.stat-row{display:flex;justify-content:space-between;align-items:center}.stat-label{font-family:IBM Plex Mono,monospace;font-size:10px;color:#ffffff80}.stat-value{font-family:IBM Plex Mono,monospace;font-size:12px;font-weight:600;color:#fffc}.stat-bar{height:4px;background:#6496ff1a;border-radius:2px;overflow:hidden;margin-top:4px}.stat-fill{height:100%;border-radius:2px;transition:width .5s ease}.intervention-fill{background:linear-gradient(90deg,#64b4ff99,#ffb46499)}.stat-labels{display:flex;justify-content:space-between;font-family:IBM Plex Mono,monospace;font-size:8px;color:#ffffff4d;text-transform:uppercase;letter-spacing:1px}.society-status{height:100%;display:flex;flex-direction:column;background:linear-gradient(180deg,#0f0f19fa,#0a0a12fa);border-left:1px solid rgba(100,150,255,.15);overflow:hidden}.society-status .panel-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(100,150,255,.1);background:#6496ff08}.society-status .header-icon{color:#64b4ffcc;font-size:14px}.society-status .header-title{font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:500;letter-spacing:2px;color:#ffffffb3}.status-content{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:24px}.status-content::-webkit-scrollbar{width:4px}.status-content::-webkit-scrollbar-track{background:transparent}.status-content::-webkit-scrollbar-thumb{background:#6496ff33;border-radius:2px}.metrics-section{display:flex;flex-direction:column;gap:16px}.metric-display{display:flex;flex-direction:column;gap:6px}.metric-header{display:flex;justify-content:space-between;align-items:baseline}.metric-label{font-family:IBM Plex Mono,monospace;font-size:9px;font-weight:500;letter-spacing:1.5px;color:#fff6}.metric-value{font-family:IBM Plex Mono,monospace;font-size:16px;font-weight:600}.metric-bar-container{height:4px;background:#ffffff0d;border-radius:2px;overflow:hidden}.metric-bar{height:100%;border-radius:2px;transition:width .3s ease}.metric-bar.inverted{background:#ff646466!important}.sparkline{width:100%;height:20px;margin-top:4px;opacity:.6}.clusters-section{margin-top:auto}.section-title{font-family:IBM Plex Mono,monospace;font-size:9px;font-weight:500;letter-spacing:1.5px;color:#fff6;margin:0 0 12px}.clusters-list{display:flex;flex-direction:column;gap:10px}.cluster-card{background:#6496ff0d;border:1px solid rgba(100,150,255,.1);border-radius:6px;padding:10px 12px}.cluster-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.cluster-name{font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:500;color:#ffffffb3;letter-spacing:.5px}.cluster-pop{font-family:IBM Plex Mono,monospace;font-size:12px;font-weight:600;color:#64b4ffcc}.cluster-stats{display:flex;flex-direction:column;gap:6px}.cluster-stat{display:flex;align-items:center;gap:8px}.cluster-stat-label{font-family:IBM Plex Mono,monospace;font-size:8px;color:#ffffff59;letter-spacing:1px;width:24px}.mini-bar{flex:1;height:3px;background:#ffffff0d;border-radius:1.5px;overflow:hidden}.mini-fill{height:100%;border-radius:1.5px;transition:width .3s ease}.mini-fill.stability{background:#64c8ff80}.mini-fill.resources{background:#64ff9680}.event-log{display:flex;align-items:center;height:100%;background:linear-gradient(90deg,#0a0a12fa,#0f0f19f2);border-top:1px solid rgba(100,150,255,.1);padding:0 20px;gap:16px;overflow:hidden}.event-log-label{display:flex;align-items:center;gap:8px;flex-shrink:0}.label-icon{color:#64b4ff99;font-size:10px}.label-text{font-family:IBM Plex Mono,monospace;font-size:9px;font-weight:500;letter-spacing:1.5px;color:#fff6}.event-ticker{flex:1;display:flex;gap:24px;overflow-x:auto;scroll-behavior:smooth;padding:8px 0}.event-ticker::-webkit-scrollbar{display:none}.event-item{display:flex;align-items:center;gap:8px;flex-shrink:0;animation:fadeIn .3s ease forwards}@keyframes fadeIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.event-tick{font-family:IBM Plex Mono,monospace;font-size:9px;color:#ffffff40}.event-separator{color:#ffffff1a;font-size:10px}.event-message{font-family:IBM Plex Sans,sans-serif;font-size:11px;color:#fff9;white-space:nowrap}.event-item.info .event-message{color:#ffffff80}.event-item.warning .event-message{color:#ffc864cc}.event-item.crisis .event-message{color:#ff6464e6}.event-item.milestone .event-message{color:#64c8ffd9}.event-item.intervention .event-message{color:#c8b4ffd9}.event-item.claude-action:before{content:"◈";font-size:8px;color:#64b4ff99;margin-right:4px}.controls{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:20px;background:#0a0a12e6;backdrop-filter:blur(12px);border:1px solid rgba(100,150,255,.2);border-radius:12px;padding:14px 24px;z-index:100}.controls.claude-controlled{border-color:#64b4ff4d;box-shadow:0 0 30px #6496ff1a}.claude-badge{display:flex;align-items:center;gap:10px}.claude-icon{font-size:16px;color:#64b4ffe6;animation:pulse-icon 3s ease infinite}@keyframes pulse-icon{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.claude-label{font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:600;letter-spacing:2px;color:#64b4ffe6}.control-divider{width:1px;height:24px;background:#ffffff1a}.status-group{display:flex;gap:20px}.status-item{display:flex;flex-direction:column;align-items:center;gap:4px}.status-label{font-family:IBM Plex Mono,monospace;font-size:8px;font-weight:500;letter-spacing:1.5px;color:#ffffff59}.status-value{font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:600;color:#fffc}.status-value.running{color:#64ff96e6}.status-value.paused{color:#ffc864e6}.ai-status{display:flex;flex-direction:column;align-items:center;gap:6px}.ai-toggle-btn{font-family:IBM Plex Mono,monospace;font-size:9px;font-weight:600;letter-spacing:1px;padding:6px 12px;border-radius:6px;border:1px solid rgba(255,255,255,.2);background:#ffffff0d;color:#ffffffb3;cursor:pointer;transition:all .3s ease}.ai-toggle-btn:hover{background:#ffffff1a;border-color:#ffffff4d}.ai-toggle-btn.live{background:#64ff9626;border-color:#64ff9666;color:#64ff96;animation:pulse-glow 2s ease infinite}.ai-toggle-btn.sim{background:#6496ff1a;border-color:#6496ff4d;color:#64b4ffe6}@keyframes pulse-glow{0%,to{box-shadow:0 0 5px #64ff9633}50%{box-shadow:0 0 15px #64ff9666}}.collapse-screen{position:fixed;inset:0;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#05050af7;backdrop-filter:blur(20px);animation:fadeIn .5s ease;overflow:hidden}.collapse-screen.fade-out{animation:fadeOut 1s ease forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.collapse-center-message{display:flex;flex-direction:column;align-items:center;gap:40px;animation:shakeIn .6s ease}@keyframes shakeIn{0%{transform:scale(1.5);opacity:0}20%{transform:scale(1.1) translate(-10px)}40%{transform:scale(1.05) translate(10px)}60%{transform:scale(1.02) translate(-5px)}80%{transform:scale(1.01) translate(5px)}to{transform:scale(1) translate(0);opacity:1}}.glitch-container{position:relative}.collapse-big-text{font-family:IBM Plex Mono,monospace;font-size:72px;font-weight:700;letter-spacing:8px;color:#ff5050f2;text-shadow:0 0 20px rgba(255,80,80,.5),0 0 40px rgba(255,80,80,.3),0 0 80px rgba(255,80,80,.2);margin:0;animation:flicker 3s ease infinite}@keyframes flicker{0%,to{opacity:1}92%{opacity:1}93%{opacity:.8}94%{opacity:1}96%{opacity:.9}97%{opacity:1}}.collapse-big-text:before,.collapse-big-text:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.collapse-big-text:before{left:2px;text-shadow:-2px 0 rgba(255,0,0,.7);clip-path:inset(0 0 50% 0);animation:glitch-1 2s infinite linear alternate-reverse}.collapse-big-text:after{left:-2px;text-shadow:2px 0 rgba(0,255,255,.7);clip-path:inset(50% 0 0 0);animation:glitch-2 2s infinite linear alternate-reverse}@keyframes glitch-1{0%{clip-path:inset(20% 0 60% 0)}20%{clip-path:inset(40% 0 40% 0)}40%{clip-path:inset(60% 0 20% 0)}60%{clip-path:inset(30% 0 50% 0)}80%{clip-path:inset(10% 0 70% 0)}to{clip-path:inset(50% 0 30% 0)}}@keyframes glitch-2{0%{clip-path:inset(60% 0 20% 0)}20%{clip-path:inset(30% 0 50% 0)}40%{clip-path:inset(10% 0 70% 0)}60%{clip-path:inset(50% 0 30% 0)}80%{clip-path:inset(20% 0 60% 0)}to{clip-path:inset(40% 0 40% 0)}}.restart-notice{display:flex;flex-direction:column;align-items:center;gap:16px}.restart-text{font-family:IBM Plex Mono,monospace;font-size:14px;font-weight:500;letter-spacing:4px;color:#ffffff80}.countdown-big{font-family:IBM Plex Mono,monospace;font-size:120px;font-weight:700;color:#64c8fff2;text-shadow:0 0 30px rgba(100,200,255,.5),0 0 60px rgba(100,200,255,.3);line-height:1;animation:pulse-countdown 1s ease infinite}@keyframes pulse-countdown{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.collapse-details{position:absolute;bottom:40px;left:50%;transform:translate(-50%);opacity:0;transition:opacity .8s ease}.collapse-details.visible{opacity:1}.collapse-content{display:flex;flex-direction:column;align-items:center;text-align:center;padding:24px 40px;background:#00000080;border:1px solid rgba(255,255,255,.1);border-radius:12px;backdrop-filter:blur(10px)}.collapse-icon{font-size:24px;color:#64b4ffcc;margin-bottom:12px}.collapse-subtitle{font-family:IBM Plex Sans,sans-serif;font-size:14px;color:#fff9;margin:0 0 20px}.collapse-subtitle strong{color:#ffffffe6}.collapse-stats{display:flex;gap:24px;margin-bottom:20px}.stat-block{display:flex;flex-direction:column;gap:4px;padding:12px 16px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px}.stat-label{font-family:IBM Plex Mono,monospace;font-size:8px;font-weight:500;letter-spacing:1.5px;color:#fff6}.stat-value{font-family:IBM Plex Mono,monospace;font-size:16px;font-weight:600;color:#ffffffd9}.stat-value.era{color:#ff6464e6}.stat-value.style{color:#64b4ffe6;font-size:12px}.collapse-reflection{padding:16px 24px;background:#6496ff0d;border-left:2px solid rgba(100,150,255,.3);border-radius:0 8px 8px 0}.reflection-text{font-family:IBM Plex Sans,sans-serif;font-size:13px;font-style:italic;color:#fff9;margin:0 0 8px}.reflection-author{font-family:IBM Plex Mono,monospace;font-size:10px;color:#64b4ffb3}.collapse-particles{position:absolute;inset:0;pointer-events:none;overflow:hidden}.particle{position:absolute;bottom:-10px;width:4px;height:4px;background:#ff646466;border-radius:50%;animation:float-up linear infinite}@keyframes float-up{0%{transform:translateY(0) scale(1);opacity:0}10%{opacity:.6}90%{opacity:.3}to{transform:translateY(-100vh) scale(.5);opacity:0}}@media(max-width:1200px){.collapse-big-text{font-size:48px;letter-spacing:4px}.countdown-big{font-size:80px}.collapse-stats{flex-wrap:wrap;justify-content:center}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}.mode-indicator{position:fixed;top:20px;right:20px;z-index:200}.mode-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:600;letter-spacing:1px;border-radius:6px;backdrop-filter:blur(10px)}.mode-badge.broadcaster{background:#ff323226;border:1px solid rgba(255,80,80,.4);color:#ff6464;animation:pulse-broadcast 2s ease infinite}.mode-badge.viewer{background:#64c8ff26;border:1px solid rgba(100,200,255,.4);color:#96dcff}.mode-badge.local{background:#96969626;border:1px solid rgba(150,150,150,.4);color:#b4b4b4}@keyframes pulse-broadcast{0%,to{opacity:1}50%{opacity:.7}}.connecting-screen{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:#0a0a0f}.connecting-content{display:flex;flex-direction:column;align-items:center;gap:20px}.connecting-icon{font-size:48px;color:#64b4ffcc;animation:pulse-icon 2s ease infinite}@keyframes pulse-icon{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.7}}.connecting-title{font-family:IBM Plex Mono,monospace;font-size:24px;font-weight:600;letter-spacing:6px;color:#ffffffe6;margin:0}.connecting-text{font-family:IBM Plex Sans,sans-serif;font-size:14px;color:#ffffff80;margin:0}.connecting-spinner{width:40px;height:40px;border:3px solid rgba(100,150,255,.2);border-top-color:#64b4ffcc;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.app{width:100vw;height:100vh;display:flex;flex-direction:column;background:#0a0a0f;overflow:hidden;position:relative}.title-overlay{position:absolute;top:20px;left:50%;transform:translate(-50%);z-index:50;text-align:center;pointer-events:none}.main-title{font-family:IBM Plex Mono,monospace;font-size:14px;font-weight:600;letter-spacing:8px;color:#ffffff80;margin-bottom:4px}.subtitle{font-family:IBM Plex Sans,sans-serif;font-size:11px;font-weight:400;letter-spacing:2px;color:#ffffff40}.main-layout{flex:1;display:flex;overflow:hidden}.left-panel{width:280px;flex-shrink:0}.right-panel{width:260px;flex-shrink:0}.center-panel{flex:1;position:relative;background:#0a0a0f;overflow:hidden}.bottom-panel{height:48px;flex-shrink:0}@media(max-width:1600px){.left-panel{width:260px}.right-panel{width:240px}}@media(max-width:1280px){.left-panel{width:240px}.right-panel{width:220px}.main-title{font-size:12px;letter-spacing:6px}}::selection{background:#6496ff4d;color:#fff}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#6496ff33;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#6496ff59}