:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.outer-shell{display:flex}.outer-left-red-shell{background-color:#f44336;border-radius:10px 0 0 10px;height:650px;width:400px;border:5px solid black;border-right:none}.top-section{background-color:#ff2f2f;height:110px;width:100%;display:flex;position:relative}.camera{width:4rem;height:4rem;background-color:#00aeff;border:6px solid white;border-radius:50%;margin-left:10px;margin-top:10px}.camera{width:4rem;height:4rem;background-color:#00aeff;border:6px solid white;border-radius:50%;margin-left:10px;margin-top:10px;box-shadow:4px 4px 8px #0003,-4px -4px 8px #fff6;background:radial-gradient(circle,#00aeff 30%,#007cb3 70%)}.light-container{display:flex;margin:8px;height:2.2rem}.circle-light{width:1.2rem;height:1.2rem;border-radius:50%;border:3px solid black;margin-left:.3rem}.right-indentation{background-color:#d41616;height:3.8rem;width:13rem;position:absolute;bottom:-1px;right:0;clip-path:polygon(20% 0,100% 0,100% 100%,0 100%)}.bottom-section{background-color:#d41616;height:140px;width:100%;display:flex}.button-container{display:flex;align-items:center;height:50px}.circle-button{width:2.4rem;height:2.4rem;border-radius:50%;margin-left:10px;background-color:#292323}.circle-button{width:2.4rem;height:2.4rem;border-radius:50%;margin-left:10px;background-color:#292323;box-shadow:3px 3px 6px #0000004d,-3px -3px 6px #ffffff4d;transition:box-shadow .3s ease,transform .3s ease}.circle-button:hover{box-shadow:5px 5px 10px #0006,-5px -5px 10px #fff6;transform:translateY(-3px)}.oval-button{width:3rem;height:.4rem;border-radius:20px;border:solid 2px black;margin-left:10px}.green-screen{background-color:#448c44;height:3.5rem;width:8rem;border:2px solid black;border-radius:10px;margin-left:3rem}.dpad{height:6rem;width:6rem;display:flex;flex-direction:column;margin-left:5rem;margin-top:1rem}.top-dpad,.middle-dpad,.bottom-dpad{display:flex;justify-content:center;align-items:center;height:2rem;border-radius:5px;cursor:pointer}.middle-dpad{width:6rem;height:2rem;background-color:#1f1e1e;display:flex}.dpad-arrow{width:2rem;height:2rem;background-color:#1f1e1e;display:flex;justify-content:center;align-items:center}.dpad-center-div{background-color:#1f1e1e;height:2rem;width:2rem;display:flex;justify-content:center;align-items:center;border-radius:4px;box-shadow:0 0 5px #00000080}.nested-dpad-button{background-color:#1f1e1e;height:2rem;width:2rem;display:flex;justify-content:center;align-items:center}.triangle-up{width:0;height:0;border-left:11px solid transparent;border-right:11px solid transparent;border-bottom:13px solid rgba(0,0,0,.381);filter:drop-shadow(0 0 4px rgba(255,255,255,.274))}.triangle-down{width:0;height:0;border-left:11px solid transparent;border-right:11px solid transparent;border-top:13px solid rgba(0,0,0,.381);filter:drop-shadow(0 0 4px rgba(255,255,255,.274))}.triangle-right{width:0;height:0;border-top:11px solid transparent;border-bottom:11px solid transparent;border-left:13px solid rgba(0,0,0,.381);filter:drop-shadow(0 0 4px rgba(255,255,255,.274))}.triangle-left{width:0;height:0;border-top:11px solid transparent;border-bottom:11px solid transparent;border-right:13px solid rgba(0,0,0,.381);filter:drop-shadow(0 0 4px rgba(255,255,255,.274))}.dpad-enter-button{background-color:#00000080;width:1.3rem;height:1.3rem;border-radius:50%;box-shadow:0 0 4px #ffffff63}.middle-section{background-color:#d41616;height:400px;width:100%;display:flex;justify-content:center}.screen-container{width:22rem;height:24.3rem;background-color:#d0c8d1;margin-top:1rem;border-radius:7px;clip-path:polygon(0 0,100% 0,100% 100%,10% 100%,0 90%);align-items:center;display:grid;place-items:center;row-gap:1rem}.red-lights-container{display:flex;justify-content:center;margin-top:5px}.red-light{background-color:red;width:.5rem;height:.5rem;border-radius:50%;margin-left:7px;margin-right:7px}.screen{background-color:#91eafe;height:17rem;width:18rem;border-radius:10px;overflow-y:auto;border:1px solid black;padding:10px;font-family:Arial,sans-serif;font-size:16px;display:block;flex-direction:column;align-items:center}#screen::-webkit-scrollbar{display:none}#screen{scrollbar-width:none}.bottom-screen-container{display:flex;background-color:#d0c8d1;width:22rem;justify-content:space-between}.bottom-screen-button{background-color:red;height:1.7rem;width:1.7rem;border-radius:50%;margin-left:2.3rem;border:solid 2px black;margin-bottom:2.7rem}.bottom-screen-button{background-color:red;height:1.7rem;width:1.7rem;border-radius:50%;margin-left:2.3rem;border:solid 2px black;margin-bottom:2.7rem;transition:all .3s ease}.bottom-screen-button:hover{box-shadow:0 4px 6px #0000004d,0 1px 3px #0000001a;transform:translateY(1px)}.pattern-lines{width:2.6rem;height:27px;background:repeating-linear-gradient(to bottom,black,black .5px,transparent 3px,transparent 8px);margin-right:1rem;margin-bottom:5px}.middle-left-red-shell{background-color:#d41616;height:650px;width:60px;border-top:5px solid black;border-bottom:5px solid black}.top-red-block{background-color:#ff2f2f;height:50px;width:100%}.red-axis{background-color:#e90d0d;height:600px;width:100%;border-radius:20px;position:relative;box-shadow:inset 0 10px 15px #0000005d,0 10px 20px #0000004d;display:flex;flex-direction:column;gap:350px}.axis-ring{border:black 6px solid;border-top:none;width:100%;margin-top:60px;margin-bottom:60px}.red-right-cover{height:650px;width:400px}.red-right-cover-spacing{height:53px;width:100%}.red-right-cover-flap{height:600px;width:100%;position:relative}.left-indentation{background-color:#d41616;height:3.9rem;width:13rem;clip-path:polygon(0 0,80% 0,100% 100%,0 100%)}.red-right-cover-flap-body{height:61px;width:100%}.red-right-cover-gadgets-body{background-color:#d41616;height:540px;width:100%;border:5px solid black;border-top:none;border-left:none;display:flex;flex-direction:column;align-items:center}.black-screen{background-color:#000;color:#fff;border:2px solid black;height:120px;width:85%;margin-top:50px;border-radius:5px;padding:5px;font-size:20px;line-height:1.5;resize:none;overflow-y:auto;white-space:pre-wrap;word-wrap:break-word}.black-screen::-webkit-scrollbar{display:none}.black-screen{scrollbar-width:none}.blue-button-container{background-color:#292323;height:120px;width:85%;margin-top:15px;border:2px solid black;display:grid;grid-template-columns:repeat(5,1fr)}.blue-button{background-color:#4bcdf8;border:2px solid black;box-shadow:0 6px 12px #0003,0 3px 6px #0000001a;transition:transform .1s,box-shadow .1s;display:flex;justify-content:center;align-items:center;height:60px;overflow:hidden;cursor:pointer}.blue-button span{opacity:0;visibility:hidden;transition:opacity .1s ease-in-out,visibility .1s ease-in-out}.blue-button:hover span{opacity:1;visibility:visible}.blue-button:hover{box-shadow:0 2px 4px #0000004d,0 1px 2px #00000026;transform:translateY(2px)}.misc-container{height:120px;width:85%;margin-top:10px;display:flex}.gray-button-container{display:flex;height:50%;width:40%;background-color:#292323;border:2px solid black;margin-top:20px}.gray-button{background-color:#bababa;border:2px solid black;height:100%;width:100%;box-shadow:0 6px 12px #0003,0 3px 6px #0000001a;transition:transform .1s,box-shadow .1s;display:flex;justify-content:center;align-items:center;position:relative;cursor:pointer;overflow:hidden}.gray-button span{opacity:0;visibility:hidden;transition:opacity .1s ease-in-out,visibility .1s ease-in-out}.black-buttons-yellow-button{height:60%;width:30%;position:relative;margin-left:30%}.yellow-button{background-color:#e8e860;height:30px;width:30px;border-radius:50%;border:2px solid black;position:absolute;bottom:0;right:0;box-shadow:0 4px 6px #0000001a,0 1px 3px #00000014;transition:all .2s ease;display:flex;justify-content:center;align-items:center}.yellow-button:hover{transform:translateY(2px);box-shadow:0 2px 4px #0003,0 1px 3px #0000001f}.yellow-button span{opacity:0;visibility:hidden;transition:opacity .3s ease-in-out,visibility .3s ease-in-out}.yellow-button:hover span{opacity:1;visibility:visible}.black-speakers-container{height:80px;width:85%;display:flex;justify-content:space-between}.black-speaker{background-color:#000;height:60px;width:45%;border-radius:10px}.gray-button{background-color:#bababa;border:2px solid black;box-shadow:0 6px 12px #0003,0 3px 6px #0000001a;transition:transform .1s,box-shadow .1s;display:flex;justify-content:center;align-items:center;height:60px;overflow:hidden;cursor:pointer}.gray-button span{opacity:0;visibility:hidden;transition:opacity .3s ease-in-out,visibility .3s ease-in-out}.gray-button:hover span{opacity:1;visibility:visible}.gray-button:hover{box-shadow:0 2px 4px #0000004d,0 1px 2px #00000026;transform:translateY(2px)}body{display:flex;justify-content:center;align-items:center}