*{margin:0;box-sizing:border-box}body{background-color:#2d2d2d}.App{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center}.Gameboy{width:400px;height:650px;background-color:#bbb2a7;border-radius:30px 30px 100px;position:relative;border:8px solid #a9a298;color:#393060;font-family:sans-serif;font-size:16px;overflow:hidden;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;user-select:none}.corner{width:40px;border:4px solid #a9a298}.top{border-bottom:8px solid #a9a298;display:flex;justify-content:space-between;height:40px}.bottom{display:flex;justify-content:center}.screen{width:320px;height:220px;background-color:#7d726c;border:2px solid rgb(95,95,95);border-radius:20px 20px 60px;margin:0 auto;position:relative;display:flex;justify-content:center;align-items:center}.screen p{color:#bbb2a7}.screen .text{position:absolute;top:0;font-size:.7rem}.display{width:220px;height:160px;background-color:#989f16;border:2px solid rgb(95,95,95);border-radius:8px}.btns-top{display:flex;justify-content:space-between;padding-left:1.6em}.btns-action{background-color:#bbb2a7;display:flex;gap:1.2em;width:fit-content;padding:.6em;position:relative}.btns-action button{background-color:#c02465;width:50px;height:50px;box-shadow:4px 4px #951c4e;transition:transform .2s,box-shadow .2s;border:none;border-radius:50%}.btns-action button:active{transform:translateY(4px) translate(4px);box-shadow:0 0 #c02465}.btns-action p{position:absolute}.btns-bottom{display:flex;justify-content:center}.btns-bottom button{background-color:#948682;border:1px solid #a9a298;width:50px;height:15px;box-shadow:4px 4px #7a6d69;border-radius:8px;transition:transform .2s,box-shadow .2s;border:none}.btns-bottom button:active{transform:translateY(4px) translate(4px);box-shadow:0 0 #948682}.battery{position:absolute;left:0;font-size:.5rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.4em;margin-left:.6em}.battery-led{background-color:#b01515;border-radius:50%;width:12px;height:12px;border:1px solid rgb(95,95,95)}.active{background-color:red}button{cursor:pointer}.slant{transform:rotate(-30deg)}.speaker{display:flex;gap:.8em;position:absolute;right:0;bottom:0}.speaker-slot{height:70px;width:10px;background-color:#948682;border-radius:8px}.dpad{background-color:#bbb2a7;border-radius:50%;width:100px;height:100px}.dpad .dpad-btn>*{color:#000;font-size:1.3rem}.btn-mute,.btn-power{border:2px solid #a9a298;background-color:#a59b94;color:#bbb2a7;border-radius:8px;font-size:.7rem}.dpad{grid-area:dpad;display:grid;gap:0;margin:0;padding:0;justify-content:center;align-content:center;grid-template-rows:auto;grid-template-areas:".        up    .    " "left   base right  " ".      down    .  "}.dpad-btn{background-color:#241f1e;height:30px;width:30px;display:flex;justify-content:center;align-items:center;box-shadow:4px 4px #080707;border-radius:8px;transition:transform .2s,box-shadow .2s;border:none}.dpad-btn:active{transform:translateY(4px) translate(4px);box-shadow:0 0 #241f1e}.dpad-base{background-color:#241f1e;height:30px;width:30px;grid-area:base;cursor:pointer}.btn-up{grid-area:up;border-bottom:none}.btn-right{grid-area:right;border-left:none}.btn-down{grid-area:down;border-top:none}.btn-left{grid-area:left;border-right:none}.btn-right>*{transform:rotate(90deg)}.btn-left>*{transform:rotate(-90deg)}@media screen and (max-width: 500px){.App{align-items:flex-start;height:fit-content;overflow:hidden}.Gameboy{width:100%;border-radius:30px 30px 100px}}.analog-btn{box-shadow:4px 4px #55143b;border-radius:8px;transition:transform .2s,box-shadow .2s;border:none;cursor:pointer}.analog-btn:active{transform:translateY(4px) translate(4px);box-shadow:0 0 #7f1d58}