@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Silkscreen:wght@400;700&display=swap";
:root{--font-pixel-title:"Press Start 2P","Courier New",monospace;--font-pixel-body:"Silkscreen","Courier New",monospace}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-pixel-body);color:#e0e0e0;letter-spacing:.5px;background:#0b2636;line-height:1.6}.pixel-title{font-family:var(--font-pixel-title)}img,canvas{image-rendering:pixelated;image-rendering:crisp-edges}.pixel-panel{image-rendering:pixelated;color:#c0cbdc;background:linear-gradient(#1a2a4a 0%,#0f1a33 100%);border:2px solid #48c;border-radius:0;outline:2px solid #0a1020;padding:8px;font-size:12px;line-height:1.8;box-shadow:inset 1px 1px #2a4a7a,inset -1px -1px #0a1020,0 2px 8px #00000080}.pixel-panel-dark{color:#8b9bb4;background:linear-gradient(#12182a 0%,#0a0e1a 100%);border:2px solid #3a5588;border-radius:0;outline:2px solid #060a12;padding:6px;font-size:11px;line-height:1.6;box-shadow:inset 1px 1px #1a2844,inset -1px -1px #060a12}.pixel-btn{color:#fff;cursor:pointer;image-rendering:pixelated;text-shadow:1px 1px #193c3e;background:linear-gradient(#3e8948 0%,#265c42 100%);border:2px solid #63c74d;border-radius:0;outline:1px solid #193c3e;padding:6px 12px;font-family:inherit;font-size:11px;transition:none}.pixel-btn:hover{background:linear-gradient(#63c74d 0%,#3e8948 100%);border-color:#a8ca58}.pixel-btn:active{background:#265c42;transform:translateY(1px)}.pixel-btn-danger{background:linear-gradient(#e43b44 0%,#a22633 100%);border-color:#f6757a;outline-color:#3e2731}.pixel-btn-danger:hover{background:linear-gradient(#f6757a 0%,#e43b44 100%)}.pixel-btn-secondary{color:#8b9bb4;background:linear-gradient(#3a4466 0%,#262b44 100%);border-color:#5a6988;outline-color:#181425}.pixel-btn-secondary:hover{color:#c0cbdc;background:linear-gradient(#5a6988 0%,#3a4466 100%)}.pixel-input{color:#c0cbdc;background:#0a0e1a;border:2px solid #3a5588;border-radius:0;outline:none;width:100%;padding:6px 10px;font-family:inherit;font-size:11px}.pixel-input:focus{border-color:#48c;box-shadow:0 0 0 1px #48c}.resource-bar{align-items:center;gap:12px;font-size:11px;display:flex}.resource-item{align-items:center;gap:3px;display:flex}.resource-icon{border-radius:0;width:12px;height:12px;display:inline-block}.timeline-entry{color:#5a6988;margin-bottom:2px;font-size:10px;line-height:1.4}.timeline-entry .time{color:#3a4466}.timeline-entry .event{color:#8b9bb4}.agent-panel-name{color:#63c74d;margin-bottom:6px;font-size:13px}.agent-panel-personality{color:#5a6988;margin-bottom:4px;font-size:10px;line-height:1.4}.agent-panel-divider{border-top:1px solid #1a2a4a;margin-top:4px;padding-top:4px}.agent-panel-thought{color:#feae34;font-size:10px;line-height:1.4}.agent-panel-inventory{color:#8b9bb4;font-size:10px;line-height:1.4}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0a0e1a}::-webkit-scrollbar-thumb{background:#3a5588;border:1px solid #0a0e1a}::-webkit-scrollbar-thumb:hover{background:#48c}@keyframes pulse-glow{0%,to{box-shadow:0 0 4px #4488cc4d}50%{box-shadow:0 0 8px #48c9}}.pixel-panel-glow{animation:2s ease-in-out infinite pulse-glow}@media (max-width:768px){.pixel-panel{padding:6px 8px;font-size:10px}.pixel-btn{padding:6px 10px;font-size:10px}.pixel-title{font-size:12px!important}.pixel-input{padding:6px 8px;font-size:11px}}@media (max-width:480px){.pixel-panel{padding:4px 6px;font-size:9px}.pixel-btn{padding:4px 8px;font-size:9px}}