.arcade-font{font-family:"Press Start 2P",cursive}.gb-shell{background:linear-gradient(145deg,#d1d1d1,#adadad);border-radius:10px 10px 60px;padding:20px;box-shadow:inset 0 0 0 5px #0000000f,5px 5px 15px #0000004d,-2px -2px 5px #ffffffb3 inset,0 1px 2px #00000026;width:300px;height:500px;display:flex;flex-direction:column;position:relative}.gb-top-bar{text-align:center;margin-bottom:10px;color:#4a4a4a;font-size:.55rem;letter-spacing:.8px;font-weight:700}.gb-screen-area{background-color:#708090;border-radius:8px 8px 40px;padding:10px;box-shadow:inset 2px 2px 5px #0006;margin-bottom:20px}.gb-screen-border{background-color:#202020;padding:5px;border-radius:4px}.gb-screen{background-color:#9bbc0f;color:#0f380f;padding:10px;height:180px;background-image:repeating-linear-gradient(0deg,rgba(0,0,0,.08),rgba(0,0,0,.08) 1px,transparent 1px,transparent 2px);scrollbar-width:none;-ms-overflow-style:none;overflow-y:auto}.gb-screen::-webkit-scrollbar{display:none}.gb-power-led{width:7px;height:7px;background-color:#e60000;border-radius:50%;position:absolute;top:12px;left:-22px;border:1px solid rgba(0,0,0,.4);box-shadow:0 0 4px red,inset 0 0 1px #fff}.gb-screen h1{color:#0f380f;margin-bottom:12px}.gb-shell .menu-item-container.selected>a{background-color:#0f380f4d;color:#000;border-color:#0f380f}.gb-shell .menu-item-container.selected>a:before{content:">";position:absolute;left:2px;color:#0f380f}.gb-shell .menu-item-container a{position:relative;padding-left:18px!important}.gb-shell .menu-item-container a:hover,.gb-shell .menu-item-container a:focus{background-color:#0f380f33;color:#000}.gb-shell .menu-item-container a:focus{outline:none}.gb-brand{text-align:center;margin-bottom:20px;color:#5a2a5a;font-size:1.1rem;font-weight:700;letter-spacing:-.5px}.gb-brand span{font-family:Arial Black,Gadget,sans-serif;font-style:italic;color:#400040}.gb-controls-area{display:flex;justify-content:space-between;align-items:center;padding:0 15px;margin-bottom:25px}.gb-dpad{width:75px;height:75px;position:relative}.gb-dpad .dpad-center{width:25px;height:25px;background:#282828;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 1px 1px 2px #0009,0 0 1px #fff3;border:1px solid #1a1a1a}.gb-dpad .dpad-arm{position:absolute;background:#383838;border:1px solid #202020;box-shadow:0 2px 2px #0000004d,inset 0 1px #ffffff1a,inset 0 -1px #0003;display:flex;align-items:center;justify-content:center}.gb-dpad .dpad-up{width:23px;height:30px;top:0;left:50%;transform:translate(-50%);border-radius:8px 8px 3px 3px}.gb-dpad .dpad-down{width:23px;height:30px;bottom:0;left:50%;transform:translate(-50%);border-radius:3px 3px 8px 8px}.gb-dpad .dpad-left{width:30px;height:23px;left:0;top:50%;transform:translateY(-50%);border-radius:8px 3px 3px 8px}.gb-dpad .dpad-right{width:30px;height:23px;right:0;top:50%;transform:translateY(-50%);border-radius:3px 8px 8px 3px}.gb-dpad .dpad-arm:after{content:"";display:block;width:0;height:0;border-style:solid;opacity:.3}.gb-dpad .dpad-up:after{border-width:0 5px 5px 5px;border-color:transparent transparent #111 transparent;margin-top:-3px}.gb-dpad .dpad-down:after{border-width:5px 5px 0 5px;border-color:#111 transparent transparent transparent;margin-bottom:-3px}.gb-dpad .dpad-left:after{border-width:5px 5px 5px 0;border-color:transparent #111 transparent transparent;margin-left:-3px}.gb-dpad .dpad-right:after{border-width:5px 0 5px 5px;border-color:transparent transparent transparent #111;margin-right:-3px}.gb-action-buttons{display:flex;gap:20px;align-items:center}.gb-button{width:45px;height:45px;border-radius:50%;background:#a00030;color:#fff;display:flex;justify-content:center;align-items:center;font-size:1.1rem;font-weight:700;border:2px solid #700020;box-shadow:1px 1px 3px #0000004d,inset 0 0 2px #ffffff4d;transform:rotate(-25deg)}.gb-button.gb-button-b{margin-top:10px;margin-left:-10px}.gb-start-select-area{display:flex;justify-content:center;gap:15px;margin-bottom:20px}.gb-button-small{background:#505050;color:#e0e0e0;border:none;padding:5px 12px;border-radius:10px;font-size:.6rem;font-weight:700;letter-spacing:.5px;box-shadow:1px 1px 2px #0003;transform:rotate(-25deg)}.gb-speaker{display:grid;grid-template-columns:repeat(6,3px);grid-template-rows:repeat(6,3px);gap:2px;position:absolute;bottom:20px;right:25px;transform:rotate(-25deg)}.gb-speaker .speaker-line{width:3px;height:3px;background-color:#00000059;border-radius:50%;box-shadow:inset .5px .5px 1px #0000004d}@media (max-width: 480px){.gb-shell{width:90vw;height:auto;aspect-ratio:3/5;padding:15px}.gb-screen{height:35%}}@media (max-width: 400px){.gb-shell{width:90vw;height:auto;aspect-ratio:3/5;padding:10px}.gb-screen{height:30%}.gb-dpad{width:65px;height:65px}.gb-dpad .dpad-center{width:22px;height:22px}.gb-dpad .dpad-up,.gb-dpad .dpad-down{width:20px;height:26px}.gb-dpad .dpad-left,.gb-dpad .dpad-right{width:26px;height:20px}.gb-action-buttons{gap:18px}.gb-button{width:42px;height:42px;font-size:1rem}.gb-button-small{padding:4px 10px;font-size:.5rem}.gb-speaker{grid-template-columns:repeat(5,2.5px);grid-template-rows:repeat(5,2.5px);gap:1.5px}.gb-speaker .speaker-line{width:2.5px;height:2.5px}}