:root{--bg-primary: #0a0a1a;--bg-secondary: #111128;--bg-panel: rgba(10, 15, 40, .85);--warning: #ff6b2b;--danger: #ff3366;--info: #4488cc;--ok: #00ff88;--accent: #ffaa22;--muted: #6644aa;--text-primary: #e0e0e8;--text-secondary:#667788;--border: rgba(68, 136, 204, .15);--glow-info: 0 0 8px rgba(68, 136, 204, .3);--glow-danger: 0 0 12px rgba(255, 51, 102, .5);--glow-warning: 0 0 8px rgba(255, 107, 43, .4);--font-display: "Orbitron", sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Fira Code", monospace}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-mono);overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}#canvas-container{position:fixed;inset:0;z-index:0;cursor:crosshair}#scanlines{position:fixed;inset:0;z-index:90;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px)}#noise-grain{position:fixed;inset:-50%;z-index:89;pointer-events:none;opacity:.02;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");background-size:256px 256px;animation:noiseShift .5s steps(4) infinite}@keyframes noiseShift{0%{transform:translate(0)}25%{transform:translate(-2px,1px)}50%{transform:translate(1px,-1px)}75%{transform:translate(-1px,2px)}to{transform:translate(0)}}#app-header{position:fixed;top:0;left:0;right:0;height:36px;z-index:50;display:flex;align-items:center;gap:10px;padding:0 16px;background:var(--bg-secondary);border-bottom:1px solid var(--border);font-family:var(--font-display);font-size:10px;letter-spacing:3px;text-transform:uppercase}.app-logo{color:var(--danger);font-weight:700;font-size:14px;letter-spacing:6px;text-shadow:0 0 10px rgba(255,51,102,.6),0 0 20px rgba(255,51,102,.3)}.app-divider{color:#4488cc4d;font-weight:300}.app-facility{color:var(--text-secondary);font-size:9px;letter-spacing:4px}.header-actions{margin-left:auto;display:flex;align-items:center;gap:4px}.header-sep{width:1px;height:18px;background:var(--border);margin:0 4px}.header-nav-btn{height:26px;padding:0 10px;background:transparent;color:var(--text-secondary);border:1px solid var(--border);border-radius:3px;font-family:var(--font-display);font-size:9px;letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:all .2s;white-space:nowrap}.header-nav-btn:hover{border-color:var(--info);color:var(--info);background:#4488cc14}.header-nav-btn.active,#world-toggle-btn.active{color:var(--info);border-color:#48c6;background:#4488cc1f}.header-icon-btn{width:28px;height:28px;background:transparent;color:var(--text-secondary);border:1px solid var(--border);border-radius:3px;font-size:14px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;font-family:inherit}#more-actions-dropdown{position:absolute;top:36px;right:16px;background:var(--bg-secondary);border:1px solid var(--border);border-top:none;border-radius:0 0 4px 4px;padding:6px;display:none;flex-direction:column;gap:3px;z-index:51;min-width:140px}#more-actions-dropdown.visible{display:flex}#more-actions-dropdown button{width:100%;padding:5px 10px;background:transparent;color:var(--text-secondary);border:1px solid var(--border);border-radius:3px;font-family:var(--font-display);font-size:8px;letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:all .2s;text-align:left}#more-actions-dropdown button:hover{border-color:var(--info);color:var(--info);background:#4488cc14}.header-icon-btn:hover{border-color:var(--info);color:var(--info)}#audio-toggle.muted{opacity:.35}#hotkeys-panel .panel-body{padding:6px 10px}.hotkey-row{display:flex;align-items:center;justify-content:space-between;padding:3px 0;font-size:11px;color:var(--text-secondary)}.hotkey-row kbd{font-family:var(--font-mono);font-size:10px;background:#4488cc1a;border:1px solid rgba(68,136,204,.3);border-radius:3px;padding:1px 6px;color:var(--info);min-width:24px;text-align:center}.hotkey-row span{font-family:var(--font-display);font-size:8px;letter-spacing:1.5px;text-transform:uppercase}#app-grid{position:fixed;inset:36px 0 0;z-index:10;display:grid;grid-template-columns:260px 1fr 360px;pointer-events:none}#left-column{display:flex;flex-direction:column;gap:6px;padding:12px;pointer-events:auto;overflow-y:auto}#right-column{display:flex;flex-direction:column;gap:8px;padding:12px;pointer-events:auto;grid-column:3;overflow:hidden;max-height:100%;transition:padding-top .3s ease}#right-column.minimap-active{padding-top:236px}.ui-panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:4px;backdrop-filter:blur(8px);position:relative;overflow:hidden}.ui-panel:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='49' viewBox='0 0 28 49'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%234488cc' fill-opacity='1'%3E%3Cpath d='M13.99 9.25l13 7.5v15l-13 7.5L1 31.75v-15l12.99-7.5zM3 17.9v12.7l10.99 6.34 11-6.35V17.9l-11-6.34L3 17.9zM0 15l12.98-7.5V0h-2v6.35L0 12.69v2.3zm0 18.5L12.98 41v8h-2v-6.85L0 35.81v-2.3zM15 0v7.5L27.99 15H28v-2.31h-.01L17 6.35V0h-2zm0 49v-8l12.99-7.5H28v2.31h-.01L17 42.15V49h-2z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");background-size:28px 49px}.ui-panel:hover{box-shadow:0 0 12px #4488cc14}.panel-header{padding:8px 12px;font-family:var(--font-display);font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--info);border-bottom:1px solid var(--border);text-shadow:0 0 6px rgba(68,136,204,.4);position:relative;z-index:1}.panel-header.pulse{animation:headerPulse .5s ease-out}@keyframes headerPulse{0%{text-shadow:0 0 12px rgba(68,136,204,.8)}to{text-shadow:0 0 6px rgba(68,136,204,.4)}}.llm-debug-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-family:var(--font-mono);font-size:8px;letter-spacing:1px;padding:2px 6px;border:1px solid var(--border);background:transparent;color:var(--text-secondary);cursor:pointer;text-transform:uppercase;transition:all .15s;border-radius:2px}.llm-debug-btn:hover{border-color:var(--info);color:var(--info)}.llm-debug-btn.active{border-color:var(--ok);color:var(--ok)}.panel-body{padding:8px 12px;position:relative;z-index:1}.data-row{display:flex;justify-content:space-between;align-items:center;padding:3px 0;border-bottom:1px solid rgba(68,136,204,.05)}.data-row:last-of-type{border-bottom:none}.data-label{font-family:var(--font-display);font-size:10px;letter-spacing:2px;color:var(--text-secondary)}.data-value{font-family:var(--font-mono);font-size:11px;color:var(--text-primary)}.env-divider{height:1px;background:var(--border);margin:6px 0 4px}.bar-group{margin-top:6px;position:relative;z-index:1}.bar-label{font-family:var(--font-display);font-size:10px;letter-spacing:2px;color:var(--text-secondary);display:block;margin-bottom:3px}#hp-bar-container{width:100%;height:12px;background:#0006;border-radius:2px;overflow:hidden;border:1px solid var(--border);position:relative}#hp-bar-fill{height:100%;width:100%;background:linear-gradient(90deg,#f44,#c22);transition:width .5s,background .5s;border-radius:1px}#hp-value{position:absolute;right:4px;top:50%;transform:translateY(-50%);font-size:10px;font-weight:600;color:#ffffffb3;line-height:1;text-shadow:0 0 3px rgba(0,0,0,.6)}#hp-bar-container.injured{border-color:var(--danger);animation:dyingPulse 1s infinite}#energy-bar-container{width:100%;height:12px;background:#0006;border-radius:2px;overflow:hidden;border:1px solid var(--border);position:relative}#energy-bar-fill{height:100%;width:50%;background:var(--ok);transition:width .5s,background .5s;border-radius:1px}#energy-value{position:absolute;right:4px;top:50%;transform:translateY(-50%);font-size:10px;font-weight:600;color:#ffffffb3;line-height:1;text-shadow:0 0 3px rgba(0,0,0,.6)}#energy-bar-container.dying{border-color:var(--danger);animation:dyingPulse 1s infinite}@keyframes dyingPulse{0%,to{box-shadow:0 0 4px #ff33664d}50%{box-shadow:0 0 12px #ff3366b3}}#xp-bar-container{width:100%;height:4px;background:#0006;border-radius:2px;overflow:hidden;border:1px solid var(--border);margin-top:4px}#xp-bar-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--info),var(--muted));transition:width .5s;border-radius:1px}#level-buttons{display:flex;flex-wrap:wrap;gap:4px}.level-btn{flex:1 0 auto;min-width:28px;padding:5px 4px;font-family:var(--font-display);font-size:9px;letter-spacing:.5px;background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border);border-radius:3px;cursor:pointer;transition:all .2s}.level-btn:hover{border-color:#48c6;color:var(--text-primary)}.level-btn.active{border-color:var(--warning);color:var(--warning);background:#ff6b2b14;box-shadow:var(--glow-warning)}#new-creature-btn,#gallery-btn,#knowledge-viz-btn,#card-btn{flex:1;padding:5px 6px;font-family:var(--font-display);font-size:8px;letter-spacing:1px;text-transform:uppercase;background:var(--bg-secondary);border:1px solid var(--border);border-radius:3px;cursor:pointer;transition:all .2s}#new-creature-btn{color:var(--danger)}#new-creature-btn:hover{border-color:var(--danger);box-shadow:var(--glow-danger)}#gallery-btn{color:var(--info)}#gallery-btn:hover{border-color:var(--info);box-shadow:var(--glow-info)}#knowledge-viz-btn{color:var(--muted)}#knowledge-viz-btn:hover{border-color:var(--muted);box-shadow:0 0 8px #64a6}#knowledge-viz-btn.active{border-color:var(--muted);color:var(--muted);background:#6644aa1a}#card-btn{color:var(--accent)}#card-btn:hover{border-color:var(--accent);box-shadow:var(--glow-warning)}#selectors-row{display:flex;gap:4px;margin-top:8px}#selectors-row select{flex:1;padding:5px 6px;font-family:var(--font-mono);font-size:9px;background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border);border-radius:3px;cursor:pointer;min-width:0;outline:none}#selectors-row select:focus{border-color:var(--info)}#thought-container{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}#thought-stream{padding:8px 12px;overflow-y:auto;flex:1;min-height:0;position:relative;z-index:1}.thought-line{margin-bottom:6px;font-size:12px;line-height:1.5;opacity:0;animation:fadeIn .3s forwards;padding-left:8px;border-left:2px solid transparent}@keyframes fadeIn{to{opacity:1}}.thought-token{transition:color .2s}.thought-default{color:#aaa;border-left-color:#a0a0a033}.thought-joy{color:var(--ok);border-left-color:var(--ok)}.thought-discomfort{color:var(--warning);border-left-color:var(--warning)}.thought-distress{color:var(--danger);border-left-color:var(--danger)}.thought-curiosity{color:var(--info);border-left-color:var(--info)}.thought-breakthrough{color:var(--accent);border-left-color:var(--accent);text-shadow:0 0 6px rgba(255,170,34,.3)}.thought-noise{color:#444;border-left-color:#4443}.thought-user{color:#6df;font-style:italic;border-left-color:#6df;border-left-width:3px}.thought-event{color:#679;font-size:11px;letter-spacing:.5px;border-left-color:#456}.thought-event.event-observer{color:var(--accent);border-left-color:var(--accent);font-weight:600}.thought-event.event-creature{color:#4ca;border-left-color:#4ca;text-shadow:0 0 6px rgba(68,204,170,.2)}.thought-event.event-system{color:#568;border-left-color:#345;font-size:10px;letter-spacing:1px;text-transform:uppercase}.thought-action{color:#555;font-size:11px;letter-spacing:1px;border-left-color:#5553}.thought-thinking{color:#456;animation:thinking 1.5s infinite;border-left-color:#4488cc4d;display:flex;align-items:center;gap:8px}.thought-thinking .llm-badge{font-size:8px;letter-spacing:1px;color:#357;font-family:var(--font-display);text-transform:uppercase}@keyframes thinking{0%,to{opacity:.3}50%{opacity:.8}}.action-tag{color:var(--text-secondary);font-size:10px;font-weight:600;letter-spacing:1px}.thought-text{color:#ccc}.thought-raw{color:#3a4a5a;font-size:9px;font-family:Courier New,monospace;line-height:1.3;word-break:break-all;border-left:1px dashed #2a3a4a;padding:2px 6px;margin:1px 0;background:#0a0f1966;max-height:3.9em;overflow:hidden}.thought-marker{text-align:center;color:#4488cc26;font-size:10px;margin:2px 0;opacity:.5;letter-spacing:4px;border-left:none}.branch-badge{display:inline-block;padding:3px 10px;font-family:var(--font-display);font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase;border-radius:2px;margin:4px 0;animation:fadeIn .5s forwards}.branch-badge[data-branch=apex]{background:#ff336626;border:1px solid rgba(255,51,102,.4);color:var(--danger)}.branch-badge[data-branch=oracle]{background:#4488cc26;border:1px solid rgba(68,136,204,.4);color:var(--info)}.branch-badge[data-branch=voyager]{background:#00ff881a;border:1px solid rgba(0,255,136,.3);color:var(--ok)}.branch-badge[data-branch=architect]{background:#6644aa26;border:1px solid rgba(102,68,170,.4);color:var(--muted)}.branch-badge[data-branch=scholar]{background:#ffaa221f;border:1px solid rgba(255,170,34,.3);color:var(--accent)}.trait-container{display:flex;flex-wrap:wrap;gap:4px;padding:4px 0}.trait-badge{display:inline-flex;align-items:center;gap:3px;padding:2px 6px;font-size:10px;border-radius:3px;background:#ffaa221a;border:1px solid rgba(255,170,34,.3);color:var(--accent);letter-spacing:.5px;animation:fadeIn .5s forwards}.trait-badge .trait-icon{font-size:11px}.thought-signal{border-left-color:#fc26}.signal-text{font-size:14px;font-weight:700;letter-spacing:2px;display:block}.signal-translation{font-size:10px;color:#666;margin-top:2px;font-style:italic}#observer-panel{flex-shrink:0}#input-row{display:flex;gap:6px}#user-input{flex:1;padding:8px 12px;font-family:var(--font-mono);font-size:11px;background:#0006;color:var(--text-primary);border:1px solid var(--border);border-radius:3px;outline:none;transition:border-color .2s,box-shadow .2s}#user-input:focus{border-color:var(--info);box-shadow:var(--glow-info)}#user-input::placeholder{color:#456;font-style:italic}#send-btn{padding:8px 14px;font-family:var(--font-display);font-size:10px;letter-spacing:2px;background:#4488cc14;color:var(--info);border:1px solid rgba(68,136,204,.3);border-radius:3px;cursor:pointer;transition:all .2s}#send-btn:hover{background:var(--info);color:var(--bg-primary);border-color:var(--info)}#loading-overlay{position:fixed;inset:0;z-index:100;background:var(--bg-primary);display:flex;align-items:center;justify-content:center;transition:opacity .5s}#loading-overlay.hidden{opacity:0;pointer-events:none}#loading-inner{text-align:center;width:400px;padding:40px;border:1px solid var(--border);border-radius:4px;background:var(--bg-panel);position:relative}#loading-inner:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='49' viewBox='0 0 28 49'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%234488cc' fill-opacity='1'%3E%3Cpath d='M13.99 9.25l13 7.5v15l-13 7.5L1 31.75v-15l12.99-7.5zM3 17.9v12.7l10.99 6.34 11-6.35V17.9l-11-6.34L3 17.9zM0 15l12.98-7.5V0h-2v6.35L0 12.69v2.3zm0 18.5L12.98 41v8h-2v-6.85L0 35.81v-2.3zM15 0v7.5L27.99 15H28v-2.31h-.01L17 6.35V0h-2zm0 49v-8l12.99-7.5H28v2.31h-.01L17 42.15V49h-2z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");background-size:28px 49px;border-radius:4px}#loading-title{font-family:var(--font-display);font-size:32px;font-weight:700;letter-spacing:12px;color:var(--info);margin-bottom:8px;text-shadow:0 0 10px rgba(68,136,204,.5),0 0 20px rgba(68,136,204,.2)}#loading-subtitle{font-family:var(--font-display);font-size:9px;color:var(--text-secondary);margin-bottom:24px;letter-spacing:3px}#loading-spinner{width:40px;height:40px;margin:0 auto 20px;border:2px solid var(--border);border-top-color:var(--info);border-radius:50%;animation:spin 1s linear infinite}#loading-stage{font-family:var(--font-display);font-size:11px;color:var(--warning);margin-bottom:8px;letter-spacing:2px;min-height:20px}#loading-detail{font-size:10px;color:var(--text-secondary);margin-bottom:16px;min-height:16px}#progress-bar-container{width:100%;height:4px;background:#0006;border-radius:2px;overflow:hidden;margin-bottom:12px;border:1px solid var(--border)}#progress-bar{height:100%;width:0%;background:linear-gradient(90deg,var(--info),var(--ok));transition:width .3s}#progress-bar.indeterminate{width:30%;animation:indeterminate 1.5s ease-in-out infinite}@keyframes indeterminate{0%{transform:translate(-100%)}to{transform:translate(400%)}}#progress-text{font-size:11px;color:var(--text-secondary)}#loading-size{font-size:10px;color:#334;margin-top:8px}#stats-overlay{display:none}#floating-text-container{position:fixed;inset:0;z-index:15;pointer-events:none}.floating-text{position:absolute;font-family:var(--font-mono);font-size:13px;font-weight:600;letter-spacing:1px;pointer-events:none;animation:floatUp 1.2s ease-out forwards}.floating-text.energy{color:var(--ok);text-shadow:0 0 6px rgba(0,255,136,.4)}.floating-text.xp{color:var(--muted);text-shadow:0 0 6px rgba(102,68,170,.4)}.floating-text.hp{color:#f44;text-shadow:0 0 6px rgba(255,68,68,.4)}@keyframes floatUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-40px)}}#death-overlay{position:fixed;inset:0;z-index:300;background:#0a0514f0;display:none;align-items:center;justify-content:center;flex-direction:column;gap:20px;animation:deathFadeIn 2s ease-out forwards}#death-overlay.visible{display:flex}@keyframes deathFadeIn{0%{opacity:0}to{opacity:1}}.death-title{font-family:var(--font-display);font-size:16px;color:var(--danger);letter-spacing:8px;text-transform:uppercase;opacity:0;animation:deathTextIn 1.5s 1s ease-out forwards;text-shadow:var(--glow-danger)}.death-cause{font-family:var(--font-display);font-size:10px;color:#ff336680;letter-spacing:3px}.death-thought{max-width:400px;text-align:center;font-size:13px;color:#879;line-height:1.8;font-style:italic;opacity:0;animation:deathTextIn 2s 2s ease-out forwards}.death-memories{max-width:400px;text-align:center;opacity:0;animation:deathTextIn 1.5s 1.5s ease-out forwards}.death-memory{font-size:11px;color:#657;line-height:1.6;font-style:italic;margin-bottom:4px}.death-stats{font-family:var(--font-display);font-size:9px;color:#f366;letter-spacing:2px;text-align:center;line-height:1.8}.death-buttons{display:flex;gap:12px;margin-top:16px;opacity:0;animation:deathTextIn 1s 3s ease-out forwards}.death-btn{padding:8px 20px;font-family:var(--font-display);font-size:10px;letter-spacing:2px;text-transform:uppercase;background:#ff33660d;color:var(--danger);border:1px solid rgba(255,51,102,.2);border-radius:3px;cursor:pointer;transition:all .3s}.death-btn:hover{background:var(--danger);color:var(--bg-primary);border-color:var(--danger);box-shadow:var(--glow-danger)}.death-btn.primary{color:var(--info);border-color:#4488cc4d;background:#4488cc0d}.death-btn.primary:hover{background:var(--info);color:var(--bg-primary);border-color:var(--info);box-shadow:var(--glow-info)}@keyframes deathTextIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}#death-vignette{position:fixed;inset:0;z-index:5;pointer-events:none;opacity:0;transition:opacity 1s;background:radial-gradient(ellipse at center,transparent 40%,rgba(50,0,30,.6) 100%)}#death-vignette.visible{opacity:1}.away-overlay{position:fixed;inset:0;z-index:310;background:#0a0514eb;display:none;align-items:center;justify-content:center;backdrop-filter:blur(6px);animation:awayFadeIn .8s ease-out forwards}@keyframes awayFadeIn{0%{opacity:0}to{opacity:1}}.away-panel{display:flex;flex-direction:column;align-items:center;text-align:center;gap:18px;padding:40px 56px;border:1px solid rgba(68,136,204,.2);border-radius:6px;background:#0a0f28b3;min-width:320px;max-width:480px}.away-title{font-family:var(--font-display);font-size:16px;color:var(--info);letter-spacing:8px;text-transform:uppercase;text-shadow:var(--glow-info);white-space:nowrap;opacity:0;animation:awayTextIn 1s .3s ease-out forwards}.away-stat{font-family:var(--font-mono);font-size:13px;color:var(--text-primary);letter-spacing:2px;opacity:0;animation:awayTextIn .8s .6s ease-out forwards}.away-stat:nth-child(3){animation-delay:.8s}.away-stat:nth-child(4){animation-delay:1s}.away-stat:nth-child(5){animation-delay:1.2s}.away-dismiss{margin-top:12px;padding:10px 36px;font-family:var(--font-display);font-size:12px;letter-spacing:4px;text-transform:uppercase;background:#4488cc14;color:var(--info);border:1px solid rgba(68,136,204,.3);border-radius:4px;cursor:pointer;transition:all .3s;opacity:0;animation:awayTextIn .8s 1.4s ease-out forwards}.away-dismiss:hover{background:var(--info);color:var(--bg-primary);border-color:var(--info);box-shadow:var(--glow-info)}@keyframes awayTextIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}#gallery-overlay{position:fixed;inset:0;z-index:300;background:#05050ff5;display:none;flex-direction:column;backdrop-filter:blur(12px);overflow:hidden;padding-top:36px}#gallery-overlay.visible{display:flex}.gallery-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border)}.gallery-title{font-family:var(--font-display);font-size:16px;letter-spacing:6px;color:var(--info);text-transform:uppercase;text-shadow:0 0 6px rgba(68,136,204,.3)}.gallery-close{background:none;border:1px solid var(--border);color:var(--text-secondary);font-family:var(--font-display);font-size:10px;padding:5px 12px;border-radius:3px;cursor:pointer;letter-spacing:1px}.gallery-close:hover{border-color:var(--danger);color:var(--danger)}.gallery-sort{display:flex;gap:8px;padding:12px 24px;border-bottom:1px solid rgba(68,136,204,.08)}.gallery-sort button{padding:4px 10px;font-family:var(--font-display);font-size:11px;background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border);border-radius:3px;cursor:pointer;letter-spacing:1px}.gallery-sort button.active{border-color:var(--info);color:var(--info)}.gallery-body{flex:1;overflow-y:auto;padding:16px 24px}.gallery-empty{text-align:center;color:#334;font-size:15px;margin-top:80px;letter-spacing:2px}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.gallery-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:4px;padding:14px;cursor:pointer;transition:all .2s}.gallery-card:hover{border-color:#4488cc4d;transform:translateY(-2px);box-shadow:var(--glow-info)}.gallery-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.gallery-card-swatch{width:16px;height:16px;border-radius:50%;border:1px solid var(--border)}.gallery-card-thumbnail{width:40px;height:40px;border-radius:4px;object-fit:cover;border:1px solid var(--border)}.gallery-detail-thumbnail{width:200px;height:200px;border-radius:8px;object-fit:cover;margin:0 auto;display:block;border:1px solid var(--border)}.gallery-card-gen{font-family:var(--font-display);font-size:9px;color:var(--info);letter-spacing:1px}.gallery-card-name{font-size:12px;color:var(--text-primary);margin-bottom:4px}.gallery-card-meta{font-size:9px;color:var(--text-secondary);letter-spacing:1px;line-height:1.6}.gallery-card-death{font-size:9px;color:#ff336680;margin-top:4px;letter-spacing:1px}.gallery-detail{position:absolute;top:0;right:0;width:380px;height:100%;background:var(--bg-primary);border-left:1px solid var(--border);padding:24px;display:none;flex-direction:column;gap:16px;overflow-y:auto}.gallery-detail.visible{display:flex}.gallery-detail-title{font-family:var(--font-display);font-size:14px;color:var(--text-primary);letter-spacing:2px}.gallery-detail-section{border-top:1px solid var(--border);padding-top:12px}.gallery-detail-section h4{font-family:var(--font-display);font-size:9px;color:var(--info);letter-spacing:2px;text-transform:uppercase;margin-bottom:8px;font-weight:400}.gallery-detail-thought{font-size:12px;color:#879;font-style:italic;line-height:1.6}.gallery-detail-memories{font-size:11px;color:var(--text-secondary);line-height:1.6}.gallery-detail-dna{font-size:10px;color:#556;line-height:1.5}.gallery-summon-btn{padding:10px 16px;font-family:var(--font-display);font-size:10px;letter-spacing:2px;background:#4488cc0d;color:var(--info);border:1px solid rgba(68,136,204,.2);border-radius:3px;cursor:pointer;transition:all .3s;text-align:center}.gallery-summon-btn:hover{background:var(--info);color:var(--bg-primary);box-shadow:var(--glow-info)}#test-panel{position:fixed;top:44px;left:16px;width:260px;z-index:20;background:var(--bg-panel);border:1px solid var(--border);border-radius:4px;font-size:11px;backdrop-filter:blur(8px);max-height:calc(100vh - 60px);overflow-y:auto}.tp-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;font-family:var(--font-display);font-size:10px;letter-spacing:3px;color:var(--warning);border-bottom:1px solid var(--border)}.tp-header button{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-family:var(--font-mono);font-size:12px}#tp-body{padding:8px 12px}.tp-section{margin-bottom:10px}.tp-section label{display:flex;justify-content:space-between;color:var(--text-secondary);font-size:10px;margin-bottom:4px;letter-spacing:1px}.tp-section label span{color:var(--text-primary)}.tp-section input[type=range]{width:100%;height:4px;-webkit-appearance:none;appearance:none;background:var(--bg-secondary);border-radius:2px;outline:none}.tp-section input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;background:var(--warning);border-radius:50%;cursor:pointer}.tp-buttons{display:flex;gap:6px}.tp-buttons button{flex:1;padding:5px 8px;font-family:var(--font-mono);font-size:10px;background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border);border-radius:3px;cursor:pointer;letter-spacing:1px}.tp-buttons button:hover{border-color:var(--warning);color:var(--warning)}.tp-status{color:var(--text-secondary);font-size:10px;letter-spacing:1px;line-height:1.6}.tp-dna-title{font-family:var(--font-display);color:var(--text-secondary);font-size:9px;letter-spacing:2px;text-transform:uppercase;margin-bottom:4px}.tp-dna-row{display:flex;gap:6px;font-size:9px;line-height:1.6;color:#556}.tp-dna-key{width:100px;color:var(--text-secondary);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.tp-dna-bar{color:var(--warning);letter-spacing:-1px;font-size:8px}.tp-dna-val{color:var(--text-primary);width:30px;text-align:right}.tp-actions{max-height:120px;overflow-y:auto}.tp-action-line{font-size:9px;color:#556;line-height:1.5;border-left:2px solid var(--border);padding-left:6px;margin-bottom:2px}.ui-panel.warning{animation:borderPulse 2s ease-in-out infinite}@keyframes borderPulse{0%,to{border-color:var(--border)}50%{border-color:#ff6b2b66;box-shadow:var(--glow-warning)}}.ui-panel.critical{animation:borderPulseCritical 1s ease-in-out infinite}@keyframes borderPulseCritical{0%,to{border-color:var(--border)}50%{border-color:#ff336680;box-shadow:var(--glow-danger)}}#thought-stream::-webkit-scrollbar,.gallery-body::-webkit-scrollbar,#test-panel::-webkit-scrollbar,#left-column::-webkit-scrollbar,#specimen-panel>.panel-body::-webkit-scrollbar{width:3px}#thought-stream::-webkit-scrollbar-track,.gallery-body::-webkit-scrollbar-track,#test-panel::-webkit-scrollbar-track,#left-column::-webkit-scrollbar-track,#specimen-panel>.panel-body::-webkit-scrollbar-track{background:transparent}#thought-stream::-webkit-scrollbar-thumb,.gallery-body::-webkit-scrollbar-thumb,#test-panel::-webkit-scrollbar-thumb,#left-column::-webkit-scrollbar-thumb,#specimen-panel>.panel-body::-webkit-scrollbar-thumb{background:#4488cc80;border-radius:2px}@media(max-width:900px){#app-grid{grid-template-columns:1fr}#left-column{display:none}#right-column{grid-column:1}}@media(max-width:600px){#app-header{padding:0 8px;gap:4px}.app-facility{display:none}.app-logo{font-size:12px}.header-nav-btn{padding:0 6px;font-size:7px;letter-spacing:1px}.header-sep{display:none}#right-column{padding:8px}}#callout-container{position:fixed;inset:0;z-index:12;pointer-events:none;overflow:hidden}.detection-box{--det-color: var(--info);border:1.5px solid var(--det-color);pointer-events:auto;cursor:pointer;transition:border-color .3s,box-shadow .3s,opacity .3s;opacity:.7;animation:detBoxAppear .4s ease-out forwards}.detection-box:hover{opacity:1;box-shadow:0 0 12px color-mix(in srgb,var(--det-color) 40%,transparent)}@keyframes detBoxAppear{0%{opacity:0;transform:scale(1.3);border-color:transparent}50%{opacity:.5;border-color:var(--det-color)}to{opacity:.7;transform:scale(1)}}.det-corner{position:absolute;width:10px;height:10px;border-color:var(--det-color);border-style:solid;border-width:0}.det-tl{top:-1px;left:-1px;border-top-width:2px;border-left-width:2px}.det-tr{top:-1px;right:-1px;border-top-width:2px;border-right-width:2px}.det-bl{bottom:-1px;left:-1px;border-bottom-width:2px;border-left-width:2px}.det-br{bottom:-1px;right:-1px;border-bottom-width:2px;border-right-width:2px}.det-label{position:absolute;top:-18px;left:0;font-family:var(--font-display);font-size:8px;letter-spacing:2px;text-transform:uppercase;color:var(--det-color);background:#0a0f28d9;padding:1px 6px;white-space:nowrap;line-height:14px}.det-confidence{position:absolute;top:-18px;right:0;font-family:var(--font-mono);font-size:9px;color:var(--det-color);background:#0a0f28d9;padding:1px 4px;line-height:14px;opacity:.7}.detection-box.scanning{opacity:1;border-width:2px;box-shadow:0 0 8px color-mix(in srgb,var(--det-color) 50%,transparent),inset 0 0 12px color-mix(in srgb,var(--det-color) 15%,transparent);animation:scanPulse 1.5s ease-in-out infinite}.detection-box.scanning .det-corner{border-width:0;animation:cornerGlow 1.5s ease-in-out infinite}.detection-box.scanning .det-tl{border-top-width:3px;border-left-width:3px}.detection-box.scanning .det-tr{border-top-width:3px;border-right-width:3px}.detection-box.scanning .det-bl{border-bottom-width:3px;border-left-width:3px}.detection-box.scanning .det-br{border-bottom-width:3px;border-right-width:3px}.detection-box.scan-targeting{opacity:1;animation:scanTarget 1.5s ease-out forwards}@keyframes scanTarget{0%{border-color:transparent;transform:scale(1.6);opacity:.3}30%{border-color:var(--det-color);opacity:.8}to{transform:scale(1);opacity:1}}@keyframes scanPulse{0%,to{box-shadow:0 0 8px color-mix(in srgb,var(--det-color) 40%,transparent),inset 0 0 8px color-mix(in srgb,var(--det-color) 10%,transparent)}50%{box-shadow:0 0 16px color-mix(in srgb,var(--det-color) 60%,transparent),inset 0 0 20px color-mix(in srgb,var(--det-color) 20%,transparent)}}@keyframes cornerGlow{0%,to{border-color:var(--det-color)}50%{border-color:color-mix(in srgb,var(--det-color) 80%,white)}}#card-overlay{position:fixed;inset:0;z-index:300;background:#05050ff5;display:none;flex-direction:column;align-items:center;justify-content:center;gap:16px;backdrop-filter:blur(12px)}#card-overlay.visible{display:flex}#card-overlay img{max-width:400px;max-height:600px;border:1px solid var(--border);box-shadow:0 0 24px #48c3}.card-actions{display:flex;gap:12px}.card-actions button{font-family:var(--font-display);font-size:10px;letter-spacing:2px;padding:8px 20px;border:1px solid var(--border);background:var(--bg-panel);color:var(--text-primary);cursor:pointer;transition:border-color .2s,color .2s}.card-actions button:hover{border-color:var(--accent);color:var(--accent)}.card-close-btn{position:absolute;top:20px;right:24px;background:none;border:1px solid var(--border);color:var(--text-secondary);font-size:16px;width:32px;height:32px;cursor:pointer;display:flex;align-items:center;justify-content:center}.card-close-btn:hover{border-color:var(--danger);color:var(--danger)}#creature-profile-overlay{position:fixed;inset:0;z-index:9999;background:#05050feb;backdrop-filter:blur(8px);display:none;align-items:center;justify-content:center;overflow-y:auto}#creature-profile-overlay.visible{display:flex}.profile-content{position:relative;width:min(720px,90vw);max-height:85vh;overflow-y:auto;background:var(--bg-panel);border:1px solid var(--border);border-radius:4px;padding:24px}.profile-close{position:absolute;top:12px;right:12px;background:none;border:1px solid var(--text-secondary);color:var(--text-secondary);font-size:18px;width:28px;height:28px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:3px}.profile-close:hover{border-color:var(--danger);color:var(--danger)}.profile-section{background:#0a0f2880;border:1px solid var(--border);border-radius:3px;padding:12px}.profile-section h3{font-family:var(--font-mono);font-size:11px;color:var(--info);letter-spacing:2px;text-transform:uppercase;margin:0 0 8px;border-bottom:1px solid var(--border);padding-bottom:4px}.profile-row{display:flex;justify-content:space-between;align-items:center;padding:3px 0;font-size:12px}.profile-row .label{color:var(--text-secondary);font-size:10px;letter-spacing:1px;text-transform:uppercase}.profile-row .value{color:var(--text-primary);font-family:var(--font-mono)}.profile-empty{color:var(--text-secondary);font-size:11px;font-style:italic;padding:8px 0}.profile-trait-row{display:flex;align-items:center;gap:6px;padding:4px 0;font-size:12px}.profile-trait-row .trait-name{color:var(--accent);font-weight:600}.profile-trait-row .trait-desc{color:var(--text-secondary);font-size:10px;margin-left:auto}.profile-trait-row .trait-progress{color:var(--text-secondary);font-size:10px;font-family:var(--font-mono);margin-left:auto}.profile-memory-row{padding:3px 0;font-size:11px;border-bottom:1px solid rgba(68,136,204,.05)}.profile-memory-row .importance{font-size:9px;color:var(--accent);font-family:var(--font-mono);margin-right:6px}.profile-memory-row .memory-content{color:var(--text-primary)}.profile-dna-row{display:flex;align-items:center;gap:8px;padding:2px 0;font-size:11px}.profile-dna-row .dna-name{color:var(--text-secondary);width:140px;flex-shrink:0;font-size:10px}.profile-dna-row .dna-bar{flex:1;height:4px;background:#4488cc1a;border-radius:2px;overflow:hidden}.profile-dna-row .dna-fill{height:100%;background:var(--info);border-radius:2px;transition:width .3s}.profile-dna-row .dna-value{color:var(--text-primary);font-family:var(--font-mono);width:36px;text-align:right;font-size:10px}.specimen-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.creature-name-display{font-family:var(--font-mono);font-size:13px;color:var(--accent);letter-spacing:1px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.level-badge{font-family:var(--font-display);font-size:11px;letter-spacing:2px;color:var(--info);background:#4488cc1a;border:1px solid rgba(68,136,204,.3);border-radius:3px;padding:2px 6px;white-space:nowrap}.goal-indicator{display:flex;align-items:center;gap:6px;padding:4px 0 6px;min-height:24px}.goal-icon{font-size:12px;width:14px;text-align:center;transition:color .3s}.goal-label{font-family:var(--font-display);font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--text-secondary);transition:color .3s;flex:1}.goal-decay-bar{width:40px;height:3px;background:#0000004d;border-radius:2px;overflow:hidden}#goal-decay-fill{height:100%;width:0%;border-radius:2px;transition:width .3s,background .3s;background:var(--info)}.goal-indicator.active .goal-icon,.goal-indicator.active .goal-label{text-shadow:0 0 6px currentColor}@keyframes goalGlow{0%,to{filter:brightness(1)}50%{filter:brightness(1.3)}}.goal-indicator.active .goal-icon{animation:goalGlow 2s ease-in-out infinite}.xp-progress{font-size:9px;color:var(--text-secondary);font-family:var(--font-mono)}.food-picker{display:flex;flex-direction:column;gap:2px;padding:4px 0}.food-picker-hint{font-size:8px;color:var(--accent);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.5px;padding:0 2px 2px;opacity:.8}.food-picker-row{display:flex;gap:3px}.food-btn{display:flex;flex-direction:column;align-items:center;gap:1px;padding:4px 6px 2px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:4px;cursor:pointer;transition:all .2s ease;font-family:var(--font-mono);font-size:10px;font-weight:700;color:var(--text-secondary);flex:1;min-width:0;position:relative}.food-btn:hover{border-color:#ffffff4d;background:#ffffff0f}.food-btn.active{border-color:var(--accent);box-shadow:0 0 8px #ffaa224d;color:var(--text-primary)}.food-btn.empty{opacity:.35;pointer-events:none}.food-btn-icon{display:inline-block;width:8px;height:8px;border-radius:50%;box-shadow:0 0 6px currentColor}.food-btn-label{font-size:8px;font-weight:700;letter-spacing:.5px}.food-btn-count{font-size:13px;font-weight:700;min-width:10px;text-align:center}.food-btn-effect{font-size:7px;color:var(--text-secondary);opacity:.7;white-space:nowrap}.food-regen-bar{width:100%;height:2px;background:#ffffff0f;border-radius:1px;margin-top:1px;overflow:hidden}.food-regen-fill{height:100%;width:0%;border-radius:1px;transition:width 1s linear}.food-btn[data-food=biomass] .food-regen-fill{background:#4c6}.food-btn[data-food=crystal] .food-regen-fill{background:#a6f}.food-btn[data-food=mutagen] .food-regen-fill{background:#6f4}.food-btn[data-food=marrow] .food-regen-fill{background:#f63}.food-picker.hidden{display:none}.reward-punish-row{display:flex;gap:6px;margin:4px 0;align-items:center;transition:opacity .3s}.reward-punish-row.inactive{opacity:.25;pointer-events:none}.reward-punish-row.active{opacity:1;pointer-events:auto}.reward-punish-row.rp-used{opacity:.4;pointer-events:none}.reward-punish-row.pulse-attention{animation:rpAttention 1.5s ease-in-out 2}@keyframes rpAttention{0%,to{box-shadow:none}50%{box-shadow:0 0 12px #48c6}}@keyframes rp-slide-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.rp-label{flex:1;text-align:center;font-size:.65rem;font-family:var(--font-mono);color:var(--text-dim, #8892a4);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rp-btn{flex:0 0 auto;width:44px;padding:8px 0;border:1px solid var(--border);background:var(--bg-panel);color:var(--text-primary);cursor:pointer;font-size:1rem;font-family:var(--font-mono);transition:all .15s}.reward-btn{border-color:#00ff884d}.punish-btn{border-color:#ff33664d}.rp-btn:active{transform:scale(.95)}.reward-btn:hover{border-color:#0f8;background:#00ff881a}.punish-btn:hover{border-color:#f36;background:#ff33661a}.rp-btn.flash-green{animation:rp-flash-green .4s ease-out}.rp-btn.flash-red{animation:rp-flash-red .4s ease-out}@keyframes rp-flash-green{0%{box-shadow:0 0 20px #0f8c}to{box-shadow:none}}@keyframes rp-flash-red{0%{box-shadow:0 0 20px #f36c}to{box-shadow:none}}.env-strip{display:flex;gap:2px;padding:4px 0 0;margin-top:4px;border-top:1px solid var(--border)}.env-item{flex:1;text-align:center;padding:3px 2px;background:#0003;border-radius:2px;cursor:help}.env-val{font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--text-primary);transition:color .3s}.env-item.cold .env-val{color:var(--info)}.env-item.hot .env-val{color:var(--warning)}.env-item.toxic .env-val{color:var(--ok)}.env-item.night .env-val{color:var(--muted)}#dev-controls{padding:6px 8px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:4px;margin-top:4px}#world-toggle-btn:disabled{opacity:.4;cursor:not-allowed}#replay-tutorial-btn{font-size:8px;opacity:.7}#replay-tutorial-btn:hover{opacity:1}.hotkey-wrapper{position:relative;align-self:flex-start}.hotkey-help-btn{width:24px;height:24px;border-radius:50%;background:var(--bg-panel);border:1px solid var(--border);color:var(--text-secondary);font-family:var(--font-mono);font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;margin-top:4px}.hotkey-help-btn:hover{border-color:var(--info);color:var(--info)}.hotkey-tooltip{position:absolute;bottom:100%;left:0;margin-bottom:6px;background:var(--bg-panel);border:1px solid var(--border);border-radius:4px;padding:8px 12px;backdrop-filter:blur(12px);z-index:100;min-width:220px;max-height:70vh;overflow-y:auto}.hotkey-section-label{font-family:var(--font-display);font-size:8px;letter-spacing:2px;color:var(--accent);margin-top:6px;margin-bottom:2px;text-transform:uppercase}.hotkey-section-label:first-child{margin-top:0}#creature-profile-overlay.visible{display:flex;animation:profileSlideIn .25s ease-out}@keyframes profileSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.profile-visual-header{display:flex;align-items:center;gap:14px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border)}.profile-dna-swatch{width:40px;height:40px;border-radius:50%;border:2px solid var(--border);flex-shrink:0}.profile-name-block h2{font-family:var(--font-mono);font-size:20px;color:var(--accent);margin:0;letter-spacing:2px}.profile-name-block .profile-subtitle{font-size:12px;color:var(--text-secondary);letter-spacing:1px;margin-top:2px}.profile-goal-mirror{display:flex;align-items:center;gap:6px;margin-left:auto;font-size:10px;color:var(--text-secondary)}.profile-tabs{display:flex;gap:0;border-bottom:1px solid var(--border);margin-bottom:16px}.profile-tab{padding:8px 16px;font-family:var(--font-display);font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--text-secondary);background:none;border:none;cursor:pointer;position:relative;transition:color .2s}.profile-tab:hover{color:var(--text-primary)}.profile-tab.active{color:var(--info)}.profile-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--info);border-radius:1px 1px 0 0}.profile-tab-content{display:none}.profile-tab-content.active{display:block}.branch-status{margin-bottom:16px;padding:10px 12px;background:#ffffff08;border:1px solid var(--border);border-radius:4px}.branch-status-text{font-family:var(--font-mono);font-size:12px;color:var(--text-primary);line-height:1.5}.branch-dominant{font-family:var(--font-mono);font-size:10px;color:var(--text-secondary);margin-top:4px}.branch-locked-label{font-family:var(--font-display);font-weight:600;letter-spacing:2px}.branch-radar-container{display:flex;justify-content:center;margin:12px 0}.branch-radar-container canvas{image-rendering:auto}.branch-legend{display:flex;flex-direction:column;gap:6px;margin:12px 0}.branch-legend-row{display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:3px;opacity:.6;transition:opacity .2s}.branch-legend-row.active{opacity:1;background:#ffffff0a}.branch-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.branch-legend-name{font-family:var(--font-display);font-size:10px;font-weight:600;letter-spacing:1px;color:var(--text-primary);min-width:80px}.branch-legend-desc{font-family:var(--font-mono);font-size:10px;color:var(--text-secondary)}.branch-hints{margin-top:16px;padding:10px 12px;background:#ffaa220d;border:1px solid rgba(255,170,34,.15);border-radius:4px}.branch-hints h4{font-family:var(--font-display);font-size:10px;letter-spacing:2px;color:var(--accent);margin:0 0 8px;text-transform:uppercase}.branch-hint-row{font-family:var(--font-mono);font-size:10px;color:var(--text-secondary);padding:2px 0}.dna-domain{margin-bottom:12px}.dna-domain-header{display:flex;align-items:center;gap:6px;padding:4px 0;cursor:pointer;user-select:none}.dna-domain-header:before{content:"u2B22";font-size:8px;opacity:.6}.dna-domain-header h4{font-family:var(--font-display);font-size:10px;letter-spacing:2px;text-transform:uppercase;margin:0;flex:1}.dna-domain-header .domain-toggle{font-size:8px;color:var(--text-secondary);transition:transform .2s}.dna-domain.collapsed .domain-toggle{transform:rotate(-90deg)}.dna-domain.collapsed .dna-domain-genes{display:none}.dna-domain[data-domain=Behavioral]{--domain-color: var(--info)}.dna-domain[data-domain=Morphology]{--domain-color: var(--ok)}.dna-domain[data-domain=Appearance]{--domain-color: var(--accent)}.dna-domain[data-domain=Telos]{--domain-color: var(--muted)}.dna-domain[data-domain] .dna-domain-header,.dna-domain[data-domain] .dna-domain-header:before{color:var(--domain-color)}.dna-domain[data-domain] .dna-fill{background:var(--domain-color)}.profile-trait-progress-bar{width:60px;height:3px;background:#0000004d;border-radius:2px;overflow:hidden;margin-left:auto}.profile-trait-progress-fill{height:100%;background:var(--accent);border-radius:2px;transition:width .3s}.onboarding-callout{position:fixed;z-index:100;background:var(--bg-panel);border:1px solid var(--accent);border-radius:4px;padding:10px 14px;max-width:260px;backdrop-filter:blur(12px);box-shadow:0 0 20px #fa23;animation:calloutFadeIn .3s ease-out;cursor:pointer}.onboarding-callout .callout-title{font-family:var(--font-display);font-size:10px;letter-spacing:2px;color:var(--accent);margin-bottom:4px}.onboarding-callout .callout-text{font-size:12px;color:var(--text-primary);line-height:1.4}.onboarding-callout .callout-footer{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.onboarding-callout .callout-progress{font-family:var(--font-mono);font-size:9px;color:var(--accent)}.onboarding-callout .callout-dismiss{font-size:9px;color:var(--text-secondary)}.onboarding-callout .callout-skip{display:block;font-size:8px;color:var(--text-secondary);margin-top:4px;text-align:right;opacity:.6}.onboarding-callout .callout-skip:hover{color:var(--accent);opacity:1}@keyframes calloutFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.app-facility.warning{color:var(--warning);animation:headerWarningPulse 2s ease-in-out infinite}.app-facility.critical{color:var(--danger);animation:headerCriticalPulse 1s ease-in-out infinite}.app-facility.nominal{color:var(--ok)}@keyframes headerWarningPulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes headerCriticalPulse{0%,to{opacity:1;text-shadow:0 0 8px rgba(255,51,102,.5)}50%{opacity:.5;text-shadow:none}}.bar-label{font-size:10px}.hotkey-row span{font-size:9px}.world-ui-btn{display:block;width:100%;text-align:center;margin-top:4px;font-size:10px;padding:3px 0;border:1px solid rgba(255,136,51,.4);background:#000c;color:#f83;cursor:pointer;font-family:inherit;text-transform:uppercase;letter-spacing:2px}.world-ui-btn:hover{background:#f833}.threat-hud{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:300;padding:20px 32px;background:#28050ad9;border:2px solid rgba(255,51,102,.8);color:var(--danger);text-align:center;pointer-events:auto;animation:threat-pulse 1.5s ease-in-out infinite;min-width:300px;backdrop-filter:blur(4px)}.threat-hud-close{position:absolute;top:6px;right:10px;background:none;border:none;color:var(--danger);font-size:18px;cursor:pointer;opacity:.6;line-height:1}.threat-hud-close:hover{opacity:1}@keyframes threat-pulse{0%,to{border-color:#ff3366b3;box-shadow:0 0 12px #f363}50%{border-color:#f36;box-shadow:0 0 24px #ff336680}}.threat-hud-title{font-family:var(--font-display);font-size:18px;text-transform:uppercase;margin-bottom:8px;letter-spacing:3px;color:#f36;text-shadow:0 0 8px rgba(255,51,102,.6)}.threat-hud-desc{font-size:13px;color:#eee;margin-bottom:10px}.threat-hud-timer{font-family:var(--font-display);font-size:36px;color:#f36;margin-bottom:8px;text-shadow:0 0 12px rgba(255,51,102,.5)}.threat-hud-hint{font-size:11px;color:#c99;text-transform:uppercase;letter-spacing:2px}.training-hud{position:fixed;bottom:80px;left:50%;transform:translate(-50%);z-index:200;padding:6px 16px;background:#ff640026;border:1px solid rgba(255,136,51,.6);color:#f83;font-size:11px;text-transform:uppercase;display:flex;align-items:center;gap:8px;animation:training-pulse 2s ease-in-out infinite}@keyframes training-pulse{0%,to{border-color:#f839}50%{border-color:#f83}}.training-hud button{background:none;border:none;color:#f83;cursor:pointer;font-size:14px}.profile-trait-row-full{display:flex;align-items:flex-start;gap:10px;padding:8px;border:1px solid transparent;border-radius:4px;margin-bottom:4px}.profile-trait-row-full.trainable{cursor:pointer;border-color:#f833}.profile-trait-row-full.trainable:hover{background:#ff883314;border-color:#f836}.profile-trait-row-full.training-active{background:#ff88331f;border-color:#f839}.trait-icon-lg{font-size:20px;min-width:28px;text-align:center}.trait-info{flex:1;min-width:0}.trait-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.trait-name-lg{font-size:11px;text-transform:uppercase;color:var(--text-primary)}.trait-acquired-badge{font-size:9px;padding:1px 6px;background:#00ff8826;color:var(--ok);border:1px solid rgba(0,255,136,.3);border-radius:2px;text-transform:uppercase}.trait-est{font-size:9px;color:var(--text-secondary)}.trait-progress-bar-full{width:100%;height:4px;background:#ffffff14;border-radius:2px;margin-bottom:4px;overflow:hidden}.trait-progress-fill-full{height:100%;background:var(--warning);border-radius:2px;transition:width .3s ease}.trait-progress-fill-full.pulsing{animation:trait-fill-pulse 1.5s ease-in-out infinite}@keyframes trait-fill-pulse{0%,to{opacity:1}50%{opacity:.5}}.trait-desc-sm{font-size:9px;color:var(--text-secondary)}.heartbeat-indicator{display:flex;align-items:center;gap:6px;padding:3px 0}.hb-pulse-dot{width:6px;height:6px;border-radius:50%;background:var(--info);opacity:.3;transition:opacity .15s}.hb-pulse-dot.beat{opacity:1;animation:hbBeat .8s ease-out}@keyframes hbBeat{0%{transform:scale(1);opacity:1;box-shadow:0 0 4px var(--info)}to{transform:scale(2);opacity:0}}.hb-phase{font-family:var(--font-display);font-size:9px;letter-spacing:2px;color:var(--text-secondary);transition:color .3s}.hb-phase.thinking{color:var(--info);text-shadow:0 0 6px var(--info)}.hb-countdown{font-family:var(--font-mono);font-size:10px;color:var(--text-secondary);opacity:.5}#specimen-panel{overflow:hidden;max-height:calc(100vh - 200px);display:flex;flex-direction:column}#specimen-panel>.panel-body{overflow-y:auto;flex:1;min-height:0}#specimen-panel.creature-thinking{border-color:#48c6;box-shadow:0 0 12px #4488cc26}.waveform-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer}.waveform-bpm{font-family:var(--font-mono);font-size:11px;color:var(--ok);text-shadow:0 0 6px rgba(0,255,136,.4);letter-spacing:1px}.waveform-body{padding:4px 8px 6px}#waveform-canvas{width:100%;height:100px;background:#0000004d;border:1px solid rgba(68,136,204,.1);border-radius:2px;display:block}.waveform-legend{display:flex;gap:10px;margin-top:4px;font-family:var(--font-display);font-size:7px;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-secondary)}.waveform-legend-item{display:flex;align-items:center;gap:4px}.waveform-dot{width:6px;height:6px;border-radius:50%;display:inline-block}.waveform-toggle-icon{font-size:8px;transition:transform .2s;margin-left:auto}#waveform-panel.collapsed .waveform-toggle-icon{transform:rotate(-90deg)}#waveform-panel.collapsed .waveform-body{display:none}#decision-panel{flex:0 0 auto;transition:border-color .3s,box-shadow .3s}#decision-panel.inferring{border-color:#48c6;box-shadow:0 0 16px #4488cc26}.decision-card{padding:8px 12px;min-height:40px}.decision-thinking{display:flex;align-items:center;gap:10px;color:var(--info)}.thinking-spinner{width:12px;height:12px;border:2px solid rgba(68,136,204,.2);border-top-color:var(--info);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.thinking-label{font-family:var(--font-display);font-size:10px;letter-spacing:2px}.thinking-elapsed{font-family:var(--font-mono);font-size:11px;opacity:.7}.decision-content{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px}.decision-action-tag{font-family:var(--font-mono);font-size:11px;font-weight:600;padding:1px 6px;border-radius:3px;background:#4488cc26;color:var(--info);text-transform:uppercase}.decision-goal-tag{font-family:var(--font-mono);font-size:10px;padding:1px 5px;border-radius:3px;background:#6444aa26;color:var(--muted);text-transform:uppercase}.decision-thought{width:100%;font-size:12px;line-height:1.4;color:var(--text-primary);margin-top:2px}.decision-countdown{display:block;text-align:right;font-family:var(--font-mono);font-size:10px;color:var(--text-secondary);opacity:.6;margin-top:2px}.decision-idle{display:flex;align-items:center;gap:8px;opacity:.5}.idle-countdown{font-family:var(--font-mono);font-size:14px;color:var(--text-secondary);min-width:30px}.idle-label{font-family:var(--font-display);font-size:9px;letter-spacing:2px;color:var(--text-secondary)}.decision-source{font-family:var(--font-mono);font-size:9px;padding:1px 5px;border-radius:3px;letter-spacing:1px;margin-left:auto}.decision-source.source-llm{background:#48c3;color:var(--info)}.decision-source.source-reflex{background:#6644aa26;color:var(--text-secondary)}.novelty-meter{display:flex;align-items:center;gap:4px;margin-left:auto;margin-right:6px}.novelty-label{font-family:var(--font-mono);font-size:8px;letter-spacing:1px;text-transform:uppercase}.novelty-bar{width:40px;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.novelty-fill{height:100%;width:0;border-radius:2px;transition:width .6s ease,background .6s ease}.stagnation-counter{font-size:7px;color:#f84;margin-left:4px}.gallery-atlas{display:flex;justify-content:center;align-items:center;height:100%;padding:8px}.atlas-container{position:relative;aspect-ratio:1;height:100%;max-height:500px}.atlas-canvas{width:100%;height:100%;border:1px solid rgba(255,255,255,.1);border-radius:4px;background:#0006;cursor:crosshair}.atlas-tooltip{position:absolute;pointer-events:none;background:#000000d9;border:1px solid rgba(255,255,255,.2);border-radius:3px;padding:4px 8px;font-family:var(--font-mono);font-size:10px;color:var(--text-primary);white-space:nowrap;display:none;z-index:100}.atlas-detail{position:absolute;right:0;top:0;width:150px;height:100%;background:#000000d9;border-left:1px solid rgba(255,255,255,.1);padding:8px;font-size:10px;font-family:var(--font-mono);color:var(--text-secondary);overflow-y:auto}.atlas-detail-header{font-weight:700;margin-bottom:6px;color:var(--text-primary)}.atlas-detail-summon{margin-top:8px;width:100%}.atlas-detail-close{position:absolute;top:4px;right:4px;background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:14px}.atlas-tab-bar{display:flex;gap:2px;margin-bottom:6px}.atlas-tab-bar button{flex:1;font-family:var(--font-mono);font-size:9px;padding:4px 8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);cursor:pointer;letter-spacing:1px}.atlas-tab-bar button.active{background:#48c3;color:var(--info);border-color:#48c6}.goal-source-badge{font-family:var(--font-mono);font-size:8px;padding:1px 4px;border-radius:2px;letter-spacing:1px;text-transform:uppercase}.goal-source-badge.source-mind{background:#48c3;color:var(--info)}.goal-source-badge.source-reflex{background:#6644aa26;color:var(--text-secondary)}.goal-source-badge.source-you{background:#00ff8826;color:var(--ok)}.qtable-viz{margin-top:4px}.qtable-header{display:flex;justify-content:space-between;align-items:center;font-family:var(--font-display);font-size:8px;letter-spacing:2px;text-transform:uppercase;color:var(--text-secondary);cursor:pointer;padding:2px 0;user-select:none}.qtable-toggle-icon{font-size:8px;transition:transform .2s}.qtable-viz.collapsed .qtable-toggle-icon{transform:rotate(-90deg)}.qtable-viz.collapsed .qtable-body{display:none}.qtable-body{display:flex;flex-direction:column;gap:2px;margin-top:2px}.qtable-row{display:flex;align-items:center;gap:4px;height:18px}.qtable-row.qtable-active{background:#4488cc14;border-radius:2px}.qtable-label{font-family:var(--font-mono);font-size:9px;color:var(--text-secondary);width:65px;text-align:right;flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qtable-bar-bg{flex:1;height:10px;background:#ffffff0d;border-radius:2px;overflow:hidden}.qtable-bar-fill{height:100%;border-radius:2px;transition:width .3s,background .3s}.qtable-bar-fill.qtable-reinforced{background:var(--ok)}.qtable-bar-fill.qtable-neutral{background:var(--text-secondary)}.qtable-bar-fill.qtable-discouraged{background:var(--danger)}.qtable-bar-fill.qtable-flash{animation:qtableFlash .5s ease-out}@keyframes qtableFlash{0%{filter:brightness(2)}to{filter:brightness(1)}}.log-source-badge{font-family:var(--font-mono);font-size:8px;padding:0 4px;border-radius:2px;letter-spacing:1px;margin-right:4px;vertical-align:middle}.log-source-badge.badge-llm{background:#48c3;color:var(--info)}.log-source-badge.badge-reflex{color:var(--text-secondary);opacity:.6}.thought-line.reflex-event{opacity:.6}.thought-pulse{display:flex;align-items:center;gap:3px;padding:2px 0}.pulse-dot{border-radius:50%;display:inline-block;animation:pulseDotIn .4s ease-out forwards}.pulse-icon{font-size:14px;opacity:.8;margin-left:2px}.thought-glyph{display:flex;align-items:center;gap:4px;padding:2px 0}.ayni-glyph{width:28px;height:28px;image-rendering:pixelated;animation:glyphFadeIn .5s ease-out forwards;flex-shrink:0}.first-contact-line{text-align:center;border:1px solid #ffaa22;background:#ffaa2214;padding:8px 6px;margin:4px 0;border-radius:2px;display:flex;align-items:center;justify-content:center;gap:8px;animation:firstContactGlow 2s ease-out}.first-contact-word{font-size:18px;font-weight:700;color:#fc4;letter-spacing:4px;text-shadow:0 0 8px rgba(255,204,68,.5)}@keyframes pulseDotIn{0%{opacity:0;transform:scale(.3)}to{opacity:.7;transform:scale(1)}}@keyframes glyphFadeIn{0%{opacity:0;transform:scale(.6)}to{opacity:.9;transform:scale(1)}}@keyframes firstContactGlow{0%{box-shadow:0 0 30px #fa29}to{box-shadow:none}}.inventory-overlay{position:fixed;inset:0;z-index:500;display:flex;align-items:center;justify-content:center;background:#000000b3;backdrop-filter:blur(4px)}.inventory-panel{background:#050a14f2;border:1px solid rgba(255,136,51,.4);border-radius:4px;width:400px;max-width:90vw;max-height:70vh;overflow-y:auto;font-family:JetBrains Mono,monospace;color:#d0d8e8}.inventory-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#ff88331a;border-bottom:1px solid rgba(255,136,51,.3);font-family:Orbitron,sans-serif;font-size:14px;letter-spacing:2px;color:#f83}.inventory-close{background:none;border:none;color:#888;font-size:18px;cursor:pointer}.inventory-close:hover{color:#f44}.inventory-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px}.inventory-cell{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:4px;padding:10px;text-align:center}.inv-icon{width:24px;height:24px;border-radius:50%;margin:0 auto 6px}.inv-label{font-size:11px;font-weight:600;letter-spacing:1px;color:#abc;margin-bottom:2px}.inv-qty{font-size:16px;font-weight:700;color:#fff;margin-bottom:2px}.inv-effect{font-size:9px;color:#678;margin-bottom:6px}.inv-use-btn{background:#ff883326;border:1px solid rgba(255,136,51,.3);color:#f83;font-family:Orbitron,sans-serif;font-size:10px;letter-spacing:1px;padding:4px 12px;cursor:pointer;border-radius:2px}.inv-use-btn:hover{background:#ff88334d}.inventory-empty{padding:24px;text-align:center;color:#567;font-size:12px}.multiplayer-status{position:fixed;top:8px;left:50%;transform:translate(-50%);z-index:200;display:flex;align-items:center;gap:6px;background:#050a14d9;border:1px solid rgba(68,136,255,.4);border-radius:12px;padding:4px 12px;font-family:JetBrains Mono,monospace;font-size:11px;color:#8ac}.mp-dot{width:6px;height:6px;border-radius:50%;background:#4f8;box-shadow:0 0 4px #44ff8880;animation:mpPulse 2s infinite}@keyframes mpPulse{0%,to{opacity:1}50%{opacity:.4}}