:root{--green: rgba(0, 200, 0, .9);--green-dim: rgba(0, 200, 0, .4);--green-fill: rgba(0, 200, 0, .85);--terminal-bg: rgba(12, 18, 12, .65)}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;font-family:Courier New,monospace}#renderCanvas{width:100%;height:100%;touch-action:none;outline:none}#ui-layer{position:absolute;top:20px;left:20px;width:280px;pointer-events:none;z-index:10}#console-output{position:absolute;top:20px;left:310px;right:20px;pointer-events:none;z-index:20;max-height:37.5rem;overflow:hidden;display:none;flex-direction:column;justify-content:flex-end}.panel{background-color:#19191eb3;background-color:var(--terminal-bg);color:var(--green);padding:15px;border-radius:4px;border:1px solid var(--green-dim);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto}.panel button{display:block;width:100%;background:transparent;color:var(--green);border:1px solid var(--green);padding:8px 16px;border-radius:2px;font-family:Courier New,monospace;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;cursor:pointer;margin-top:8px;transition:background-color .1s,color .1s}.panel button:hover{background-color:#00c8001f}.panel button.active{background-color:var(--green-fill);color:#060e06}.panel button.active:hover{background-color:var(--green)}.code{line-height:1.5;margin:0;display:block;color:var(--green);font-size:1rem;font-family:Courier New,monospace}#console-input{width:0ch;display:none;background:transparent;border:none;outline:none;color:var(--green);font-family:Courier New,monospace;font-size:1rem;caret-color:transparent;text-shadow:inherit}.cursor{display:inline-block;animation:blinkTextCursor .53s steps(1) infinite}.crt{text-shadow:0 0 .5em currentColor,0 0 1.5em currentColor,1px 1px rgba(255,0,255,.25),-1px -1px rgba(0,255,255,.2);position:relative}.crt:before,.crt:after{content:"";pointer-events:none;position:absolute;inset:0;z-index:1;border-radius:inherit}.crt:before{background:repeating-linear-gradient(transparent 0px,transparent 3px,rgba(0,0,0,.18) 3px,rgba(0,0,0,.18) 4px);mix-blend-mode:multiply}.crt:after{background:radial-gradient(ellipse at center,transparent 60%,rgba(0,0,0,.4) 100%)}.status-panel{margin-top:20px;width:250px}.panel-header{border-bottom:1px solid var(--green-dim);padding-bottom:8px;margin-bottom:12px;font-weight:700;letter-spacing:2px}.stats-list{line-height:1.8}.being-row{display:flex;justify-content:space-between;margin-bottom:4px}.health-bar{width:60px;height:8px;border:1px solid var(--green-dim);position:relative;margin-top:3px}.health-fill{background-color:var(--green);height:100%}.cohesion-bar{width:100%;height:10px;border:1px solid var(--green-dim);margin-top:6px;box-sizing:border-box}.cohesion-fill{background-color:var(--green);height:100%;transition:width .3s linear}.tips-panel{margin-top:20px;width:250px}.tip-text{font-size:.85rem;line-height:1.6;opacity:.9}#tip-close{float:right;display:inline;width:auto;border:none;padding:0;margin:0;font-size:.85rem;letter-spacing:normal;font-weight:400;text-transform:none}.being-hover-panel{position:fixed;transform:translate(-50%,calc(-100% - 24px));background-color:var(--terminal-bg);color:var(--green);border:1px solid var(--green-dim);border-radius:3px;padding:6px 8px;font-family:Courier New,monospace;font-size:.75rem;letter-spacing:1px;text-transform:uppercase;pointer-events:none;z-index:30;min-width:80px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.being-hover-state{margin-bottom:4px;text-align:center}.being-hover-health{width:100%;height:6px;border:1px solid var(--green-dim);box-sizing:border-box}.being-hover-health-fill{background-color:var(--green);height:100%}@keyframes blinkTextCursor{0%,to{opacity:1}50%{opacity:0}}