@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";:root{--gameboy-grey: #a8a8a8;--gameboy-dark-grey: #8a8a8a;--gameboy-light-grey: #c0c0c0;--gameboy-screen-green: #9bbc0f;--gameboy-screen-dark: #306230;--gameboy-screen-darkest: #0f380f;--gameboy-accent: #6a6a6a;--gameboy-button: #5a5a5a;--shadow-color: rgba(0, 0, 0, .3);--border-radius: 8px;font-family:"Press Start 2P",monospace;line-height:1.6;font-weight:400;font-size:12px;color:var(--gameboy-screen-darkest);background:linear-gradient(135deg,#f0f0f0,#e0e0e0);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;padding:20px;min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 20% 30%,rgba(155,188,15,.15) 0%,transparent 40%),radial-gradient(circle at 80% 70%,rgba(139,172,15,.12) 0%,transparent 40%),radial-gradient(circle at 50% 50%,rgba(168,168,168,.08) 0%,transparent 60%),linear-gradient(135deg,#2a2a2a,#1a1a1a,#0f0f0f,#1a1a1a,#2a2a2a)}#app{background:linear-gradient(145deg,var(--gameboy-light-grey),var(--gameboy-grey));border-radius:var(--border-radius);padding:30px;box-shadow:0 20px 40px var(--shadow-color),inset 0 2px 4px #ffffff4d,inset 0 -2px 4px #0000001a;border:3px solid var(--gameboy-dark-grey);max-width:400px;width:100%;position:relative}#app:before{content:"";position:absolute;top:-15px;left:50%;transform:translate(-50%);width:60px;height:8px;background:var(--gameboy-accent);border-radius:4px;box-shadow:0 2px 4px var(--shadow-color)}.camera-container{background:var(--gameboy-screen-darkest);border-radius:var(--border-radius);padding:15px;margin-bottom:20px;box-shadow:inset 0 4px 8px #0006,0 2px 4px #ffffff1a;border:2px solid var(--gameboy-accent)}canvas{width:100%;max-width:256px;height:auto;border-radius:4px;display:block;margin:0 auto;background:var(--gameboy-screen-green);box-shadow:0 0 20px #9bbc0f33;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.controls{display:flex;flex-direction:column;gap:15px}fieldset{border:2px solid var(--gameboy-accent);border-radius:var(--border-radius);background:#6a6a6a1a;padding:15px;margin:0;position:relative}legend{background:var(--gameboy-grey);color:var(--gameboy-screen-darkest);padding:5px 10px;border:2px solid var(--gameboy-accent);border-radius:4px;font-size:10px;font-weight:700;text-shadow:1px 1px 0px rgba(255,255,255,.3)}input[type=range]{width:100%;height:8px;border-radius:4px;background:var(--gameboy-accent);outline:none;-webkit-appearance:none;margin:10px 0;box-shadow:inset 0 2px 4px #0000004d}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:linear-gradient(145deg,var(--gameboy-light-grey),var(--gameboy-grey));cursor:pointer;border:2px solid var(--gameboy-accent);box-shadow:0 2px 4px #0000004d;transition:all .2s ease}input[type=range]::-webkit-slider-thumb:hover{background:linear-gradient(145deg,var(--gameboy-grey),var(--gameboy-dark-grey));transform:scale(1.1)}input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:linear-gradient(145deg,var(--gameboy-light-grey),var(--gameboy-grey));cursor:pointer;border:2px solid var(--gameboy-accent);box-shadow:0 2px 4px #0000004d;transition:all .2s ease}.save-section{margin-top:20px}button{font-family:"Press Start 2P",monospace;font-size:12px;width:100%;padding:15px 20px;background:linear-gradient(145deg,var(--gameboy-light-grey),var(--gameboy-grey));color:var(--gameboy-screen-darkest);border:3px solid var(--gameboy-accent);border-radius:var(--border-radius);cursor:pointer;transition:all .2s ease;text-shadow:1px 1px 0px rgba(255,255,255,.3);box-shadow:0 4px 8px var(--shadow-color),inset 0 2px 4px #ffffff4d;position:relative;overflow:hidden}button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}button:hover{background:linear-gradient(145deg,var(--gameboy-grey),var(--gameboy-dark-grey));transform:translateY(-2px);box-shadow:0 6px 12px var(--shadow-color),inset 0 2px 4px #fff6}button:hover:before{left:100%}button:active{transform:translateY(0);box-shadow:0 2px 4px var(--shadow-color),inset 0 2px 4px #0000001a}.status-indicator{position:absolute;top:15px;right:15px;width:12px;height:12px;background:#f44;border-radius:50%;box-shadow:0 0 10px #ff444480;animation:pulse 2s infinite}.status-indicator.active{background:#4f4;box-shadow:0 0 10px #44ff4480}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width: 480px){body{padding:10px}#app{padding:20px}button{font-size:10px;padding:12px 16px}}