@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;500;600&family=Space+Mono:wght@400;700&display=swap";.quadrant-ul{background:linear-gradient(135deg,#141e14e6,#0a0f0af2)}.quadrant-ul .quadrant-header{align-items:flex-start}.quadrant-ul .quadrant-label{text-align:left}.vitruvian-container{position:relative;width:320px;height:320px}.vitruvian-image{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;background-image:url(../vitruvian.jpg);background-size:contain;background-position:center;background-repeat:no-repeat;opacity:.7;border-radius:50%;z-index:1}.identity-ring{position:absolute;top:50%;left:50%;border-radius:50%;border:2px solid;transition:all .3s ease;animation:ringPulse 4s ease-in-out infinite}.identity-ring:hover{border-width:3px;box-shadow:0 0 25px currentColor}.ring-bio{width:300px;height:300px;transform:translate(-50%,-50%)}.ring-cred{width:240px;height:240px;transform:translate(-50%,-50%);animation-delay:.5s}.ring-peer{width:180px;height:180px;transform:translate(-50%,-50%);animation-delay:1s}.ring-label{position:absolute;font-family:Space Mono,monospace;font-size:.6rem;padding:3px 8px;border-radius:10px;background:#0a0f0ad9;white-space:nowrap;transition:opacity .3s ease;top:5px;left:50%;transform:translate(-50%)}@keyframes ringPulse{0%,to{opacity:.6}50%{opacity:1}}.quadrant-ur{background:linear-gradient(225deg,#141e14e6,#0a0f0af2)}.quadrant-ur .quadrant-header{flex-direction:row-reverse}.quadrant-ur .quadrant-label,.quadrant-ur .quadrant-subtitle{text-align:right}.breadcrumb{position:absolute;top:.5rem;left:1rem;font-family:Space Mono,monospace;font-size:.7rem;color:var(--text-muted);z-index:10}.breadcrumb-separator{color:var(--accent-gold-dim);margin:0 .25rem}.breadcrumb-item{cursor:pointer;transition:color .2s ease}.breadcrumb-item:hover{color:var(--accent-gold)}.breadcrumb-item.active{color:var(--text-light);cursor:default}.wordcloud-container{width:100%;height:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem;padding:1rem;transition:opacity .15s ease,transform .15s ease;color:var(--text-light)}.wordcloud-container.transitioning{opacity:0;transform:scale(.95)}.word-item{font-family:Cormorant Garamond,serif;color:inherit;cursor:pointer;transition:all .3s ease;padding:.2rem .5rem;position:relative;animation:wordFadeIn .4s ease forwards;opacity:0}@keyframes wordFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.word-item:hover{filter:brightness(1.3);text-shadow:0 0 15px currentColor;transform:scale(1.1)}.word-item.has-children{padding-right:1.2rem}.word-item.has-children:hover{transform:scale(1.1) translate(3px)}.word-indicator{position:absolute;right:.2rem;top:50%;transform:translateY(-50%);font-family:Space Mono,monospace;font-size:.8em;color:var(--accent-gold);opacity:0;transition:opacity .2s ease,transform .2s ease}.word-item.has-children:hover .word-indicator{opacity:1;transform:translateY(-50%) translate(3px)}.word-xl{font-size:2rem;font-weight:600}.word-lg{font-size:1.5rem;font-weight:500}.word-md{font-size:1.2rem}.word-sm{font-size:1rem;opacity:.8}.word-xs{font-size:.85rem;opacity:.6}.word-sm,.word-xs{animation:wordFadeInMuted .4s ease forwards}@keyframes wordFadeInMuted{0%{opacity:0;transform:translateY(10px)}to{opacity:.7;transform:translateY(0)}}.word-xs{animation:wordFadeInDim .4s ease forwards}@keyframes wordFadeInDim{0%{opacity:0;transform:translateY(10px)}to{opacity:.5;transform:translateY(0)}}.back-hint{position:absolute;bottom:1rem;left:1rem;font-family:Space Mono,monospace;font-size:.65rem;color:var(--accent-gold-dim);animation:backHintPulse 2s ease-in-out infinite}@keyframes backHintPulse{0%,to{opacity:.4}50%{opacity:.8}}.quadrant-ll{background:linear-gradient(45deg,#141e14e6,#0a0f0af2)}.hands-container{position:relative;width:350px;height:280px;display:flex;align-items:center;justify-content:center}.hand{position:absolute;width:140px;height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.hand:hover{transform:scale(1.05)}.hand-giving{left:10px}.hand-receiving{right:10px}.hand-icon{font-size:5rem;margin-bottom:.5rem;filter:drop-shadow(0 0 10px rgba(201,162,39,.3))}.hand-giving .hand-icon{transform:scaleX(-1)}.hand-label{font-family:Space Mono,monospace;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--accent-gold)}.hand-stats{font-family:Space Mono,monospace;font-size:.65rem;color:var(--text-muted);margin-top:.25rem}.hands-divider{width:2px;height:120px;background:linear-gradient(to bottom,transparent,var(--accent-gold),transparent)}.contribution-flow{position:absolute;bottom:0;left:50%;transform:translate(-50%);display:flex;gap:.5rem;font-family:Space Mono,monospace;font-size:.6rem;color:var(--text-muted)}.flow-dot{width:6px;height:6px;border-radius:50%;background:var(--accent-gold);animation:flowPulse 2s ease-in-out infinite}.flow-dot:nth-child(2){animation-delay:.3s}.flow-dot:nth-child(3){animation-delay:.6s}@keyframes flowPulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.quadrant-lr{background:linear-gradient(315deg,#0f1923f2,#0a0f0af2)}.quadrant-lr .quadrant-header{flex-direction:row-reverse}.quadrant-lr .quadrant-label,.quadrant-lr .quadrant-subtitle{text-align:right}.cell-canvas{position:relative;width:320px;height:320px}.cell-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;border:2px solid}.cell-outer{width:300px;height:300px;border-color:#2d5a2d;background:radial-gradient(circle,transparent 85%,rgba(45,90,45,.3) 100%)}.cell-paths{width:260px;height:260px;border-color:#c9a227;border-width:8px;opacity:.7}.cell-agriculture{width:220px;height:220px;border-color:#7cb342;background:repeating-conic-gradient(from 0deg,#7cb34233,#7cb34233 30deg,#64963226 30deg,#64963226 60deg)}.cell-common{width:140px;height:140px;border-color:#558b2f;background:radial-gradient(circle,#558b2f66,#558b2f33)}.cell-kernel{width:40px;height:40px;border-color:var(--accent-gold);background:var(--accent-gold);box-shadow:0 0 20px #c9a22780;cursor:pointer;transition:all .3s ease}.cell-kernel:hover{transform:translate(-50%,-50%) scale(1.2);box-shadow:0 0 30px #c9a227cc}.cell-divider{position:absolute;top:50%;left:50%;width:1px;height:150px;background:#64b4ff66;transform-origin:bottom center}.housing-pod{position:absolute;width:20px;height:20px;border-radius:50%;background:#b48c6499;border:2px solid rgba(180,140,100,.8);cursor:pointer;transition:all .3s ease}.housing-pod:hover{transform:scale(1.3);box-shadow:0 0 15px #b48c6480}.water-feature{position:absolute;top:15%;left:50%;transform:translate(-50%);width:50px;height:30px;background:#6496c866;border-radius:50%;border:1px solid rgba(100,150,200,.6)}.cell-name{position:absolute;bottom:-25px;left:50%;transform:translate(-50%);font-family:Space Mono,monospace;font-size:.7rem;color:var(--text-muted);white-space:nowrap}.app{width:100vw;height:100vh;position:relative}.os-container{width:100vw;height:100vh;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.cross-vertical{position:fixed;top:0;left:50%;transform:translate(-50%);width:3px;height:100%;background:var(--quadrant-border);z-index:100;box-shadow:0 0 15px #ffffff4d;pointer-events:none}.cross-horizontal{position:fixed;top:50%;left:0;transform:translateY(-50%);width:100%;height:3px;background:var(--quadrant-border);z-index:100;box-shadow:0 0 15px #ffffff4d;pointer-events:none}.cross-center{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:24px;height:24px;background:var(--accent-gold);border-radius:50%;z-index:101;box-shadow:0 0 30px var(--accent-gold);cursor:pointer;transition:all .3s ease}.cross-center:hover{transform:translate(-50%,-50%) scale(1.3);box-shadow:0 0 50px var(--accent-gold)}.quadrant{position:relative;padding:1.5rem;display:flex;flex-direction:column;overflow:hidden;cursor:pointer;transition:all .4s ease}.quadrant:hover{background:#ffffff05}.quadrant-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;z-index:10}.quadrant-label{font-family:Space Mono,monospace;font-size:2rem;font-weight:700;color:var(--accent-gold);text-shadow:0 0 20px rgba(201,162,39,.5)}.quadrant-subtitle{font-family:Space Mono,monospace;font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted)}.quadrant-content{flex:1;display:flex;align-items:center;justify-content:center;position:relative}.click-hint{position:absolute;bottom:1rem;right:1rem;font-family:Space Mono,monospace;font-size:.65rem;color:var(--text-muted);opacity:0;transition:opacity .3s ease}.quadrant:hover .click-hint{opacity:1}.info-panel{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);padding:.75rem 1.5rem;background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--accent-gold-dim);border-radius:8px;font-family:Space Mono,monospace;font-size:.8rem;color:var(--text-light);opacity:0;transition:opacity .3s ease;z-index:200;pointer-events:none}.info-panel.visible{opacity:1}:root{--bg-dark: #0a0f0a;--bg-medium: #1a2f1a;--accent-gold: #c9a227;--accent-gold-dim: rgba(201, 162, 39, .3);--accent-cream: #f5f0e1;--text-light: #e8e4d9;--text-muted: rgba(232, 228, 217, .6);--quadrant-border: rgba(255, 255, 255, .9);--glass-bg: rgba(10, 15, 10, .85)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Cormorant Garamond,Georgia,serif;background:var(--bg-dark);min-height:100vh;overflow:hidden;color:var(--text-light)}#root{min-height:100vh}