:root{--bg-deep:#050a0f;--bg-city:#0a1520;--bg-panel:#0f2438;--bg-panel-edge:#091628;--neon-cyan:#00ffe7;--neon-blue:#0088ff;--neon-pink:#ff2d78;--neon-amber:#ffaa00;--grid-line:#0a2a3a;--text-primary:#f0faff;--text-secondary:#a8d8f0;--text-dim:#4a7a99;--glass:rgba(0,255,231,.07);--glass-border:rgba(0,255,231,.15);--font-display:"Orbitron",sans-serif;--font-mono:"Share Tech Mono",monospace;--font-body:"Rajdhani",sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:var(--bg-deep);color:var(--text-primary);font-family:var(--font-body);-webkit-user-select:none;user-select:none;font-size:17px;line-height:1.75;letter-spacing:.02em}#boot{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:var(--bg-deep);display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:15px;color:var(--neon-cyan);transition:opacity .8s ease}#boot.hidden{opacity:0;pointer-events:none}#boot-text{text-align:left;max-width:500px;line-height:1.8;white-space:pre-wrap}#boot-skip{position:absolute;bottom:40px;right:40px;font-family:var(--font-mono);font-size:13px;color:var(--text-dim);cursor:pointer;padding:8px 16px;border:1px solid rgba(0,255,231,.1);background:#00ffe708;transition:all .3s}#boot-skip:hover{color:var(--neon-cyan);border-color:var(--glass-border)}#gameCanvas{position:fixed;top:0;left:0;width:100%;height:100%;display:block}#scanlines{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px)}#screen-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;pointer-events:none;opacity:0;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);background:#050a0f33;transition:opacity .5s ease}#screen-overlay.visible{opacity:1}#welcome-dialog-container{display:flex;align-items:flex-end;justify-content:center;gap:0;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:200;opacity:0;transition:opacity .6s ease;pointer-events:none}#welcome-dialog-container.is-visible{opacity:1;pointer-events:auto}#welcome-robot-canvas-wrapper{flex-shrink:0;position:relative}#welcome-robot-canvas{display:block}.welcome-popup{position:relative;background:#0a1d2e;border:1px solid rgba(0,255,231,.3);border-radius:4px;clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,20px 100%,0 calc(100% - 20px));width:340px;padding:0;overflow:visible;align-self:center;margin-bottom:30px}.welcome-popup-arrow{position:absolute;left:-18px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:18px solid rgba(0,255,231,.3)}.welcome-popup-arrow:after{content:"";position:absolute;left:2px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:9px solid transparent;border-bottom:9px solid transparent;border-right:16px solid #0a1d2e}.welcome-popup-inner{padding:20px 24px}.welcome-popup-greeting{font-family:var(--font-mono);font-size:13px;color:#00ffe780;letter-spacing:.15em;margin:0 0 8px}.welcome-popup-question{font-family:var(--font-display);font-size:16px;font-weight:700;color:var(--text-primary);letter-spacing:.08em;margin:0 0 20px;text-shadow:0 0 16px rgba(0,255,231,.4)}.welcome-popup-choices{display:flex;flex-direction:column;gap:10px}.welcome-choice-btn{display:grid;grid-template-columns:24px 1fr;grid-template-rows:auto auto;grid-template-areas:"icon label""icon desc";gap:0 10px;align-items:center;background:#00ffe70a;border:1px solid rgba(0,255,231,.18);padding:12px 16px;cursor:pointer;transition:all .2s;text-align:left;font-family:var(--font-body);color:var(--text-primary)}.welcome-choice-btn:hover{background:#00ffe71a;border-color:#00ffe799;box-shadow:0 0 16px #00ffe71f}.choice-icon{grid-area:icon;font-size:20px;color:var(--neon-cyan);line-height:1}.choice-label{grid-area:label;font-family:var(--font-display);font-size:14px;font-weight:700;color:var(--text-primary);letter-spacing:.1em}.choice-desc{grid-area:desc;font-family:var(--font-mono);font-size:13px;color:#00ffe773;letter-spacing:.05em}#hud-identity{position:fixed;top:20px;left:20px;z-index:50;background:#091628b3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(0,255,231,.25);box-shadow:0 0 20px #00ffe70f,inset 0 0 30px #00ffe708;padding:14px 18px;min-width:220px;font-family:var(--font-mono);font-size:13px;line-height:1.7;letter-spacing:.04em;opacity:0;transition:opacity .5s ease,transform .5s ease;transform:translate(-20px);pointer-events:none}#hud-identity.visible{opacity:1;transform:translate(0);pointer-events:auto}#hud-identity .label{color:var(--text-dim)}#hud-identity .value{color:var(--text-primary)}#hud-identity .status-bar{margin-top:8px;height:4px;background:#00ffe714;border-radius:2px;overflow:hidden}#hud-identity .status-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--neon-cyan),var(--neon-blue));border-radius:2px;transition:width 1.5s ease-out}#hud-top-right{position:fixed;top:20px;right:200px;z-index:55;display:flex;gap:15px;align-items:flex-start;opacity:0;transition:opacity .5s ease;pointer-events:none}#hud-top-right.visible{opacity:1;pointer-events:auto}.cv-download-btn{display:flex;align-items:center;gap:8px;background:#00ffe70f;border:1px solid rgba(0,255,231,.25);color:var(--neon-cyan);text-decoration:none;padding:8px 18px;font-family:var(--font-display);font-size:13px;font-weight:700;letter-spacing:.12em;cursor:pointer;transition:all .2s;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px))}.cv-download-btn:hover{background:#00ffe726;border-color:var(--neon-cyan);box-shadow:0 0 16px #00ffe733;color:#fff}.cv-btn-icon{font-size:14px;line-height:1;transition:transform .2s}.cv-download-btn:hover .cv-btn-icon{transform:translateY(2px)}#hud-minimap{position:fixed;top:20px;right:20px;z-index:50;width:130px;height:130px;background:#050a0fbf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--neon-cyan);box-shadow:0 0 20px #00ffe714;border-radius:4px;overflow:hidden;opacity:0;transition:opacity .5s ease,transform .5s ease;transform:translate(20px);pointer-events:none}#hud-minimap.visible{opacity:1;transform:translate(0);pointer-events:auto}#minimapCanvas{width:100%;height:100%;display:block}#hamburger{position:fixed;top:20px;right:160px;z-index:55;width:40px;height:40px;background:#091628d9;border:1px solid var(--glass-border);display:none;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;transition:all .3s;opacity:0}#hamburger.visible{display:flex;opacity:1}#hamburger:hover{border-color:var(--neon-cyan)}#hamburger span{display:block;width:20px;height:2px;background:var(--text-secondary);transition:all .3s}#hamburger.active span:nth-child(1){transform:translateY(6px) rotate(45deg);background:var(--neon-cyan)}#hamburger.active span:nth-child(2){opacity:0}#hamburger.active span:nth-child(3){transform:translateY(-6px) rotate(-45deg);background:var(--neon-cyan)}#menu-dropdown{position:fixed;top:70px;right:20px;z-index:55;background:#091628f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);padding:8px 0;min-width:200px;opacity:0;pointer-events:none;transform:translateY(-8px);transition:all .3s ease}#menu-dropdown.open{opacity:1;pointer-events:auto;transform:translateY(0)}#menu-dropdown a{display:block;padding:10px 18px;font-family:var(--font-display);font-size:13px;letter-spacing:.08em;color:var(--text-secondary);text-decoration:none;transition:all .2s;border-left:2px solid transparent}#menu-dropdown a:hover{color:var(--neon-cyan);background:#00ffe70a;border-left-color:var(--neon-cyan)}#menu-dropdown a .accent-dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:8px;vertical-align:middle}#hud-instructions{position:fixed;bottom:24px;left:24px;z-index:50;font-family:var(--font-mono);font-size:13px;color:var(--text-dim);line-height:1.8;opacity:0;transition:opacity .5s ease;pointer-events:none}#hud-instructions.visible{opacity:1;pointer-events:auto}#hud-instructions.hidden{opacity:0}#hud-zones{position:fixed;bottom:24px;right:24px;z-index:50;font-family:var(--font-mono);font-size:13px;color:var(--text-secondary);letter-spacing:.08em;opacity:0;transition:opacity .5s ease,transform .5s ease;transform:translateY(10px);pointer-events:none}#hud-zones.visible{opacity:1;transform:translateY(0);pointer-events:auto}#hud-zones span{color:var(--neon-cyan)}#tooltip{position:fixed;z-index:70;font-family:var(--font-mono);font-size:14px;color:var(--neon-cyan);background:#050a0fe6;border:1px solid var(--glass-border);padding:6px 12px;pointer-events:none;opacity:0;transition:opacity .15s;white-space:nowrap}#tooltip.visible{opacity:1}#popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;background:#02060cf2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);opacity:0;pointer-events:none;transition:opacity .6s ease}#popup-overlay.is-visible{opacity:1;pointer-events:auto}#zone-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(1.1);width:96vw;height:94vh;background:radial-gradient(circle at center,#0a2438,#050a0f);border:1px solid rgba(0,255,231,.25);border-radius:4px;box-shadow:0 0 60px #000000e6,inset 0 0 100px #00ffe705;display:flex;flex-direction:column;overflow:hidden;z-index:501;opacity:0;pointer-events:none;transition:all .5s cubic-bezier(.19,1,.22,1)}#zone-popup.is-open{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1);animation:glitchEntrance .5s cubic-bezier(.19,1,.22,1) forwards}@keyframes glitchEntrance{0%{opacity:0;transform:translate(-50%,-50%) scale(1.1) skew(15deg);clip-path:inset(0 0 100% 0)}30%{opacity:1;transform:translate(-50%,-50%) scale(1) skew(-15deg);clip-path:inset(0 0 0 0)}50%{transform:translate(-50%,-50%) scale(1) skew(5deg)}70%{transform:translate(-50%,-50%) scale(1) skew(-5deg)}to{opacity:1;transform:translate(-50%,-50%) scale(1) skew(0);clip-path:inset(0 0 0 0)}}#zone-popup:before,#zone-popup:after{content:"";position:absolute;width:30px;height:30px;border:2px solid var(--neon-cyan);z-index:10;pointer-events:none;opacity:.4}#zone-popup:before{top:15px;left:15px;border-right:none;border-bottom:none}#zone-popup:after{top:15px;right:15px;border-left:none;border-bottom:none}.popup-header{display:flex;justify-content:space-between;align-items:center;padding:24px 40px;background:#00ffe708;border-bottom:1px solid rgba(0,255,231,.1);flex-shrink:0}.popup-header-left{display:flex;align-items:center;gap:0}.popup-zone-id{font-family:var(--font-display);font-size:14px;color:var(--neon-cyan);letter-spacing:.2em;text-shadow:0 0 10px var(--neon-cyan)}.popup-separator{font-family:var(--font-mono);color:#00ffe74d;margin:0 12px}.popup-zone-title{font-family:var(--font-display);font-size:24px;font-weight:900;color:var(--text-primary);letter-spacing:.15em;text-shadow:0 0 30px rgba(0,255,231,.4)}.popup-header-right{display:flex;align-items:center;gap:20px}.popup-coords{font-family:var(--font-mono);font-size:14px;color:#00ffe766}.popup-close{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-primary);width:36px;height:36px;border-radius:4px;font-size:18px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.popup-close:hover{background:#ff2d7833;border-color:var(--neon-pink);color:#fff;transform:rotate(90deg);box-shadow:0 0 15px var(--neon-pink)}.popup-divider{height:1px;background:linear-gradient(90deg,transparent 0%,rgba(0,255,231,.4) 15%,rgba(0,255,231,.4) 85%,transparent 100%);flex-shrink:0}.popup-body{flex:1;overflow-y:auto;padding:40px 60px;color:var(--text-primary);font-family:var(--font-body);font-size:18px;line-height:1.8;letter-spacing:.02em;scrollbar-width:thin;scrollbar-color:rgba(0,255,231,.2) transparent;position:relative;background:repeating-linear-gradient(0deg,transparent,transparent 1px,rgba(0,255,231,.005) 1px,rgba(0,255,231,.005) 2px)}.popup-body::-webkit-scrollbar{width:4px}.popup-body::-webkit-scrollbar-track{background:transparent}.popup-body::-webkit-scrollbar-thumb{background:#00ffe74d;border-radius:2px}.panel-section{opacity:0;transform:translateY(30px);transition:all .6s cubic-bezier(.16,1,.3,1)}.is-open .panel-section{opacity:1;transform:translateY(0)}.is-open .panel-section:nth-child(1){transition-delay:.1s}.is-open .panel-section:nth-child(2){transition-delay:.2s}.is-open .panel-section:nth-child(3){transition-delay:.3s}.is-open .panel-section:nth-child(4){transition-delay:.4s}.is-open .panel-section:nth-child(5){transition-delay:.5s}.popup-scan-line{position:absolute;left:0;right:0;height:4px;background:linear-gradient(90deg,transparent,var(--neon-cyan),transparent);opacity:.3;animation:scanIn 1.5s ease-in-out infinite;pointer-events:none;z-index:1}@keyframes scanIn{0%{top:0;opacity:0}50%{opacity:.4}to{top:100%;opacity:0}}.crt-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.05) 2px,rgba(0,0,0,.05) 4px);border-radius:0}.popup-footer{display:flex;justify-content:space-between;align-items:center;padding:20px 40px;border-top:1px solid rgba(0,255,231,.1);background:#0000004d;flex-shrink:0}.popup-nav-prev,.popup-nav-next{background:#00ffe70d;border:1px solid rgba(0,255,231,.2);color:var(--neon-cyan);font-family:var(--font-display);font-size:13px;font-weight:700;letter-spacing:.1em;padding:12px 24px;cursor:pointer;transition:all .2s;border-radius:4px;text-shadow:0 0 8px var(--neon-cyan)}.popup-nav-prev:hover,.popup-nav-next:hover{border-color:var(--neon-cyan);color:#fff;background:#00ffe726;box-shadow:0 0 20px #00ffe733}.popup-nav-prev:disabled,.popup-nav-next:disabled{opacity:.1;cursor:default;pointer-events:none}.popup-counter{font-family:var(--font-mono);font-size:14px;color:#00ffe780;letter-spacing:.2em}.popup-content-wrapper{display:flex;flex-direction:row;gap:30px;width:100%}.popup-text-column{flex:1;display:flex;flex-direction:column;gap:15px}.popup-gallery-column{flex:1;max-width:450px;display:flex;flex-direction:column;gap:15px}.cyber-image-frame{position:relative;width:100%;aspect-ratio:16/9;border:2px solid var(--neon-cyan);background:#050a0f;padding:6px;box-shadow:0 0 25px #00ffe726;overflow:hidden;cursor:pointer}.cyber-image-frame:before,.cyber-image-frame:after{content:"";position:absolute;width:15px;height:15px;border:2px solid var(--neon-cyan);z-index:10;pointer-events:none}.cyber-image-frame:before{top:0;left:0;border-right:none;border-bottom:none}.cyber-image-frame:after{bottom:0;right:0;border-left:none;border-top:none}.cyber-image-frame img{width:100%;height:100%;object-fit:cover;display:block}.cyber-scanline-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,255,231,.05) 2px,rgba(0,255,231,.05) 4px);pointer-events:none}.cyber-gallery-thumbnails{display:flex;gap:10px;overflow-x:auto;padding-bottom:5px}.cyber-gallery-thumbnails .thumb{width:60px;height:40px;object-fit:cover;border:1px solid rgba(0,255,231,.3);cursor:pointer;opacity:.6;transition:all .2s;flex-shrink:0}.cyber-gallery-thumbnails .thumb:hover,.cyber-gallery-thumbnails .thumb.active{opacity:1;border-color:var(--neon-cyan);box-shadow:0 0 8px #00ffe766}#lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:600;display:none;align-items:center;justify-content:center;background:#02060ceb;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;transition:opacity .3s ease;cursor:zoom-out}#lightbox.visible{display:flex;opacity:1}#lightbox img{max-width:90vw;max-height:90vh;border:1px solid rgba(0,255,231,.3);border-radius:4px;box-shadow:0 0 40px #00ffe71a}#chat-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:#050a0f;display:none;flex-direction:column;z-index:400}#chat-screen.visible{display:flex}.chat-topbar{display:flex;align-items:center;gap:20px;padding:12px 20px;border-bottom:1px solid rgba(0,255,231,.12);background:#0006;flex-shrink:0}.chat-back-btn{font-family:var(--font-display);font-size:13px;letter-spacing:.1em;color:var(--neon-cyan);background:#00ffe70f;border:1px solid rgba(0,255,231,.2);padding:7px 14px;cursor:pointer;transition:all .15s}.chat-back-btn:hover{background:#00ffe724;border-color:#00ffe799}.chat-topbar-title{font-family:var(--font-mono);font-size:13px;color:#00ffe766;letter-spacing:.12em}.chat-main-layout{display:flex;flex:1;overflow:hidden;gap:0}.chat-robot-panel{width:240px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 0;border-right:1px solid rgba(0,255,231,.1);background:linear-gradient(180deg,#00ffe705,#0088ff05);position:relative;gap:12px}.chat-robot-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,255,231,.008) 3px,rgba(0,255,231,.008) 4px);pointer-events:none}#chat-robot-canvas{display:block}.chat-robot-status{display:flex;align-items:center;gap:8px}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--neon-cyan);box-shadow:0 0 8px var(--neon-cyan);transition:background .3s,box-shadow .3s}.status-dot.thinking{background:var(--neon-amber);box-shadow:0 0 8px var(--neon-amber);animation:dot-pulse .8s infinite}.status-dot.talking{background:var(--neon-cyan);box-shadow:0 0 12px var(--neon-cyan);animation:dot-talk .4s infinite}.status-dot.error{background:var(--neon-pink);box-shadow:0 0 8px var(--neon-pink)}@keyframes dot-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.6}}@keyframes dot-talk{0%,to{transform:scaleY(1)}50%{transform:scaleY(.5)}}.status-label{font-family:var(--font-mono);font-size:13px;color:#00ffe780;letter-spacing:.1em}.chat-thinking-bar{width:140px;height:2px;background:#00ffe71a;overflow:hidden;opacity:0;transition:opacity .2s}.chat-thinking-bar.active{opacity:1}.thinking-bar-fill{height:100%;width:40%;background:var(--neon-cyan);box-shadow:0 0 8px var(--neon-cyan);animation:thinking-slide 1.2s ease-in-out infinite}@keyframes thinking-slide{0%{transform:translate(-100%)}to{transform:translate(350%)}}.chat-interface-panel{flex:1;display:flex;flex-direction:column;overflow:hidden}.chat-messages{flex:1;overflow-y:auto;padding:20px}.chat-messages::-webkit-scrollbar{width:4px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:#00ffe74d;border-radius:2px}.chat-msg{margin-bottom:16px}.chat-msg__label{font-family:var(--font-display);font-size:13px;letter-spacing:.12em;opacity:.5;display:block;margin-bottom:4px}.chat-msg--user .chat-msg__label{text-align:right;color:var(--neon-amber)}.chat-msg--robot .chat-msg__label{color:var(--neon-cyan)}.chat-msg__bubble{display:inline-block;max-width:85%;padding:12px 16px;font-family:var(--font-body);font-size:16px;line-height:1.65;border-radius:2px}.chat-msg--user .chat-msg__bubble{background:#ffaa0014;border:1px solid rgba(255,170,0,.2);color:var(--text-primary);float:right}.chat-msg--robot .chat-msg__bubble{background:#00ffe70d;border:1px solid rgba(0,255,231,.15);color:var(--text-primary)}.chat-msg__cursor{animation:blink .7s infinite;color:var(--neon-cyan)}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.chat-input-area{display:flex;gap:8px;align-items:center;padding:16px 20px;border-top:1px solid rgba(0,255,231,.1);background:#0000004d;flex-shrink:0}.chat-input{flex:1;background:#00ffe70a;border:1px solid rgba(0,255,231,.2);color:var(--text-primary);font-family:var(--font-mono);font-size:15px;padding:10px 14px;outline:none;transition:border-color .15s}.chat-input:focus{border-color:#00ffe799;background:#00ffe70f}.chat-input::placeholder{color:#00ffe740;letter-spacing:.05em}.chat-btn-mic,.chat-btn-send,.chat-btn-tts{width:40px;height:40px;background:#00ffe70f;border:1px solid rgba(0,255,231,.2);color:var(--neon-cyan);cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center;flex-shrink:0}.chat-btn-mic:hover,.chat-btn-send:hover,.chat-btn-tts:hover{background:#00ffe71a;border-color:#00ffe766}.chat-btn-mic.is-active{background:#ff2d7826;border-color:var(--neon-pink);color:var(--neon-pink);animation:pulse-border 1s infinite}@keyframes pulse-border{0%,to{box-shadow:0 0 #ff2d7866}50%{box-shadow:0 0 0 6px #ff2d7800}}.panel-section{margin-bottom:22px}.panel-section-title{font-family:var(--font-display);font-size:13px;letter-spacing:.12em;color:var(--neon-cyan);margin-bottom:10px;text-transform:uppercase}.panel-data-row{display:flex;gap:12px;font-family:var(--font-mono);font-size:13px;padding:4px 0}.panel-data-row .label{color:var(--text-dim);min-width:100px}.panel-data-row .value{color:var(--text-primary)}.panel-body-text{font-size:17px;color:var(--text-secondary);line-height:1.7}.personality-bar{margin:6px 0;display:flex;align-items:center;gap:12px;font-family:var(--font-mono);font-size:13px}.personality-bar .bar-label{color:var(--text-dim);min-width:140px;text-align:right}.personality-bar .bar-track{flex:1;height:6px;background:#00ffe70f;border-radius:3px;overflow:hidden}.personality-bar .bar-fill{height:100%;width:0%;border-radius:3px;transition:width .8s cubic-bezier(.16,1,.3,1)}.personality-bar .bar-pct{color:var(--text-dim);min-width:30px}.skill-chip{display:inline-flex;flex-direction:column;align-items:center;width:92px;padding:10px 6px;background:#0088ff0f;border:1px solid rgba(0,136,255,.12);border-radius:4px;font-family:var(--font-mono);font-size:13px}.skill-chip .skill-icon{font-size:18px;margin-bottom:4px}.skill-chip .skill-name{color:var(--text-primary);margin-bottom:2px}.skill-chip .skill-level{font-size:8px;letter-spacing:.12em}.skill-chip .skill-dots{display:flex;gap:2px;margin-top:4px}.skill-chip .skill-dot{width:10px;height:2px;border-radius:1px;background:#00ffe71a}.hex-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:#0088ff14;border:1px solid rgba(0,136,255,.15);border-radius:2px;font-family:var(--font-mono);font-size:13px;color:var(--text-secondary);margin:3px;clip-path:polygon(10% 0,90% 0,100% 50%,90% 100%,10% 100%,0 50%)}.timeline{position:relative;padding-left:24px}.timeline:before{content:"";position:absolute;left:7px;top:4px;bottom:4px;width:2px;background:repeating-linear-gradient(0deg,var(--neon-amber),var(--neon-amber) 4px,transparent 4px,transparent 8px)}.timeline-event{position:relative;margin-bottom:16px}.timeline-event:before{content:"◆";position:absolute;left:-20px;top:0;color:var(--neon-amber);font-size:13px}.timeline-event .event-title{font-family:var(--font-display);font-size:13px;color:var(--neon-amber);letter-spacing:.08em}.timeline-event .event-desc{font-size:15px;color:var(--text-secondary);margin-top:2px}.quote-box{padding:14px 18px;background:#ffaa000f;border-left:2px solid var(--neon-amber);font-style:italic;font-size:16px;color:var(--text-secondary);margin:12px 0}.terminal-line{font-family:var(--font-mono);font-size:13px;padding:2px 0;color:var(--text-secondary)}.terminal-line .status-ok{color:var(--neon-cyan)}.terminal-line .prompt{color:var(--text-dim)}.terminal-line .highlight{color:var(--neon-pink)}.tech-card{display:inline-block;width:calc(50% - 6px);padding:12px;margin:3px;background:#0088ff0f;border:1px solid rgba(0,136,255,.12);border-radius:4px;vertical-align:top}.tech-card .card-title{font-family:var(--font-display);font-size:13px;color:var(--neon-cyan);letter-spacing:.08em}.tech-card .card-sub{font-size:13px;color:var(--text-secondary);margin-top:2px}.seminar-entry{display:flex;gap:12px;padding:8px 10px;font-family:var(--font-mono);font-size:13px;border-radius:2px;transition:background .2s;cursor:default}.seminar-entry:hover{background:#ffaa000f}.seminar-entry .sem-date{color:var(--text-dim);min-width:80px}.seminar-entry .sem-title{color:var(--text-primary)}.seminar-entry .sem-org{color:var(--text-secondary)}.seminar-entry .sem-dur{color:var(--text-dim)}.roadmap-item{display:flex;align-items:center;gap:12px;padding:6px 0;font-family:var(--font-mono);font-size:13px}.roadmap-item .rm-icon{width:16px;text-align:center}.roadmap-item .rm-year{color:var(--text-dim);min-width:36px}.roadmap-item .rm-desc{color:var(--text-primary)}.roadmap-item.done .rm-icon{color:var(--neon-cyan)}.roadmap-item.future .rm-icon{color:var(--text-dim)}.roadmap-item.future .rm-desc{color:var(--text-secondary)}.contact-btn{display:inline-block;font-family:var(--font-display);font-size:13px;letter-spacing:.12em;padding:10px 20px;margin:4px;background:#00ffe70a;border:1px solid var(--glass-border);color:var(--text-secondary);text-decoration:none;transition:all .3s;border-radius:2px}.contact-btn:hover{color:var(--neon-cyan);border-color:var(--neon-cyan);box-shadow:0 0 20px #00ffe71a}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}#boot{display:none}}@media(max-width:1200px){#zone-popup{max-width:92vw}}@media(max-width:850px){.popup-content-wrapper{flex-direction:column}}@media(max-width:768px){#zone-popup{max-width:100vw;max-height:100vh;border-radius:0;clip-path:none}.chat-main-layout{flex-direction:column}.chat-robot-panel{width:100%;height:110px;flex-direction:row;padding:10px 16px;border-right:none;border-bottom:1px solid rgba(0,255,231,.1);justify-content:flex-start;gap:16px}#chat-robot-canvas{width:80px;height:100px}#hud-minimap{width:80px;height:80px;top:12px;right:12px}#hud-identity{top:12px;left:12px;padding:10px 12px;min-width:160px;font-size:12px}#hamburger{right:210px;top:12px}#menu-dropdown{top:54px;right:12px}#hud-top-right{right:100px;top:12px}.welcome-popup{width:280px}#welcome-dialog-container{flex-direction:column;align-items:center}.welcome-popup-arrow{left:50%;top:-18px;transform:translate(-50%);border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:18px solid rgba(0,255,231,.3);border-top:none}.welcome-popup-arrow:after{left:50%;top:2px;transform:translate(-50%);border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:16px solid #0a1d2e;border-top:none}}