:root{--black:#000000;--red:#F50201;--dark-red:#C00302;--green:#03DE03;--dark-green:#035202;--blue:#023EF3;--dark-blue:#031DB7;--yellow:#FACD06;--orange:#E18404;--white:#E9EAE9}::selection{background:var(--green);color:var(--black)}::-moz-selection{background:var(--green);color:var(--black)}*{box-sizing:border-box;margin:0;padding:0}a,body,button,input,select{cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10"><path fill="%2303DE03" d="M4 0h2v3H4zM4 7h2v3H4zM0 4h3v2H0zM7 4h3v2H7zM4 4h2v2H4z"/></svg>') 5 5,crosshair}body{background-color:var(--black);color:var(--white);font-family:VT323,monospace;font-size:1.35rem;line-height:1.4;background-image:linear-gradient(to right,rgb(3 82 2 / .12) 1px,transparent 1px),linear-gradient(to bottom,rgb(3 82 2 / .12) 1px,transparent 1px);background-size:24px 24px}.container{max-width:950px;margin:0 auto;padding:2rem 1rem}.pixel-box{background:var(--black);border:4px solid var(--green);box-shadow:6px 6px 0 var(--dark-green);padding:1.5rem;margin-bottom:2rem;position:relative}.pixel-box.blue-accent{border-color:var(--blue);box-shadow:6px 6px 0 var(--dark-blue)}.pixel-box.red-accent{border-color:var(--red);box-shadow:6px 6px 0 var(--dark-red)}.pixel-box.yellow-accent{border-color:var(--yellow);box-shadow:6px 6px 0 var(--orange)}h1,h2,h3{font-family:'Press Start 2P',cursive;text-transform:uppercase}h1{font-size:1.5rem;color:var(--yellow);text-shadow:2px 2px var(--orange);margin-bottom:.5rem}.subtitle{color:var(--green);font-size:1.3rem}.section-title{font-size:1rem;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.section-title::before{content:">";color:var(--red)}.grid-layout{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width:768px){.grid-layout{grid-template-columns:340px 1fr}}.control-group{margin-bottom:1rem;position:relative}.control-group label{display:flex;justify-content:space-between;color:var(--white);font-size:1.1rem;margin-bottom:.2rem;width:fit-content}.control-group label span{color:var(--yellow);font-family:'Press Start 2P',cursive;font-size:.65rem;margin-left:8px}.input-row{display:flex;gap:.5rem}input[type="text"],select{width:100%;background:var(--black);border:2px solid var(--green);color:var(--yellow);font-family:VT323,monospace;font-size:1.2rem;padding:4px 8px;outline:none}input[type="text"]:focus,select:focus{border-color:var(--yellow)}input[type="range"]{width:100%;accent-color:var(--green);background:#fff0}.checkbox-group{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;position:relative;width:fit-content}.checkbox-group input{accent-color:var(--green);width:18px;height:18px}.has-tooltip{position:relative}.has-tooltip:hover .tooltip-box{display:block}.tooltip-box{display:none;position:absolute;bottom:110%;left:0;width:260px;background:var(--black);border:2px solid var(--yellow);box-shadow:4px 4px 0 var(--orange);color:var(--white);font-family:VT323,monospace;font-size:1.1rem;line-height:1.2;padding:8px 10px;z-index:100;pointer-events:none}.tooltip-box::after{content:"";position:absolute;top:100%;left:15px;border-width:6px;border-style:solid;border-color:var(--yellow) #fff0 #fff0 #fff0}.pixel-btn{font-family:'Press Start 2P',cursive;font-size:.65rem;padding:.75rem 1rem;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;transition:transform .1s,box-shadow .1s;border:2px solid var(--black);color:var(--black);background:var(--green);box-shadow:4px 4px 0 var(--dark-green);width:100%}.pixel-btn:hover{transform:translate(-2px,-2px)}.pixel-btn.yellow{background:var(--yellow);box-shadow:4px 4px 0 var(--orange)}.pixel-btn.red{background:var(--red);color:var(--white);box-shadow:4px 4px 0 var(--dark-red)}.canvas-container{display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgb(3 82 2 / .05);border:2px dashed var(--green);padding:1rem;min-height:400px}canvas{width:100%;max-width:480px;height:auto;border:4px solid var(--black);box-shadow:4px 4px 0 var(--dark-green);image-rendering:pixelated}.copyright{text-align:center;font-family:'Press Start 2P',cursive;font-size:.6rem;color:var(--white);opacity:.75;margin-top:1rem;padding-bottom:1rem}