:root{--neon:#8a6bff;}
*{box-sizing:border-box}html,body{height:100%;margin:0;background:#000;font-family:Inter,monospace;color:#9df7e8;}
#console-wrapper{position:relative;width:100%;height:100vh;overflow:hidden;}
#console-bg{position:fixed;inset:0;background-image:url('../assets/cclabs_console_bg.png');background-position:center center;background-repeat:no-repeat;background-size:contain;z-index:0;}
.zone{position:absolute;background:transparent;border:0;outline:none;z-index:20;cursor:pointer;}
#z1{left:6.8%;top:34%;width:10.8%;height:30vh;}
#z2{left:22.5%;top:34%;width:12%;height:35vh;}
#z3{left:42.2%;top:34%;width:16%;height:42vh;transform:translate(-50%,-50%);}
#z4{left:62.4%;top:34%;width:12%;height:35vh;}
#z5{left:78%;top:34%;width:10.8%;height:30vh;}
.panel{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(60vw,760px);max-width:92%;background:rgba(2,4,6,0.92);padding:18px;border-radius:10px;display:none;z-index:60;box-shadow:0 20px 60px rgba(0,0,0,0.7);color:#cfeef0;}
.panel.show{display:block;animation:fadeIn .45s ease both;}
.panel .close{position:absolute;right:12px;top:8px;background:transparent;border:0;color:#bfe;font-size:22px;cursor:pointer;}
@keyframes fadeIn{from{opacity:0;transform:translate(-50%,-52%);}to{opacity:1;transform:translate(-50%,-50%);}}
#log-feed{position:fixed;left:50%;bottom:6%;transform:translateX(-50%);width:80%;max-width:1100px;height:40px;overflow:hidden;z-index:50;pointer-events:none;}
#log-inner{white-space:nowrap;display:inline-block;padding-left:100%;}
.log-item{display:inline-block;padding:0 2.5rem;color:#9df7e8;opacity:0.95;font-family:monospace;font-size:14px;}
@media (max-width:1200px){#z1{left:8.8%;top:36%;width:10.5%;height:26vh;}#z2{left:26.5%;top:36%;width:12.5%;height:28vh;}#z3{left:44.5%;top:31%;width:16.5%;height:34vh;transform:none;}#z4{left:62.8%;top:36%;width:12.5%;height:28vh;}#z5{left:81%;top:36%;width:10.5%;height:26vh;}}