@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Share+Tech+Mono&display=swap";body{margin:0;background-color:#0f0f13;color:#e2e8f0;font-family:Share Tech Mono,monospace;overflow-x:hidden}.pixel-title{font-family:"Press Start 2P",cursive;font-size:1.25rem;color:#0fc;text-shadow:3px 3px 0px #ff007f;letter-spacing:1px}.pixel-font{font-family:"Press Start 2P",cursive}.game-container{display:flex;flex-direction:column;min-height:100vh;padding:1.5rem;max-width:1200px;margin:0 auto;box-sizing:border-box}.retro-header{display:flex;justify-content:space-between;align-items:center;background:#161622;border:4px solid #32324a;padding:1rem;border-radius:8px;margin-bottom:1.5rem;box-shadow:0 4px #000}.score-board{display:flex;align-items:center;gap:.5rem;background:#09090d;padding:.5rem 1rem;border-radius:4px;border:2px solid #32324a;font-size:1.1rem}.main-layout{display:grid;grid-template-columns:1fr 340px;gap:1.5rem}@media (max-width: 1024px){.main-layout{grid-template-columns:1fr}}.screen-wrapper{background:#1e1e2b;border:8px solid #3a3a54;border-radius:16px;padding:12px;box-shadow:0 10px #0e0e15,0 20px 25px #00000080}.crt-bezel{position:relative;background:#000;border-radius:8px;padding:10px;border:4px solid #0e0e15;overflow:hidden}.crt-bezel:after{content:" ";display:block;position:absolute;top:0;left:0;bottom:0;right:0;background:linear-gradient(#12101000 50%,#00000040 50%),linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f);z-index:10;background-size:100% 4px,6px 100%;pointer-events:none}.game-hud{display:flex;justify-content:space-between;background:#09090d;padding:8px 16px;border-bottom:4px solid #32324a;font-size:1.1rem;font-weight:700}.canvas-container{position:relative;width:100%;aspect-ratio:5/3;background:#000}.game-canvas{width:100%;height:100%;display:block;image-rendering:pixelated}.overlay-screen{position:absolute;top:0;right:0;bottom:0;left:0;background:#09090de6;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:5}.bezel-controls{display:flex;justify-content:space-between;align-items:center;padding-top:10px;color:#4e4e6d;font-size:.8rem;font-weight:700}.brand-text{letter-spacing:2px}.led-light{width:8px;height:8px;background-color:#f05;border-radius:50%;box-shadow:0 0 8px #f05}.control-panel{display:flex;flex-direction:column;gap:1.5rem}.panel-section{background:#161622;border:4px solid #32324a;border-radius:8px;padding:1.25rem;box-shadow:0 4px #000}.section-title{display:flex;align-items:center;gap:.5rem;font-size:1.2rem;font-weight:700;margin-top:0;margin-bottom:.75rem;color:#fff;border-bottom:2px solid #32324a;padding-bottom:.5rem}.retro-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;font-family:Share Tech Mono,monospace;font-size:1rem;font-weight:700;border:none;border-radius:4px;cursor:pointer;transition:transform .1s,box-shadow .1s}.retro-btn:active{transform:translateY(2px)}.retro-btn.primary{background:#3a86ff;color:#fff;box-shadow:0 4px #1d3f77}.retro-btn.secondary{background:#4caf50;color:#fff;box-shadow:0 4px #2e6930}.retro-btn-icon{background:#1e1e2b;border:2px solid #32324a;color:#fff;padding:.5rem;border-radius:4px;cursor:pointer}.retro-btn-icon:hover{background:#32324a}.level-list{display:flex;flex-direction:column;gap:.5rem}.level-item{display:flex;justify-content:space-between;align-items:center;background:#09090d;border:2px solid #32324a;color:#fff;padding:.75rem 1rem;border-radius:4px;cursor:pointer;text-align:left}.level-item:hover,.level-item.active{border-color:#3a86ff;background:#1d3f7733}.brush-selector{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.brush-btn{background:#09090d;border:2px solid #32324a;color:#fff;padding:6px 2px;font-size:.75rem;border-radius:4px;cursor:pointer}.brush-btn.active{background:#1e1e2b;border-color:#fff}.mini-grid-container{background:#09090d;border:2px solid #32324a;padding:4px;border-radius:4px;overflow-x:auto}.mini-grid{display:flex;flex-direction:column;gap:1px}.mini-row{display:flex;gap:1px}.mini-cell{width:14px;height:14px;background:#161622;cursor:pointer}.mini-cell:hover{background:#32324a}.mini-cell.tile-1{background-color:#8b5a2b}.mini-cell.tile-2{background-color:gold}.mini-cell.tile-3{background-color:#90a4ae}.mini-cell.tile-4{background-color:#e040fb}.mini-cell.tile-5{background-color:#ff007f}.tab-btn{flex:1;background:#09090d;border:2px solid #32324a;color:#888;padding:.5rem;border-radius:4px;cursor:pointer}.tab-btn.active{background:#1e1e2b;color:#fff;border-color:#3a86ff}.retro-btn-sm{padding:.5rem;font-family:inherit;font-weight:700;border:none;border-radius:4px;cursor:pointer}.retro-btn-sm.danger{background:#ef4444;color:#fff}.retro-btn-sm.success{background:#22c55e;color:#fff}