:root{--rubin-ivory: #FAF9F6;--rubin-ivory-med: #F0EEE6;--rubin-ivory-dark: #E8E6DC;--rubin-tone: #F5F2EC;--rubin-slate: #1F1E1D;--rubin-text-primary: #222222;--rubin-text-secondary: #444444;--rubin-text-muted: #777777;--rubin-text-faint: #999999;--rubin-cyan: #44A6E4;--rubin-clay: #D97757;--rubin-riso: #5E7EDF;--rubin-sage: #6B8E7D;--rubin-ochre: #C4A35A;--color-link: var(--rubin-text-primary);--color-link-hover: var(--rubin-cyan);--color-success: var(--rubin-sage);--color-warning: var(--rubin-ochre);--color-error: var(--rubin-clay);--font-display: "EB Garamond", "Crimson Pro", Georgia, serif;--font-body: "EB Garamond", "Crimson Pro", Georgia, serif;--font-code: "Courier Prime", "JetBrains Mono", "Fira Code", monospace;--font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 22px;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem;--font-size-5xl: 3rem;--font-size-6xl: 4rem;--line-height-tight: 1.2;--line-height-base: 1.7;--line-height-relaxed: 1.9;--letter-spacing-tight: -.02em;--letter-spacing-normal: 0;--letter-spacing-wide: .05em;--letter-spacing-wider: .15em;--letter-spacing-ultra: .3em;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--padding-horizontal: 100px;--padding-horizontal-tablet: 64px;--padding-horizontal-mobile: 24px;--padding-section-y: 15vh;--max-width-prose: 65ch;--max-width-content: 900px;--max-width-wide: 1100px;--max-width-container: 1440px;--nav-height: 80px;--nav-height-mobile: 64px;--radius-sm: 2px;--radius-md: 4px;--radius-lg: 8px;--radius-xl: 12px;--radius-full: 9999px;--border-subtle: 1px solid rgba(0, 0, 0, .06);--border-default: 1px solid rgba(0, 0, 0, .1);--border-strong: 1px solid rgba(0, 0, 0, .15);--border-emphasis: 2px solid var(--rubin-text-primary);--shadow-subtle: 0 2px 8px -2px rgba(0, 0, 0, .08);--shadow-default: 0 4px 16px -4px rgba(0, 0, 0, .1);--shadow-elevated: 0 12px 40px -12px rgba(0, 0, 0, .15);--shadow-dramatic: 0 20px 60px -20px rgba(0, 0, 0, .2);--z-base: 0;--z-above: 1;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-tooltip: 600;--z-max: 9999}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--rubin-ivory);color:var(--rubin-text-primary);font-family:var(--font-body);font-size:var(--font-size-base);line-height:var(--line-height-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:400;line-height:1.2}h1{font-size:72px;text-transform:uppercase;letter-spacing:.4em;margin-bottom:2rem}a{color:inherit;text-decoration:none;transition:color .2s ease}a:hover{text-decoration:underline;text-decoration-color:var(--rubin-cyan)}code,pre{font-family:var(--font-code)}:root{--claude-primary: #1E3A8A;--claude-secondary: #3B82F6;--claude-accent: #D4AF37;--claude-light: #DBEAFE;--claude-dark: #1E40AF;--gemini-primary: #581C87;--gemini-secondary: #A855F7;--gemini-accent: #14B8A6;--gemini-light: #F3E8FF;--gemini-dark: #3B0764;--commander-primary: #B8860B;--commander-secondary: #FFD700;--commander-accent: #F59E0B;--commander-dark: #78350F;--gold-lightest: #FFF8DC;--gold-light: #FFD700;--gold-medium: #D4AF37;--gold-dark: #B8860B;--gold-darkest: #8B6914;--bronze-light: #CD7F32;--bronze-medium: #A0522D;--bronze-dark: #8B4513;--steel-light: #B8C4CE;--steel-medium: #71797E;--steel-dark: #48494B;--bg-void: #0A0A0F;--bg-dark: #12121A;--bg-panel: #1A1A24;--bg-elevated: #22222E;--bg-hover: #2A2A38;--bg-parchment: #F5F5DC;--bg-parchment-dark: #D4C89A;--bg-leather: #1C1917;--bg-stone: #374151;--text-gold: #FFD700;--text-light: #F5F5DC;--text-body: #D4D4D8;--text-muted: #9CA3AF;--text-dim: #6B7280;--text-mana: #60A5FA;--text-health: #EF4444;--text-energy: #FBBF24;--text-nature: #4ADE80;--ms-green-1: #789858;--ms-green-2: #587040;--ms-green-3: #384828;--ms-skin-1: #F8D8B0;--ms-skin-2: #E0B888;--ms-skin-3: #C09060;--ms-explosion-1: #F8F8F8;--ms-explosion-2: #F8E850;--ms-explosion-3: #F8A030;--ms-explosion-4: #D05020;--ms-explosion-5: #801810;--sf-blue-1: #5080F8;--sf-blue-2: #3060D0;--sf-blue-3: #2040A8;--sf-red-1: #F83030;--sf-red-2: #C82020;--sf-red-3: #981818;--font-display: "Cinzel", "Trajan Pro", "Times New Roman", serif;--font-body: "Crimson Pro", "Palatino Linotype", Georgia, serif;--font-ui: "Inter", "Segoe UI", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Courier Prime", monospace;--font-pixel: "Press Start 2P", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--text-4xl: 2.5rem;--text-5xl: 3.5rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--border-gold: 3px ridge var(--gold-medium);--border-gold-thick: 5px ridge var(--gold-medium);--border-steel: 2px solid var(--steel-medium);--border-dark: 2px solid var(--bg-void);--border-glow: 0 0 10px var(--gold-light);--border-pixel: 2px solid #000;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-text: 2px 2px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000;--shadow-text-sm: 1px 1px 0 #000;--shadow-box: 4px 4px 12px rgba(0, 0, 0, .6);--shadow-box-lg: 8px 8px 24px rgba(0, 0, 0, .8);--shadow-inset: inset 0 0 20px rgba(0, 0, 0, .5);--shadow-glow-gold: 0 0 20px rgba(255, 215, 0, .3);--shadow-glow-blue: 0 0 20px rgba(59, 130, 246, .3);--shadow-glow-purple: 0 0 20px rgba(168, 85, 247, .3);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease;--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700;--crt-glow: 0 0 10px rgba(255, 255, 255, .15), 0 0 30px rgba(100, 200, 255, .1);--scanline-opacity: .08;--pixel-grid-opacity: .03}.crt-effect{position:relative}.crt-effect:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,var(--scanline-opacity)),rgba(0,0,0,var(--scanline-opacity)) 1px,transparent 1px,transparent 2px);pointer-events:none;z-index:1}.pixel-perfect{image-rendering:pixelated;image-rendering:crisp-edges;-ms-interpolation-mode:nearest-neighbor}.text-gold{color:var(--text-gold);text-shadow:var(--shadow-text)}.text-gold-glow{color:var(--text-gold);text-shadow:var(--shadow-text),0 0 10px rgba(255,215,0,.5)}.glow-claude{box-shadow:var(--shadow-glow-blue)}.glow-gemini{box-shadow:var(--shadow-glow-purple)}.glow-commander{box-shadow:var(--shadow-glow-gold)}@keyframes pulse-gold{0%,to{box-shadow:0 0 5px var(--gold-medium)}50%{box-shadow:0 0 20px var(--gold-light),0 0 30px var(--gold-medium)}}@keyframes pulse-blue{0%,to{box-shadow:0 0 5px var(--claude-secondary)}50%{box-shadow:0 0 20px var(--claude-secondary),0 0 30px var(--claude-primary)}}@keyframes pulse-purple{0%,to{box-shadow:0 0 5px var(--gemini-secondary)}50%{box-shadow:0 0 20px var(--gemini-secondary),0 0 30px var(--gemini-primary)}}@keyframes flicker{0%,to{opacity:1}50%{opacity:.95}75%{opacity:.98}}@keyframes typewriter{0%{width:0}to{width:100%}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes energy-flow{0%{background-position:0% 50%}to{background-position:200% 50%}}.animate-pulse-gold{animation:pulse-gold 2s ease-in-out infinite}.animate-pulse-blue{animation:pulse-blue 2s ease-in-out infinite}.animate-pulse-purple{animation:pulse-purple 2s ease-in-out infinite}.animate-flicker{animation:flicker .1s infinite}.animate-float{animation:float 3s ease-in-out infinite}.font-display{font-family:var(--font-display)}.font-body{font-family:var(--font-body)}.font-ui{font-family:var(--font-ui)}.font-mono{font-family:var(--font-mono)}.font-pixel{font-family:var(--font-pixel)}.uppercase{text-transform:uppercase}.tracking-wide{letter-spacing:.05em}.tracking-wider{letter-spacing:.1em}.tracking-widest{letter-spacing:.2em}.rts-panel{background:linear-gradient(180deg,var(--bg-panel) 0%,var(--bg-dark) 100%);border:4px ridge var(--gold-medium);border-radius:var(--radius-md);box-shadow:var(--shadow-inset),var(--shadow-box);position:relative;overflow:hidden}.rts-panel:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,215,0,.03) 0%,transparent 50%,rgba(0,0,0,.1) 100%);pointer-events:none}.rts-panel-ornate{position:relative}.rts-panel-ornate:after{content:"◆";position:absolute;top:-8px;left:50%;transform:translate(-50%);color:var(--gold-medium);font-size:16px;text-shadow:0 0 5px var(--gold-light)}.rts-panel--claude{border-color:var(--claude-secondary);box-shadow:var(--shadow-inset),var(--shadow-glow-blue)}.rts-panel--gemini{border-color:var(--gemini-secondary);box-shadow:var(--shadow-inset),var(--shadow-glow-purple)}.rts-panel--parchment{background:linear-gradient(180deg,var(--bg-parchment) 0%,var(--bg-parchment-dark) 100%);color:var(--bg-dark)}.rts-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:linear-gradient(180deg,var(--steel-light) 0%,var(--steel-medium) 40%,var(--steel-dark) 100%);border:3px ridge var(--gold-medium);border-radius:var(--radius-sm);color:var(--text-gold);font-family:var(--font-display);font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:.1em;text-shadow:var(--shadow-text-sm);cursor:pointer;transition:all var(--transition-fast);box-shadow:inset 2px 2px 4px #ffffff26,inset -2px -2px 4px #0000004d,var(--shadow-box)}.rts-button:hover{background:linear-gradient(180deg,#c8d4de 0%,var(--steel-light) 40%,var(--steel-medium) 100%);box-shadow:inset 2px 2px 4px #fff3,var(--shadow-box),var(--shadow-glow-gold);transform:translateY(-1px)}.rts-button:active{background:linear-gradient(180deg,var(--steel-dark) 0%,var(--steel-medium) 60%,var(--steel-light) 100%);box-shadow:inset -2px -2px 4px #ffffff1a,inset 2px 2px 4px #0006;transform:translateY(1px)}.rts-button--primary{background:linear-gradient(180deg,var(--gold-light) 0%,var(--gold-medium) 40%,var(--gold-dark) 100%);color:var(--bg-dark);text-shadow:none}.rts-button--primary:hover{background:linear-gradient(180deg,#ffe066 0%,var(--gold-light) 40%,var(--gold-medium) 100%)}.rts-button--claude{background:linear-gradient(180deg,var(--claude-secondary) 0%,var(--claude-primary) 40%,var(--claude-dark) 100%);border-color:var(--claude-secondary);color:var(--text-light)}.rts-button--gemini{background:linear-gradient(180deg,var(--gemini-secondary) 0%,var(--gemini-primary) 40%,var(--gemini-dark) 100%);border-color:var(--gemini-secondary);color:var(--text-light)}.rts-button--danger{background:linear-gradient(180deg,var(--sf-red-1) 0%,var(--sf-red-2) 40%,var(--sf-red-3) 100%);border-color:var(--sf-red-1)}.rts-button--sm{padding:var(--space-2) var(--space-4);font-size:var(--text-xs)}.rts-button--lg{padding:var(--space-4) var(--space-8);font-size:var(--text-base)}.rts-icon-button{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,var(--bg-elevated) 0%,var(--bg-dark) 100%);border:3px ridge var(--gold-medium);border-radius:var(--radius-sm);color:var(--text-gold);cursor:pointer;transition:all var(--transition-fast);box-shadow:inset 1px 1px 2px #ffffff1a,inset -1px -1px 2px #0000004d,2px 2px 6px #00000080}.rts-icon-button:hover{background:linear-gradient(180deg,var(--bg-hover) 0%,var(--bg-elevated) 100%);box-shadow:inset 1px 1px 2px #ffffff26,2px 2px 6px #00000080,0 0 15px #ffd7004d}.rts-icon-button:active{box-shadow:inset -1px -1px 2px #ffffff0d,inset 1px 1px 3px #0006}.rts-icon-button svg{width:32px;height:32px}.rts-frame{position:relative;padding:var(--space-6);border:2px solid var(--gold-dark);background:#0000004d}.rts-frame:before,.rts-frame:after{content:"";position:absolute;width:20px;height:20px;border:2px solid var(--gold-medium)}.rts-frame:before{top:-2px;left:-2px;border-right:none;border-bottom:none}.rts-frame:after{bottom:-2px;right:-2px;border-left:none;border-top:none}.rts-tooltip{position:absolute;z-index:var(--z-tooltip);max-width:300px;padding:var(--space-3) var(--space-4);background:#0a0a0ff2;border:2px solid var(--gold-dark);border-radius:var(--radius-sm);box-shadow:0 4px 12px #000c,inset 0 1px #ffd7001a}.rts-tooltip__title{color:var(--text-gold);font-family:var(--font-display);font-size:var(--text-base);font-weight:600;margin-bottom:var(--space-2);text-shadow:var(--shadow-text-sm)}.rts-tooltip__body{color:var(--text-body);font-family:var(--font-body);font-size:var(--text-sm);line-height:1.5}.rts-tooltip__stat{color:var(--text-mana);font-family:var(--font-mono)}.rts-tooltip__cost{color:var(--text-gold);font-weight:600}.rts-progress{height:20px;background:var(--bg-dark);border:2px ridge var(--steel-dark);border-radius:var(--radius-sm);overflow:hidden;position:relative}.rts-progress__fill{height:100%;transition:width var(--transition-base);position:relative}.rts-progress__fill:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.2) 0%,transparent 50%,rgba(0,0,0,.2) 100%)}.rts-progress--health .rts-progress__fill{background:linear-gradient(90deg,var(--sf-red-3),var(--sf-red-1))}.rts-progress--mana .rts-progress__fill{background:linear-gradient(90deg,var(--sf-blue-3),var(--sf-blue-1))}.rts-progress--energy .rts-progress__fill{background:linear-gradient(90deg,var(--gold-dark),var(--gold-light))}.rts-progress--nature .rts-progress__fill{background:linear-gradient(90deg,var(--ms-green-3),var(--ms-green-1))}.rts-progress__text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-light);text-shadow:var(--shadow-text-sm)}.rts-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--bg-elevated);border:1px solid var(--gold-dark);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-gold);text-transform:uppercase}.rts-badge--claude{background:#1e3a8a4d;border-color:var(--claude-secondary);color:var(--claude-light)}.rts-badge--gemini{background:#581c874d;border-color:var(--gemini-secondary);color:var(--gemini-light)}.rts-badge--success{background:#22c55e33;border-color:var(--text-nature);color:var(--text-nature)}.rts-badge--warning{background:#fbbf2433;border-color:var(--text-energy);color:var(--text-energy)}.rts-badge--danger{background:#ef444433;border-color:var(--text-health);color:var(--text-health)}.rts-card{background:var(--bg-panel);border:3px ridge var(--gold-medium);border-radius:var(--radius-md);overflow:hidden;transition:all var(--transition-base)}.rts-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-box-lg),var(--shadow-glow-gold)}.rts-card__image{width:100%;aspect-ratio:1;background:var(--bg-dark);display:flex;align-items:center;justify-content:center;border-bottom:2px solid var(--gold-dark);position:relative;overflow:hidden}.rts-card__image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(0,0,0,.5) 100%)}.rts-card__content{padding:var(--space-4)}.rts-card__title{color:var(--text-gold);font-family:var(--font-display);font-size:var(--text-lg);margin-bottom:var(--space-2);text-shadow:var(--shadow-text-sm)}.rts-card__subtitle{color:var(--text-muted);font-family:var(--font-ui);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em}.rts-card__description{color:var(--text-body);font-family:var(--font-body);font-size:var(--text-sm);line-height:1.6;margin-top:var(--space-3)}.rts-divider{display:flex;align-items:center;gap:var(--space-4);margin:var(--space-8) 0}.rts-divider:before,.rts-divider:after{content:"";flex:1;height:2px;background:linear-gradient(90deg,transparent,var(--gold-dark),var(--gold-medium),var(--gold-dark),transparent)}.rts-divider__ornament{color:var(--gold-medium);font-size:var(--text-xl)}.rts-heading{font-family:var(--font-display);color:var(--text-gold);text-shadow:var(--shadow-text);text-transform:uppercase;letter-spacing:.05em}.rts-heading--xl{font-size:var(--text-5xl);line-height:1.1}.rts-heading--lg{font-size:var(--text-4xl);line-height:1.2}.rts-heading--md{font-size:var(--text-2xl);line-height:1.3}.rts-heading--sm{font-size:var(--text-xl);line-height:1.4}.rts-table{width:100%;border-collapse:collapse;font-family:var(--font-ui);font-size:var(--text-sm)}.rts-table th{background:var(--bg-elevated);border:1px solid var(--gold-dark);padding:var(--space-3) var(--space-4);text-align:left;color:var(--text-gold);font-family:var(--font-display);font-weight:600;text-transform:uppercase;letter-spacing:.05em;font-size:var(--text-xs)}.rts-table td{border:1px solid var(--steel-dark);padding:var(--space-3) var(--space-4);color:var(--text-body);background:var(--bg-panel)}.rts-table tr:hover td{background:var(--bg-hover)}.rts-input{width:100%;padding:var(--space-3) var(--space-4);background:var(--bg-dark);border:2px solid var(--steel-dark);border-radius:var(--radius-sm);color:var(--text-light);font-family:var(--font-ui);font-size:var(--text-base);transition:all var(--transition-fast)}.rts-input:focus{outline:none;border-color:var(--gold-medium);box-shadow:0 0 10px #ffd70033}.rts-input::placeholder{color:var(--text-dim)}.rts-minimap{width:200px;height:200px;background:var(--bg-dark);border:3px ridge var(--gold-medium);border-radius:var(--radius-sm);position:relative;overflow:hidden}.rts-minimap__terrain{position:absolute;inset:4px;background:linear-gradient(135deg,var(--ms-green-3) 0%,var(--ms-green-2) 50%,var(--bg-stone) 100%);opacity:.5}.rts-minimap__frame{position:absolute;border:1px solid var(--text-light);pointer-events:none}.rts-resource{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-panel);border:2px solid var(--steel-dark);border-radius:var(--radius-sm)}.rts-resource__icon{font-size:var(--text-lg)}.rts-resource__value{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-gold);font-weight:600}.rts-resource__label{font-family:var(--font-ui);font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase}.nav-container{position:fixed;top:0;left:0;right:0;z-index:100;background:#f0eee6cc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,0,0,0);transition:background-color .4s ease,border-color .4s ease,box-shadow .4s ease}.nav-container.scrolled{background:#f0eee6f2;border-bottom:1px solid rgba(0,0,0,.06);box-shadow:0 4px 20px -4px #0000000d}.nav-content{max-width:var(--max-width-container);margin:0 auto;padding:1.25rem var(--padding-horizontal);display:flex;justify-content:space-between;align-items:center}.nav-logo{text-decoration:none;position:relative}.nav-logo-text{font-family:var(--font-display);font-size:1.1rem;font-weight:400;color:var(--rubin-text-primary);letter-spacing:-.01em;transition:opacity .3s ease}.nav-logo:hover .nav-logo-text{opacity:.7}.nav-links{display:flex;align-items:center;gap:2.5rem}.nav-link{position:relative;text-decoration:none;padding:.25rem 0}.nav-link-text{font-family:var(--font-code);font-size:.8rem;letter-spacing:.08em;color:var(--rubin-text-muted);text-transform:uppercase;transition:color .3s ease,letter-spacing .3s cubic-bezier(.16,1,.3,1)}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:var(--rubin-text-primary);transform:scaleX(0);transform-origin:right;transition:transform .3s cubic-bezier(.16,1,.3,1)}.nav-link:hover .nav-link-text{color:var(--rubin-text-primary);letter-spacing:.12em}.nav-link:hover:after{transform:scaleX(1);transform-origin:left}.nav-link.active .nav-link-text{color:var(--rubin-text-primary)}.nav-link.active:after{transform:scaleX(1);background:var(--rubin-clay)}.nav-external{display:flex;align-items:center;gap:.3rem}.nav-external-icon{font-size:.7rem;color:var(--rubin-text-muted);transition:transform .3s cubic-bezier(.16,1,.3,1),color .3s ease}.nav-external:hover .nav-external-icon{color:var(--rubin-text-primary);transform:translate(2px,-2px)}@media(max-width:768px){.nav-content{padding:1rem var(--padding-horizontal-mobile)}.nav-links{gap:1.5rem}.nav-link-text{font-size:.75rem;letter-spacing:.05em}.nav-link:hover .nav-link-text{letter-spacing:.08em}.nav-link:nth-child(3){display:none}}@media(max-width:480px){.nav-links{gap:1rem}.nav-logo-text{font-size:1rem}}@media(prefers-reduced-motion:reduce){.nav-container{transition:none}.nav-link:after{transition:none}.nav-link-text{transition:color .15s ease}.nav-link:hover .nav-link-text{letter-spacing:.08em}}.landing-minimal{min-height:100vh;padding:0 var(--padding-horizontal);max-width:900px;margin:0 auto}.hero-minimal{padding:15vh 0 8vh;text-align:center}.hero-name{opacity:0;transform:translateY(20px);transition:all .6s var(--ease-out-expo)}.hero-name.visible{opacity:1;transform:translateY(0)}.hero-name h1{font-family:var(--font-display);font-size:clamp(2.5rem,8vw,4rem);font-weight:400;letter-spacing:-.02em;color:var(--rubin-text-primary);margin:0}.hero-role{font-family:var(--font-code);font-size:.85rem;letter-spacing:.1em;color:var(--rubin-text-muted);margin-top:1rem;opacity:0;transform:translateY(15px);transition:all .6s var(--ease-out-expo)}.hero-role.visible{opacity:1;transform:translateY(0)}.hero-tagline{font-family:var(--font-display);font-size:1.25rem;font-style:italic;color:var(--rubin-text-secondary);margin-top:1.5rem;opacity:0;transform:translateY(15px);transition:all .6s var(--ease-out-expo)}.hero-tagline.visible{opacity:1;transform:translateY(0)}.hero-actions{display:flex;justify-content:center;gap:1rem;margin-top:2rem;opacity:0;transform:translateY(15px);transition:all .6s var(--ease-out-expo)}.hero-actions.visible{opacity:1;transform:translateY(0)}.action-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid rgba(0,0,0,.1);border-radius:50%;color:var(--rubin-text-primary);transition:all .3s var(--ease-out-expo)}.action-icon:hover{border-color:var(--rubin-text-primary);transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.stats-strip{display:flex;justify-content:center;gap:3rem;padding:3rem 0;border-top:1px solid rgba(0,0,0,.06);border-bottom:1px solid rgba(0,0,0,.06);opacity:0;transform:translateY(20px);transition:all .6s var(--ease-out-expo)}.stats-strip.visible{opacity:1;transform:translateY(0)}.stat-item{display:flex;flex-direction:column;align-items:center;gap:.25rem}.stat-icon{color:var(--rubin-clay);margin-bottom:.25rem}.stat-value{font-family:var(--font-display);font-size:1.5rem;font-weight:400;color:var(--rubin-text-primary);letter-spacing:-.02em}.stat-label{font-family:var(--font-code);font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;color:var(--rubin-text-muted)}.accomplishments{padding:6vh 0}.accomplishments-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.accomplishment-card{display:block;padding:1.75rem;background:transparent;border:1px solid rgba(0,0,0,.06);text-decoration:none;position:relative;opacity:0;transform:translateY(30px);transition:all .5s var(--ease-out-expo)}.accomplishment-card.visible{opacity:1;transform:translateY(0)}.accomplishment-card:hover{border-color:var(--rubin-text-primary);transform:translateY(-4px);box-shadow:0 12px 32px -12px #0000001f}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.card-icon{color:var(--rubin-text-muted);transition:color .3s ease}.accomplishment-card:hover .card-icon{color:var(--rubin-clay)}.card-spark{color:var(--rubin-ivory-dark);opacity:0;transform:scale(.8);transition:all .3s var(--ease-out-expo)}.accomplishment-card:hover .card-spark{opacity:1;color:var(--rubin-ochre);transform:scale(1)}.card-title{font-family:var(--font-display);font-size:1.1rem;font-weight:400;color:var(--rubin-text-primary);margin:0 0 .25rem;letter-spacing:-.01em}.card-subtitle{font-family:var(--font-code);font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;color:var(--rubin-clay)}.card-desc{font-family:var(--font-display);font-size:.9rem;line-height:1.5;color:var(--rubin-text-secondary);margin:.75rem 0}.card-tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:1rem}.card-tag{font-family:var(--font-code);font-size:.6rem;letter-spacing:.05em;padding:.25rem .5rem;background:#00000008;color:var(--rubin-text-muted);border-radius:2px}.tech-stack{display:flex;align-items:center;justify-content:center;gap:1.5rem;padding:2rem 0;border-top:1px solid rgba(0,0,0,.06);opacity:0;transform:translateY(15px);transition:all .6s var(--ease-out-expo)}.tech-stack.visible{opacity:1;transform:translateY(0)}.tech-label{font-family:var(--font-code);font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;color:var(--rubin-text-muted)}.tech-icons{display:flex;gap:1rem}.tech-item{display:flex;align-items:center;justify-content:center;width:36px;height:36px;color:var(--rubin-text-muted);border:1px solid rgba(0,0,0,.06);border-radius:4px;transition:all .3s var(--ease-out-expo);cursor:default}.tech-item:hover{color:var(--rubin-text-primary);border-color:var(--rubin-text-primary);transform:translateY(-2px)}.quick-links{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;padding:4vh 0 6vh;opacity:0;transform:translateY(20px);transition:all .6s var(--ease-out-expo)}.quick-links.visible{opacity:1;transform:translateY(0)}.quick-link{display:flex;align-items:center;gap:.6rem;padding:1rem 1.25rem;border:1px solid rgba(0,0,0,.06);text-decoration:none;color:var(--rubin-text-primary);transition:all .3s var(--ease-out-expo)}.quick-link:hover{border-color:var(--rubin-text-primary);transform:translateY(-2px);box-shadow:0 6px 20px -6px #0000001a}.quick-link svg:first-child{color:var(--rubin-text-muted);transition:color .3s ease}.quick-link:hover svg:first-child{color:var(--rubin-clay)}.quick-label{font-family:var(--font-code);font-size:.8rem;letter-spacing:.02em;flex:1}.quick-count{font-family:var(--font-code);font-size:.65rem;color:var(--rubin-text-muted);background:#0000000a;padding:.15rem .4rem;border-radius:2px}.quick-arrow{color:var(--rubin-text-muted);opacity:0;transform:translate(-4px);transition:all .3s var(--ease-out-expo)}.quick-link:hover .quick-arrow{opacity:1;transform:translate(0)}.footer-minimal{text-align:center;padding:4vh 0 8vh;border-top:1px solid rgba(0,0,0,.06)}.footer-minimal p{font-family:var(--font-code);font-size:.75rem;letter-spacing:.1em;color:var(--rubin-text-muted)}@media(max-width:768px){.landing-minimal{padding:0 var(--padding-horizontal-mobile)}.hero-minimal{padding:10vh 0 6vh}.stats-strip{gap:1.5rem;flex-wrap:wrap}.stat-value{font-size:1.25rem}.accomplishments-grid{grid-template-columns:1fr}.quick-links{grid-template-columns:repeat(2,1fr)}.tech-stack{flex-direction:column;gap:1rem}}@media(max-width:480px){.quick-links{grid-template-columns:1fr}.stats-strip{gap:1rem}.stat-item{min-width:70px}}@media(prefers-reduced-motion:reduce){.hero-name,.hero-role,.hero-tagline,.hero-actions,.stats-strip,.accomplishment-card,.tech-stack,.quick-links{opacity:1;transform:none;transition:none}.accomplishment-card:hover,.quick-link:hover,.action-icon:hover,.tech-item:hover{transform:none}}.projects-page{max-width:900px;margin:0 auto;padding:10vh var(--padding-horizontal)}.projects-header{text-align:center;margin-bottom:10vh}.page-title{font-family:var(--font-display);font-size:clamp(40px,8vw,64px);font-weight:400;letter-spacing:-.02em;color:var(--rubin-text-primary);margin-bottom:1.5rem}.page-description{font-family:var(--font-display);font-size:1.3rem;line-height:1.7;color:var(--rubin-text-secondary);max-width:50ch;margin:0 auto 2.5rem}.github-link{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-code);font-size:.9rem;color:var(--rubin-text-primary);text-decoration:none;padding:.75rem 1.5rem;border:1px solid var(--rubin-text-primary);transition:all .3s ease}.github-link:hover{background:var(--rubin-text-primary);color:var(--rubin-ivory)}.projects-list{display:flex;flex-direction:column;gap:6rem}.project-item{padding-bottom:6rem;border-bottom:1px solid rgba(0,0,0,.06)}.project-item:last-child{border-bottom:none;padding-bottom:0}.project-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.project-meta{display:flex;align-items:center;gap:1rem}.project-year{display:flex;align-items:center;gap:.4rem;font-family:var(--font-code);font-size:.8rem;color:var(--rubin-text-muted)}.project-status{font-family:var(--font-code);font-size:.7rem;letter-spacing:.05em;text-transform:uppercase;padding:.3rem .6rem;border-radius:2px}.status-active{background:#228b221a;color:#228b22}.status-maintained{background:#0000000d;color:var(--rubin-text-muted)}.status-archived{background:#00000008;color:var(--rubin-text-muted);opacity:.7}.project-stats{display:flex;gap:1rem}.stat{display:flex;align-items:center;gap:.3rem;font-family:var(--font-code);font-size:.8rem;color:var(--rubin-text-muted)}.project-item .project-title{font-family:var(--font-display);font-size:2rem;font-weight:400;color:var(--rubin-text-primary);margin-bottom:.5rem;letter-spacing:-.01em}.project-subtitle{font-family:var(--font-display);font-style:italic;font-size:1.2rem;color:var(--rubin-text-secondary);margin-bottom:1.5rem}.project-item .project-description{font-family:var(--font-display);font-size:1.1rem;line-height:1.8;color:var(--rubin-text-secondary);margin-bottom:2rem}.project-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}.tag{font-family:var(--font-code);font-size:.75rem;letter-spacing:.03em;padding:.4rem .8rem;background:#00000008;color:var(--rubin-text-muted)}.project-links{display:flex;gap:1rem}.project-link{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-code);font-size:.85rem;color:var(--rubin-text-primary);text-decoration:none;padding:.6rem 1.2rem;border:1px solid rgba(0,0,0,.15);transition:all .3s ease}.project-link:hover{border-color:var(--rubin-text-primary)}@media(max-width:768px){.projects-page{padding:8vh var(--padding-horizontal-mobile)}.project-header{flex-direction:column;align-items:flex-start;gap:.75rem}.project-links{flex-direction:column}.project-link{justify-content:center}}.about-page{max-width:700px;margin:0 auto;padding:10vh var(--padding-horizontal)}.about-header{margin-bottom:6vh}.about-header .page-title{font-family:var(--font-display);font-size:clamp(40px,8vw,64px);font-weight:400;letter-spacing:-.02em;color:var(--rubin-text-primary)}.about-intro{margin-bottom:8vh;padding-bottom:6vh;border-bottom:1px solid rgba(0,0,0,.06)}.intro-text{font-family:var(--font-display);font-size:1.6rem;line-height:1.6;color:var(--rubin-text-primary)}.about-body{margin-bottom:8vh}.about-section{margin-bottom:5vh}.about-section h2{font-family:var(--font-display);font-size:1.4rem;font-weight:400;color:var(--rubin-text-primary);margin-bottom:1.5rem;letter-spacing:-.01em}.about-section p{font-family:var(--font-display);font-size:1.15rem;line-height:1.8;color:var(--rubin-text-secondary);margin-bottom:1.5rem}.about-section p:last-child{margin-bottom:0}.about-section em{font-style:italic;color:var(--rubin-text-primary)}.about-connect{padding-top:6vh;border-top:1px solid rgba(0,0,0,.06)}.about-connect h2{font-family:var(--font-display);font-size:1.4rem;font-weight:400;color:var(--rubin-text-primary);margin-bottom:1rem}.about-connect>p{font-family:var(--font-display);font-size:1.1rem;color:var(--rubin-text-secondary);margin-bottom:2rem}.connect-links{display:flex;gap:1rem;flex-wrap:wrap}.connect-link{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-code);font-size:.9rem;color:var(--rubin-text-primary);text-decoration:none;padding:.75rem 1.25rem;border:1px solid rgba(0,0,0,.15);transition:all .3s ease}.connect-link:hover{border-color:var(--rubin-text-primary);background:var(--rubin-text-primary);color:var(--rubin-ivory)}@media(max-width:768px){.about-page{padding:8vh var(--padding-horizontal-mobile)}.intro-text{font-size:1.3rem}.connect-links{flex-direction:column}.connect-link{justify-content:center}}.essays-page{min-height:100vh;padding:var(--padding-section-y) 0}.essays-header{text-align:center;max-width:var(--max-width-content);margin:0 auto 10vh;padding:0 var(--padding-horizontal);opacity:0;transform:translateY(30px);transition:opacity .8s var(--ease-out-expo),transform .8s var(--ease-out-expo)}.essays-header.revealed{opacity:1;transform:translateY(0)}.essays-number{font-family:var(--font-code);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-wider);text-transform:uppercase;color:var(--rubin-text-muted);display:block;margin-bottom:var(--space-4)}.essays-title{font-family:var(--font-display);font-size:clamp(2.5rem,6vw,4rem);font-weight:var(--font-weight-normal);letter-spacing:var(--letter-spacing-tight);color:var(--rubin-text-primary);margin-bottom:var(--space-6)}.essays-intro{font-family:var(--font-display);font-size:var(--font-size-xl);line-height:var(--line-height-relaxed);color:var(--rubin-text-secondary);max-width:50ch;margin:0 auto}.essays-grid{display:grid;grid-template-columns:1fr;gap:var(--space-8);max-width:var(--max-width-content);margin:0 auto;padding:0 var(--padding-horizontal)}@media(min-width:768px){.essays-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-10)}}.essay-card{padding:var(--space-8);background:transparent;border:var(--border-subtle);position:relative;opacity:0;transform:translateY(40px);transition:opacity .6s var(--ease-out-expo),transform .6s var(--ease-out-expo),border-color .4s var(--ease-gentle),box-shadow .4s var(--ease-gentle)}.essay-card.revealed{opacity:1;transform:translateY(0)}.essay-card:hover{border-color:var(--rubin-text-primary);box-shadow:var(--shadow-elevated)}.essay-card:before{content:"";position:absolute;top:0;left:0;width:3px;height:0;background:var(--rubin-clay);transition:height .4s var(--ease-out-expo)}.essay-card:hover:before{height:100%}.essay-meta{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4)}.essay-date{font-family:var(--font-code);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-wide);color:var(--rubin-text-muted)}.essay-category{font-family:var(--font-code);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;color:var(--rubin-text-muted);padding:var(--space-1) var(--space-3);background:#00000008;border-radius:var(--radius-sm)}.essay-card .essay-title{font-family:var(--font-display);font-size:var(--font-size-2xl);font-weight:var(--font-weight-normal);letter-spacing:var(--letter-spacing-tight);margin-bottom:var(--space-3);line-height:var(--line-height-tight)}.essay-card .essay-title a{color:var(--rubin-text-primary);text-decoration:none;transition:color .3s var(--ease-gentle)}.essay-card:hover .essay-title a{color:var(--rubin-slate)}.essay-subtitle{font-family:var(--font-display);font-size:var(--font-size-lg);line-height:var(--line-height-base);color:var(--rubin-text-secondary);margin-bottom:var(--space-6)}.essay-read-link{font-family:var(--font-code);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-wide);color:var(--rubin-text-muted);text-decoration:none;position:relative;display:inline-block;transition:color .3s var(--ease-gentle)}.essay-read-link:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:1px;background:var(--rubin-clay);transform:scaleX(0);transform-origin:right;transition:transform .3s var(--ease-out-expo)}.essay-card:hover .essay-read-link{color:var(--rubin-text-primary)}.essay-card:hover .essay-read-link:after{transform:scaleX(1);transform-origin:left}.essays-footer{text-align:center;margin-top:12vh;padding:0 var(--padding-horizontal)}.essays-footer p{font-family:var(--font-display);font-style:italic;font-size:var(--font-size-lg);color:var(--rubin-text-muted)}.essay-nav{margin-top:2rem;margin-bottom:2rem;font-family:var(--font-code);font-size:14px}.entry-header{text-align:center;margin-bottom:2rem}.entry-date{font-family:var(--font-code);font-size:14px;color:var(--rubin-text-muted);display:block;margin-bottom:1rem}.markdown-content{font-size:20px;line-height:1.7}.markdown-content p{margin-bottom:1.5em}.markdown-content h2{font-size:28px;margin-top:2em;margin-bottom:1em}@media(max-width:768px){.essays-header{padding:0 var(--padding-horizontal-mobile)}.essays-grid{padding:0 var(--padding-horizontal-mobile);gap:var(--space-6)}.essay-card{padding:var(--space-6)}.essays-footer{padding:0 var(--padding-horizontal-mobile)}}@media(prefers-reduced-motion:reduce){.essays-header,.essay-card{opacity:1;transform:none;transition:none}.essay-card:before{height:100%;transition:none}.essay-read-link:after{transform:scaleX(1);transition:none}}.consulting-page{min-height:100vh;padding:var(--padding-section-y) 0}.consulting-header{text-align:center;max-width:var(--max-width-content);margin:0 auto 12vh;padding:0 var(--padding-horizontal);opacity:0;transform:translateY(30px);transition:opacity .8s var(--ease-out-expo),transform .8s var(--ease-out-expo)}.consulting-header.revealed{opacity:1;transform:translateY(0)}.consulting-number{font-family:var(--font-code);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-wider);text-transform:uppercase;color:var(--rubin-text-muted);display:block;margin-bottom:var(--space-4)}.consulting-title{font-family:var(--font-display);font-size:clamp(2.5rem,6vw,4rem);font-weight:var(--font-weight-normal);letter-spacing:var(--letter-spacing-tight);color:var(--rubin-text-primary);margin-bottom:var(--space-6)}.consulting-intro{font-family:var(--font-display);font-size:var(--font-size-xl);line-height:var(--line-height-relaxed);color:var(--rubin-text-secondary);max-width:50ch;margin:0 auto}.services-section{display:grid;grid-template-columns:1fr;gap:var(--space-8);max-width:var(--max-width-content);margin:0 auto;padding:0 var(--padding-horizontal)}@media(min-width:768px){.services-section{grid-template-columns:repeat(2,1fr);gap:var(--space-10)}}.service-card{padding:var(--space-10);background:transparent;border:var(--border-subtle);position:relative;opacity:0;transform:translateY(40px);transition:opacity .6s var(--ease-out-expo),transform .6s var(--ease-out-expo),border-color .4s var(--ease-gentle),box-shadow .4s var(--ease-gentle)}.service-card.revealed{opacity:1;transform:translateY(0)}.service-card:hover{border-color:var(--rubin-text-primary);box-shadow:var(--shadow-elevated)}.service-index{font-family:var(--font-code);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-wider);color:var(--rubin-clay);margin-bottom:var(--space-4)}.service-title{font-family:var(--font-display);font-size:var(--font-size-2xl);font-weight:var(--font-weight-normal);letter-spacing:var(--letter-spacing-tight);color:var(--rubin-text-primary);margin-bottom:var(--space-4)}.service-description{font-family:var(--font-display);font-size:var(--font-size-lg);line-height:var(--line-height-base);color:var(--rubin-text-secondary);margin-bottom:var(--space-6)}.service-scope{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-2)}.service-scope li{font-family:var(--font-code);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-wide);color:var(--rubin-text-muted);padding:var(--space-2) var(--space-3);background:#00000008;border-radius:var(--radius-sm);transition:all .3s var(--ease-gentle)}.service-card:hover .service-scope li{background:#0000000f;color:var(--rubin-text-secondary)}.consulting-cta{text-align:center;max-width:var(--max-width-prose);margin:15vh auto 10vh;padding:var(--space-16) var(--padding-horizontal);border-top:var(--border-subtle);border-bottom:var(--border-subtle);opacity:0;transform:translateY(30px);transition:opacity .8s var(--ease-out-expo),transform .8s var(--ease-out-expo)}.consulting-cta.revealed{opacity:1;transform:translateY(0)}.consulting-cta h2{font-family:var(--font-display);font-size:var(--font-size-3xl);font-weight:var(--font-weight-normal);letter-spacing:var(--letter-spacing-tight);color:var(--rubin-text-primary);margin-bottom:var(--space-4)}.consulting-cta p{font-family:var(--font-display);font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);color:var(--rubin-text-secondary);margin-bottom:var(--space-8)}.cta-button{display:inline-block;font-family:var(--font-code);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-wide);color:var(--rubin-text-primary);text-decoration:none;padding:var(--space-4) var(--space-8);border:1px solid var(--rubin-text-primary);position:relative;overflow:hidden;transition:all .4s var(--ease-out-expo)}.cta-button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--rubin-text-primary);transform:scaleX(0);transform-origin:right;transition:transform .4s var(--ease-out-expo);z-index:-1}.cta-button:hover:before{transform:scaleX(1);transform-origin:left}.cta-button:hover{color:var(--rubin-ivory);transform:translateY(-2px);box-shadow:var(--shadow-elevated)}.consulting-philosophy{text-align:center;max-width:var(--max-width-prose);margin:0 auto;padding:0 var(--padding-horizontal)}.consulting-philosophy blockquote{font-family:var(--font-display);font-style:italic;font-size:var(--font-size-xl);line-height:var(--line-height-relaxed);color:var(--rubin-text-muted);border:none;padding:0;margin:0}@media(max-width:768px){.consulting-header,.services-section,.consulting-cta,.consulting-philosophy{padding-left:var(--padding-horizontal-mobile);padding-right:var(--padding-horizontal-mobile)}.service-card{padding:var(--space-8)}.consulting-cta{padding-top:var(--space-12);padding-bottom:var(--space-12)}}@media(prefers-reduced-motion:reduce){.consulting-header,.service-card,.consulting-cta{opacity:1;transform:none;transition:none}.cta-button:before{display:none}}.command-center{min-height:100vh;background:var(--bg-void);color:var(--text-body);position:relative;overflow-x:hidden}.command-center:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 20% 20%,rgba(30,58,138,.1) 0%,transparent 40%),radial-gradient(circle at 80% 80%,rgba(88,28,135,.1) 0%,transparent 40%),repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,215,0,.02) 2px,rgba(255,215,0,.02) 4px);pointer-events:none;z-index:0}.crt-overlay{position:fixed;inset:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.06),rgba(0,0,0,.06) 1px,transparent 1px,transparent 2px);pointer-events:none;z-index:1000}.command-hud{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-6);background:linear-gradient(180deg,var(--bg-panel) 0%,var(--bg-dark) 100%);border-bottom:3px ridge var(--gold-medium);box-shadow:0 4px 20px #00000080}.hud-left,.hud-right{display:flex;align-items:center;gap:var(--space-4)}.hud-logo{display:flex;align-items:center;gap:var(--space-2)}.logo-icon{color:var(--gold-medium);width:32px;height:32px}.logo-text{font-family:var(--font-display);font-size:var(--text-xl);color:var(--text-gold);text-shadow:var(--shadow-text-sm);letter-spacing:.1em}.hud-resources{display:flex;gap:var(--space-4)}.resource-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--bg-elevated);border:2px solid var(--steel-dark);border-radius:var(--radius-sm)}.resource-item--gold{border-color:var(--gold-dark)}.resource-item--purple{border-color:var(--gemini-primary)}.resource-item--blue{border-color:var(--claude-primary)}.resource-item--green{border-color:var(--text-nature)}.resource-icon{font-size:var(--text-lg)}.resource-data{display:flex;flex-direction:column}.resource-value{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-gold);font-weight:600}.resource-label{font-family:var(--font-ui);font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase}.commander-rank{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-display);font-size:var(--text-sm);color:var(--text-gold);text-transform:uppercase;letter-spacing:.05em}.rank-icon{width:16px;height:16px;color:var(--gold-light)}.command-main{position:relative;z-index:1;max-width:1400px;margin:0 auto;padding:var(--space-8) var(--space-6)}.section-header{text-align:center;margin-bottom:var(--space-8)}.hero-section{padding:var(--space-16) 0;text-align:center}.hero-frame{max-width:800px;margin:0 auto}.hero-title{margin-bottom:var(--space-4)}.title-line{display:block;font-family:var(--font-display);font-size:clamp(3rem,8vw,5rem);font-weight:700;color:var(--text-gold);text-shadow:var(--shadow-text),0 0 30px rgba(255,215,0,.3);letter-spacing:.1em;line-height:1.1}.title-line--accent{color:var(--gold-light);font-size:clamp(2.5rem,6vw,4rem)}.hero-subtitle{font-family:var(--font-display);font-size:var(--text-xl);color:var(--text-muted);text-transform:uppercase;letter-spacing:.3em;margin-bottom:var(--space-6)}.hero-description{font-family:var(--font-body);font-size:var(--text-lg);color:var(--text-body);line-height:1.7;max-width:600px;margin:0 auto var(--space-8)}.hero-actions{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap}.faction-section{padding:var(--space-12) 0}.faction-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--space-6)}.faction-card{background:var(--bg-panel);border:4px ridge var(--gold-medium);border-radius:var(--radius-lg);padding:var(--space-6);cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden}.faction-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 50%,rgba(255,215,0,.05) 100%);pointer-events:none}.faction-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-box-lg),var(--shadow-glow-gold)}.faction-card--selected{border-color:var(--gold-light);box-shadow:var(--shadow-box-lg),0 0 30px #ffd70066}.faction-card--claude{border-color:var(--claude-secondary)}.faction-card--claude:hover,.faction-card--claude.faction-card--selected{box-shadow:var(--shadow-box-lg),var(--shadow-glow-blue)}.faction-card--gemini{border-color:var(--gemini-secondary)}.faction-card--gemini:hover,.faction-card--gemini.faction-card--selected{box-shadow:var(--shadow-box-lg),var(--shadow-glow-purple)}.faction-emblem{display:flex;justify-content:center;margin-bottom:var(--space-4)}.faction-card--claude .faction-emblem{color:var(--claude-secondary)}.faction-card--gemini .faction-emblem{color:var(--gemini-secondary)}.faction-info{text-align:center;margin-bottom:var(--space-6)}.faction-name{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--text-gold);text-shadow:var(--shadow-text-sm);margin-bottom:var(--space-1)}.faction-subtitle{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.faction-description{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-body);margin-top:var(--space-3);line-height:1.6}.faction-ability{display:inline-flex;align-items:center;gap:var(--space-1);margin-top:var(--space-3);padding:var(--space-1) var(--space-3);background:#ffd7001a;border:1px solid var(--gold-dark);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-gold)}.faction-stats{margin-bottom:var(--space-4)}.stat-row{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2)}.stat-label{width:60px;font-family:var(--font-ui);font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase}.stat-bar{flex:1;height:8px;background:var(--bg-dark);border:1px solid var(--steel-dark);border-radius:4px;overflow:hidden}.stat-fill{height:100%;border-radius:3px;transition:width var(--transition-slow)}.stat-fill--power{background:linear-gradient(90deg,var(--sf-red-3),var(--sf-red-1))}.stat-fill--context{background:linear-gradient(90deg,var(--gemini-dark),var(--gemini-secondary))}.stat-fill--speed{background:linear-gradient(90deg,var(--gold-dark),var(--gold-light))}.stat-value{width:30px;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-gold);text-align:right}.faction-units{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;padding-top:var(--space-4);border-top:1px solid var(--steel-dark)}.units-label{font-family:var(--font-ui);font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase}.unit-tag{padding:var(--space-1) var(--space-2);background:var(--bg-elevated);border:1px solid var(--steel-dark);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-body)}.roster-section{padding:var(--space-12) 0}.roster-panel{padding:var(--space-6)}.roster-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:2px solid var(--steel-dark);color:var(--text-gold);font-family:var(--font-display);font-size:var(--text-lg);text-transform:uppercase;letter-spacing:.05em}.roster-count{margin-left:auto;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-muted)}.roster-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-4)}.agent-card{position:relative}.agent-avatar{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-elevated),var(--bg-dark));border:2px solid var(--gold-dark);border-radius:50%;font-family:var(--font-display);font-size:var(--text-2xl);color:var(--text-gold);text-shadow:var(--shadow-text-sm)}.agent-status{position:absolute;bottom:10px;right:10px;width:12px;height:12px;border-radius:50%;border:2px solid var(--bg-dark)}.agent-status--active{background:var(--text-nature);box-shadow:0 0 8px var(--text-nature)}.agent-status--standby{background:var(--text-energy);box-shadow:0 0 8px var(--text-energy)}.agent-badges{margin-top:var(--space-3)}.terminal-section{padding:var(--space-12) 0}.terminal-panel{background:#0a0a0a;border-color:var(--ms-green-2)}.terminal-header{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--bg-elevated);border-bottom:2px solid var(--ms-green-3);color:var(--ms-green-1);font-family:var(--font-mono);font-size:var(--text-sm)}.terminal-controls{display:flex;gap:var(--space-2);margin-left:auto}.control{width:12px;height:12px;border-radius:50%}.control--minimize{background:var(--text-energy)}.control--maximize{background:var(--text-nature)}.control--close{background:var(--text-health)}.terminal-body{padding:var(--space-4);min-height:200px}.terminal-output{margin-bottom:var(--space-4)}.terminal-line{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--ms-green-1);margin-bottom:var(--space-2);line-height:1.6}.terminal-line--success{color:var(--text-nature)}.terminal-line--info{color:var(--text-mana)}.terminal-line--error{color:var(--text-health)}.terminal-input-row{display:flex;align-items:center;gap:var(--space-2)}.terminal-prompt{color:var(--ms-green-1);font-family:var(--font-mono);font-size:var(--text-sm)}.terminal-input{flex:1;background:transparent;border:none;color:var(--ms-green-1);font-family:var(--font-mono);font-size:var(--text-sm);outline:none}.terminal-input::placeholder{color:var(--ms-green-3)}.terminal-cursor{width:8px;height:16px;background:var(--ms-green-1);animation:blink 1s step-end infinite}.actions-section{padding:var(--space-12) 0}.actions-grid{display:flex;justify-content:center;gap:var(--space-4);flex-wrap:wrap}.action-tile{width:100px;height:100px;flex-direction:column;gap:var(--space-2)}.action-label{font-family:var(--font-ui);font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase}.command-status{position:fixed;bottom:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-6);background:var(--bg-panel);border-top:2px solid var(--gold-dark);font-family:var(--font-ui);font-size:var(--text-xs);color:var(--text-muted)}.status-left,.status-right{display:flex;align-items:center;gap:var(--space-2)}.status-indicator{width:8px;height:8px;border-radius:50%}.status-indicator--online{background:var(--text-nature);box-shadow:0 0 6px var(--text-nature)}.status-center{flex:1;text-align:center}.status-message{font-family:var(--font-body);font-style:italic;color:var(--text-dim)}@media(max-width:768px){.command-hud{flex-direction:column;gap:var(--space-3)}.hud-resources{flex-wrap:wrap;justify-content:center}.faction-grid{grid-template-columns:1fr}.hero-actions{flex-direction:column;align-items:center}.command-status{flex-direction:column;gap:var(--space-2);padding:var(--space-3)}.status-center{display:none}}.codex-page{min-height:100vh;background:var(--bg-void);color:var(--text-body);position:relative}.codex-page:before{content:"";position:fixed;inset:0;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E"),linear-gradient(180deg,var(--bg-void) 0%,var(--bg-dark) 100%);opacity:.03;pointer-events:none;z-index:0}.codex-header{position:sticky;top:0;z-index:100;padding:var(--space-4) var(--space-6);background:linear-gradient(180deg,var(--bg-panel) 0%,var(--bg-dark) 100%);border-bottom:3px ridge var(--gold-medium);box-shadow:0 4px 20px #00000080}.codex-title-group{display:flex;align-items:center;gap:var(--space-4);max-width:1400px;margin:0 auto}.codex-icon{width:40px;height:40px;color:var(--gold-medium)}.codex-title{font-family:var(--font-display);font-size:var(--text-3xl);color:var(--text-gold);text-shadow:var(--shadow-text);letter-spacing:.15em;margin:0}.codex-subtitle{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin:0}.codex-layout{display:grid;grid-template-columns:280px 1fr;gap:var(--space-6);max-width:1400px;margin:0 auto;padding:var(--space-6);position:relative;z-index:1}.codex-nav{position:sticky;top:100px;height:fit-content;padding:var(--space-4)}.nav-title{font-family:var(--font-display);font-size:var(--text-sm);color:var(--text-gold);text-transform:uppercase;letter-spacing:.1em;padding-bottom:var(--space-3);border-bottom:2px solid var(--gold-dark);margin-bottom:var(--space-3)}.nav-list{list-style:none;padding:0;margin:0}.nav-item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-3);background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-body);font-family:var(--font-ui);font-size:var(--text-sm);text-align:left;cursor:pointer;transition:all var(--transition-fast)}.nav-item:hover{background:var(--bg-hover);color:var(--text-gold)}.nav-item--active{background:#ffd7001a;color:var(--text-gold);border-left:3px solid var(--gold-medium)}.nav-arrow{margin-left:auto;opacity:0;transition:opacity var(--transition-fast)}.nav-item:hover .nav-arrow,.nav-item--active .nav-arrow{opacity:1}.codex-content{padding:var(--space-8);min-height:600px}.codex-article{max-width:900px}.article-header{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-8);padding-bottom:var(--space-4);border-bottom:2px solid var(--gold-dark)}.article-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:var(--bg-elevated);border:2px solid var(--gold-dark);border-radius:var(--radius-md);color:var(--gold-medium)}.article-title{font-family:var(--font-display);font-size:var(--text-3xl);color:var(--text-gold);text-shadow:var(--shadow-text-sm);margin:0}.article-body{font-family:var(--font-body);font-size:var(--text-lg);line-height:1.8;color:var(--text-body)}.article-body p{margin-bottom:var(--space-4)}.article-body strong{color:var(--text-gold)}.article-body em{color:var(--text-muted)}.faction-accordion{display:flex;flex-direction:column;gap:var(--space-4)}.faction-panel{background:var(--bg-elevated);border:2px solid var(--steel-dark);border-radius:var(--radius-md);overflow:hidden}.faction-panel--claude{border-color:var(--claude-primary)}.faction-panel--gemini{border-color:var(--gemini-primary)}.faction-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-4) var(--space-5);background:transparent;border:none;color:var(--text-light);cursor:pointer;transition:background var(--transition-fast)}.faction-header:hover{background:var(--bg-hover)}.faction-header-info{display:flex;align-items:center;gap:var(--space-3)}.faction-panel--claude .faction-header-info svg{color:var(--claude-secondary)}.faction-panel--gemini .faction-header-info svg{color:var(--gemini-secondary)}.faction-header h3{font-family:var(--font-display);font-size:var(--text-xl);color:var(--text-gold);margin:0}.faction-header .faction-subtitle{font-family:var(--font-ui);font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase}.expand-icon{transition:transform var(--transition-base)}.expand-icon.expanded{transform:rotate(180deg)}.faction-content{padding:var(--space-5);border-top:1px solid var(--steel-dark);background:var(--bg-dark)}.faction-trait{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:#ffd7001a;border:1px solid var(--gold-dark);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-gold);margin-bottom:var(--space-4)}.faction-description{font-family:var(--font-body);font-size:var(--text-base);color:var(--text-body);margin-bottom:var(--space-6)}.faction-lists{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);margin-bottom:var(--space-6)}.list-section h4{font-family:var(--font-display);font-size:var(--text-sm);color:var(--text-gold);text-transform:uppercase;margin-bottom:var(--space-3)}.strength-list,.weakness-list{list-style:none;padding:0;margin:0}.strength-list li,.weakness-list li{position:relative;padding-left:var(--space-5);margin-bottom:var(--space-2);font-family:var(--font-ui);font-size:var(--text-sm);color:var(--text-body)}.strength-list li:before{content:"+";position:absolute;left:0;color:var(--text-nature);font-weight:700}.weakness-list li:before{content:"−";position:absolute;left:0;color:var(--text-health);font-weight:700}.units-title{font-family:var(--font-display);font-size:var(--text-sm);color:var(--text-gold);text-transform:uppercase;margin-bottom:var(--space-4)}.units-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.unit-card{background:var(--bg-panel);border:2px solid var(--steel-dark);border-radius:var(--radius-sm);padding:var(--space-4)}.unit-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-2)}.unit-header h5{font-family:var(--font-display);font-size:var(--text-base);color:var(--text-gold);margin:0}.unit-class{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);background:var(--bg-dark);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.unit-cost{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-energy);margin-bottom:var(--space-2)}.unit-ability{font-family:var(--font-ui);font-size:var(--text-xs);color:var(--text-muted);margin:0}.agents-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-4);margin-top:var(--space-6)}.agent-entry{background:var(--bg-elevated);border:2px solid var(--steel-dark);border-radius:var(--radius-md);padding:var(--space-4);transition:all var(--transition-fast)}.agent-entry:hover{border-color:var(--gold-dark);box-shadow:var(--shadow-glow-gold)}.agent-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.agent-header h4{font-family:var(--font-display);font-size:var(--text-lg);color:var(--text-gold);margin:0}.agent-class{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-mana);background:#60a5fa1a;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.agent-role{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--text-body);margin-bottom:var(--space-3)}.agent-ability{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-energy)}.tactics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-6);margin-top:var(--space-6)}.tactic-card{background:var(--bg-elevated)}.tactic-name{font-family:var(--font-display);font-size:var(--text-xl);color:var(--text-gold);margin:0 0 var(--space-1)}.tactic-subtitle{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase}.tactic-description{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-body);margin:var(--space-4) 0;line-height:1.6}.tactic-best{font-family:var(--font-ui);font-size:var(--text-xs);color:var(--text-nature);padding-top:var(--space-3);border-top:1px solid var(--steel-dark)}.ranks-section{margin-top:var(--space-8)}.ranks-title{font-family:var(--font-display);font-size:var(--text-xl);color:var(--text-gold);margin-bottom:var(--space-6)}.ranks-ladder{display:flex;flex-direction:column;gap:var(--space-2)}.rank-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);background:var(--bg-elevated);border:1px solid var(--steel-dark);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.rank-item:hover{background:var(--bg-hover);border-color:var(--gold-dark)}.rank-title{font-family:var(--font-display);font-size:var(--text-base);color:var(--text-gold)}.rank-ap{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-muted)}.codex-footer{max-width:800px;margin:var(--space-16) auto;padding:var(--space-8) var(--space-6);text-align:center;position:relative;z-index:1}.codex-footer blockquote{font-family:var(--font-body);font-size:var(--text-lg);font-style:italic;color:var(--text-muted);line-height:1.8;margin:0 0 var(--space-4)}.codex-footer cite{font-family:var(--font-display);font-size:var(--text-sm);color:var(--text-gold);font-style:normal}@media(max-width:900px){.codex-layout{grid-template-columns:1fr}.codex-nav{position:relative;top:0}.nav-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.nav-item{flex:1 1 auto;justify-content:center}.nav-arrow{display:none}.faction-lists{grid-template-columns:1fr}}.battlefield{min-height:100vh;background:#0a0a1a;color:var(--text-body);display:flex;flex-direction:column;overflow:hidden}.battlefield.gng-theme{background:linear-gradient(180deg,#0a0a1a,#1a1530)}.bf-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:linear-gradient(180deg,var(--bg-panel) 0%,var(--bg-dark) 100%);border-bottom:3px ridge var(--gold-medium);z-index:10}.bf-title{display:flex;align-items:center;gap:var(--space-3)}.bf-logo{width:32px;height:32px;color:var(--gold-medium)}.bf-title h1{font-family:var(--font-display);font-size:var(--text-lg);color:var(--text-gold);text-shadow:var(--shadow-text-sm);letter-spacing:.1em;margin:0}.bf-subtitle{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-nature);text-transform:uppercase}.bf-resources{display:flex;gap:var(--space-4)}.resource{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-elevated);border:1px solid var(--steel-dark);border-radius:var(--radius-sm)}.resource--highlight{border-color:var(--gold-dark);background:#ffd7001a}.resource-icon{font-size:var(--text-base)}.resource-value{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-gold);font-weight:600;min-width:50px}.resource-label{font-family:var(--font-ui);font-size:var(--text-xs);color:var(--text-muted)}.resource-bar{width:60px;height:8px;background:var(--bg-dark);border-radius:4px;overflow:hidden}.resource-fill{height:100%;background:linear-gradient(90deg,var(--gold-dark),var(--gold-light));transition:width .3s ease}.bf-controls{display:flex;align-items:center;gap:var(--space-2)}.control-btn{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);background:var(--bg-elevated);border:2px solid var(--steel-dark);border-radius:var(--radius-sm);color:var(--text-body);font-family:var(--font-ui);font-size:var(--text-xs);cursor:pointer;transition:all var(--transition-fast)}.control-btn:hover{border-color:var(--gold-dark);color:var(--text-gold)}.control-btn.active{background:#ffd70033;border-color:var(--gold-medium);color:var(--text-gold)}.speed-select{padding:var(--space-2) var(--space-3);background:var(--bg-elevated);border:2px solid var(--steel-dark);border-radius:var(--radius-sm);color:var(--text-body);font-family:var(--font-mono);font-size:var(--text-xs);cursor:pointer}.speed-select:focus{outline:none;border-color:var(--gold-medium)}.bf-main{flex:1;display:grid;grid-template-columns:1fr 350px;gap:var(--space-4);padding:var(--space-4);overflow:hidden}.bf-canvas-container{position:relative;background:var(--bg-dark);border:3px ridge var(--gold-medium);border-radius:var(--radius-md);overflow:hidden;display:flex;align-items:center;justify-content:center}.bf-canvas{max-width:100%;max-height:100%;display:block;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;object-fit:contain}.bf-legend{position:absolute;bottom:var(--space-3);left:var(--space-3);display:flex;gap:var(--space-4);padding:var(--space-2) var(--space-3);background:#0a0a0fe6;border:1px solid var(--steel-dark);border-radius:var(--radius-sm)}.legend-item{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-ui);font-size:var(--text-xs);color:var(--text-muted)}.legend-dot{width:10px;height:10px;border-radius:50%}.legend-dot--claude{background:#3b82f6}.legend-dot--gemini{background:#a855f7}.legend-dot--neutral{background:gold}.bf-sidebar{display:flex;flex-direction:column;gap:var(--space-4);overflow:hidden}.bf-panel{background:var(--bg-panel);border:2px ridge var(--gold-dark);border-radius:var(--radius-md);overflow:hidden;display:flex;flex-direction:column}.bf-panel--log{flex:1;min-height:0}.panel-title{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--bg-elevated);border-bottom:1px solid var(--steel-dark);font-family:var(--font-display);font-size:var(--text-sm);color:var(--text-gold);text-transform:uppercase;letter-spacing:.05em;margin:0}.agent-list{padding:var(--space-2);max-height:250px;overflow-y:auto}.agent-row{padding:var(--space-2);border-radius:var(--radius-sm);margin-bottom:var(--space-1);background:var(--bg-dark);border-left:3px solid transparent}.agent-row--claude{border-left-color:#3b82f6}.agent-row--gemini{border-left-color:#a855f7}.agent-row--neutral{border-left-color:gold}.agent-row--zombie{border-left-color:#405030}.agent-row--demon{border-left-color:#c03030}.agent-row--ghost{border-left-color:#8080c0}.agent-row--skeleton{border-left-color:#d0d0c0}.agent-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-1)}.agent-name{font-family:var(--font-ui);font-size:var(--text-xs);color:var(--text-light);font-weight:500}.agent-status{font-family:var(--font-mono);font-size:10px;padding:2px 6px;border-radius:3px;text-transform:uppercase}.agent-status--idle{background:#9ca3af33;color:var(--text-muted)}.agent-status--moving{background:#3b82f633;color:var(--text-mana)}.agent-status--working{background:#fbbf2433;color:var(--text-energy)}.agent-status--complete{background:#4ade8033;color:var(--text-nature)}.agent-status--fleeing{background:#fbbf244d;color:orange}.agent-status--stunned{background:#a855f733;color:#a855f7}.agent-status--dead{background:#ef444433;color:#ef4444}.agent-status--spawning{background:#8b451333;color:peru}.agent-status--active{background:#4ade8033;color:var(--text-nature)}.agent-status--dying{background:#ef44444d;color:#ff6b6b}.agent-row--dead{opacity:.5}.mini-fill--health{background:linear-gradient(90deg,#22c55e,#4ade80)}.log-entry--danger{background:#ef444426;color:#fca5a5}.agent-bars{margin-bottom:var(--space-1)}.mini-bar{height:4px;background:var(--bg-void);border-radius:2px;overflow:hidden}.mini-fill{height:100%;transition:width .3s ease}.mini-fill--energy{background:linear-gradient(90deg,var(--gold-dark),var(--gold-light))}.agent-task{font-family:var(--font-mono);font-size:9px;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.log-list{flex:1;overflow-y:auto;padding:var(--space-2);font-family:var(--font-mono);font-size:10px}.log-entry{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);margin-bottom:2px;display:flex;gap:var(--space-2);align-items:flex-start}.log-entry--info{background:#60a5fa1a}.log-entry--success{background:#4ade801a}.log-entry--warning{background:#fbbf241a}.log-entry--action{background:#a855f71a}.log-time{color:var(--text-dim);flex-shrink:0}.log-agent{color:var(--text-gold);flex-shrink:0}.log-action{color:var(--text-body);word-break:break-word}.log-empty{color:var(--text-dim);text-align:center;padding:var(--space-4)}.bf-footer{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) var(--space-4);background:var(--bg-panel);border-top:2px solid var(--gold-dark);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted)}.footer-left,.footer-right{display:flex;align-items:center;gap:var(--space-2)}.footer-center{color:var(--text-dim)}.status-dot{width:8px;height:8px;border-radius:50%}.status-dot--online{background:var(--text-nature);box-shadow:0 0 8px var(--text-nature);animation:pulse-green 2s ease-in-out infinite}@keyframes pulse-green{0%,to{box-shadow:0 0 4px var(--text-nature)}50%{box-shadow:0 0 12px var(--text-nature)}}@media(max-width:1024px){.bf-main{grid-template-columns:1fr;grid-template-rows:1fr auto}.bf-sidebar{flex-direction:row;max-height:200px}.bf-panel{flex:1}}@media(max-width:768px){.bf-header{flex-direction:column;gap:var(--space-3)}.bf-resources{flex-wrap:wrap;justify-content:center}.bf-sidebar{flex-direction:column;max-height:none}}.agent-list::-webkit-scrollbar,.log-list::-webkit-scrollbar{width:6px}.agent-list::-webkit-scrollbar-track,.log-list::-webkit-scrollbar-track{background:var(--bg-dark)}.agent-list::-webkit-scrollbar-thumb,.log-list::-webkit-scrollbar-thumb{background:var(--steel-dark);border-radius:3px}.agent-list::-webkit-scrollbar-thumb:hover,.log-list::-webkit-scrollbar-thumb:hover{background:var(--steel-medium)}.warcraft-engine{--human-primary: #1E3A8A;--human-secondary: #C0C0C0;--human-accent: #D4AF37;--orc-primary: #991B1B;--orc-secondary: #1F2937;--orc-accent: #F5F5DC;--undead-primary: #581C87;--undead-secondary: #84CC16;--undead-accent: #FAFAF9;--nightelf-primary: #4C1D95;--nightelf-secondary: #0F766E;--nightelf-accent: #E5E7EB;--claude-primary: #3B82F6;--claude-secondary: #60A5FA;--claude-dark: #1E3A8A;--gemini-primary: #A855F7;--gemini-secondary: #C084FC;--gemini-dark: #4C1D95;--gold-light: #FFD700;--gold-medium: #D4AF37;--gold-dark: #B8860B;--bronze: #CD7F32;--steel: #71797E;--iron: #48494B;--bg-parchment: #F5F5DC;--bg-parchment-dark: #D4C89A;--bg-leather: #1C1917;--bg-leather-light: #292524;--bg-stone: #4B5563;--bg-void: #0F0F0F;--text-gold: #FFD700;--text-light: #F5F5DC;--text-body: #D4D4D4;--text-muted: #9CA3AF;--text-mana: #60A5FA;--text-health: #22C55E;--text-damage: #EF4444;--shadow-text: 2px 2px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000;--shadow-text-sm: 1px 1px 0 #000;--shadow-box: 4px 4px 8px rgba(0,0,0,.6);--shadow-glow-gold: 0 0 10px var(--gold-light)}.warcraft-engine{min-height:100vh;background:var(--bg-leather);color:var(--text-body);display:flex;flex-direction:column;font-family:Palatino Linotype,Book Antiqua,Georgia,serif;overflow:hidden}.warcraft-engine:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 30% 30%,rgba(212,175,55,.05) 0%,transparent 50%),radial-gradient(circle at 70% 70%,rgba(88,28,135,.05) 0%,transparent 50%);pointer-events:none;z-index:0}.wc-header{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:linear-gradient(180deg,var(--bg-leather-light) 0%,var(--bg-leather) 100%);border-bottom:4px ridge var(--gold-medium);box-shadow:0 4px 20px #00000080,inset 0 1px #ffd7001a;position:relative;z-index:10}.wc-title{display:flex;align-items:center;gap:12px}.wc-logo{font-size:32px;filter:drop-shadow(0 0 4px var(--gold-light))}.wc-title h1{font-family:Cinzel,Trajan Pro,serif;font-size:24px;color:var(--text-gold);text-shadow:var(--shadow-text);letter-spacing:.1em;margin:0}.wc-subtitle{font-family:Palatino Linotype,serif;font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.15em}.wc-resources{display:flex;gap:24px}.wc-resource{display:flex;align-items:center;gap:8px;padding:8px 16px;background:linear-gradient(180deg,#4b556366,#1f293799);border:2px solid var(--iron);border-radius:4px;box-shadow:inset 0 1px #ffffff0d}.wc-resource--gold{border-color:var(--gold-dark)}.wc-resource--lumber{border-color:#8b4513}.wc-resource--supply{border-color:var(--steel)}.wc-resource-icon{font-size:18px}.wc-resource-value{font-family:Friz Quadrata,Cinzel,serif;font-size:16px;color:var(--text-gold);font-weight:700;text-shadow:var(--shadow-text-sm);min-width:40px}.wc-resource-label{font-family:Palatino Linotype,serif;font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.wc-controls{display:flex;gap:8px}.wc-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(180deg,#4b5563,#374151,#1f2937);border:3px ridge var(--gold-dark);border-radius:4px;color:var(--text-gold);font-size:16px;cursor:pointer;transition:all .15s ease;box-shadow:inset 2px 2px 4px #ffffff1a,inset -2px -2px 4px #0000004d,var(--shadow-box)}.wc-btn:hover{background:linear-gradient(180deg,#6b7280,#4b5563,#374151);box-shadow:inset 2px 2px 4px #fff3,var(--shadow-box),var(--shadow-glow-gold)}.wc-btn:active,.wc-btn.active{background:linear-gradient(180deg,#1f2937,#374151,#4b5563);box-shadow:inset -2px -2px 4px #ffffff1a,inset 2px 2px 4px #0006}.wc-main{flex:1;display:grid;grid-template-columns:1fr 240px;gap:16px;padding:16px;overflow:hidden}.wc-viewport{position:relative;background:#1a1a2e;border:6px ridge var(--gold-medium);border-radius:8px;overflow:hidden;box-shadow:inset 0 0 30px #00000080,0 0 20px #000c}.wc-viewport canvas{display:block;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;cursor:crosshair}.wc-paused-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#000000b3;z-index:10}.wc-paused-overlay span{font-family:Cinzel,serif;font-size:48px;color:var(--text-gold);text-shadow:var(--shadow-text),0 0 20px rgba(255,215,0,.5);letter-spacing:.2em}.wc-sidebar{display:flex;flex-direction:column;gap:12px;overflow:hidden}.wc-panel{background:var(--bg-leather);border:4px ridge var(--gold-medium);border-radius:8px;overflow:hidden;box-shadow:inset 0 0 20px #0006,var(--shadow-box)}.wc-panel:before,.wc-panel:after{content:"◆";position:absolute;color:var(--gold-medium);font-size:12px;text-shadow:0 0 4px var(--gold-light)}.wc-panel-title{display:flex;align-items:center;gap:8px;padding:8px 12px;margin:0;background:linear-gradient(180deg,var(--bg-leather-light) 0%,var(--bg-leather) 100%);border-bottom:2px solid var(--gold-dark);font-family:Cinzel,Trajan Pro,serif;font-size:12px;color:var(--text-gold);text-transform:uppercase;letter-spacing:.1em;text-shadow:var(--shadow-text-sm)}.wc-minimap-panel{position:relative}.wc-minimap-panel canvas{display:block;width:100%;image-rendering:pixelated}.wc-selection-panel{min-height:120px}.wc-unit-info,.wc-building-info{padding:12px}.wc-unit-info{display:flex;gap:12px}.wc-unit-portrait{flex-shrink:0}.wc-portrait-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-leather-light),var(--bg-void));border:3px ridge var(--gold-dark);border-radius:4px;font-family:Cinzel,serif;font-size:24px;font-weight:700;color:var(--text-gold);text-shadow:var(--shadow-text-sm)}.wc-portrait-icon[data-faction=claude]{background:linear-gradient(135deg,var(--claude-dark),#1e3a6e);color:var(--claude-secondary)}.wc-portrait-icon[data-faction=gemini]{background:linear-gradient(135deg,var(--gemini-dark),#3d1a5c);color:var(--gemini-secondary)}.wc-portrait-icon[data-faction=creep]{background:linear-gradient(135deg,#4a1a1a,#2d0f0f);color:#ef4444}.wc-unit-details{flex:1;min-width:0}.wc-unit-name{font-family:Cinzel,serif;font-size:14px;color:var(--text-gold);text-shadow:var(--shadow-text-sm);margin-bottom:4px}.wc-unit-stats{display:flex;gap:12px;font-size:11px;color:var(--text-body);margin-bottom:4px}.wc-unit-state{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.wc-building-name{font-family:Cinzel,serif;font-size:14px;color:var(--text-gold);text-shadow:var(--shadow-text-sm);margin-bottom:8px}.wc-building-hp,.wc-building-progress,.wc-building-queue{font-size:11px;color:var(--text-body);margin-bottom:4px}.wc-no-selection{padding:24px;text-align:center;color:var(--text-muted);font-style:italic}.wc-action-panel{flex:1;min-height:0}.wc-action-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:8px}.wc-action-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:1;background:linear-gradient(180deg,#4b5563,#374151,#1f2937);border:2px ridge var(--gold-dark);border-radius:4px;color:var(--text-gold);cursor:pointer;transition:all .15s ease;box-shadow:inset 1px 1px 2px #ffffff1a,inset -1px -1px 2px #0000004d}.wc-action-btn:hover{background:linear-gradient(180deg,#6b7280,#4b5563,#374151);box-shadow:inset 1px 1px 2px #fff3,0 0 8px #ffd7004d}.wc-action-btn:active{background:linear-gradient(180deg,#1f2937,#374151,#4b5563)}.wc-action-icon{font-size:18px;font-weight:700;text-shadow:var(--shadow-text-sm)}.wc-action-label{font-size:8px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-light);margin-top:2px}.wc-no-actions{grid-column:1 / -1;text-align:center;color:var(--text-muted);font-size:11px;padding:16px}.wc-log-panel{flex:1;min-height:0;display:flex;flex-direction:column}.wc-log-list{flex:1;overflow-y:auto;padding:8px;font-size:10px}.wc-log-entry{padding:4px 8px;margin-bottom:2px;border-radius:2px;color:var(--text-body)}.wc-log-info{background:#60a5fa1a}.wc-log-success{background:#4ade801a;color:#4ade80}.wc-log-warning{background:#fbbf241a;color:#fbbf24}.wc-log-action{background:#a855f71a;color:#c084fc}.wc-footer{display:flex;justify-content:space-between;align-items:center;padding:8px 24px;background:var(--bg-leather);border-top:3px ridge var(--gold-dark);font-size:11px;color:var(--text-muted)}.wc-footer-left,.wc-footer-right{display:flex;align-items:center;gap:8px}.wc-footer-center{font-family:Palatino Linotype,serif;color:var(--text-muted);letter-spacing:.02em}.wc-status-dot{width:8px;height:8px;background:#22c55e;border-radius:50%;box-shadow:0 0 8px #22c55e;animation:pulse-green 2s ease-in-out infinite}@keyframes pulse-green{0%,to{box-shadow:0 0 4px #22c55e}50%{box-shadow:0 0 12px #22c55e}}.wc-log-list::-webkit-scrollbar{width:8px}.wc-log-list::-webkit-scrollbar-track{background:var(--bg-void);border-radius:4px}.wc-log-list::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--gold-dark),var(--bronze));border-radius:4px;border:1px solid var(--gold-dark)}.wc-log-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--gold-medium),var(--gold-dark))}@media(max-width:1024px){.wc-main{grid-template-columns:1fr;grid-template-rows:1fr auto}.wc-sidebar{flex-direction:row;max-height:200px}.wc-panel{flex:1;min-width:0}.wc-minimap-panel{max-width:200px}}@media(max-width:768px){.wc-header{flex-direction:column;gap:12px;padding:12px}.wc-resources{flex-wrap:wrap;justify-content:center}.wc-sidebar{flex-direction:column;max-height:none}.wc-footer{flex-direction:column;gap:8px;text-align:center}.wc-footer-center{display:none}}.warcraft-engine.crt-mode .wc-viewport:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.03),rgba(0,0,0,.03) 1px,transparent 1px,transparent 2px);pointer-events:none}.alchemist-forge{--forge-bg: #FAF9F6;--forge-text: #1F1E1D;--forge-accent: #D97757;--forge-secondary: #5E7EDF;--forge-border: #E8E6DC;--forge-gold: #C5A059;min-height:100vh;background-color:var(--forge-bg);color:var(--forge-text);font-family:EB Garamond,serif;padding:40px;position:relative;overflow-x:hidden}.alchemist-forge:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:url(https://www.transparenttextures.com/patterns/natural-paper.png);opacity:.3;pointer-events:none;z-index:0}.forge-content{position:relative;z-index:1;max-width:1400px;margin:0 auto}.forge-header{display:flex;justify-content:space-between;align-items:flex-end;border-bottom:1px solid var(--forge-border);padding-bottom:20px;margin-bottom:40px}.forge-title h1{font-size:3.5rem;letter-spacing:.1em;text-transform:uppercase;margin:0;font-weight:400}.forge-title p{font-family:Courier Prime,monospace;font-size:.9rem;color:var(--forge-accent);margin:5px 0 0}.system-status{display:flex;align-items:center;gap:15px;font-family:Courier Prime,monospace;font-size:.8rem}.status-orb{width:12px;height:12px;border-radius:50%;background-color:#4caf50;box-shadow:0 0 10px #4caf5080;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(.95);opacity:.8}50%{transform:scale(1.05);opacity:1}to{transform:scale(.95);opacity:.8}}.forge-grid{display:grid;grid-template-columns:1fr 350px;gap:30px;margin-bottom:30px}.forge-panel{background:#fff;border:1px solid var(--forge-border);padding:25px;box-shadow:0 4px 20px #00000005}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-bottom:1px solid var(--forge-border);padding-bottom:10px}.panel-header h2{font-size:1.2rem;text-transform:uppercase;letter-spacing:.2em;margin:0}.engine-viz{height:400px;display:flex;flex-direction:column;justify-content:center;gap:20px}.viz-row{display:flex;align-items:center;gap:20px}.viz-label{font-family:Courier Prime,monospace;width:150px;font-size:.8rem}.viz-bar-container{flex-grow:1;height:8px;background:var(--forge-border);border-radius:4px;overflow:hidden}.viz-bar{height:100%;width:var(--bar-width, 0%);background:var(--forge-secondary);transition:width .5s ease}.viz-bar--clay{background:var(--forge-accent)}.viz-value{font-family:Courier Prime,monospace;font-size:.8rem;width:40px;text-align:right}.engaging-p{font-size:.8rem;opacity:.6;margin-top:10px}.percept-feed{height:350px;overflow-y:auto;font-family:Courier Prime,monospace;font-size:.85rem}.percept-item{padding:10px 0;border-bottom:1px dashed var(--forge-border);display:flex;gap:15px}.percept-time{color:var(--forge-accent);opacity:.7}.percept-source{font-weight:700;min-width:80px}.kill-switch-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center}.kill-switch{width:120px;height:120px;border-radius:50%;border:4px solid var(--forge-border);background:#fdfdfd;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;margin-bottom:20px;position:relative}.kill-switch:after{content:"DISENGAGED";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:Courier Prime,monospace;font-size:.6rem;letter-spacing:1px;pointer-events:none}.kill-switch--active{background:#ff4d4d;border-color:#c00;box-shadow:0 0 30px #ff4d4d66}.kill-switch--active:after{content:"ENGAGED";color:#fff}.kill-switch:active{transform:scale(.95)}.residue-panel{margin-top:30px}.residue-logs{height:200px;overflow-y:auto;font-family:EB Garamond,serif;font-style:italic;padding:10px}.log-entry{margin-bottom:15px;color:#555}.log-entry b{font-family:Courier Prime,monospace;font-style:normal;color:var(--forge-text)}@media(max-width:1000px){.forge-grid{grid-template-columns:1fr}}