@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";
:root{--bg-white:#fff;--bg-gray-light:#f9fafb;--bg-gray:#f3f4f6;--text-black:#000;--text-gray:#6b7280;--text-gray-light:#9ca3af;--border-black:#000}*{image-rendering:-moz-crisp-edges;image-rendering:-webkit-crisp-edges;image-rendering:pixelated;image-rendering:crisp-edges}body{-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale;background:var(--bg-white);color:var(--text-black);font-family:"Press Start 2P",Courier New,monospace;font-size:14px;font-weight:400;line-height:1.8}h1,h2,h3,h4,h5,h6{letter-spacing:.1em;font-family:"Press Start 2P",Courier New,monospace;font-weight:400}.poly402-container{min-h:100vh;background:var(--bg-white);color:var(--text-black);position:relative;overflow-x:hidden}.poly402-container:before{content:"";transform-origin:bottom;pointer-events:none;z-index:0;opacity:.3;background-image:linear-gradient(90deg,#00000026 1px,#0000 1px),linear-gradient(#00000026 1px,#0000 1px);background-size:50px 50px;height:50vh;position:fixed;bottom:0;left:0;right:0;transform:perspective(500px)rotateX(60deg)}.poly402-container:after{content:"";pointer-events:none;z-index:1;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000005 2px 4px);position:fixed;inset:0}.poly402-card{background:var(--bg-white);border:4px solid var(--border-black);padding:1.5rem;transition:all .2s;position:relative;box-shadow:8px 8px #0000004d}.poly402-card:hover{transform:translate(-2px,-2px);box-shadow:10px 10px #0000004d}.poly402-card-inner{background:var(--bg-gray-light);border:2px solid var(--border-black);padding:1rem}.poly402-button{border:2px solid var(--border-black);background:var(--bg-white);color:var(--text-black);cursor:pointer;padding:.75rem 1.5rem;font-family:"Press Start 2P",Courier New,monospace;font-size:12px;font-weight:400;transition:all .1s;position:relative;box-shadow:4px 4px #0000004d}.poly402-button:hover{background:var(--bg-gray);transform:translate(-1px,-1px);box-shadow:5px 5px #0000004d}.poly402-button:active{transform:translate(2px,2px);box-shadow:2px 2px #0000004d}.stat-card-gradient{background:var(--bg-white);border:4px solid var(--border-black);padding:1rem;transition:all .2s;position:relative;box-shadow:6px 6px #0000004d}.stat-card-gradient:hover{transform:translate(-2px,-2px);box-shadow:8px 8px #0000004d}.nav-item{cursor:pointer;color:var(--text-gray);padding:.5rem 1rem;font-size:12px;transition:all .1s;position:relative}.nav-item:hover,.nav-item.active{color:var(--text-black);background:var(--bg-gray)}.nav-item.active:after{content:"▶";font-size:6px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.status-badge{border:2px solid var(--border-black);background:var(--bg-white);padding:.25rem .5rem;font-size:10px;font-weight:400;display:inline-block}.status-active{background:var(--bg-white);color:var(--text-black)}.status-inactive{background:var(--bg-gray);color:var(--text-gray)}.pixel-progress{background:var(--bg-gray);border:2px solid var(--border-black);height:24px;position:relative;overflow:hidden}.pixel-progress-bar{background:var(--text-black);height:100%;transition:width .3s;position:relative}.pixel-progress-bar:after{content:"";background:repeating-linear-gradient(90deg,#0000,#0000 4px,#fff3 4px 8px);position:absolute;inset:0}.pixel-box{background:var(--bg-white);border:3px solid var(--border-black);padding:1.5rem;font-family:"Press Start 2P",Courier New,monospace;position:relative;box-shadow:6px 6px #0000004d}.corner-decoration{color:var(--text-black);opacity:.2;pointer-events:none;font-size:1rem;position:absolute}@keyframes logo-switch{0%,45%{opacity:1}50%,95%{opacity:0}to{opacity:1}}.logo-animate{animation:6s ease-in-out infinite logo-switch}@keyframes retro-blink{0%,50%{opacity:1}51%,to{opacity:0}}.retro-blink{animation:1s step-end infinite retro-blink}.activity-feed{scrollbar-width:thin;scrollbar-color:var(--text-black)var(--bg-gray);max-height:300px;overflow-y:auto}.activity-feed::-webkit-scrollbar{width:8px}.activity-feed::-webkit-scrollbar-track{background:var(--bg-gray);border-left:2px solid var(--border-black)}.activity-feed::-webkit-scrollbar-thumb{background:var(--text-black);border:1px solid var(--border-black)}.pixel-table{border-collapse:separate;border-spacing:0;border:2px solid var(--border-black);background:var(--bg-white);width:100%}.pixel-table th{background:var(--bg-gray);border-bottom:2px solid var(--border-black);text-align:left;padding:.75rem;font-size:13px}.pixel-table td{border-bottom:1px solid var(--text-gray-light);padding:.75rem;font-size:13px}.pixel-table tr:hover{background:var(--bg-gray-light)}.icon-target:before{content:"◎"}.icon-agent:before{content:"■"}.icon-activity:before{content:"▦"}.icon-arrow:before{content:"▶"}.icon-status:before{content:"●"}.icon-error:before{content:"✗"}.icon-check:before{content:"✓"}.icon-up:before{content:"▲"}.icon-down:before{content:"▼"}.text-xs{font-size:11px}.text-sm{font-size:13px}.text-base{font-size:15px}.text-lg{font-size:18px}.text-xl{font-size:22px}.text-2xl{font-size:26px}.text-3xl{font-size:32px}.text-4xl{font-size:36px}.text-5xl{font-size:44px}.text-6xl{font-size:52px}@media (max-width:768px){.poly402-card{border-width:3px;padding:1rem;box-shadow:6px 6px #0000004d}.stat-card-gradient{border-width:3px;padding:.75rem;box-shadow:4px 4px #0000004d}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
