*{margin:0;padding:0;box-sizing:border-box}body{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#8a6d3b,#5d4037);font-family:Orbitron,sans-serif;padding:20px}.container{perspective:1000px}.calculator{width:320px;background:silver;border-radius:10px;box-shadow:0 10px 20px #00000080,inset 0 1px #ffffff80,inset 0 -5px #0000004d;padding:20px;position:relative;transform-style:preserve-3d;animation:calculator-appear .8s ease-out;border:2px solid #808080}@keyframes calculator-appear{0%{opacity:0;transform:translateY(50px) rotateX(-15deg)}to{opacity:1;transform:translateY(0) rotateX(0)}}.brand{display:flex;justify-content:space-between;margin-bottom:10px;padding:0 5px}.brand-name{font-family:"Press Start 2P",cursive;font-size:.7rem;color:#333;letter-spacing:1px}.model{font-family:Orbitron,sans-serif;font-size:.6rem;color:#555}.display{background:#9ead86;color:#1a1a1a;padding:15px 10px;text-align:right;min-height:80px;display:flex;flex-direction:column;justify-content:flex-end;margin-bottom:20px;border-radius:5px;box-shadow:inset 0 0 10px #0000004d;border:2px solid #808080;font-family:Orbitron,sans-serif;position:relative;overflow:hidden}.display:before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 0%,rgba(255,255,255,.1) 100%);pointer-events:none}.previous-operand{font-size:.9rem;color:#444;min-height:18px;margin-bottom:5px;overflow:hidden;text-overflow:ellipsis}.current-operand{font-size:1.8rem;font-weight:700;overflow:hidden;text-overflow:ellipsis}.buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:15px}.btn{border:none;padding:15px 5px;font-size:1.2rem;background:linear-gradient(to bottom,#e0e0e0,#b0b0b0);color:#333;cursor:pointer;border-radius:5px;box-shadow:0 4px gray,inset 0 1px #fffc;font-family:Orbitron,sans-serif;font-weight:700;transition:all .1s;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;inset:0;background:#ffffff1a;opacity:0;transition:opacity .2s}.btn:hover:before{opacity:1}.btn:active{transform:translateY(4px);box-shadow:0 0 gray,inset 0 1px #fffc}.operator{background:linear-gradient(to bottom,#ff9500,#c70);color:#fff;box-shadow:0 4px #995800,inset 0 1px #ffffff4d}.operator:active{box-shadow:0 0 #995800,inset 0 1px #ffffff4d}.equals{background:linear-gradient(to bottom,#ff9500,#c70);color:#fff;box-shadow:0 4px #995800,inset 0 1px #ffffff4d}.equals:active{box-shadow:0 0 #995800,inset 0 1px #ffffff4d}.clear,.delete{background:linear-gradient(to bottom,#a6a6a6,#868686);color:#1a1a1a;box-shadow:0 4px #666,inset 0 1px #ffffff80}.clear:active,.delete:active{box-shadow:0 0 #666,inset 0 1px #ffffff80}.zero{grid-column:span 2}.solar-panel{display:flex;justify-content:space-between;height:20px;background:linear-gradient(135deg,#3a5c7a,#2c3e50);border-radius:3px;padding:3px;box-shadow:inset 0 0 5px #00000080;margin-top:10px}.solar-cell{flex:1;background:linear-gradient(135deg,#4a6c8a,#3c5e7a);margin:0 2px;border-radius:2px;box-shadow:inset 0 0 3px #0000004d}@keyframes button-press{0%{transform:scale(1) translateY(0)}50%{transform:scale(.95) translateY(4px)}to{transform:scale(1) translateY(0)}}.btn.pressed{animation:button-press .2s ease}@keyframes display-update{0%{opacity:.7}to{opacity:1}}.display-update{animation:display-update .3s ease}.display:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.03) 0px,rgba(0,0,0,.03) 1px,transparent 1px,transparent 2px);pointer-events:none}@media(max-width:400px){.calculator{width:100%;max-width:320px}.btn{padding:12px 5px}}