*{box-sizing:border-box}html,body{margin:0;height:100%;background:#090d11;color:#e9eef3;font:14px/1.45 Inter,system-ui,-apple-system,sans-serif}body{display:flex;flex-direction:column}header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid #29333d;background:#10161c}h1{margin:2px 0 0;font-size:23px;letter-spacing:.04em}h1 b{color:#d9ae66}h2{font-size:16px;margin:3px 0 10px}.eyebrow{font-size:10px;letter-spacing:.16em;color:#8997a5}#clock{font-variant-numeric:tabular-nums;color:#c7d3de}.header-actions{display:flex;align-items:center;gap:8px}.sim-pause-toggle,.reset-view,.mode-switch,.main-menu-toggle{display:inline-flex;align-items:center;justify-content:center;height:28px;padding:0 9px;border:1px solid #354452;border-radius:7px;background:#17212b;color:#aebdca;text-decoration:none;font:10px Inter,system-ui,-apple-system,sans-serif;letter-spacing:.04em;cursor:pointer}.sim-pause-toggle{min-width:46px}.reset-view{min-width:68px}.mode-switch{min-width:38px;letter-spacing:.08em}.main-menu-toggle{min-width:76px}.sim-pause-toggle:hover,.reset-view:hover,.mode-switch:hover,.main-menu-toggle:hover{border-color:#617b91;color:#edf3f7}.sim-pause-toggle.paused{border-color:#705d36;color:#e8c588;background:#292318}.main-menu-toggle.open{border-color:#617b91;color:#edf3f7;background:#1b2731}main{display:grid;grid-template-columns:1fr;flex:1;min-height:0}.stage-shell{position:relative;min-height:0;background:#05080b;overflow:hidden}canvas{width:100%;height:100%;display:block}.load-state{position:absolute;inset:0;display:grid;place-items:center;background:#071019;color:#bcd0df;letter-spacing:.08em}.load-state.done{display:none}.load-state.error{background:#1a0b0b;color:#ffb1b1}.stage-note{position:absolute;left:18px;bottom:14px;padding:8px 10px;border:1px solid #2b3b48;background:#0a1118d9;color:#9fb0bd;border-radius:6px;font-size:12px}aside{position:fixed;right:16px;top:68px;width:min(410px,calc(100vw - 32px));max-height:calc(100vh - 84px);overflow:auto;padding:10px;background:#0b1117f2;border:1px solid #34424e;border-radius:12px;box-shadow:0 18px 48px #000b;backdrop-filter:blur(12px);z-index:30;display:none}aside.open{display:block}aside section{padding:0;border:0;border-bottom:1px solid #27323d}aside section:first-child{padding-top:0}.menu-section-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 10px;background:transparent;border:0;color:#c9d5de;font:10px Inter,system-ui,-apple-system,sans-serif;letter-spacing:.11em;text-align:left;cursor:pointer}.menu-section-toggle:hover{background:#111b23}.menu-section-toggle::after{content:'+';font-size:14px;color:#718695}.menu-section-toggle[aria-expanded="true"]::after{content:'−';color:#b8c8d4}.menu-section-body{display:none;padding:0 10px 12px}.menu-section.open .menu-section-body{display:block}.menu-section>.eyebrow{display:none}.metric{display:flex;justify-content:space-between;gap:12px;padding:5px 0}.ok{color:#7ee29c}.warn{color:#f1c879}.muted{color:#8d9aa6}.controls{display:flex;gap:7px;margin-top:10px}.controls button{flex:1;background:#17212b;color:#dce7ef;border:1px solid #354452;border-radius:7px;padding:7px 8px;cursor:pointer}.controls button.active{border-color:#d5a75e;color:#f1d3a2;background:#292318}.progress-section{padding-bottom:30px}.progress-row{display:grid;grid-template-columns:23px 1fr auto;gap:7px;align-items:start;padding:6px 0;border-top:1px solid #1d2730}.progress-row:first-child{border-top:0}.progress-num{font-weight:800;color:#6f8292}.progress-title{font-size:12px;line-height:1.25}.progress-status{font-size:9px;letter-spacing:.06em;text-transform:uppercase;border:1px solid #33404b;border-radius:999px;padding:2px 5px;color:#7f8d99}.progress-row.complete .progress-num,.progress-row.complete .progress-status{color:#73cf91}.progress-row.in_progress .progress-num,.progress-row.in_progress .progress-status{color:#e5b866}.resident-badge{display:inline-block;font-size:10px;letter-spacing:.08em;border:1px solid #6a5736;color:#e8c588;border-radius:999px;padding:3px 7px;margin-bottom:8px}.resident-detail{font-size:12px;color:#9ba9b6;padding:3px 0}.progress-rail{display:grid;grid-template-columns:repeat(11,minmax(0,1fr));gap:3px;margin:8px 0}.progress-chip{display:grid;place-items:center;height:22px;border:1px solid #2e3944;border-radius:5px;font-size:9px;color:#667786;background:#111820}.progress-chip.complete{color:#7adb98;border-color:#315741;background:#102019}.progress-chip.in_progress{color:#efc16f;border-color:#745f34;background:#251f13}.current-step-summary{font-size:11px;color:#91a1ae;line-height:1.35}.current-step-summary b{color:#dce6ed}.nav-buttons{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px}.nav-buttons button,.nav-stop{background:#17212b;color:#dce7ef;border:1px solid #354452;border-radius:7px;padding:7px 8px;cursor:pointer;font-size:11px}.nav-buttons button:hover,.nav-stop:hover{border-color:#617b91}.nav-buttons button.active{border-color:#d5a75e;color:#f1d3a2;background:#292318}.nav-stop{width:100%;margin-top:7px}.nav-status-moving{color:#efc16f}.nav-status-arrived{color:#7ee29c}.nav-status-blocked{color:#ff8f8f}.position-code{font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;color:#93a3af}.equipment-buttons{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:9px}.equipment-buttons button,.equipment-actions button,.autonomy-toggle{background:#17212b;color:#dce7ef;border:1px solid #354452;border-radius:7px;padding:7px 8px;cursor:pointer;font-size:10px}.equipment-buttons button.selected{border-color:#79a5c2;background:#172733;color:#d9edf8}.equipment-actions{display:grid;gap:6px;margin-top:7px}.equipment-actions button{border-color:#5a4c35}.equipment-actions button:hover{border-color:#d5a75e}.interaction-box{padding:7px 8px;border:1px solid #283642;border-radius:7px;background:#101820;color:#9fb0bd;font-size:11px}.interaction-box.using{border-color:#7c6037;color:#e8c588}.interaction-box.moving{border-color:#3d667d;color:#a8d8ef}.life-clock{display:flex;justify-content:space-between;gap:8px;font-variant-numeric:tabular-nums;margin-bottom:7px}.life-clock b{color:#e8c588}.need-row{display:grid;grid-template-columns:64px 1fr 36px;gap:7px;align-items:center;margin:5px 0;font-size:10px}.need-track{height:6px;background:#1a252e;border-radius:999px;overflow:hidden}.need-fill{height:100%;background:#7b8b98;border-radius:999px}.need-fill.good{background:#65b884}.need-fill.warn{background:#d2a350}.need-fill.bad{background:#d36f68}.routine-line{font-size:11px;color:#9fb0bd;margin:7px 0}.routine-line b{color:#dce7ef}.habit-line{font-size:10px;color:#7f919f}.autonomy-toggle{width:100%;margin-top:8px}.autonomy-toggle.off{border-color:#60434a;color:#cf9aa2}.affordance-meta{font-size:10px;color:#8294a2;margin-top:4px}.mind-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px 8px;margin-top:6px}.mind-metric{font-size:10px;color:#899ba8;display:flex;justify-content:space-between;gap:8px}.mind-metric b{color:#dce7ef}.mind-section{margin-top:8px;padding-top:7px;border-top:1px solid #26333d}.mind-section-title{font-size:9px;letter-spacing:.12em;color:#7f919f;margin-bottom:4px}.mind-chip{display:inline-block;font-size:9px;padding:3px 5px;border:1px solid #354452;border-radius:999px;margin:2px 3px 2px 0;color:#b9c8d3}.mind-chip.hot{border-color:#705d36;color:#e0bd78}.mind-reason{font-size:10px;color:#9fb0bd;line-height:1.35;margin-top:4px}.mind-ok{color:#72cc90!important}.mind-warn{color:#d5a75e!important}.knowledge-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px 8px;margin-top:6px}.knowledge-metric{font-size:10px;color:#899ba8;display:flex;justify-content:space-between;gap:8px}.knowledge-metric b{color:#dce7ef}.knowledge-section{margin-top:8px;padding-top:7px;border-top:1px solid #26333d}.knowledge-title{font-size:9px;letter-spacing:.12em;color:#7f919f;margin-bottom:4px}.knowledge-chip{display:inline-block;font-size:9px;padding:3px 5px;border:1px solid #3f4d57;border-radius:999px;margin:2px 3px 2px 0;color:#b9c8d3}.knowledge-chip.critical{border-color:#704044;color:#e5a2a2}.knowledge-chip.due{border-color:#705d36;color:#e0bd78}.knowledge-chip.ready{border-color:#315741;color:#83d39d}.knowledge-line{font-size:10px;color:#9fb0bd;line-height:1.35;margin-top:4px}.knowledge-next{font-size:10px;color:#d7e2e9;margin-top:4px;padding:5px 6px;border:1px solid #2e3a44;border-radius:6px;background:#101820}.knowledge-next b{color:#e8c588}.learning-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px 8px;margin-top:6px}.learning-metric{font-size:10px;color:#899ba8;display:flex;justify-content:space-between;gap:8px}.learning-metric b{color:#dce7ef}.learning-section{margin-top:8px;padding-top:7px;border-top:1px solid #26333d}.learning-title{font-size:9px;letter-spacing:.12em;color:#7f919f;margin-bottom:4px}.learning-chip{display:inline-block;font-size:9px;padding:3px 5px;border:1px solid #3e4b56;border-radius:999px;margin:2px 3px 2px 0;color:#b9c8d3}.learning-chip.proficient{border-color:#4d5d37;color:#bcd87e}.learning-chip.mastered{border-color:#35604b;color:#8cddb1}.learning-chip.expert{border-color:#44647c;color:#9ed7ff}.learning-chip.mistake{border-color:#704044;color:#e5a2a2}.learning-line{font-size:10px;color:#9fb0bd;line-height:1.35;margin-top:4px}.learning-lesson{font-size:10px;color:#aebdca;line-height:1.35;margin-top:4px;padding:5px 6px;border:1px solid #2e3a44;border-radius:6px;background:#101820}.social-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px 8px;margin-top:6px}.social-metric{font-size:10px;color:#899ba8;display:flex;justify-content:space-between;gap:8px}.social-metric b{color:#dce7ef}.social-section{margin-top:8px;padding-top:7px;border-top:1px solid #26333d}.social-title{font-size:9px;letter-spacing:.12em;color:#7f919f;margin-bottom:4px}.social-chip{display:inline-block;font-size:9px;padding:3px 5px;border:1px solid #3e4b56;border-radius:999px;margin:2px 3px 2px 0;color:#b9c8d3}.social-chip.ready{border-color:#315741;color:#83d39d}.social-chip.waiting{border-color:#705d36;color:#e0bd78}.social-chip.tension{border-color:#704044;color:#e5a2a2}.social-line{font-size:10px;color:#9fb0bd;line-height:1.35;margin-top:4px}.social-card{margin-top:5px;padding:6px 7px;border:1px solid #2e3a44;border-radius:6px;background:#101820;font-size:10px;color:#aebdca;line-height:1.35}.social-card b{color:#dce7ef}.dialogue-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px 8px;margin-top:6px}.dialogue-metric{font-size:10px;color:#899ba8;display:flex;justify-content:space-between;gap:8px}.dialogue-metric b{color:#dce7ef}.dialogue-section{margin-top:8px;padding-top:7px;border-top:1px solid #26333d}.dialogue-title{font-size:9px;letter-spacing:.12em;color:#7f919f;margin-bottom:4px}.dialogue-chip{display:inline-block;font-size:9px;padding:3px 5px;border:1px solid #3e4b56;border-radius:999px;margin:2px 3px 2px 0;color:#b9c8d3}.dialogue-chip.ready{border-color:#315741;color:#83d39d}.dialogue-chip.waiting{border-color:#705d36;color:#e0bd78}.dialogue-line{font-size:10px;color:#9fb0bd;line-height:1.35;margin-top:4px}.dialogue-card{margin-top:5px;padding:6px 7px;border:1px solid #2e3a44;border-radius:6px;background:#101820;font-size:10px;color:#aebdca;line-height:1.35}@media(max-width:800px){main{grid-template-columns:1fr}.header-actions{gap:5px}.main-menu-panel{right:8px;top:72px;width:calc(100vw - 16px);max-height:calc(100vh - 88px)}}.resident-insight{position:absolute;left:18px;top:18px;max-width:min(520px,60%);padding:10px 12px;border:1px solid #44647c;background:#08131dcc;backdrop-filter:blur(7px);border-radius:9px;color:#d9e8f2;font-size:12px;line-height:1.4;box-shadow:0 8px 28px #0007;pointer-events:none}.insight-label{display:block;font-size:9px;letter-spacing:.14em;color:#8fb8d1;margin-bottom:4px}.resident-chat-dock{position:absolute;left:50%;bottom:48px;transform:translateX(-50%);width:min(720px,78%);padding:9px;border:1px solid #344a5b;background:#081017e8;backdrop-filter:blur(9px);border-radius:10px;box-shadow:0 10px 34px #0009;transition:width .18s ease,background .18s ease,border-color .18s ease}.resident-chat-toggle{position:absolute;right:-10px;top:-10px;width:26px;height:26px;display:grid;place-items:center;border:1px solid #456277;border-radius:999px;background:#12202b;color:#dce7ef;cursor:pointer;font:700 15px/1 Inter,system-ui,-apple-system,sans-serif;box-shadow:0 4px 14px #0008;z-index:2}.resident-chat-toggle:hover{border-color:#87b8d8}.resident-chat-dock.collapsed{width:128px;padding:0;border-color:#456277;background:#081017d9;cursor:pointer}.resident-chat-dock.collapsed .resident-chat-log,.resident-chat-dock.collapsed .resident-chat-form,.resident-chat-dock.collapsed .resident-chat-status{display:none}.resident-chat-dock.collapsed .resident-chat-toggle{position:static;width:100%;height:32px;border:0;border-radius:9px;background:transparent;font-size:10px;letter-spacing:.04em;box-shadow:none}.resident-chat-log{max-height:116px;overflow:auto;display:grid;gap:5px;margin-bottom:7px}.resident-chat-line{font-size:11px;line-height:1.35;padding:5px 7px;border-radius:7px;background:#111c25;color:#b7c7d3}.resident-chat-line.user{margin-left:14%;background:#202119;border:1px solid #5b513a;color:#e1cfaa}.resident-chat-line.resident{margin-right:14%;border:1px solid #31516a;color:#cfe5f5}.resident-chat-line b{color:#edf3f7}.resident-chat-form{display:grid;grid-template-columns:auto 1fr auto;gap:6px}.resident-chat-form input{min-width:0;background:#0d151c;color:#e6edf2;border:1px solid #344858;border-radius:7px;padding:8px 9px;font:12px Inter,system-ui,-apple-system,sans-serif;outline:none}.resident-chat-form input:focus{border-color:#75a4c3}.resident-chat-form button{background:#172733;color:#dce7ef;border:1px solid #456277;border-radius:7px;padding:7px 10px;cursor:pointer;font-size:10px}.resident-chat-form button:hover{border-color:#87b8d8}.resident-mic.listening{border-color:#d6a85c;color:#f0cb8b;background:#2c2417}.resident-mic.unavailable{opacity:.45;cursor:not-allowed}.resident-chat-status{margin-top:5px;font-size:9px;color:#718492}.interaction-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px 8px}.interaction-metric{font-size:10px;color:#899ba8;display:flex;justify-content:space-between;gap:8px}.interaction-metric b{color:#dce7ef}.interaction-section{margin-top:8px;padding-top:7px;border-top:1px solid #26333d}.interaction-title{font-size:9px;letter-spacing:.12em;color:#7f919f;margin-bottom:4px}.interaction-thought{font-size:10px;color:#c7dbe7;line-height:1.4;padding:6px 7px;border:1px solid #31516a;border-radius:6px;background:#0d1820;margin-top:4px}.interaction-message{font-size:10px;color:#aebdca;line-height:1.35;margin-top:4px}.interaction-message.user{color:#dccaa7}.interaction-guidance{display:inline-block;font-size:9px;padding:3px 6px;border:1px solid #6b5935;color:#e3c17e;border-radius:999px}.interaction-guidance.none{border-color:#34414b;color:#81909b} @media(max-width:800px){.resident-chat-dock{width:92%;bottom:46px}.resident-insight{max-width:80%}} .moonbase-game-hud{position:absolute;right:18px;top:18px;max-width:340px;padding:10px 12px;border:1px solid #78623b;background:#151107e8;backdrop-filter:blur(7px);border-radius:9px;color:#f0d39a;font-size:11px;line-height:1.4;box-shadow:0 8px 28px #0007;pointer-events:none}.moonbase-game-hud.hidden{display:none}.game-hud-label{display:block;font-size:9px;letter-spacing:.14em;color:#d6a95f;margin-bottom:4px}.game-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px 8px}.game-metric{font-size:10px;color:#899ba8;display:flex;justify-content:space-between;gap:8px}.game-metric b{color:#dce7ef}.game-section{margin-top:8px;padding-top:7px;border-top:1px solid #26333d}.game-title{font-size:9px;letter-spacing:.12em;color:#7f919f;margin-bottom:4px}.game-card{font-size:10px;color:#c7d7e2;line-height:1.4;padding:6px 7px;border:1px solid #3e4b56;border-radius:6px;background:#101820;margin-top:4px}.game-card.active{border-color:#78623b;color:#efd09a;background:#1c170d}.game-learning-fact{font-size:9px;color:#b9c8d3;margin-top:3px}.game-buttons{display:grid;gap:6px;margin-top:8px}.game-buttons button,.game-cancel{background:#17212b;color:#dce7ef;border:1px solid #5a4c35;border-radius:7px;padding:7px 8px;cursor:pointer;font-size:10px}.game-buttons button:hover,.game-cancel:hover{border-color:#d5a75e}.game-buttons button:disabled,.game-cancel:disabled{opacity:.45;cursor:not-allowed}.game-cancel{width:100%;margin-top:6px}.game-result-good{color:#7ee29c}.game-result-warn{color:#e7bd6e} .cinema-mode{display:inline-flex;align-items:center;justify-content:center;height:28px;padding:0 10px;border:1px solid #385069;border-radius:7px;background:#17212b;color:#b5cedc;font:700 10px Inter,system-ui,sans-serif;letter-spacing:.045em;cursor:pointer;white-space:nowrap}.cinema-mode.enabled{border-color:#ddaf64;background:#3b2c17;color:#ffe4af;box-shadow:0 0 0 1px #ac8445}.cinema-mode:hover{border-color:#dbaf64}.camera-list{display:grid;gap:6px;margin:10px 0}.camera-card{border:1px solid #334451;background:#111b24;border-radius:8px;padding:9px;display:grid;gap:6px;font-size:11px}.camera-card.active{border-color:#deb06a;background:#261f15}.camera-card .camera-name{font-weight:700;color:#ebeff2}.camera-card small,.camera-diagnostics{font-size:10px;color:#93a5b3}.camera-card button{border:1px solid #446174;background:#1b2a37;border-radius:6px;color:#e5eff6;padding:6px;cursor:pointer}.camera-card button.active{background:#5b4424;border-color:#ddb06d;color:#fff0d2}.camera-diagnostics{line-height:1.5}.camera-status-strong{color:#e8c588;font-weight:700} @media(max-width:850px){.cinema-mode{font-size:9px;padding:0 5px}header{padding:0 8px}} /* Post-Step-17: first-class World View ANIMATION menu. No changes to simulation or rendering. */ .animation-live{padding:8px 10px;border:1px solid #344955;background:#101d25;border-radius:8px;display:grid;gap:5px;margin:7px 0;font-size:10px} .animation-live-line{display:flex;justify-content:space-between;gap:8px}.animation-live-line span{color:#91a4b3}.animation-live-line strong{max-width:67%;text-align:right;color:#e8d09d} .animation-small{font-size:10px;color:#90a1ae;line-height:1.5;margin:8px 0} .animation-filter-label{display:block;font-size:10px;color:#abb9c5;margin-bottom:5px} #world-animation-filter{width:100%;padding:8px 10px;border:1px solid #364a5a;border-radius:7px;background:#0d1720;color:#edf3f7;font:11px Inter,system-ui,sans-serif} #world-animation-filter:focus{outline:1px solid #91adca} .animation-catalogue{max-height:256px;overflow-y:auto;border:1px solid #30404c;border-radius:8px;background:#0d1319;margin:8px 0 10px} .animation-catalog-item{display:grid;grid-template-columns:1fr auto;gap:2px 8px;align-items:center;padding:8px 9px;width:100%;border:0;border-bottom:1px solid #293640;background:transparent;color:#dae6ef;font:11px Inter,system-ui,sans-serif;text-align:left;cursor:pointer} .animation-catalog-item:hover{background:#1c2935}.animation-catalog-item.selected{background:#2b261d;border-left:3px solid #cda45f;padding-left:6px} .animation-catalog-name{font-weight:700}.animation-catalog-meta{grid-column:1;font-size:9px;color:#9cacb9} .animation-catalog-status{grid-column:2;grid-row:1 / span 2;font-size:9px;color:#92a7b5;white-space:nowrap} .animation-catalog-status.active{color:#87d5a2} .animation-inspector{background:#111b24;border:1px solid #30414d;border-radius:9px;padding:10px;margin:10px 0} .animation-inspector h3{font-size:11px;color:#d4dfeb;letter-spacing:.04em;margin:0 0 8px} .animation-inspector p{font-size:11px;line-height:1.5;color:#aebdca;margin:6px 0} .animation-data{display:grid;grid-template-columns:100px 1fr;gap:5px 9px;margin:10px 0;font-size:10px;line-height:1.4} .animation-data b{color:#8fa7ba}.animation-data span{overflow-wrap:anywhere} .animation-inspector details{font-size:10px;color:#b9c9d3;margin:8px 0;cursor:pointer} .animation-inspector pre{white-space:pre-wrap;overflow-wrap:anywhere;font:9px/1.4 ui-monospace,Menlo,monospace;max-height:160px;overflow:auto} .animation-controls{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px} .animation-controls button{padding:7px 9px;border-radius:7px;border:1px solid #54728a;background:#233548;color:#e1eefa;font-size:10px;cursor:pointer} .animation-controls button:hover{border-color:#b9d7ec} .animation-feedback{font-size:10px;color:#a9d9ff;min-height:15px} .animation-history-count{font-size:10px;color:#b6c3cf} #world-animation-history ol{list-style:none;margin:9px 0;padding:0;max-height:235px;overflow:auto} #world-animation-history li{display:grid;grid-template-columns:auto 1fr;gap:2px 8px;padding:6px 0;border-bottom:1px solid #2a3843;font-size:10px} #world-animation-history time{font-variant-numeric:tabular-nums;color:#91a6b7} #world-animation-history b{color:#d7e5f1} #world-animation-history li span{grid-column:2;color:#9cabb8} #world-animation-diagnostics{font-size:10px;color:#9dbaaa;line-height:1.5;overflow-wrap:anywhere} .animation-hq-link{display:inline-block;color:#adcfea;font-size:10px;margin-top:8px} /* Chat access relocated to the World View header between Cinema Mode and Reset View. The chat panel stays at its established bottom position only while open. */ .chat-header-toggle{display:inline-flex;align-items:center;justify-content:center;height:28px;min-width:46px;padding:0 10px;border:1px solid #354452;border-radius:7px;background:#17212b;color:#aebdca;font:700 10px Inter,system-ui,-apple-system,sans-serif;letter-spacing:.07em;cursor:pointer;white-space:nowrap} .chat-header-toggle:hover{border-color:#617b91;color:#edf3f7} .chat-header-toggle.open{border-color:#80adc7;color:#d8efff;background:#1b3341} .resident-chat-dock.collapsed{display:none} @media(max-width:850px){.chat-header-toggle{font-size:9px;padding:0 6px;min-width:38px}} /* Help moved off the world stage into Main Menu > HABITAT > Viewing tips. */ .habitat-viewing-tips{margin-top:10px;padding:8px 10px;border:1px solid #304350;border-radius:7px;background:#101b24;color:#a6b8c6;font-size:11px;line-height:1.5} .habitat-viewing-tips summary{cursor:pointer;color:#d0dfea;font-weight:600} .habitat-viewing-tips p{margin:8px 0 2px;color:#a0b2c2} /* Step 19: creative-facing character inspector inside the existing collapsible menu */ .personality-summary{border:1px solid #324552;background:#111e27;border-radius:9px;padding:10px;font-size:11px;line-height:1.5} .personality-summary strong{color:#ebd6a5}.personality-traits{display:grid;gap:7px;margin:10px 0} .personality-trait{display:grid;grid-template-columns:100px 1fr 30px;gap:7px;align-items:center;font-size:10px} .personality-meter{background:#233746;border-radius:8px;height:6px;overflow:hidden}.personality-meter span{display:block;background:#b3c8a9;height:100%} .personality-section{margin:10px 0;padding:10px;border-radius:9px;background:#101a22;border:1px solid #2c3d49;font-size:11px} .personality-section h3{font-size:11px;letter-spacing:.05em;margin:0 0 8px;color:#d9e5f1} .personality-section ol,.personality-section ul{padding-left:16px;margin:5px 0} .personality-section li{margin-bottom:8px;color:#bac8d3;line-height:1.45} .personality-section time{color:#8eabbe;font-size:9px}.personality-section em{color:#9bd2b1} .personality-live-thought{font-size:12px;color:#f0dda9;line-height:1.5;padding:8px;border-left:2px solid #c7a872} /* Step 22 — GPT infrastructure, styling only. No feature activation. */ .gpt-panel{display:grid;gap:10px;padding-top:4px} .gpt-card{border:1px solid #344554;background:#0f1922;border-radius:9px;padding:10px} .gpt-card h3{font-size:10px;letter-spacing:.11em;color:#d8e5f1;margin:0 0 10px} .gpt-inactive-note{font-weight:500;color:#8cabb8;letter-spacing:0;font-size:9px} .gpt-description{font-size:10px;color:#9fb0be;line-height:1.55;margin:7px 0} .gpt-label{display:block;font-size:10px;color:#c6d6e3;margin-bottom:6px} #world-gpt-key{display:block;width:100%;border:1px solid #435968;background:#0a141c;border-radius:7px;padding:9px;color:#f1f5f7;font:12px ui-monospace,Menlo,monospace} #world-gpt-key:focus{outline:1px solid #8ab4d1} .gpt-buttons{display:flex;gap:7px;margin:9px 0} .gpt-buttons button{flex:1;border:1px solid #526b7f;border-radius:7px;background:#1e3443;color:#e4edf5;padding:8px;cursor:pointer;font:10px Inter,system-ui,sans-serif} .gpt-buttons button:disabled{opacity:.42;cursor:not-allowed} .gpt-connection-line{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-top:1px solid #2e3f4b;color:#9cb1c1;font-size:10px} .gpt-connection-line strong{color:#e8c589;font-size:10px} .gpt-connection-line strong[data-state="CONNECTED"]{color:#7ee29c} .gpt-connection-line strong[data-state="CONNECTION FAILED"]{color:#e79b9b} .gpt-feedback{min-height:14px;color:#b2c9d9;font-size:10px;line-height:1.5} .gpt-feature-list{display:grid;gap:3px} .gpt-feature{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;border-bottom:1px solid #293944;padding:7px 0;font-size:10px} .gpt-feature-title{color:#dfebf3;font-weight:550;flex:1;line-height:1.45} .gpt-feature-number{color:#7893a7;font-weight:400;margin-right:4px} .gpt-feature-status{white-space:nowrap;color:#b2bdc6;font-size:9px;letter-spacing:.01em;padding:2px 4px;border:1px solid #3b4a57;border-radius:5px}.gpt-feature-status[data-state="active"]{color:#7ee29c;border-color:#315741}.gpt-feature-status[data-state="error_unavailable"]{color:#ff9b9b;border-color:#673b3b} /* GPT_FULLSCREEN_HUD_V1 — full-viewport translucent heads-up dashboard */ #gpt-dashboard-overlay{position:fixed;inset:0;z-index:150;display:none;color:#a9ffbb;font-family:Inter,system-ui,sans-serif;background:linear-gradient(125deg,rgba(1,15,12,.88),rgba(0,25,19,.78) 52%,rgba(0,10,10,.91));backdrop-filter:blur(22px) saturate(1.3);-webkit-backdrop-filter:blur(22px) saturate(1.3);overflow:hidden} #gpt-dashboard-overlay.visible{display:block;animation:gptHudIn .26s ease-out} @keyframes gptHudIn{from{opacity:0;transform:scale(1.012)}to{opacity:1;transform:scale(1)}} #gpt-dashboard-overlay:before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.21;background:repeating-linear-gradient(0deg,transparent 0px,transparent 3px,rgba(95,255,157,.095) 4px,transparent 5px),linear-gradient(90deg,transparent 49.94%,rgba(87,255,150,.15) 50%,transparent 50.06%)} #gpt-dashboard-overlay:after{content:'';position:absolute;inset:18px;pointer-events:none;border:1px solid rgba(100,255,169,.19);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)} .gpt-hud-aura{position:absolute;inset:-25%;pointer-events:none;background:radial-gradient(ellipse at 86% 15%,rgba(39,240,136,.10),transparent 32%),radial-gradient(ellipse at 10% 92%,rgba(0,226,158,.10),transparent 41%)} .gpt-hud-frame{position:relative;z-index:1;width:min(1560px,100%);margin:0 auto;height:100%;display:flex;flex-direction:column;padding:clamp(20px,3vw,44px) clamp(24px,4.4vw,76px) 17px} .gpt-hud-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:22px;border-bottom:1px solid rgba(112,255,171,.24)} .gpt-hud-kicker{display:block;color:#64c99a;font:600 11px ui-monospace,SFMono-Regular,monospace;letter-spacing:.25em;margin-bottom:13px} .gpt-hud-identity h1{font-size:clamp(28px,3.4vw,54px);font-weight:600;letter-spacing:.09em;line-height:1;margin:0;color:#d3ffdc;text-shadow:0 0 24px rgba(54,255,124,.24)} .gpt-hud-identity h1 em{font-style:normal;color:#51ff9c;font-weight:300} .gpt-hud-identity p{font:11px ui-monospace,SFMono-Regular,monospace;letter-spacing:.19em;color:#67b88b;margin:12px 0 0} .gpt-hud-actions{display:flex;align-items:center;gap:20px;padding-top:6px} .gpt-hud-live{white-space:nowrap;letter-spacing:.15em;font:11px ui-monospace,monospace;color:#7efcaa}.gpt-hud-live i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#6aff9b;box-shadow:0 0 12px #52ff8f;margin-right:9px;animation:gptPulse 2s infinite}@keyframes gptPulse{50%{opacity:.4}} #gpt-dashboard-close{cursor:pointer;padding:11px 14px;border:1px solid rgba(113,255,169,.45);border-radius:3px;color:#c3ffcf;background:rgba(37,124,73,.10);font:11px ui-monospace,monospace;letter-spacing:.09em}#gpt-dashboard-close:hover,#gpt-dashboard-close:focus-visible{background:rgba(61,255,142,.16);box-shadow:0 0 20px rgba(42,255,132,.16)} .gpt-hud-scroll{flex:1;min-height:0;overflow:auto;padding:24px 4px 34px;scrollbar-color:#32865e transparent;scrollbar-width:thin} #gpt-hud-content>.menu-section-body{padding:0!important;display:block!important} #gpt-hud-content>.menu-section-body>h2{display:none} #gpt-hud-content .gpt-panel{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(340px,1.15fr);gap:17px 38px;align-items:start;padding:0} #gpt-hud-content .gpt-card{border:0;border-top:1px solid rgba(96,255,159,.35);border-radius:0;padding:20px 4px 16px;background:transparent;box-shadow:none} #gpt-hud-content .gpt-card h3,#gpt-hud-content .usage-top h3{font:600 13px ui-monospace,monospace;letter-spacing:.18em;color:#8bffaf;margin-bottom:18px;text-shadow:0 0 14px rgba(49,255,140,.20)} #gpt-hud-content .gpt-description,#gpt-hud-content .gpt-label,#gpt-hud-content .gpt-connection-line,#gpt-hud-content .gpt-feature-title{font-size:13px;line-height:1.65;color:#a2dcb7} #gpt-hud-content .gpt-card:has(.gpt-feature-list){grid-column:2;grid-row:1 / span 4} #gpt-hud-content .gpt-feature-list{gap:0} #gpt-hud-content .gpt-feature{align-items:center;padding:12px 6px;border-bottom:1px solid rgba(92,228,147,.16);gap:15px;background:transparent} #gpt-hud-content .gpt-feature:hover{background:rgba(37,255,130,.045)} #gpt-hud-content .gpt-feature-number{color:#50bf89;font:12px ui-monospace,monospace;margin-right:14px} #gpt-hud-content .gpt-feature-status{border:0;border-radius:0;font:10px ui-monospace,monospace;letter-spacing:.07em;color:#688f7b;background:transparent} #gpt-hud-content .gpt-feature-status[data-state=active]{color:#66ffa2;text-shadow:0 0 11px rgba(71,255,124,.28)} #gpt-hud-content .gpt-inactive-note{font:10px ui-monospace,monospace;color:#71ad8e} #gpt-hud-content #world-gpt-key{max-width:490px;border:1px solid rgba(100,255,164,.32);border-radius:2px;background:rgba(0,29,20,.5);color:#c5ffcf;padding:13px;font-size:13px} #gpt-hud-content .gpt-buttons button{border-radius:2px;border:1px solid rgba(91,244,146,.36);background:rgba(18,97,58,.19);color:#a9ffd0;font:11px ui-monospace,monospace;padding:12px} #gpt-hud-content .gpt-buttons button:not(:disabled):hover{background:rgba(49,230,123,.2)} #gpt-hud-content .gpt-connection-line{border-color:rgba(92,255,143,.17)} #gpt-hud-content .gpt-connection-line strong[data-state=CONNECTED]{color:#61ff99} #gpt-hud-content .usage-panel,#gpt-hud-content .gpt-card .usage-panel{background:transparent!important;border-color:rgba(101,255,169,.18)!important;box-shadow:none!important;color:#9ad9b3} #gpt-hud-content .usage-panel *{box-shadow:none} .gpt-hud-bottom{display:flex;justify-content:space-between;gap:14px;border-top:1px solid rgba(101,255,161,.23);padding-top:12px;color:#528b6e;font:10px ui-monospace,monospace;letter-spacing:.1em} @media(min-width:1000px){#gpt-hud-content .gpt-panel>.gpt-card:nth-child(1){grid-column:1;grid-row:1}#gpt-hud-content .gpt-panel>.gpt-card:nth-child(2){grid-column:1;grid-row:2}} @media(max-width:900px){#gpt-hud-content .gpt-panel{grid-template-columns:1fr}#gpt-hud-content .gpt-card:has(.gpt-feature-list){grid-column:auto;grid-row:auto}.gpt-hud-live{display:none}} @media(max-width:560px){.gpt-hud-frame{padding:20px 16px 12px}.gpt-hud-identity h1{font-size:25px}.gpt-hud-identity h1 em{display:block;margin-top:5px}.gpt-hud-kicker{font-size:9px;letter-spacing:.1em}.gpt-hud-identity p{font-size:9px;letter-spacing:.06em}#gpt-dashboard-close span{display:none}.gpt-hud-bottom span:last-child{display:none}} @media(prefers-reduced-motion:reduce){#gpt-dashboard-overlay.visible,.gpt-hud-live i{animation:none}} /* GPT_HUD_TRANSPARENCY_PASS_V2 — nearly clear holographic overlay */ #gpt-dashboard-overlay{background:linear-gradient(120deg,rgba(0,17,11,.16),rgba(0,24,14,.08) 58%,rgba(0,13,12,.18));backdrop-filter:blur(2px) saturate(1.08);-webkit-backdrop-filter:blur(2px) saturate(1.08)} #gpt-dashboard-overlay:before{opacity:.12} #gpt-dashboard-overlay:after{border-color:rgba(95,255,161,.13)} .gpt-hud-aura{opacity:.35} #gpt-hud-content .gpt-card{background:transparent!important;box-shadow:none!important;border-top-color:rgba(97,255,151,.29)} #gpt-hud-content .usage-panel{background:rgba(0,20,12,.045)!important} #gpt-hud-content .gpt-feature{background:transparent} #gpt-hud-content .gpt-feature:hover{background:rgba(30,255,126,.035)} #gpt-hud-content #world-gpt-key{background:rgba(0,19,12,.13)} #gpt-hud-content .gpt-buttons button{background:rgba(13,100,53,.09)} .gpt-hud-identity h1{color:#e2ffe6;text-shadow:0 0 12px rgba(47,255,133,.50),0 1px 5px #00190e} .gpt-hud-identity h1 em{color:#76ffac;text-shadow:0 0 15px rgba(49,255,124,.56)} #gpt-hud-content .gpt-card h3,#gpt-hud-content .usage-top h3{color:#b8ffca;text-shadow:0 0 11px rgba(26,255,113,.49),0 1px 5px #00170d} #gpt-hud-content .gpt-description,#gpt-hud-content .gpt-label,#gpt-hud-content .gpt-feature-title{color:#c2fbd1;text-shadow:0 1px 5px rgba(0,13,7,.85)} #gpt-hud-content .gpt-feature-status{ text-shadow:0 1px 5px #001a0b } /* GPT_HUD_STAGE_FIT_V3 — preserve site header and suspend dock during dashboard */ #gpt-dashboard-overlay{top:76px;bottom:0;left:0;right:0;inset:76px 0 0;z-index:90} .gpt-hud-active #resident-chat-dock,.gpt-hud-active .resident-chat-dock,.gpt-hud-active .resident-insight,.gpt-hud-active #resident-insight{visibility:hidden!important;pointer-events:none!important} .gpt-hud-frame{padding-top:clamp(12px,2vw,24px);padding-bottom:12px} .gpt-hud-top{padding-bottom:clamp(12px,1.4vw,18px)} .gpt-hud-scroll{padding-top:clamp(12px,1.6vw,20px)} @media(max-width:800px){#gpt-dashboard-overlay{top:76px;inset:76px 0 0}} /* ANIMATION_HUD_MATCH_V1 — shares approved transparent, stage-fitted GPT HUD shell */ #gpt-dashboard-overlay.animation-hud #gpt-hud-content>.menu-section-body{display:grid!important;grid-template-columns:minmax(260px,.85fr) minmax(380px,1.4fr);gap:14px 34px;align-content:start} #gpt-dashboard-overlay.animation-hud #gpt-hud-content>.menu-section-body>h2{display:none} #gpt-dashboard-overlay.animation-hud #gpt-hud-content .animation-live, #gpt-dashboard-overlay.animation-hud #gpt-hud-content .animation-small, #gpt-dashboard-overlay.animation-hud #gpt-hud-content .animation-filter-label, #gpt-dashboard-overlay.animation-hud #gpt-hud-content .animation-catalogue, #gpt-dashboard-overlay.animation-hud #gpt-hud-content .animation-inspector, #gpt-dashboard-overlay.animation-hud #gpt-hud-content #world-animation-filter{grid-column:1;min-width:0} #gpt-dashboard-overlay.animation-hud #gpt-hud-content .animation-inspector{grid-column:2;grid-row:auto} #gpt-dashboard-overlay.animation-hud #gpt-hud-content .animation-inspector:first-of-type{grid-row:1 / span 4} #gpt-dashboard-overlay.animation-hud #gpt-hud-content .animation-catalogue{max-height:43vh;overflow:auto} #gpt-dashboard-overlay.animation-hud #gpt-hud-content .animation-inspector, #gpt-dashboard-overlay.animation-hud #gpt-hud-content .animation-catalogue, #gpt-dashboard-overlay.animation-hud #gpt-hud-content .animation-live{background:rgba(0,20,12,.055)!important;border:0!important;border-top:1px solid rgba(92,255,156,.28)!important;border-radius:0!important;box-shadow:none!important;color:#b8f9c8!important} #gpt-dashboard-overlay.animation-hud #gpt-hud-content h3{color:#abffc4!important;text-shadow:0 0 12px rgba(58,255,130,.30);letter-spacing:.12em} #gpt-dashboard-overlay.animation-hud #gpt-hud-content p, #gpt-dashboard-overlay.animation-hud #gpt-hud-content label, #gpt-dashboard-overlay.animation-hud #gpt-hud-content .animation-small{color:#b8efc7!important;text-shadow:0 1px 5px rgba(0,15,9,.8)} #gpt-dashboard-overlay.animation-hud #gpt-hud-content button{background:rgba(25,121,65,.12)!important;border:1px solid rgba(100,255,163,.30)!important;color:#c5ffd1!important;border-radius:3px!important} #gpt-dashboard-overlay.animation-hud #gpt-hud-content button:hover{background:rgba(30,170,82,.25)!important} #gpt-dashboard-overlay.animation-hud #gpt-hud-content input{background:rgba(0,20,12,.13)!important;border:1px solid rgba(105,250,164,.35)!important;color:#d0ffda!important} #gpt-dashboard-overlay.animation-hud #gpt-hud-content *{max-width:100%} @media(max-width:900px){#gpt-dashboard-overlay.animation-hud #gpt-hud-content>.menu-section-body{display:block!important}#gpt-dashboard-overlay.animation-hud #gpt-hud-content .animation-inspector{margin-top:16px}} /* ANIMATION_WORKSPACE_LAYOUT_V2: telemetry/detail LEFT, full scrolling library RIGHT */ #gpt-dashboard-overlay.animation-hud #gpt-hud-content>.menu-section-body{display:grid!important;grid-template-columns:minmax(320px,43fr) minmax(400px,57fr);grid-template-rows:auto auto auto auto 1fr;column-gap:clamp(24px,4vw,70px);row-gap:12px;align-items:start} #gpt-dashboard-overlay.animation-hud #animation-library-counter{grid-column:1;grid-row:1;display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;border-top:1px solid rgba(103,255,158,.3);padding:12px 0 0} #gpt-dashboard-overlay.animation-hud .animation-count-label{width:100%;font:600 11px ui-monospace,monospace;letter-spacing:.19em;color:#a4fac0} #gpt-dashboard-overlay.animation-hud #animation-library-counter strong{font:300 clamp(68px,8vw,126px)/.95 ui-monospace,monospace;color:#83ffac;text-shadow:0 0 26px rgba(40,255,124,.45);letter-spacing:-.065em} #gpt-dashboard-overlay.animation-hud .animation-count-caption{font:11px ui-monospace,monospace;letter-spacing:.10em;color:#b1f4c7} #gpt-dashboard-overlay.animation-hud .animation-count-caption i{font-style:normal;color:#58b785;margin:0 6px} #gpt-dashboard-overlay.animation-hud #world-animation-summary{grid-column:1;grid-row:2;opacity:.75;font:11px ui-monospace,monospace;margin:0} #gpt-dashboard-overlay.animation-hud #world-animation-current{grid-column:1;grid-row:3;padding:15px 0!important} #gpt-dashboard-overlay.animation-hud .animation-inspector:has(#world-animation-detail){grid-column:1;grid-row:4;padding:15px 0!important} #gpt-dashboard-overlay.animation-hud .animation-inspector:has(#world-animation-history){grid-column:1;grid-row:5;padding:15px 0!important} #gpt-dashboard-overlay.animation-hud .animation-inspector:has(#world-animation-diagnostics){grid-column:1;grid-row:6;padding:15px 0!important} #gpt-dashboard-overlay.animation-hud .animation-filter-label{grid-column:2!important;grid-row:1!important;align-self:end;margin:0!important;font:600 12px ui-monospace,monospace;letter-spacing:.16em;color:#b1ffd0!important} #gpt-dashboard-overlay.animation-hud #world-animation-filter{grid-column:2!important;grid-row:2!important;width:100%;padding:13px!important;font-size:13px!important} #gpt-dashboard-overlay.animation-hud #world-animation-catalogue{grid-column:2!important;grid-row:3 / span 5!important;max-height:none!important;height:min(60vh,660px);min-height:320px;overflow-y:auto;scrollbar-color:rgba(95,255,152,.55) transparent;scrollbar-width:thin;padding:2px 12px 14px 0;background:transparent!important} #gpt-dashboard-overlay.animation-hud .animation-catalog-item{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:2px 14px!important;min-height:62px!important;padding:12px 14px!important;text-align:left!important;border:0!important;border-bottom:1px solid rgba(98,255,158,.20)!important;background:rgba(0,25,12,.025)!important;border-radius:0!important} #gpt-dashboard-overlay.animation-hud .animation-catalog-item.selected{border-left:2px solid #7affaa!important;background:rgba(43,255,129,.12)!important} #gpt-dashboard-overlay.animation-hud .animation-catalog-item:hover{background:rgba(43,255,129,.09)!important} #gpt-dashboard-overlay.animation-hud .animation-catalog-name{color:#d0ffe0!important;font-size:14px!important;grid-column:1} #gpt-dashboard-overlay.animation-hud .animation-catalog-meta{color:#88c8a2!important;font:11px ui-monospace,monospace!important;grid-column:1;grid-row:2} #gpt-dashboard-overlay.animation-hud .animation-catalog-status{color:#77f0a3!important;font:10px ui-monospace,monospace!important;grid-column:2;grid-row:1 /span 2;align-self:center} #gpt-dashboard-overlay.animation-hud .animation-data{font-size:12px!important} #gpt-dashboard-overlay.animation-hud #world-animation-detail h3{font-size:18px!important;color:#c9ffda!important;letter-spacing:.04em} @media(max-width:900px){#gpt-dashboard-overlay.animation-hud #gpt-hud-content>.menu-section-body{display:flex!important;flex-direction:column;align-items:stretch}#gpt-dashboard-overlay.animation-hud #world-animation-catalogue{height:45vh;min-height:280px}#gpt-dashboard-overlay.animation-hud .animation-filter-label{order:0}#gpt-dashboard-overlay.animation-hud #world-animation-filter{order:0}} /* RESIDENT_TICKER_V1 — pure floating gameplay text, no panel */ .resident-telemetry-ticker{position:absolute;z-index:12;top:clamp(20px,4vh,48px);right:clamp(24px,4vw,72px);width:min(400px,40vw);max-width:calc(100% - 32px);text-align:right;pointer-events:none;background:none!important;border:none!important;box-shadow:none!important;padding:0;color:#a4ffc0;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;text-shadow:0 0 13px rgba(69,255,140,.48),0 2px 5px rgba(0,15,10,.95)} .resident-ticker-kicker{font-size:10px;letter-spacing:.22em;color:#90dcb0;margin-bottom:9px} .resident-ticker-value{font-size:clamp(15px,2vw,27px);font-weight:500;letter-spacing:.075em;line-height:1.3;color:#bcffd0} .resident-ticker-sub{font-size:11px;letter-spacing:.12em;color:#76d89c;margin-top:7px} .resident-telemetry-ticker.ticker-swap .resident-ticker-value,.resident-telemetry-ticker.ticker-swap .resident-ticker-sub,.resident-telemetry-ticker.ticker-swap .resident-ticker-kicker{animation:residentTickerReveal .7s ease-out} @keyframes residentTickerReveal{from{opacity:0;transform:translateY(8px);filter:blur(2px)}to{opacity:1;transform:translateY(0);filter:blur(0)}} .gpt-hud-active .resident-telemetry-ticker{visibility:hidden!important} @media(max-width:700px){.resident-telemetry-ticker{width:min(270px,59vw);right:16px;top:16px}.resident-ticker-kicker{font-size:8px;letter-spacing:.1em}.resident-ticker-value{font-size:16px}.resident-ticker-sub{font-size:9px}} @media(prefers-reduced-motion:reduce){.resident-telemetry-ticker.ticker-swap *{animation:none!important}} /* TICKER_TREND_V2 — directional numeric telemetry, no panel */ .resident-telemetry-ticker .ticker-trend{display:inline-block;vertical-align:.09em;font-size:.69em;margin-left:.27em;letter-spacing:0;font-weight:700} .resident-telemetry-ticker .ticker-trend-up{color:#8affaf;text-shadow:0 0 10px rgba(61,255,133,.65)} .resident-telemetry-ticker .ticker-trend-down{color:#ffc07c;text-shadow:0 0 10px rgba(255,160,78,.35)} .resident-telemetry-ticker .ticker-trend-steady{color:#84b79a;opacity:.7} /* TICKER_THOUGHT_V3 — thought folded into existing ticker; no duplicate floating panel */ .stage-shell>.resident-insight{display:none!important} .resident-telemetry-ticker.ticker-thought{width:min(520px,46vw)} .resident-telemetry-ticker.ticker-thought .resident-ticker-value{font-size:clamp(13px,1.6vw,20px);line-height:1.45;letter-spacing:.025em;text-transform:none;overflow-wrap:anywhere} @media(max-width:700px){.resident-telemetry-ticker.ticker-thought{width:min(310px,70vw)}} /* ANIMATION EVOLUTION 2.0 — planning roadmap inside existing Animation dashboard */ #animation-evolution-build-map[hidden]{display:none!important} #animation-evolution-build-map{padding:16px 0 20px;margin-bottom:20px;border-bottom:1px solid rgba(115,255,169,.34);color:#d3ffe1} .animation-map-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:14px} .animation-map-eyebrow{font:600 10px ui-monospace,monospace;letter-spacing:.21em;color:#85eaae} .animation-map-heading h2{margin:6px 0;font-size:clamp(20px,2.4vw,32px);letter-spacing:.09em;font-weight:750} .animation-map-heading h2 em{font-style:normal;font-weight:300;color:#7dfba8} .animation-map-heading p{margin:3px 0;font-size:12px;color:#add5ba} .animation-map-progress{white-space:nowrap;border:1px solid rgba(111,255,164,.4);padding:9px 12px;font:600 11px ui-monospace,monospace;color:#a1f9bd} .animation-map-stages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px} .animation-map-stages article{display:flex;align-items:flex-start;gap:10px;position:relative;min-height:134px;padding:14px 12px;border:1px solid rgba(102,240,151,.29);background:rgba(5,31,17,.42)} .animation-map-num{font:300 26px ui-monospace,monospace;color:#72dc9b;line-height:1} .animation-map-stages article div{min-width:0;padding-right:2px} .animation-map-stages h3{font-size:11px!important;letter-spacing:.08em!important;margin:3px 0 9px!important;color:#d4ffe2!important} .animation-map-stages p{font-size:11px!important;line-height:1.55;margin:0;color:#aacfb8!important} .animation-map-status{position:absolute;right:10px;bottom:9px;font:600 9px ui-monospace,monospace;letter-spacing:.12em;color:#a8d7b9} .animation-map-footnote{margin:12px 0 0!important;font:10px ui-monospace,monospace!important;letter-spacing:.1em;color:#8fcca7!important} @media(max-width:1150px){.animation-map-stages{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:650px){.animation-map-heading{align-items:flex-start;flex-direction:column}.animation-map-stages{grid-template-columns:1fr}.animation-map-stages article{min-height:95px}} /* Foundation milestone indicator only — stages 2–4 remain planned */ .animation-map-stages article.animation-map-complete{border-color:rgba(104,255,157,.72);background:rgba(24,92,50,.25)} .animation-map-stages article.animation-map-complete .animation-map-status{color:#7affaa} /* Animation Lab 1.0 — within Animation Management HUD */ #animation-lab{grid-column:1 / -1!important;grid-row:auto!important;min-width:0;padding:14px 0 23px;border-top:1px solid rgba(95,255,161,.34);border-bottom:1px solid rgba(95,255,161,.34);color:#caffdc} .animation-lab-title{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:13px}.animation-lab-title h2{font-size:26px;margin:4px 0;font-weight:750;letter-spacing:.09em}.animation-lab-title h2 em{font-style:normal;color:#7dfba8;font-weight:300}.animation-lab-title p{font-size:12px;margin:4px 0;color:#a7d7b5}.animation-lab-lock{font:600 10px ui-monospace,monospace;color:#91ffc0;border:1px solid rgba(125,255,172,.35);padding:8px 10px;white-space:nowrap} .animation-lab-pipeline{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:15px}.animation-lab-stage{font:600 10px ui-monospace,monospace;letter-spacing:.09em;padding:8px 9px;border:1px solid rgba(114,234,151,.22);color:#9dc7ad}.animation-lab-stage.active{background:rgba(45,157,82,.22);border-color:#79fba9;color:#dcffe7}.animation-lab-stage.passed{color:#88e7a6} .animation-lab-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.animation-lab-pane{border:1px solid rgba(102,240,151,.26);background:rgba(1,27,13,.18);padding:14px;min-width:0}.animation-lab-pane h3{margin:0 0 13px!important;font:650 12px ui-monospace,monospace!important;letter-spacing:.12em!important;color:#b0ffca!important} .animation-lab-pane label{display:block;margin:10px 0;font:12px ui-monospace,monospace;color:#c0ead0}.animation-lab-pane select,.animation-lab-pane textarea{display:block;width:100%;box-sizing:border-box;margin-top:7px;background:rgba(0,23,12,.55);border:1px solid rgba(111,247,160,.4);color:#dcffe8;padding:9px;font-size:12px}.animation-lab-pane input[type=range]{display:block;width:100%;margin:9px 0;accent-color:#75eda2}.animation-lab-pane output{float:right;font-weight:700;color:#aaffc8} .animation-lab-readout{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 14px;font:11px ui-monospace,monospace;padding:9px 0;border-top:1px solid rgba(111,247,160,.17)}.animation-lab-readout strong{text-align:right;color:#aaffc8}.animation-lab-readout span{color:#a6cdb5} .animation-lab-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.animation-lab-actions button{padding:9px 11px!important;font:600 10px ui-monospace,monospace!important;letter-spacing:.06em}.animation-lab-actions button:disabled{opacity:.35!important;cursor:not-allowed}.animation-lab-pane small,.animation-lab-note{font:11px/1.55 ui-monospace,monospace!important;color:#a8cbb5!important}.animation-lab-history{max-height:110px;overflow:auto;font:11px/1.8 ui-monospace,monospace;color:#c3eed1}.animation-lab-history span{color:#86b699} @media(max-width:1000px){.animation-lab-grid{grid-template-columns:1fr}.animation-lab-title{flex-wrap:wrap}} .animation-lab-review{border:1px solid rgba(98,255,158,.25);padding:9px;line-height:1.45!important}.animation-lab-review input{margin-right:8px;accent-color:#7dfba8}#gpt-hud-content>#animation-lab{width:100%;box-sizing:border-box;margin-bottom:17px} /* Animation Lab 1.0 work viewport — primary top section, 50/50 workbench */ #animation-lab .animation-lab-studio{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:start} #animation-lab .animation-lab-viewport{min-width:0;position:sticky;top:0;border:1px solid rgba(117,255,167,.38);background:rgba(1,16,11,.9)} #animation-lab #lab-viewport-mount{width:100%;min-height:470px} #animation-lab .lab-work-surface{position:relative;width:100%;height:clamp(470px,60vh,750px)} #animation-lab .lab-work-surface canvas{display:block;width:100%;height:100%;outline:none} #animation-lab .lab-work-status{position:absolute;left:13px;bottom:13px;max-width:95%;font:11px ui-monospace,monospace;color:#a6ffbe;text-shadow:0 1px 8px #001} #animation-lab .lab-viewport-top,#animation-lab .lab-viewport-bottom{display:flex;justify-content:space-between;gap:12px;padding:13px;font:600 11px ui-monospace,monospace;letter-spacing:.11em;color:#b5ffd0} #animation-lab .lab-viewport-top span,#animation-lab .lab-viewport-bottom span{font-weight:400;color:#7eba92;letter-spacing:.03em} #animation-lab .animation-lab-grid{display:flex;flex-direction:column;gap:12px} #animation-lab .animation-lab-pane{width:100%;box-sizing:border-box} @media(max-width:950px){#animation-lab .animation-lab-studio{grid-template-columns:1fr}#animation-lab .animation-lab-viewport{position:static}#animation-lab .lab-work-surface{height:470px}} /* Animation Management / Lab compact-first viewport: preserve all controls below fold */ #gpt-dashboard-overlay.animation-hud .gpt-hud-frame{padding-top:8px!important;padding-bottom:5px!important} #gpt-dashboard-overlay.animation-hud .gpt-hud-top{align-items:center!important;padding:4px 0 8px!important;gap:12px!important} #gpt-dashboard-overlay.animation-hud .gpt-hud-identity{display:flex!important;flex-wrap:wrap;align-items:baseline;column-gap:16px;row-gap:3px} #gpt-dashboard-overlay.animation-hud .gpt-hud-identity h1{font-size:clamp(19px,2.1vw,29px)!important;line-height:1.05!important;letter-spacing:.045em!important} #gpt-dashboard-overlay.animation-hud .gpt-hud-kicker{font-size:9px!important;margin:0!important;letter-spacing:.1em!important} #gpt-dashboard-overlay.animation-hud .gpt-hud-identity p{display:none!important} #gpt-dashboard-overlay.animation-hud .gpt-hud-actions{padding-top:0!important;gap:10px!important} #gpt-dashboard-overlay.animation-hud #gpt-dashboard-close{padding:7px 9px!important;font-size:10px!important} #gpt-dashboard-overlay.animation-hud .gpt-hud-scroll{padding-top:5px!important;padding-bottom:12px!important} #gpt-dashboard-overlay.animation-hud #animation-lab{padding:4px 0 15px!important;margin-bottom:7px!important;border-top:0!important} #gpt-dashboard-overlay.animation-hud .animation-lab-title{margin-bottom:7px!important;gap:7px!important;align-items:baseline!important} #gpt-dashboard-overlay.animation-hud .animation-lab-title h2{font-size:19px!important;line-height:1.1!important;letter-spacing:.04em!important;margin:0!important} #gpt-dashboard-overlay.animation-hud .animation-lab-title p{display:none!important} #gpt-dashboard-overlay.animation-hud .animation-lab-title .animation-map-eyebrow{display:none!important} #gpt-dashboard-overlay.animation-hud .animation-lab-lock{padding:4px 7px!important;font-size:9px!important} #gpt-dashboard-overlay.animation-hud .animation-lab-pipeline{gap:4px!important;margin:0 0 7px!important} #gpt-dashboard-overlay.animation-hud .animation-lab-stage{font-size:9px!important;padding:5px 7px!important} #gpt-dashboard-overlay.animation-hud #animation-lab .lab-viewport-top,#gpt-dashboard-overlay.animation-hud #animation-lab .lab-viewport-bottom{padding:7px 10px!important;font-size:9px!important} #gpt-dashboard-overlay.animation-hud #animation-lab .lab-work-surface{height:clamp(280px,calc(100dvh - 275px),690px)!important} #gpt-dashboard-overlay.animation-hud #animation-lab #lab-viewport-mount{min-height:0!important} @media(max-width:950px){#gpt-dashboard-overlay.animation-hud #animation-lab .lab-work-surface{height:min(52vh,450px)!important}} /* Reserve space for work-window footer inside dashboard's scroll viewport */ #gpt-dashboard-overlay.animation-hud #animation-lab .lab-work-surface{height:clamp(280px,calc(100dvh - 315px),650px)!important} @media(max-width:950px){#gpt-dashboard-overlay.animation-hud #animation-lab .lab-work-surface{height:min(52vh,450px)!important}} /* Animation Lab: preferred list view / expandable focused editor */ #animation-lab .lab-active-name{display:flex;gap:6px;align-items:baseline;flex-wrap:wrap;padding:8px 11px 7px;border-bottom:1px solid rgba(120,255,165,.32)} #animation-lab .lab-active-name small{font:9px ui-monospace,monospace;color:#77cb96;letter-spacing:.09em} #animation-lab .lab-active-name strong{font:600 clamp(17px,1.9vw,25px)/1.14 ui-monospace,monospace;color:#b3ffca;letter-spacing:.02em} #animation-lab .lab-library-head{display:flex;justify-content:space-between;gap:8px;align-items:center;border-bottom:1px solid rgba(117,255,162,.4);padding:11px 3px;font:700 12px ui-monospace,monospace;letter-spacing:.10em;color:#b5ffcf} #animation-lab .lab-library-head strong{font:10px ui-monospace,monospace;color:#8acfa6} #animation-lab .lab-library-list{height:clamp(260px,calc(100dvh - 352px),620px);overflow:auto;scrollbar-color:#397956 #08170d} #animation-lab .lab-library-item{display:flex;align-items:stretch;border-bottom:1px solid rgba(115,245,156,.16);min-height:59px} #animation-lab .lab-library-item.active{background:rgba(57,198,106,.14);border-left:3px solid #7affaa} #animation-lab .lab-library-select{display:flex!important;flex:1;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;text-align:left;font:600 15px ui-monospace,monospace!important;letter-spacing:0!important;padding:8px 12px!important;border:0!important;background:transparent!important} #animation-lab .lab-library-item.active .lab-library-select span{font-size:19px;color:#b8ffd1} #animation-lab .lab-library-select small{font:10px ui-monospace,monospace;color:#8abea3} #animation-lab .lab-library-expand{flex-shrink:0;align-self:center;margin:0 8px;font:10px ui-monospace,monospace!important;padding:8px!important} #animation-lab .lab-detail-heading{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:4px} #animation-lab .lab-detail-heading strong{font:700 20px ui-monospace,monospace;color:#b7ffca} @media(max-width:950px){#animation-lab .lab-library-list{height:420px}} /* Keep the complete wireframe window visible with the larger active-animation name */ #gpt-dashboard-overlay.animation-hud #animation-lab .lab-work-surface{height:clamp(245px,calc(100dvh - 344px),620px)!important} @media(max-width:950px){#gpt-dashboard-overlay.animation-hud #animation-lab .lab-work-surface{height:min(49vh,410px)!important}} #animation-lab .animation-lab-reviewbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px;font:10px ui-monospace,monospace;color:#b9eecc}#animation-lab .animation-lab-reviewbar label{flex:1;min-width:210px}#animation-lab #lab-review-note{width:100%;background:#092015;border:1px solid #426b51;color:#dbffe4;padding:5px;box-sizing:border-box}#animation-lab #lab-capture-review{padding:7px;font:600 10px ui-monospace,monospace}#animation-lab #lab-review-result{font-size:10px;color:#91ddaf} /* GAMES HUD 1.0 — shares the GPT/Animation overlay shell, no 3D preview. */ #gpt-dashboard-overlay.games-hud .gpt-hud-top{padding-bottom:18px} #gpt-dashboard-overlay.games-hud .gpt-hud-scroll{padding-top:24px} #gpt-dashboard-overlay.games-hud .gpt-hud-identity h1 em{font-weight:300} #gpt-dashboard-overlay.games-hud .gpt-hud-bottom{color:#71ab84} #gpt-dashboard-overlay.games-hud #gpt-hud-content>.menu-section-body{display:block!important;padding:0!important} #gpt-dashboard-overlay.games-hud #gpt-hud-content>.menu-section-body>h2{display:none!important} #gpt-dashboard-overlay.games-hud .games-ui-deck{width:100%;color:#c2f0ce} #gpt-dashboard-overlay.games-hud .games-ui-index{ display:flex;align-items:end;gap:22px;flex-wrap:wrap; border-bottom:1px solid rgba(111,249,164,.25);padding:0 0 20px;margin-bottom:25px; } #gpt-dashboard-overlay.games-hud .games-ui-eyebrow{ color:#83dda4;letter-spacing:.18em;font:600 11px ui-monospace,monospace; align-self:center;min-width:140px;max-width:155px; } #gpt-dashboard-overlay.games-hud #games-ui-count{ color:#a8ffbe;font:300 clamp(65px,7vw,104px)/.8 ui-monospace,monospace; letter-spacing:-.06em;text-shadow:0 0 21px rgba(90,255,146,.28); } #gpt-dashboard-overlay.games-hud .games-ui-lede{ font:12px/1.7 ui-monospace,monospace;max-width:550px;color:#99cba9; margin:0 0 5px auto; } #gpt-dashboard-overlay.games-hud .games-ui-layout{ display:grid;grid-template-columns:minmax(0,1.48fr) minmax(285px,.76fr); gap:clamp(22px,5vw,86px);align-items:start; } #gpt-dashboard-overlay.games-hud .games-ui-section-heading{ display:flex;justify-content:space-between;align-items:baseline;gap:16px; border-top:1px solid rgba(106,250,159,.46);padding:14px 0 14px; font:700 12px ui-monospace,monospace;letter-spacing:.17em;color:#beffce; } #gpt-dashboard-overlay.games-hud .games-ui-section-heading small{ font:10px ui-monospace,monospace;letter-spacing:.08em;color:#74b68c; white-space:nowrap; } #gpt-dashboard-overlay.games-hud .games-ui-section-heading i{font-style:normal;color:#86ffa8} #gpt-dashboard-overlay.games-hud #moonbase-game-buttons{display:block;margin:0} #gpt-dashboard-overlay.games-hud .games-ui-item{ border-bottom:1px solid rgba(102,234,151,.22);background:transparent;transition:background .15s ease; } #gpt-dashboard-overlay.games-hud .games-ui-item:first-child{border-top:1px solid rgba(102,234,151,.11)} #gpt-dashboard-overlay.games-hud .games-ui-item:hover{background:rgba(58,250,121,.055)} #gpt-dashboard-overlay.games-hud .games-ui-item.expanded{ border-left:3px solid #79ffa9;background:rgba(41,203,92,.1); } #gpt-dashboard-overlay.games-hud #moonbase-game-buttons button.games-ui-toggle{ display:flex;width:100%;min-height:94px;align-items:center;gap:20px; border:0;background:transparent;color:#d3ffe0;border-radius:0; padding:17px 16px;cursor:pointer;text-align:left; } #gpt-dashboard-overlay.games-hud .games-ui-index-num{ font:300 23px ui-monospace,monospace;color:#67b989;align-self:center; } #gpt-dashboard-overlay.games-hud .games-ui-name-group{ display:flex;min-width:0;flex:1;flex-direction:column;gap:9px; } #gpt-dashboard-overlay.games-hud .games-ui-name-group strong{ font:600 clamp(16px,1.65vw,22px)/1.25 Inter,system-ui,sans-serif; letter-spacing:.01em;color:#d6ffe0; } #gpt-dashboard-overlay.games-hud .games-ui-name-group small{ font:10px/1.35 ui-monospace,monospace;letter-spacing:.08em;color:#82c699; } #gpt-dashboard-overlay.games-hud .games-ui-chevron{ margin-left:auto;color:#90ffae;font:300 28px ui-monospace,monospace; } #gpt-dashboard-overlay.games-hud .games-ui-playing{ color:#abffbb;font:10px ui-monospace,monospace;letter-spacing:.08em; border:1px solid rgba(117,255,167,.3);padding:6px 9px;white-space:nowrap; } #gpt-dashboard-overlay.games-hud .games-ui-detail{ margin:0 18px 20px 60px;padding:2px 0 0;border-top:1px solid rgba(110,255,161,.15); } #gpt-dashboard-overlay.games-hud .games-ui-detail[hidden], #gpt-dashboard-overlay.games-hud .games-ui-playing[hidden]{display:none!important} #gpt-dashboard-overlay.games-hud .games-ui-detail>p{ font:13px/1.75 Inter,system-ui,sans-serif;color:#b5dec0;max-width:70ch;margin:17px 0; } #gpt-dashboard-overlay.games-hud .games-ui-detail-meta{ display:flex;gap:24px;flex-wrap:wrap;margin:16px 0 25px; font:10px ui-monospace,monospace;letter-spacing:.08em;color:#77b58d; } #gpt-dashboard-overlay.games-hud .games-ui-detail-meta b{color:#c1f9ce;margin-left:8px;font-weight:600} #gpt-dashboard-overlay.games-hud .games-ui-detail-label{ font:700 10px ui-monospace,monospace;color:#9eebba;letter-spacing:.2em; margin-bottom:6px; } #gpt-dashboard-overlay.games-hud .games-ui-steps{list-style:none;padding:0;margin:0} #gpt-dashboard-overlay.games-hud .games-ui-steps li{ display:flex;align-items:center;gap:14px;border-bottom:1px solid rgba(107,242,162,.12); padding:11px 0;font:12px ui-monospace,monospace; } #gpt-dashboard-overlay.games-hud .games-ui-step-num{color:#7bb995} #gpt-dashboard-overlay.games-hud .games-ui-steps li>div{display:flex;flex:1;flex-direction:column;gap:4px} #gpt-dashboard-overlay.games-hud .games-ui-steps strong{font-weight:600;color:#d6ffe1} #gpt-dashboard-overlay.games-hud .games-ui-steps small{font-size:10px;color:#83bc9b} #gpt-dashboard-overlay.games-hud .games-ui-step-points{font:10px ui-monospace,monospace;color:#95dba9} #gpt-dashboard-overlay.games-hud .games-ui-launch-row{ display:flex;gap:15px;flex-wrap:wrap;align-items:center;margin:22px 0 0; } #gpt-dashboard-overlay.games-hud #moonbase-game-buttons button.games-ui-launch{ border-radius:2px;background:rgba(51,194,100,.16); border:1px solid rgba(117,255,169,.62);color:#d5ffe1; padding:13px 16px;font:700 11px ui-monospace,monospace;letter-spacing:.14em;cursor:pointer; } #gpt-dashboard-overlay.games-hud #moonbase-game-buttons button.games-ui-launch:hover:not(:disabled){ background:rgba(42,217,104,.30); } #gpt-dashboard-overlay.games-hud #moonbase-game-buttons button.games-ui-launch:disabled{ opacity:.42;cursor:not-allowed; } #gpt-dashboard-overlay.games-hud .games-ui-launch-row>span, #gpt-dashboard-overlay.games-hud #games-ui-feedback{ font:11px/1.65 ui-monospace,monospace;color:#92cba5; } #gpt-dashboard-overlay.games-hud #games-ui-feedback{margin:18px 0 0;min-height:22px} #gpt-dashboard-overlay.games-hud .games-ui-aside{min-width:0} #gpt-dashboard-overlay.games-hud #moonbase-games-state .game-grid{ display:grid;grid-template-columns:1fr 1fr;gap:12px 18px; margin-bottom:24px;padding:4px 0 20px;border-bottom:1px solid rgba(92,255,143,.18); } #gpt-dashboard-overlay.games-hud #moonbase-games-state .game-metric{display:flex;flex-direction:column;gap:5px;font-size:11px;color:#7fbb96} #gpt-dashboard-overlay.games-hud #moonbase-games-state .game-metric b{ color:#c6ffd5;font:600 17px ui-monospace,monospace; } #gpt-dashboard-overlay.games-hud #moonbase-games-state .game-section{ border-top:1px solid rgba(111,255,161,.22);padding-top:17px;margin-top:20px; } #gpt-dashboard-overlay.games-hud #moonbase-games-state .game-title{ font:700 11px ui-monospace,monospace;letter-spacing:.16em;color:#a5efbd;margin-bottom:13px; } #gpt-dashboard-overlay.games-hud #moonbase-games-state .game-card{ border:0;border-radius:0;background:transparent;color:#b3d9bd; font:12px/1.65 Inter,system-ui,sans-serif;padding:0;margin:0; } #gpt-dashboard-overlay.games-hud #moonbase-games-state .game-card.active{color:#def3e1} #gpt-dashboard-overlay.games-hud #moonbase-games-state .game-learning-fact{ color:#a0cca9;font:11px/1.7 ui-monospace,monospace; } #gpt-dashboard-overlay.games-hud #moonbase-game-cancel{ background:transparent;border:1px solid rgba(144,224,171,.35);border-radius:2px; color:#d7e9da;padding:12px 14px;margin-top:20px; font:11px ui-monospace,monospace;letter-spacing:.08em;cursor:pointer; } #gpt-dashboard-overlay.games-hud #moonbase-game-cancel:disabled{opacity:.35;cursor:not-allowed} #gpt-dashboard-overlay.games-hud #moonbase-game-cancel:not(:disabled):hover{border-color:#c7ffcf} #gpt-dashboard-overlay.games-hud button:focus-visible{outline:2px solid #adffc3;outline-offset:2px} @media(max-width:980px){ #gpt-dashboard-overlay.games-hud .games-ui-layout{grid-template-columns:1fr;gap:24px} #gpt-dashboard-overlay.games-hud .games-ui-lede{margin:0} #gpt-dashboard-overlay.games-hud .games-ui-index{gap:15px} } @media(max-width:570px){ #gpt-dashboard-overlay.games-hud .games-ui-index{align-items:center} #gpt-dashboard-overlay.games-hud #games-ui-count{font-size:65px} #gpt-dashboard-overlay.games-hud #moonbase-game-buttons button.games-ui-toggle{gap:10px;padding:16px 7px;min-height:76px} #gpt-dashboard-overlay.games-hud .games-ui-detail{margin:0 8px 18px 28px} #gpt-dashboard-overlay.games-hud .games-ui-playing{display:none} #gpt-dashboard-overlay.games-hud .games-ui-section-heading{letter-spacing:.08em} } /* ROCKET_PAD_LOOP_TIMING_V1: observational timer and bounded persisted round ledger. */ #gpt-dashboard-overlay.games-hud .rocket-game-clock{display:flex;flex-wrap:wrap;gap:9px 16px;margin-top:12px;padding:13px 12px;background:#101d16;border:1px solid #5c9871;border-radius:7px;} #gpt-dashboard-overlay.games-hud .rocket-game-clock>span{display:flex;flex-direction:column;gap:5px;letter-spacing:.09em;font:10px ui-monospace,monospace;color:#8ac6a2;} #gpt-dashboard-overlay.games-hud .rocket-game-clock b{font:600 21px ui-monospace,monospace;letter-spacing:.02em;color:#d1ffde;font-variant-numeric:tabular-nums;} #gpt-dashboard-overlay.games-hud .rocket-game-clock small{width:100%;font:9px ui-monospace,monospace;letter-spacing:.1em;color:#78b894;} #gpt-dashboard-overlay.games-hud .rocket-round-note{font:10px/1.6 ui-monospace,monospace;color:#85b899;margin-bottom:9px;} #gpt-dashboard-overlay.games-hud .rocket-round-table{display:flex;flex-direction:column;gap:5px;max-height:270px;overflow:auto;} #gpt-dashboard-overlay.games-hud .rocket-round-row{display:grid;grid-template-columns:minmax(72px,1fr) auto minmax(75px,1fr);align-items:center;gap:8px;padding:9px 10px;background:#101b15;border:1px solid #2a5540;border-radius:5px;font:10px ui-monospace,monospace;color:#91d3aa;} #gpt-dashboard-overlay.games-hud .rocket-round-row b{font-size:15px;letter-spacing:.025em;color:#c1ffdb;font-variant-numeric:tabular-nums;} #gpt-dashboard-overlay.games-hud .rocket-round-row small{text-align:right;font-size:9px;color:#a6d0af;} .moonbase-game-hud .rocket-hud-timer{display:inline-block;margin-top:6px;font:600 13px ui-monospace,monospace;letter-spacing:.015em;font-variant-numeric:tabular-nums;color:#c1ffdd;} .moonbase-game-hud small{font:9px ui-monospace,monospace;letter-spacing:.08em;color:#a9d1b7;} /* Game HUD must appear BELOW the resident telemetry ticker (both are in stage-shell). */ #moonbase-game-hud{top:150px;} .gpt-step6-budget{display:block;font:9px ui-monospace,monospace;color:#9cbeb0;} /* EQUIPMENT_HUD_V1 — native interactive-affordance workspace in approved GPT/Animation HUD. Translucent live World View backdrop; all actions continue through local InteractionController. */ #gpt-dashboard-overlay.equipment-hud .gpt-hud-identity h1{font-size:clamp(29px,3.6vw,54px)} #gpt-dashboard-overlay.equipment-hud #gpt-hud-content>.menu-section-body{display:block!important;padding:0!important} #gpt-dashboard-overlay.equipment-hud .equipment-workspace{width:100%;color:#c9ffdb} #gpt-dashboard-overlay.equipment-hud .equipment-workspace-metrics{ display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(15px,3vw,46px); margin:0 0 clamp(18px,2.7vw,32px); } #gpt-dashboard-overlay.equipment-hud .equipment-workspace-metric{ display:flex;flex-direction:column;gap:2px;min-width:0; padding:13px 6px 11px 0;border-top:1px solid rgba(104,255,169,.40); } #gpt-dashboard-overlay.equipment-hud .equipment-workspace-metric>span{ font:600 10px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.18em;color:#a3ffc4 } #gpt-dashboard-overlay.equipment-hud .equipment-workspace-metric strong{ font:300 clamp(45px,5.4vw,80px)/1.13 ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:-.065em;color:#96ffb6;text-shadow:0 0 23px rgba(47,255,128,.38) } #gpt-dashboard-overlay.equipment-hud .equipment-workspace-metric small{ font:10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;color:#76b995 } #gpt-dashboard-overlay.equipment-hud .equipment-workspace-layout{ display:grid;grid-template-columns:minmax(300px,42fr) minmax(420px,58fr); column-gap:clamp(24px,4vw,70px);align-items:start } #gpt-dashboard-overlay.equipment-hud .equipment-workspace-left, #gpt-dashboard-overlay.equipment-hud .equipment-workspace-right{min-width:0} #gpt-dashboard-overlay.equipment-hud .equipment-workspace-section{ padding:15px 0 18px;border-top:1px solid rgba(108,255,166,.26);margin:0 0 6px } #gpt-dashboard-overlay.equipment-hud .equipment-workspace-section h3{ display:flex;align-items:center;justify-content:space-between;gap:10px; margin:0 0 13px;font:600 11px ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.17em;color:#acffc9;text-shadow:0 0 13px rgba(36,255,126,.3) } #gpt-dashboard-overlay.equipment-hud .equipment-workspace-stamp{ font:9px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.04em;color:#77c29c } #gpt-dashboard-overlay.equipment-hud .equipment-detail{padding:0 2px 0 0} #gpt-dashboard-overlay.equipment-hud .equipment-detail-category{ color:#78d7a4;font:10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em } #gpt-dashboard-overlay.equipment-hud .equipment-detail-category span{color:#70a78a;letter-spacing:0} #gpt-dashboard-overlay.equipment-hud .equipment-detail h4{ color:#e2ffe9;font-size:clamp(19px,2vw,29px);font-weight:550;letter-spacing:.015em;line-height:1.2; margin:9px 0 9px;text-shadow:0 2px 10px #00150b } #gpt-dashboard-overlay.equipment-hud .equipment-detail p{font-size:13px;line-height:1.56;color:#b6e8c7;margin:0 0 14px;text-shadow:0 1px 4px #00160d} #gpt-dashboard-overlay.equipment-hud .equipment-detail-facts{ display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 13px; border-top:1px solid rgba(112,255,177,.15);padding-top:12px; } #gpt-dashboard-overlay.equipment-hud .equipment-detail-facts span{ display:flex;flex-direction:column;gap:4px;min-width:0; color:#7cba9a;font:9px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.06em } #gpt-dashboard-overlay.equipment-hud .equipment-detail-facts b{ font:500 12px ui-monospace,SFMono-Regular,Menlo,monospace; color:#d3ffe0;overflow-wrap:anywhere;letter-spacing:0 } #gpt-dashboard-overlay.equipment-hud .equipment-actions{display:grid;gap:6px;margin:0} #gpt-dashboard-overlay.equipment-hud .equipment-actions button{ display:flex;align-items:center;justify-content:space-between;gap:13px; text-align:left;width:100%;min-height:59px;padding:11px 12px; border:1px solid rgba(100,255,166,.27);border-radius:3px;cursor:pointer; background:rgba(7,58,29,.24);color:#d0ffdf } #gpt-dashboard-overlay.equipment-hud .equipment-actions button:hover, #gpt-dashboard-overlay.equipment-hud .equipment-actions button:focus-visible{ border-color:rgba(137,255,189,.76);background:rgba(28,140,66,.27);outline:none } #gpt-dashboard-overlay.equipment-hud .equipment-actions button:disabled{opacity:.48;cursor:not-allowed} #gpt-dashboard-overlay.equipment-hud .equipment-action-left{display:flex;flex-direction:column;gap:5px;min-width:0} #gpt-dashboard-overlay.equipment-hud .equipment-action-left small{ color:#7ccba0;font:9px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em } #gpt-dashboard-overlay.equipment-hud .equipment-action-left strong{font-size:13px;color:#e6fff0;font-weight:550} #gpt-dashboard-overlay.equipment-hud .equipment-action-go{ color:#9ffdc4;font:9px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.09em;white-space:nowrap } #gpt-dashboard-overlay.equipment-hud .equipment-workspace-note, #gpt-dashboard-overlay.equipment-hud .equipment-workspace-legend{ color:#84be9d;font:10px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.02em;margin:10px 0 0 } #gpt-dashboard-overlay.equipment-hud .interaction-box{ padding:11px 13px;border:1px solid rgba(104,255,165,.2);border-left:2px solid #80eeb2; border-radius:2px;background:rgba(0,36,17,.22);color:#b4eac9;font-size:12px;line-height:1.75 } #gpt-dashboard-overlay.equipment-hud .interaction-box b{color:#dbffea} #gpt-dashboard-overlay.equipment-hud .interaction-box.moving{border-left-color:#77c2ff} #gpt-dashboard-overlay.equipment-hud .interaction-box.using{border-left-color:#e8c588} #gpt-dashboard-overlay.equipment-hud .equipment-live-source{color:#79bf9d;font:10px ui-monospace,SFMono-Regular,Menlo,monospace;margin-top:5px} #gpt-dashboard-overlay.equipment-hud .equipment-last-completed{font-size:12px;display:flex;flex-direction:column;gap:5px;color:#c7f1d7} #gpt-dashboard-overlay.equipment-hud .equipment-last-completed strong{font-weight:550;color:#e0ffec} #gpt-dashboard-overlay.equipment-hud .equipment-last-completed span{color:#8fc9a7} #gpt-dashboard-overlay.equipment-hud .equipment-workspace-search{ border-top:1px solid rgba(99,255,160,.4);padding:14px 0 12px; display:grid;grid-template-columns:minmax(0,1fr) minmax(155px,30%);gap:10px; } #gpt-dashboard-overlay.equipment-hud .equipment-workspace-search label{ grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:10px; color:#bdffd0;font:600 11px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em } #gpt-dashboard-overlay.equipment-hud #equipment-filter-count{ color:#85c69f;font:10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:0 } #gpt-dashboard-overlay.equipment-hud #equipment-filter, #gpt-dashboard-overlay.equipment-hud #equipment-category{ width:100%;min-width:0;background:rgba(0,35,18,.3);border:1px solid rgba(109,255,168,.28); border-radius:3px;color:#d9ffe8;padding:12px 13px; font:12px ui-monospace,SFMono-Regular,Menlo,monospace;outline:none } #gpt-dashboard-overlay.equipment-hud #equipment-filter::placeholder{color:#7ca990} #gpt-dashboard-overlay.equipment-hud #equipment-filter:focus, #gpt-dashboard-overlay.equipment-hud #equipment-category:focus{border-color:#a0ffc4} #gpt-dashboard-overlay.equipment-hud #equipment-category option{background:#081b12;color:#d8ffe5} #gpt-dashboard-overlay.equipment-hud #equipment-buttons{ display:flex;flex-direction:column;gap:0;overflow-y:auto;overflow-x:hidden; height:clamp(290px,49vh,560px);scrollbar-color:rgba(92,255,161,.44) transparent; scrollbar-width:thin;margin:0;padding:0 10px 0 0; } #gpt-dashboard-overlay.equipment-hud .equipment-asset-row{ display:grid;grid-template-columns:33px minmax(0,1fr) auto;align-items:center; min-height:58px;gap:13px;width:100%;margin:0;padding:10px 12px; background:rgba(0,33,14,.04);border:0;border-bottom:1px solid rgba(116,255,180,.19); color:#d0ffe0;border-radius:0;text-align:left;cursor:pointer;transition:background .16s ease,border-color .16s ease } #gpt-dashboard-overlay.equipment-hud .equipment-asset-row:hover{background:rgba(38,255,127,.10)} #gpt-dashboard-overlay.equipment-hud .equipment-asset-row.selected{ background:rgba(44,255,141,.13);border-left:2px solid #88ffae;padding-left:10px; border-bottom-color:rgba(121,255,178,.36) } #gpt-dashboard-overlay.equipment-hud .equipment-asset-row:focus-visible{ outline:1px solid #b3ffcd;outline-offset:-3px } #gpt-dashboard-overlay.equipment-hud .equipment-asset-index{ align-self:center;color:#67ba8b;font:11px ui-monospace,SFMono-Regular,Menlo,monospace } #gpt-dashboard-overlay.equipment-hud .equipment-asset-row.selected .equipment-asset-index{color:#a6ffc0} #gpt-dashboard-overlay.equipment-hud .equipment-asset-info{ display:flex;flex-direction:column;gap:5px;min-width:0; } #gpt-dashboard-overlay.equipment-hud .equipment-asset-info strong{ color:#d7ffe4;font:550 13px Inter,system-ui,sans-serif;overflow-wrap:anywhere } #gpt-dashboard-overlay.equipment-hud .equipment-asset-info small{ color:#83c39e;font:9px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.065em } #gpt-dashboard-overlay.equipment-hud .equipment-asset-uses{ white-space:nowrap;text-align:right;color:#caffdb; font:12px ui-monospace,SFMono-Regular,Menlo,monospace } #gpt-dashboard-overlay.equipment-hud .equipment-asset-uses small{ display:block;color:#649e7c;font:9px ui-monospace,SFMono-Regular,Menlo,monospace } #gpt-dashboard-overlay.equipment-hud .equipment-no-results{ color:#a5cbb4;padding:30px 8px;font:11px ui-monospace,SFMono-Regular,Menlo,monospace } @media(max-width:900px){ #gpt-dashboard-overlay.equipment-hud .equipment-workspace-layout{grid-template-columns:1fr} #gpt-dashboard-overlay.equipment-hud .equipment-workspace-right{order:-1;margin-bottom:22px} #gpt-dashboard-overlay.equipment-hud #equipment-buttons{height:34vh;min-height:240px} } @media(max-width:560px){ #gpt-dashboard-overlay.equipment-hud .equipment-workspace-metrics{gap:8px} #gpt-dashboard-overlay.equipment-hud .equipment-workspace-metric>span{font-size:8px} #gpt-dashboard-overlay.equipment-hud .equipment-workspace-metric strong{font-size:41px} #gpt-dashboard-overlay.equipment-hud .equipment-workspace-metric small{font-size:8px} #gpt-dashboard-overlay.equipment-hud .equipment-workspace-search{grid-template-columns:1fr} #gpt-dashboard-overlay.equipment-hud .equipment-workspace-search label{grid-column:1} } /* ASSET MAP HUD V2 — primary icon-based schematic, secondary contextual inspector. The equipment catalogue remains the authoritative registry, not a clickable route planner. */ #gpt-dashboard-overlay.equipment-hud .equipment-workspace-metrics{ gap:16px;margin-bottom:13px;grid-template-columns:repeat(3,minmax(0,1fr)) } #gpt-dashboard-overlay.equipment-hud .equipment-workspace-metric{ padding:8px 0 5px;border-top:1px solid rgba(123,255,175,.25) } #gpt-dashboard-overlay.equipment-hud .equipment-workspace-metric strong{ font-size:clamp(32px,3.7vw,54px);line-height:1.03;margin:3px 0 } #gpt-dashboard-overlay.equipment-hud .equipment-workspace-metric>span{font-size:9px} #gpt-dashboard-overlay.equipment-hud .equipment-workspace-metric small{font-size:8px} #gpt-dashboard-overlay.equipment-hud .equipment-map-layout{ display:grid;grid-template-columns:minmax(0,68fr) minmax(285px,32fr); gap:clamp(19px,2.4vw,37px);align-items:start } #gpt-dashboard-overlay.equipment-hud .equipment-map-panel, #gpt-dashboard-overlay.equipment-hud .equipment-inspector{min-width:0} #gpt-dashboard-overlay.equipment-hud .equipment-map-panel{ border-top:1px solid rgba(123,255,182,.55); } #gpt-dashboard-overlay.equipment-hud .equipment-map-topline{ padding:10px 1px 12px;display:flex;align-items:start;justify-content:space-between;gap:18px; } #gpt-dashboard-overlay.equipment-hud .equipment-map-kicker{ font:9px/1.5 ui-monospace,Menlo,monospace;letter-spacing:.16em;color:#7cc9a3 } #gpt-dashboard-overlay.equipment-hud .equipment-map-topline h3{ font:650 clamp(16px,1.65vw,23px)/1.15 Inter,system-ui,sans-serif; color:#dcffe7;letter-spacing:.08em;margin:4px 0;text-shadow:0 0 15px rgba(44,255,125,.2) } #gpt-dashboard-overlay.equipment-hud .equipment-map-topline p{ font:10px/1.5 ui-monospace,Menlo,monospace;color:#a2d7b3;max-width:560px;margin:0 } #gpt-dashboard-overlay.equipment-hud .equipment-map-count{ display:flex;flex-direction:column;align-items:end;color:#a2ffc9;white-space:nowrap; } #gpt-dashboard-overlay.equipment-hud .equipment-map-count strong{ font:300 34px/.95 ui-monospace,Menlo,monospace;text-shadow:0 0 15px rgba(45,255,121,.25) } #gpt-dashboard-overlay.equipment-hud .equipment-map-count span{ color:#81bf98;font:9px/2 ui-monospace,Menlo,monospace;letter-spacing:.13em } #gpt-dashboard-overlay.equipment-hud .equipment-map-panel .equipment-workspace-search{ padding:3px 0 12px;display:grid;grid-template-columns:minmax(0,1fr) 185px; gap:9px;border:0 } #gpt-dashboard-overlay.equipment-hud .equipment-map-panel .equipment-workspace-search label{ grid-column:1/-1;font-size:9px;letter-spacing:.13em;color:#8ed2a6 } #gpt-dashboard-overlay.equipment-hud .equipment-map-panel #equipment-filter, #gpt-dashboard-overlay.equipment-hud .equipment-map-panel #equipment-category{ padding:9px 11px;font-size:11px;background:rgba(1,25,13,.46); } #gpt-dashboard-overlay.equipment-hud .equipment-map-surface{ position:relative;isolation:isolate; min-height:580px;height:clamp(580px,58vh,710px); border:1px solid rgba(109,255,172,.33); background:radial-gradient(ellipse at 50% 41%,rgba(19,112,58,.17),transparent 60%), linear-gradient(160deg,rgba(0,28,17,.72),rgba(0,18,12,.76)); box-shadow:inset 0 0 60px rgba(0,0,0,.36),0 0 0 1px rgba(2,17,10,.5); overflow:hidden;border-radius:3px; } #gpt-dashboard-overlay.equipment-hud .equipment-map-surface:before, #gpt-dashboard-overlay.equipment-hud .equipment-map-surface:after{ content:"";position:absolute;z-index:2;pointer-events:none; width:20px;height:20px;border:1px solid #8ef8b2;opacity:.64 } #gpt-dashboard-overlay.equipment-hud .equipment-map-surface:before{ top:8px;left:8px;border-right:0;border-bottom:0 } #gpt-dashboard-overlay.equipment-hud .equipment-map-surface:after{ bottom:8px;right:8px;border-top:0;border-left:0 } #gpt-dashboard-overlay.equipment-hud .equipment-map-overlay-grid{ position:absolute;inset:0;pointer-events:none;opacity:.58; background-image:linear-gradient(rgba(95,230,145,.065) 1px,transparent 1px), linear-gradient(90deg,rgba(95,230,145,.065) 1px,transparent 1px); background-size:28px 28px } #gpt-dashboard-overlay.equipment-hud .equipment-map-outline{ position:absolute;inset:0;width:100%;height:100%;pointer-events:none; } #gpt-dashboard-overlay.equipment-hud .equipment-map-exterior{ fill:rgba(58,151,94,.055);stroke:rgba(121,255,172,.14); stroke-width:1.2;stroke-dasharray:7 9 } #gpt-dashboard-overlay.equipment-hud .equipment-map-hull{ fill:url(#rmb-map-hull);stroke:rgba(121,254,176,.66); stroke-width:2.2 } #gpt-dashboard-overlay.equipment-hud .equipment-map-hull-shadow{ fill:rgba(1,37,19,.33);stroke:rgba(121,254,176,.18);stroke-width:1 } #gpt-dashboard-overlay.equipment-hud .equipment-map-wall{ fill:none;stroke:rgba(143,245,180,.34);stroke-width:3;stroke-dasharray:65 17 } #gpt-dashboard-overlay.equipment-hud .equipment-map-wall-faint{ fill:none;stroke:rgba(143,245,180,.15);stroke-width:1.5;stroke-dasharray:7 13 } #gpt-dashboard-overlay.equipment-hud .equipment-map-entry{ stroke:#b0ffcb;stroke-width:3.8;fill:none;stroke-dasharray:14 9 } #gpt-dashboard-overlay.equipment-hud .equipment-map-routes{ fill:none;stroke:rgba(102,255,156,.22);stroke-width:1.8; stroke-dasharray:5 9 } #gpt-dashboard-overlay.equipment-hud .equipment-map-airring{ fill:none;stroke:rgba(127,255,175,.3);stroke-width:1.5;stroke-dasharray:4 8 } #gpt-dashboard-overlay.equipment-hud .equipment-map-cross{ fill:none;stroke:rgba(127,255,175,.43);stroke-width:1.5 } #gpt-dashboard-overlay.equipment-hud .equipment-map-zone{ position:absolute;pointer-events:none;font:9px/1.3 ui-monospace,Menlo,monospace; color:#79c39a;letter-spacing:.14em;opacity:.83;text-shadow:0 2px 3px #00150a; white-space:nowrap } #gpt-dashboard-overlay.equipment-hud .equipment-map-zone-exterior{top:5%;left:3%} #gpt-dashboard-overlay.equipment-hud .equipment-map-zone-back{top:25%;left:3%} #gpt-dashboard-overlay.equipment-hud .equipment-map-zone-main{top:55%;left:3%} #gpt-dashboard-overlay.equipment-hud .equipment-map-zone-front{bottom:5%;left:3%} #gpt-dashboard-overlay.equipment-hud .equipment-map-pins{ position:absolute;inset:0;width:100%;height:100%; overflow:visible;display:block;margin:0;padding:0; max-height:none;min-height:0;background:none } #gpt-dashboard-overlay.equipment-hud .equipment-map-pin{ --halo:rgba(87,253,146,.28); position:absolute;left:var(--pin-x);top:var(--pin-y);transform:translate(-50%,-50%); display:flex;flex-direction:column;align-items:center;justify-content:center; width:clamp(102px,10vw,139px);min-height:66px;gap:3px;padding:7px 8px 6px; border:1px solid rgba(142,255,184,.36);border-radius:4px; background:linear-gradient(135deg,rgba(2,56,30,.95),rgba(4,35,20,.96)); box-shadow:0 5px 18px rgba(0,0,0,.38),inset 0 0 19px rgba(18,110,52,.14); color:#caffe0;cursor:pointer;text-align:center; transition:border-color .18s,box-shadow .18s,background .18s,transform .18s; -webkit-tap-highlight-color:transparent } #gpt-dashboard-overlay.equipment-hud .equipment-map-pin:hover{ transform:translate(-50%,-54%);z-index:5;border-color:#b3ffcb; background:linear-gradient(135deg,rgba(14,91,47,.99),rgba(4,45,23,.99)); box-shadow:0 7px 21px rgba(0,0,0,.5),0 0 21px var(--halo) } #gpt-dashboard-overlay.equipment-hud .equipment-map-pin.selected{ --halo:rgba(153,255,185,.52); z-index:4;background:linear-gradient(135deg,rgba(20,123,62,.98),rgba(5,70,34,.99)); border:1px solid #c2ffd4; box-shadow:0 0 0 2px rgba(130,255,178,.23),0 5px 20px #001e0e,0 0 26px var(--halo) } #gpt-dashboard-overlay.equipment-hud .equipment-map-pin.in-use:not(.selected){ border-color:#f7d99a;box-shadow:0 0 0 2px rgba(255,222,151,.21),0 0 18px rgba(245,197,120,.3) } #gpt-dashboard-overlay.equipment-hud .equipment-map-pin:focus-visible{ outline:2px solid #d4ffe1;outline-offset:4px;z-index:6 } #gpt-dashboard-overlay.equipment-hud .equipment-map-pin-icon{ height:26px;display:flex;align-items:center;justify-content:center;color:#9affb8 } #gpt-dashboard-overlay.equipment-hud .equipment-map-pin-icon svg{width:25px;height:25px} #gpt-dashboard-overlay.equipment-hud .equipment-map-pin.selected .equipment-map-pin-icon{color:#f0ffef} #gpt-dashboard-overlay.equipment-hud .equipment-map-pin-text{ display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0 } #gpt-dashboard-overlay.equipment-hud .equipment-map-pin-text strong{ font:600 clamp(10px,.81vw,12px)/1.12 Inter,system-ui,sans-serif; color:#dcffeb;overflow-wrap:normal;white-space:nowrap; } #gpt-dashboard-overlay.equipment-hud .equipment-map-pin-text small{ color:#8fdeb0;font:8px/1.2 ui-monospace,Menlo,monospace;letter-spacing:.06em } #gpt-dashboard-overlay.equipment-hud .equipment-map-pin-usage{ position:absolute;right:4px;top:4px;font:8px ui-monospace,Menlo,monospace; color:rgba(177,255,201,.8);opacity:.8 } #gpt-dashboard-overlay.equipment-hud .equipment-map-no-results{ position:absolute;left:50%;top:50%;transform:translate(-50%,-50%); color:#deffeb;text-align:center;font:14px/1.9 ui-monospace,Menlo,monospace;white-space:nowrap; background:rgba(0,28,16,.8);padding:22px 35px;border:1px solid rgba(134,255,175,.25) } #gpt-dashboard-overlay.equipment-hud .equipment-map-no-results small{color:#7fc9a0;font-size:10px} #gpt-dashboard-overlay.equipment-hud .equipment-map-scale{ position:absolute;left:14px;bottom:12px;color:#70be91; font:8px ui-monospace,Menlo,monospace;letter-spacing:.08em } #gpt-dashboard-overlay.equipment-hud .equipment-map-scale span{margin-left:7px;color:#b7f8cc} #gpt-dashboard-overlay.equipment-hud .equipment-map-footer{ display:flex;flex-wrap:wrap;gap:6px 18px;justify-content:space-between; padding:13px 0 8px;color:#80b899;font:9px ui-monospace,Menlo,monospace;letter-spacing:.045em } #gpt-dashboard-overlay.equipment-hud .equipment-map-key-dot{ display:inline-block;width:8px;height:8px;margin-right:6px;border:1px solid #84e4aa; background:rgba(65,193,103,.18);border-radius:2px } #gpt-dashboard-overlay.equipment-hud .equipment-map-key-selected{ background:#a8ffc5;box-shadow:0 0 8px rgba(145,255,181,.7) } #gpt-dashboard-overlay.equipment-hud .equipment-inspector{ border:1px solid rgba(110,255,168,.21);padding:14px 18px; background:linear-gradient(180deg,rgba(0,23,13,.48),rgba(0,15,9,.44)); box-shadow:inset 0 0 50px rgba(0,33,17,.18) } #gpt-dashboard-overlay.equipment-hud .equipment-inspector-heading{ display:flex;align-items:center;justify-content:space-between;gap:8px; padding:2px 0 13px;color:#b6ffd0; font:600 11px ui-monospace,Menlo,monospace;letter-spacing:.11em } #gpt-dashboard-overlay.equipment-hud .equipment-inspector-live{ color:#91d4ac;font:9px ui-monospace,Menlo,monospace;white-space:nowrap } #gpt-dashboard-overlay.equipment-hud .equipment-inspector-live i{ display:inline-block;width:6px;height:6px;border-radius:50%;background:#9cffb7; box-shadow:0 0 9px #71f69e;margin-right:5px } #gpt-dashboard-overlay.equipment-hud .equipment-inspector .equipment-workspace-section{ padding:12px 0 15px;margin:0; } #gpt-dashboard-overlay.equipment-hud .equipment-inspector .equipment-detail h4{ font-size:clamp(19px,1.7vw,26px) } #gpt-dashboard-overlay.equipment-hud .equipment-inspector .equipment-detail-facts{ grid-template-columns:repeat(2,minmax(0,1fr)) } #gpt-dashboard-overlay.equipment-hud .equipment-inspector .equipment-action-go{font-size:8px} @media(max-width:1040px){ #gpt-dashboard-overlay.equipment-hud .equipment-map-layout{ grid-template-columns:minmax(0,63fr) minmax(255px,37fr);gap:18px } #gpt-dashboard-overlay.equipment-hud .equipment-map-pin{width:100px;min-height:66px} #gpt-dashboard-overlay.equipment-hud .equipment-map-pin-text strong{font-size:9px} } @media(max-width:760px){ #gpt-dashboard-overlay.equipment-hud .equipment-map-layout{grid-template-columns:1fr} #gpt-dashboard-overlay.equipment-hud .equipment-map-surface{height:560px;min-height:560px} #gpt-dashboard-overlay.equipment-hud .equipment-inspector{margin-bottom:16px} } @media(max-width:480px){ #gpt-dashboard-overlay.equipment-hud .equipment-map-panel .equipment-workspace-search{ grid-template-columns:1fr } #gpt-dashboard-overlay.equipment-hud .equipment-map-surface{height:510px;min-height:510px} #gpt-dashboard-overlay.equipment-hud .equipment-map-pin{width:80px;min-height:58px;padding:6px 4px} #gpt-dashboard-overlay.equipment-hud .equipment-map-pin-icon{height:18px} #gpt-dashboard-overlay.equipment-hud .equipment-map-pin-icon svg{width:19px;height:19px} #gpt-dashboard-overlay.equipment-hud .equipment-map-pin-text strong{ font-size:8px;white-space:normal } #gpt-dashboard-overlay.equipment-hud .equipment-map-pin-text small{font-size:7px} #gpt-dashboard-overlay.equipment-hud .equipment-map-zone{font-size:7px} } @media(prefers-reduced-motion:reduce){ #gpt-dashboard-overlay.equipment-hud .equipment-map-pin{transition:none} } /* Override prior equipment list rules with id-level specificity for map pins. */ #gpt-dashboard-overlay.equipment-hud #equipment-buttons.equipment-map-pins{ position:absolute;inset:0;display:block;flex-direction:initial; width:100%;height:100%;min-height:0;max-height:none; overflow:visible;overflow-x:visible;overflow-y:visible; padding:0;margin:0;scrollbar-width:none } /* Asset map is the primary visual: reclaim above-the-fold space from HUD chrome. */ #gpt-dashboard-overlay.equipment-hud .gpt-hud-frame{padding-top:8px;padding-bottom:6px} #gpt-dashboard-overlay.equipment-hud .gpt-hud-top{ align-items:center;padding:4px 0 8px;min-height:44px;gap:12px } #gpt-dashboard-overlay.equipment-hud .gpt-hud-identity{ display:flex;align-items:baseline;flex-wrap:wrap;column-gap:13px;row-gap:4px } #gpt-dashboard-overlay.equipment-hud .gpt-hud-kicker{ font-size:9px;margin:0;letter-spacing:.09em } #gpt-dashboard-overlay.equipment-hud .gpt-hud-identity h1{ font-size:clamp(20px,2.25vw,32px);letter-spacing:.05em;line-height:1.1 } #gpt-dashboard-overlay.equipment-hud .gpt-hud-identity p{display:none} #gpt-dashboard-overlay.equipment-hud .gpt-hud-scroll{padding-top:8px;padding-bottom:10px} #gpt-dashboard-overlay.equipment-hud .gpt-hud-actions{padding-top:0;gap:10px} #gpt-dashboard-overlay.equipment-hud #gpt-dashboard-close{padding:7px 10px;font-size:10px} #gpt-dashboard-overlay.equipment-hud .equipment-workspace-metrics{margin-bottom:9px} #gpt-dashboard-overlay.equipment-hud .equipment-workspace-metric{padding:5px 0 4px;gap:1px} #gpt-dashboard-overlay.equipment-hud .equipment-workspace-metric strong{ font-size:clamp(29px,3.1vw,44px);margin:0 } #gpt-dashboard-overlay.equipment-hud .equipment-map-topline{padding:6px 1px 7px} #gpt-dashboard-overlay.equipment-hud .equipment-map-topline h3{font-size:18px;margin:2px 0 1px} #gpt-dashboard-overlay.equipment-hud .equipment-map-count strong{font-size:28px} #gpt-dashboard-overlay.equipment-hud .equipment-map-panel .equipment-workspace-search{padding:0 0 8px} #gpt-dashboard-overlay.equipment-hud .equipment-map-panel #equipment-filter, #gpt-dashboard-overlay.equipment-hud .equipment-map-panel #equipment-category{padding:7px 10px} /* EQUIPMENT ICON LAUNCHER V3 — Windows-style evenly spaced app icons. No terrain map, floorplan, wall lines or location-based icon positions. */ #gpt-dashboard-overlay.equipment-hud .equipment-launcher-layout{width:100%;min-width:0} #gpt-dashboard-overlay.equipment-hud .equipment-launcher-primary{ border-top:1px solid rgba(126,255,180,.46); padding-top:11px;min-width:0; } #gpt-dashboard-overlay.equipment-hud .equipment-launcher-heading{ display:flex;justify-content:space-between;align-items:center;gap:15px;margin:0 0 10px; } #gpt-dashboard-overlay.equipment-hud .equipment-launcher-eyebrow{ color:#85cda4;font:9px/1.4 ui-monospace,Menlo,monospace;letter-spacing:.16em } #gpt-dashboard-overlay.equipment-hud .equipment-launcher-heading h3{ font:650 19px/1.1 Inter,system-ui,sans-serif;letter-spacing:.075em; color:#d8ffe4;margin:4px 0 4px;text-shadow:0 0 14px rgba(64,255,137,.18) } #gpt-dashboard-overlay.equipment-hud .equipment-launcher-heading p{ font:11px/1.4 ui-monospace,Menlo,monospace;color:#afdfbe;margin:0 } #gpt-dashboard-overlay.equipment-hud .equipment-launcher-count{ color:#b5ffd0;border:1px solid rgba(114,247,163,.3); font:300 23px/1.2 ui-monospace,Menlo,monospace; padding:6px 10px;letter-spacing:.05em } #gpt-dashboard-overlay.equipment-hud .equipment-launcher-toolbar{ display:grid;grid-template-columns:minmax(0,1fr) minmax(145px,220px); gap:10px 15px;border:0;padding:0 0 13px;margin:0;align-items:center } #gpt-dashboard-overlay.equipment-hud .equipment-launcher-toolbar label{ grid-column:1/-1;display:flex;align-items:center;justify-content:space-between; color:#9adcb2;font:600 9px ui-monospace,Menlo,monospace;letter-spacing:.14em } #gpt-dashboard-overlay.equipment-hud .equipment-launcher-toolbar #equipment-filter, #gpt-dashboard-overlay.equipment-hud .equipment-launcher-toolbar #equipment-category{ display:block;width:100%;box-sizing:border-box;min-width:0; color:#d8ffdf;background:rgba(1,36,18,.33); border:1px solid rgba(109,255,168,.28);border-radius:3px; padding:10px 12px;font:12px ui-monospace,Menlo,monospace;outline:none; } #gpt-dashboard-overlay.equipment-hud .equipment-launcher-toolbar #equipment-filter:focus, #gpt-dashboard-overlay.equipment-hud .equipment-launcher-toolbar #equipment-category:focus{ border-color:#adffce } #gpt-dashboard-overlay.equipment-hud #equipment-buttons.equipment-launcher-icons{ display:flex;flex-wrap:wrap;justify-content:center;align-content:flex-start; column-gap:clamp(12px,1.5vw,28px);row-gap:12px; width:100%;height:auto;min-height:295px;max-height:none; overflow:visible;margin:0;padding:7px 0 14px; border:0;background:transparent;scrollbar-width:none } #gpt-dashboard-overlay.equipment-hud .equipment-launcher-icon{ flex:0 1 calc((100% - 4 * clamp(12px,1.5vw,28px)) / 5); display:flex;flex-direction:column;align-items:center;justify-content:center; gap:9px;box-sizing:border-box;min-width:0;height:145px; text-align:center;cursor:pointer; border:1px solid transparent;border-radius:5px; background:rgba(3,34,17,.10);color:#d5ffe4; transition:background .18s,border-color .18s,box-shadow .18s; } #gpt-dashboard-overlay.equipment-hud .equipment-launcher-icon:hover{ background:rgba(40,178,88,.16);border-color:rgba(144,255,181,.3) } #gpt-dashboard-overlay.equipment-hud .equipment-launcher-icon:focus-visible{ outline:2px solid #ccffdf;outline-offset:1px } #gpt-dashboard-overlay.equipment-hud .equipment-launcher-icon.selected{ background:rgba(38,152,78,.21); border-color:rgba(151,255,186,.78); box-shadow:inset 0 0 26px rgba(39,193,94,.07),0 0 19px rgba(21,232,101,.10) } #gpt-dashboard-overlay.equipment-hud .equipment-launcher-icon.in-use:not(.selected){ border-color:rgba(248,204,124,.6) } #gpt-dashboard-overlay.equipment-hud .equipment-launcher-icon-symbol{ display:grid;place-items:center; width:64px;height:64px;flex:0 0 64px; color:#a8ffc5;background:rgba(12,108,50,.19); border:1px solid rgba(116,253,164,.25);border-radius:13px; box-shadow:inset 0 0 16px rgba(27,166,76,.12) } #gpt-dashboard-overlay.equipment-hud .equipment-launcher-icon.selected .equipment-launcher-icon-symbol{ color:#eefff1;border-color:rgba(167,255,202,.7);background:rgba(18,142,64,.26) } #gpt-dashboard-overlay.equipment-hud .equipment-launcher-icon-symbol svg{ width:38px;height:38px;stroke-width:1.55 } #gpt-dashboard-overlay.equipment-hud .equipment-launcher-icon-name{ display:block;max-width:95%;color:#ddffeb; font:550 clamp(12px,1.05vw,15px)/1.15 Inter,system-ui,sans-serif; text-shadow:0 1px 7px #001c0a; } #gpt-dashboard-overlay.equipment-hud .equipment-launcher-icon-meta{ color:#88c9a0;font:9px ui-monospace,Menlo,monospace; letter-spacing:.035em;white-space:nowrap } #gpt-dashboard-overlay.equipment-hud .equipment-launcher-empty{ width:100%;padding:36px 15px;text-align:center; font:600 13px ui-monospace,Menlo,monospace;color:#b3efc9 } #gpt-dashboard-overlay.equipment-hud .equipment-launcher-empty small{ display:block;margin-top:10px;font-weight:400;color:#7fb89a } #gpt-dashboard-overlay.equipment-hud .equipment-launcher-footnote{ padding:8px 0 13px;margin:0; border-bottom:1px solid rgba(105,255,164,.29); color:#84b798;font:9px/1.5 ui-monospace,Menlo,monospace; letter-spacing:.09em;text-align:center } #gpt-dashboard-overlay.equipment-hud .equipment-launcher-details{ display:grid;grid-template-columns:minmax(0,78fr) minmax(250px,22fr); gap:clamp(16px,2.2vw,33px);padding:17px 0 0;align-items:start } #gpt-dashboard-overlay.equipment-hud .equipment-launcher-details .equipment-inspector{ min-width:0;padding:13px 17px;background:rgba(0,23,13,.28) } #gpt-dashboard-overlay.equipment-hud .equipment-launcher-details .equipment-inspector-heading{ padding-bottom:11px; } #gpt-dashboard-overlay.equipment-hud .equipment-launcher-info-row{ display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:clamp(16px,2vw,30px) } #gpt-dashboard-overlay.equipment-hud .equipment-launcher-details .equipment-workspace-section{ padding:10px 0 10px } #gpt-dashboard-overlay.equipment-hud .equipment-launcher-activity{ padding:2px 0;border-top:1px solid rgba(109,255,176,.25) } #gpt-dashboard-overlay.equipment-hud .equipment-launcher-activity .equipment-workspace-section{ padding:10px 0 15px } #gpt-dashboard-overlay.equipment-hud .equipment-launcher-details .equipment-workspace-section h3{ font-size:10px;letter-spacing:.11em;flex-wrap:wrap } @media(max-width:1180px){ #gpt-dashboard-overlay.equipment-hud .equipment-launcher-details{grid-template-columns:1fr} #gpt-dashboard-overlay.equipment-hud .equipment-launcher-activity{display:grid;grid-template-columns:1fr 1fr;gap:20px} } @media(max-width:900px){ #gpt-dashboard-overlay.equipment-hud .equipment-launcher-icon{ flex-basis:calc((100% - 3 * 14px) / 4);height:139px } #gpt-dashboard-overlay.equipment-hud .equipment-launcher-icon-symbol{ width:57px;height:57px;flex-basis:57px } } @media(max-width:650px){ #gpt-dashboard-overlay.equipment-hud .equipment-launcher-icon{flex-basis:calc((100% - 2 * 12px)/3);height:137px} #gpt-dashboard-overlay.equipment-hud .equipment-launcher-info-row{grid-template-columns:1fr} #gpt-dashboard-overlay.equipment-hud .equipment-launcher-toolbar{grid-template-columns:1fr} #gpt-dashboard-overlay.equipment-hud .equipment-launcher-activity{grid-template-columns:1fr;gap:0} #gpt-dashboard-overlay.equipment-hud .equipment-launcher-icon-name{font-size:11px} #gpt-dashboard-overlay.equipment-hud .equipment-launcher-icon-meta{font-size:8px} } @media(max-width:420px){ #gpt-dashboard-overlay.equipment-hud .equipment-launcher-icon{flex-basis:calc((100% - 12px)/2)} } /* Equipment's earlier list direction is inherited by ID. Override for icon launcher. */ #gpt-dashboard-overlay.equipment-hud #equipment-buttons.equipment-launcher-icons{ flex-direction:row!important;flex-wrap:wrap!important; align-items:stretch;align-content:start;justify-content:space-evenly; height:auto!important;max-height:none!important;min-height:295px; overflow:visible!important } #gpt-dashboard-overlay.equipment-hud #equipment-buttons.equipment-launcher-icons .equipment-launcher-icon{ height:145px;max-height:145px;min-height:145px;flex-grow:0;flex-shrink:0; } @media(max-width:900px){#gpt-dashboard-overlay.equipment-hud #equipment-buttons.equipment-launcher-icons .equipment-launcher-icon{height:139px;min-height:139px;max-height:139px}} @media(max-width:650px){#gpt-dashboard-overlay.equipment-hud #equipment-buttons.equipment-launcher-icons .equipment-launcher-icon{height:137px;min-height:137px;max-height:137px}} /* PHYSICAL WORLD STATUS — verified scene presence alongside every interactive asset icon. Status means rendered representation, NEVER interaction availability. */ #gpt-dashboard-overlay.equipment-hud .equipment-visual-legend{ display:flex;flex-wrap:wrap;align-items:center;justify-content:center; gap:7px 13px;padding:10px 9px 12px;margin-bottom:2px; border-top:1px solid rgba(144,255,177,.19); border-bottom:1px solid rgba(144,255,177,.23); background:rgba(0,25,12,.25) } #gpt-dashboard-overlay.equipment-hud .equipment-visual-legend-heading{ display:inline-flex;flex-direction:column;gap:2px;min-width:126px; color:#d2ffe1;font:600 10px/1.2 ui-monospace,Menlo,monospace;letter-spacing:.11em } #gpt-dashboard-overlay.equipment-hud .equipment-visual-legend-heading small{ color:#87b59a;font:9px/1.2 ui-monospace,Menlo,monospace;letter-spacing:.01em } #gpt-dashboard-overlay.equipment-hud .equipment-visual-key{ --visual-tone:#b7ffc9;--visual-fill:rgba(88,232,137,.11); display:inline-flex;align-items:center;gap:5px; color:#c4ebd0;background:var(--visual-fill); padding:6px 8px;border:1px solid color-mix(in srgb,var(--visual-tone) 44%,transparent); border-radius:3px;white-space:nowrap } #gpt-dashboard-overlay.equipment-hud .equipment-visual-key strong{ font:650 10px ui-monospace,Menlo,monospace;letter-spacing:.03em;color:var(--visual-tone) } #gpt-dashboard-overlay.equipment-hud .equipment-visual-key small{ font:9px ui-monospace,Menlo,monospace;color:#bfd3c3 } #gpt-dashboard-overlay.equipment-hud .equipment-visual-key b{ font:650 11px ui-monospace,Menlo,monospace;color:var(--visual-tone); border-left:1px solid rgba(201,255,213,.25);padding-left:7px;margin-left:2px } #gpt-dashboard-overlay.equipment-hud .equipment-visual-key i, #gpt-dashboard-overlay.equipment-hud .equipment-visual-badge i{ display:inline-block;flex:0 0 7px;width:7px;height:7px;border-radius:50%; background:var(--visual-tone);box-shadow:0 0 5px var(--visual-tone); } #gpt-dashboard-overlay.equipment-hud .equipment-status-visible{--visual-tone:#9dffc1;--visual-fill:rgba(48,170,95,.14)} #gpt-dashboard-overlay.equipment-hud .equipment-status-partial{--visual-tone:#ffda88;--visual-fill:rgba(187,122,21,.14)} #gpt-dashboard-overlay.equipment-hud .equipment-status-missing{--visual-tone:#ffaca2;--visual-fill:rgba(173,66,57,.14)} #gpt-dashboard-overlay.equipment-hud .equipment-status-location{--visual-tone:#a3d7ff;--visual-fill:rgba(58,116,185,.14)} #gpt-dashboard-overlay.equipment-hud .equipment-launcher-icon{ min-height:159px!important;height:159px!important;max-height:159px!important; gap:6px;padding:10px 5px 8px } #gpt-dashboard-overlay.equipment-hud .equipment-launcher-icon-symbol{ width:56px;height:56px;flex:0 0 56px } #gpt-dashboard-overlay.equipment-hud .equipment-launcher-icon-symbol svg{width:34px;height:34px} #gpt-dashboard-overlay.equipment-hud .equipment-launcher-icon-name{ font-size:clamp(11px,.99vw,14px);line-height:1.2;min-height:17px } #gpt-dashboard-overlay.equipment-hud .equipment-visual-badge{ --visual-tone:#b7ffc9;--visual-fill:rgba(88,232,137,.11); display:inline-flex;align-items:center;justify-content:center;gap:6px; border:1px solid color-mix(in srgb,var(--visual-tone) 47%,transparent); border-radius:3px;padding:4px 8px; background:var(--visual-fill);color:var(--visual-tone); font:700 9px/1.1 ui-monospace,Menlo,monospace;letter-spacing:.08em; white-space:nowrap;text-shadow:none } #gpt-dashboard-overlay.equipment-hud .equipment-visual-badge.equipment-status-visible{--visual-tone:#9dffc1;--visual-fill:rgba(48,170,95,.14)} #gpt-dashboard-overlay.equipment-hud .equipment-visual-badge.equipment-status-partial{--visual-tone:#ffda88;--visual-fill:rgba(187,122,21,.14)} #gpt-dashboard-overlay.equipment-hud .equipment-visual-badge.equipment-status-missing{--visual-tone:#ffaca2;--visual-fill:rgba(173,66,57,.14)} #gpt-dashboard-overlay.equipment-hud .equipment-visual-badge.equipment-status-location{--visual-tone:#a3d7ff;--visual-fill:rgba(58,116,185,.14)} #gpt-dashboard-overlay.equipment-hud .equipment-launcher-icon-meta{ color:#9acdae;font-size:8px;letter-spacing:.01em } #gpt-dashboard-overlay.equipment-hud .equipment-visual-inspector{ --visual-tone:#b7ffc9;--visual-fill:rgba(88,232,137,.11); display:flex;flex-direction:column;gap:7px;padding:12px 13px; margin:0 0 13px; border:1px solid color-mix(in srgb,var(--visual-tone) 35%,transparent); border-left:3px solid var(--visual-tone); border-radius:2px;background:var(--visual-fill) } #gpt-dashboard-overlay.equipment-hud .equipment-visual-inspector.equipment-status-visible{--visual-tone:#9dffc1;--visual-fill:rgba(48,170,95,.14)} #gpt-dashboard-overlay.equipment-hud .equipment-visual-inspector.equipment-status-partial{--visual-tone:#ffda88;--visual-fill:rgba(187,122,21,.14)} #gpt-dashboard-overlay.equipment-hud .equipment-visual-inspector.equipment-status-missing{--visual-tone:#ffaca2;--visual-fill:rgba(173,66,57,.14)} #gpt-dashboard-overlay.equipment-hud .equipment-visual-inspector.equipment-status-location{--visual-tone:#a3d7ff;--visual-fill:rgba(58,116,185,.14)} #gpt-dashboard-overlay.equipment-hud .equipment-visual-inspector-head{ display:flex;align-items:center;justify-content:space-between;gap:12px; } #gpt-dashboard-overlay.equipment-hud .equipment-visual-inspector-head>span{ color:#c4e7d2;font:650 10px/1.3 ui-monospace,Menlo,monospace;letter-spacing:.07em } #gpt-dashboard-overlay.equipment-hud .equipment-visual-inspector-summary{ color:var(--visual-tone);font:600 13px Inter,system-ui,sans-serif } #gpt-dashboard-overlay.equipment-hud .equipment-detail .equipment-visual-inspector p{ color:#dbeddf;font:12px/1.5 Inter,system-ui,sans-serif;margin:0;letter-spacing:0 } @media(max-width:900px){ #gpt-dashboard-overlay.equipment-hud #equipment-buttons.equipment-launcher-icons .equipment-launcher-icon{ min-height:159px!important;height:159px!important;max-height:159px!important } } @media(max-width:650px){ #gpt-dashboard-overlay.equipment-hud .equipment-visual-legend-heading{ min-width:100%;text-align:center;align-items:center } #gpt-dashboard-overlay.equipment-hud .equipment-visual-key small{display:none} #gpt-dashboard-overlay.equipment-hud #equipment-buttons.equipment-launcher-icons .equipment-launcher-icon{ min-height:153px!important;height:153px!important;max-height:153px!important } #gpt-dashboard-overlay.equipment-hud .equipment-launcher-icon-symbol{ width:48px;height:48px;flex-basis:48px } #gpt-dashboard-overlay.equipment-hud .equipment-launcher-icon-name{font-size:11px} } /* RESIDENT CHAT / TICKER HUD V1 (2026-10-10) Unboxed, stage-overlay comms styled after the green telemetry ticker and Resident Thought. Retain the existing bottom-center location and chat logic. */ #resident-chat-dock.resident-chat-dock{ position:absolute; left:50%; bottom:48px; transform:translateX(-50%); z-index:14; width:min(880px,86vw); max-width:calc(100% - 24px); padding:0; margin:0; background:transparent; border:0; border-radius:0; box-shadow:none; backdrop-filter:none; -webkit-backdrop-filter:none; font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; color:#bdffd0; text-shadow:0 0 12px rgba(69,255,140,.43),0 2px 5px rgba(0,8,4,.98); } #resident-chat-dock .resident-chat-hud-kicker{ display:flex;align-items:center;justify-content:space-between; gap:16px;margin:0 0 12px 0;padding:0; font:600 11px/1.35 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; letter-spacing:.16em;color:#a3edbc; text-transform:uppercase; } #resident-chat-dock .resident-chat-hud-live{ display:inline-flex;align-items:center;gap:8px; color:#9cffbb;white-space:nowrap; font-size:10px;letter-spacing:.12em; } #resident-chat-dock .resident-chat-hud-live i{ display:inline-block;width:7px;height:7px;border-radius:50%; background:#9dffb9;box-shadow:0 0 10px rgba(80,255,140,.8); } #resident-chat-dock #resident-chat-log{ display:flex;flex-direction:column;gap:9px; width:100%;max-height:clamp(118px,24vh,224px); overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain; margin:0 0 16px;padding:0 8px 2px 0; background:transparent;border:0;box-shadow:none; scrollbar-width:thin;scrollbar-color:rgba(117,238,160,.4) transparent; } #resident-chat-dock .resident-chat-line, #resident-chat-dock .resident-chat-line.user, #resident-chat-dock .resident-chat-line.resident{ display:block;flex:0 0 auto; margin:0;padding:0; border:0;border-radius:0; background:transparent; box-shadow:none; font:500 clamp(16px,1.4vw,19px)/1.45 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; letter-spacing:.003em; color:#a1f7bc; text-shadow:0 0 11px rgba(66,252,130,.43),0 2px 5px rgba(0,8,4,1); overflow-wrap:anywhere;white-space:normal; } #resident-chat-dock .resident-chat-line.user{ color:#85e2a3; font-weight:450; text-shadow:0 0 9px rgba(61,239,117,.34),0 2px 5px rgba(0,8,4,1); } #resident-chat-dock .resident-chat-line.resident{ color:#c3ffd5; font-weight:550; text-shadow:0 0 14px rgba(77,255,151,.52),0 2px 5px rgba(0,8,4,1); } #resident-chat-dock .resident-chat-line b{ color:#84e9a9; font-weight:700; letter-spacing:.015em; text-transform:uppercase; } #resident-chat-dock .resident-chat-line.resident b{color:#a7ffc6} #resident-chat-dock #resident-chat-form{ position:relative; display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center;gap:14px; min-height:52px;margin:0;padding:5px 0 7px; background:transparent;border:0; border-bottom:1px solid rgba(125,255,170,.45); } #resident-chat-dock #resident-chat-form:focus-within{ border-bottom-color:rgba(168,255,199,.9); box-shadow:0 3px 7px -8px rgba(139,255,179,.9); } #resident-chat-dock #resident-chat-input{ display:block;width:100%;min-width:0;height:37px; padding:6px 0; border:0;outline:0;border-radius:0; background:transparent;box-shadow:none; font:500 clamp(17px,1.4vw,19px)/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; color:#c4ffd5; caret-color:#a4ffbf; text-shadow:0 0 10px rgba(75,255,145,.37),0 2px 5px rgba(0,8,4,.95); } #resident-chat-dock #resident-chat-input:focus{ border:0;outline:0;box-shadow:none; } #resident-chat-dock #resident-chat-input::placeholder{ color:rgba(175,255,198,.64); text-shadow:0 0 8px rgba(75,255,145,.22); } #resident-chat-dock #resident-chat-form button{ flex-shrink:0; padding:7px 2px; min-height:36px; border:0;border-radius:0; background:transparent; color:#adffca; box-shadow:none; text-shadow:0 0 11px rgba(69,255,140,.47),0 2px 5px rgba(0,8,4,.95); font:700 12px/1.25 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; letter-spacing:.12em; text-transform:uppercase; cursor:pointer; } #resident-chat-dock #resident-chat-form button:hover, #resident-chat-dock #resident-chat-form button:focus-visible{ background:transparent;border:0; color:#e0ffea;text-shadow:0 0 16px rgba(89,255,153,.8); } #resident-chat-dock #resident-chat-form button:focus-visible{ outline:1px dashed #96ffb5;outline-offset:3px; } #resident-chat-dock #resident-chat-form button:disabled{ color:#75a889;opacity:.58;cursor:not-allowed; } #resident-chat-dock #resident-chat-form .resident-mic.listening{ color:#dfffaa;background:transparent; text-shadow:0 0 17px rgba(189,255,122,.8); } #resident-chat-dock #resident-chat-status{ margin:9px 0 0;padding:0; border:0;background:transparent; font:500 11px/1.45 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; letter-spacing:.025em; color:#95dfad; text-shadow:0 0 9px rgba(58,215,123,.33),0 2px 5px rgba(0,8,4,.96); } .chat-header-toggle.open{ border-color:rgba(118,237,151,.7); background:rgba(27,51,37,.64); color:#bdffd0; text-shadow:0 0 8px rgba(69,255,140,.4); } @media(max-width:850px){ #resident-chat-dock.resident-chat-dock{width:92%;bottom:46px} #resident-chat-dock #resident-chat-log{max-height:clamp(110px,22vh,186px);gap:8px} #resident-chat-dock .resident-chat-line{font-size:16px} } @media(max-width:600px){ #resident-chat-dock.resident-chat-dock{width:calc(100% - 26px);bottom:28px} #resident-chat-dock .resident-chat-hud-kicker{font-size:9px;letter-spacing:.055em;margin-bottom:9px} #resident-chat-dock .resident-chat-hud-live{font-size:9px;letter-spacing:.04em} #resident-chat-dock #resident-chat-log{max-height:clamp(100px,21vh,150px);gap:7px;margin-bottom:10px} #resident-chat-dock .resident-chat-line, #resident-chat-dock .resident-chat-line.user, #resident-chat-dock .resident-chat-line.resident{font-size:15px;line-height:1.42} #resident-chat-dock #resident-chat-form{gap:9px;min-height:43px} #resident-chat-dock #resident-chat-input{font-size:16px} #resident-chat-dock #resident-chat-form button{font-size:11px} #resident-chat-dock #resident-chat-status{font-size:10px} } /* Website roadmap — reuses the full-screen GPT/Animation HUD overlay */ .website-hud .gpt-hud-frame{border-color:rgba(96,187,196,.4)} .website-hud .gpt-hud-scroll{color:#e6f5f5} .website-board{padding:24px 30px 48px;max-width:1180px;margin:auto;color:#dbe9ed} .website-intro{padding:28px;border:1px solid #42606c;background:linear-gradient(120deg,rgba(13,46,56,.9),rgba(8,21,34,.85));border-radius:8px} .website-tag,.website-target small{font-size:11px;letter-spacing:2px;color:#80d2cf;font-weight:800} .website-intro h3{margin:12px 0;font-size:clamp(25px,3vw,40px);letter-spacing:2px;color:#fff} .website-intro h3 em{color:#83d7d5;font-style:normal} .website-intro p,.website-notes p{line-height:1.65;color:#b9cdd0} .website-state{display:inline-block;margin-top:10px;border:1px solid #7397a0;border-radius:30px;padding:8px 13px;letter-spacing:1.5px;font-size:11px;color:#d2e9e9} .website-target{margin:18px 0;padding:20px 24px;border-left:3px solid #86dfd3;background:rgba(28,56,67,.75)} .website-target strong{display:block;font-size:clamp(17px,2.3vw,27px);margin:7px 0;overflow-wrap:anywhere} .website-target p{margin:4px 0;color:#a7c5c9} .website-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px} .website-cards article{padding:24px;background:rgba(16,40,51,.85);border:1px solid #3b6570;border-radius:7px} .website-cards b{color:#87dcd7;font-size:20px}.website-cards h4,.website-notes h4{letter-spacing:1.5px;margin:10px 0;color:#f2fcfc} .website-cards p{line-height:1.6;color:#adc7cb}.website-cards span{font-size:11px;letter-spacing:1.5px;color:#9fcecf} .website-notes{margin-top:20px;padding:21px 24px;border:1px solid #3e5b66;border-radius:7px;background:rgba(13,30,43,.72)} .roadmap-divider{padding:18px 12px 8px;border-top:1px solid #57717b;font-weight:800;letter-spacing:1.5px;color:#9acfd2;font-size:12px;margin-top:15px} .roadmap-entry{cursor:pointer}.roadmap-entry:hover{outline:1px solid #78ccce} @media(max-width:680px){.website-cards{grid-template-columns:1fr}.website-board{padding:14px}.website-intro{padding:20px}} /* WEBSITE ACCESS TIERS · read-only product roadmap */ .website-access,.hq-access{margin:23px 0 20px} .website-access-head{padding:24px 25px;border:1px solid rgba(111,184,192,.55);border-radius:10px;background:linear-gradient(125deg,rgba(16,61,70,.85),rgba(10,25,41,.87))} .website-access-head h3{font-size:clamp(23px,2.7vw,35px);line-height:1.15;color:#f4fafc;letter-spacing:1.3px;margin:12px 0 8px} .website-access-head h3 em{font-style:normal;color:#8bdcd6} .website-access-head p{max-width:860px;line-height:1.6;color:#b5cfd4;margin:8px 0} .website-tier-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:14px} .website-tier{min-width:0;border:1px solid #41616d;border-radius:9px;background:rgba(13,35,47,.93);padding:21px 18px 19px;display:flex;flex-direction:column} .website-tier-paid{border-color:#a58d59;background:linear-gradient(140deg,rgba(49,41,28,.72),rgba(13,35,47,.93))} .website-tier-heading{display:flex;justify-content:space-between;gap:7px;align-items:center;font-size:10px;letter-spacing:1.2px;color:#9ed2d4;font-weight:700} .website-tier-heading strong{border:1px solid #547481;border-radius:15px;padding:5px 8px;font-size:9px;white-space:nowrap;color:#dbe9ed} .website-tier-paid .website-tier-heading strong{color:#f7d8a0;border-color:#a58d59} .website-tier h4{font-size:20px;letter-spacing:1px;color:#fff;margin:18px 0 3px} .website-tier-sub{font-size:11px;color:#83d6ce;letter-spacing:1.6px;margin:0 0 13px;font-weight:700} .website-tier ul{padding-left:19px;margin:0 0 12px;line-height:1.62;color:#c6d6db;font-size:12px} .website-tier li{margin:0 0 7px} .website-tier-rule{font-size:11px;color:#9fb7bd;margin-top:auto;padding-top:13px;border-top:1px solid #3a5760} .website-oneworld{margin-top:14px;padding:20px 23px;text-align:center;border:1px solid #5b9c98;border-radius:9px;background:rgba(22,62,66,.65)} .website-oneworld strong{font-size:14px;letter-spacing:1.4px;color:#baf2e6} .website-oneworld p{line-height:1.55;font-size:12px;color:#d1e2e2;margin:9px 0 0} .website-tier-future{margin-top:11px;padding:15px 20px;border-radius:9px;border:1px dashed #57717b;background:rgba(19,35,47,.65)} .website-tier-future span{display:block;color:#9cb4c2;letter-spacing:1.4px;font-size:10px;margin-bottom:7px} .website-tier-future strong{display:block;color:#e8f2f3;font-size:13px;letter-spacing:1px} .website-tier-future p{color:#adbec5;font-size:12px;line-height:1.5;margin:7px 0 0} @media(max-width:800px){.website-tier-grid{grid-template-columns:1fr}.website-tier{padding:20px}.website-access-head{padding:20px}} /* WEBSITE PHASE 1 — noninteractive verified status */ .website-cards .website-phase-complete{border-color:#65bc98;background:linear-gradient(145deg,rgba(21,66,57,.84),rgba(13,35,47,.92))} .website-cards .website-phase-complete span{color:#9be7b9;font-weight:800} .website-phase-verification{border-color:#497e70;background:rgba(16,51,47,.75)} /* WEBSITE ROADMAP PHASE 1 — Developer View header navigation */ .website-header-toggle{min-width:68px;white-space:nowrap;border-color:#456e72;color:#b9e2e1;background:#14262b;flex-shrink:0} .website-header-toggle:hover,.website-header-toggle:focus-visible{color:#e8fffc;border-color:#85c8bd;background:#173b3c} /* WEBSITE PHASE 4 — locally validated, NOT published */ .website-cards .website-phase-awaiting{border-color:#a78b53;background:linear-gradient(140deg,rgba(58,49,31,.82),rgba(16,38,49,.9))} .website-cards .website-phase-awaiting span{color:#ebc885;font-weight:800} .website-phase-deployment{border-color:#947449;background:rgba(52,43,29,.78)} .website-phase-deployment h4{color:#f0d39d} /* Residents Moonbase Pages CSS MIME fix 20261014-v3 */