@import "https://fonts.googleapis.com/css2?family=VT323&display=swap";:root{--hw-bg:#050705;--hw-panel:#061006;--border-dim:#3a4520;--text-dim:#4a552b;--text-normal:#687a38;--text-active:#43c52a;--text-glow:#62d83b;--radar-sea:#06150a}body,html{background-color:var(--hw-bg);width:100%;height:100vh;color:var(--text-normal);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;margin:0;padding:0;font-family:VT323,monospace;display:flex;overflow:hidden}.screen{box-sizing:border-box;width:100%;max-width:1600px;height:100%;max-height:1080px;display:none}.screen.active{display:flex}#screen-menu.active{flex-direction:column;justify-content:center;align-items:center;gap:20px}#screen-game.active,#screen-setup.active{grid-template-rows:120px minmax(0,1fr) 65px;grid-template-columns:220px minmax(0,1fr) 240px;gap:20px;width:100%;height:100%;padding:15px 25px;display:grid}.header-area{border-bottom:1px solid var(--border-dim);grid-area:1/1/auto/-1;justify-content:space-between;align-items:flex-end;padding-bottom:10px;display:flex}.header-logo{align-items:center;gap:15px;display:flex}.logo-icon{border:1px solid var(--border-dim);width:50px;height:50px;color:var(--text-dim);justify-content:center;align-items:center;font-size:1.5rem;display:flex}.header-titles h1{color:var(--text-normal);letter-spacing:2px;margin:0;font-size:3.5rem}.header-titles h3{color:var(--text-glow);letter-spacing:1px;margin:0;font-size:1.2rem}.header-tabs{gap:5px;display:flex}.tab{border:1px solid var(--border-dim);background:var(--hw-panel);color:var(--text-dim);text-transform:uppercase;cursor:pointer;border-bottom:none;padding:8px 20px;font-size:1.2rem}.tab.active{color:var(--text-active);border-color:var(--text-active)}.tab:hover{color:var(--text-glow);border-color:var(--text-glow)}.panel{border:1px solid var(--border-dim);flex-direction:column;gap:20px;padding:15px;display:flex}.panel h2,.panel h3{color:var(--text-normal);letter-spacing:1px;margin:0 0 10px;font-size:1.4rem}.left-panel{grid-area:2/1;overflow-y:auto}.right-panel{grid-area:2/3;overflow:hidden}.control-group{flex-direction:column;gap:5px;display:flex}.control-label{color:var(--text-dim);font-size:1.1rem}.control-box{border:1px solid var(--text-active);color:var(--text-glow);background:#051005;justify-content:space-between;align-items:center;padding:8px 10px;font-size:1.3rem;display:flex}.bargraph{align-items:flex-end;gap:4px;height:30px;display:flex}.bar{background-color:var(--text-glow);width:15px}.legend-item{color:var(--text-normal);align-items:center;gap:10px;margin-bottom:8px;display:flex}.legend-icon{border:1px solid var(--border-dim);justify-content:center;align-items:center;width:15px;height:15px;display:flex}.info-row{color:var(--text-normal);margin-bottom:5px;font-size:1.2rem}.info-val{color:var(--text-active)}.center-monitor{grid-area:2/2;justify-content:center;align-items:center;min-width:0;min-height:0;display:flex}.monitor-bezel{box-sizing:border-box;background:#030403;border:35px solid #080906;border-radius:50px;justify-content:center;align-items:center;width:100%;height:100%;padding:5px;display:flex;box-shadow:0 10px 40px #000,inset 0 0 15px #ffffff05}.crt-screen{background-color:var(--radar-sea);border-radius:30px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 80px #000}.crt-screen:before{content:" ";z-index:10;pointer-events:none;background:linear-gradient(#12101000 50%,#00000080 50%) 0 0/100% 4px;display:block;position:absolute;inset:0}.crt-screen:after{content:" ";z-index:9;pointer-events:none;background:radial-gradient(circle,#0000 40%,#000000f2 100%);display:block;position:absolute;inset:0}.radar-overlay-text{z-index:5;color:var(--text-active);pointer-events:none;font-size:1.2rem;position:absolute}.radar-top-left{top:15px;left:20px}.radar-top-right{top:15px;right:20px}.radar-bottom-left{bottom:15px;left:20px}.radar-bottom-right{bottom:15px;right:20px}canvas{cursor:crosshair;max-width:100%;max-height:100%;transition:transform .3s ease-out;display:block}.footer-area{border-top:1px solid var(--border-dim);color:var(--text-dim);grid-area:3/1/auto/-1;justify-content:space-between;align-items:center;padding-top:10px;display:flex}.status-indicator{color:var(--text-active);align-items:center;gap:10px;font-size:1.2rem;display:flex}.status-dot{background-color:var(--text-glow);width:12px;height:12px;box-shadow:0 0 10px var(--text-glow);border-radius:50%;animation:2s infinite blink}@keyframes blink{0%,to{opacity:1;box-shadow:0 0 10px var(--text-glow)}50%{opacity:.2;box-shadow:none}}button{color:var(--text-normal);border:1px solid var(--border-dim);cursor:pointer;background:0 0;padding:5px 10px;font-family:VT323,monospace;font-size:1.1rem}button:hover{color:var(--text-active);border-color:var(--text-active)}#dispatch-console{border-top:1px dashed var(--border-dim);min-height:0;color:var(--text-active);flex:1 1 0;margin-top:auto;padding-top:10px;font-size:1rem;overflow-y:auto}.paper-notebook{color:#2c3e50;background-color:#f4f0df;background-image:repeating-linear-gradient(#0000,#0000 31px,#a3b8c7 31px 32px);border-radius:4px;padding:40px;font-family:Courier New,Courier,monospace;font-weight:700;box-shadow:0 20px 50px #000000e6,inset 0 0 60px #8b735566}.paper-notebook h2{color:#8b0000;text-align:center;text-transform:uppercase;letter-spacing:2px;border-bottom:2px solid #8b0000;margin-bottom:20px;padding-bottom:5px;font-family:Courier New,Courier,monospace;display:inline-block}.paper-table th{border-bottom:2px solid #2c3e50;padding:10px 5px}.paper-table td{border-bottom:1px solid #2c3e504d;padding:10px 5px}.sprite-stamp{filter:invert()brightness(.2);vertical-align:middle;width:30px;height:30px;margin-right:10px}