.control-container{position:absolute;height:100%;width:100%;z-index:50;display:flex;flex-direction:column;justify-content:flex-end;pointer-events:none;gap:2rem;right:-100%;bottom:-15%;transition:1s ease-in-out all}.control-container.active{right:0}.control-container.updating{right:0;bottom:25%}.Joypad{height:35%;aspect-ratio:4.8/2;align-self:center;z-index:100;background-color:#b5afa0;padding:4rem 3.5rem 3.5rem;box-shadow:inset 4px 4px #ffffffb3,inset -4px -4px #00000059,6px 6px #000,8px 8px #555;background-image:repeating-linear-gradient(0deg,transparent 0px,transparent 3px,rgba(0,0,0,.12) 3px,rgba(0,0,0,.12) 6px);pointer-events:all;transition:all ease-in-out 1.2s}.update-panel{width:52%;min-height:13%;height:fit-content;border-radius:10px;background-color:#ffedd8;align-self:center;opacity:0;transition:1s ease opacity}.view-1{height:100%;width:100%;display:flex;align-items:center;justify-content:center}.view-1 h1{font-size:2rem;text-align:center}.view-2{height:100%;width:100%;display:flex;padding:1rem;align-items:center;flex-direction:column;gap:.3rem}.update-text{font-size:2.4rem;white-space:no-wrap;width:100%;padding-bottom:0rem;text-align:center;margin-bottom:0rem}.update-deco-line{width:80%;border-bottom:5px solid burlywood}.show-cont{width:100%;height:fit-content;display:flex;flex-direction:row;align-items:center;justify-content:center;min-height:60%;gap:10%}#show-key{height:100%;display:flex;flex-direction:column;justify-content:center}#show-action{font-size:2.3rem;height:100%;width:100%;display:flex;align-items:center;justify-content:center;color:#a06a28;gap:5rem}#show-action span{font-size:inherit}.show-key{color:var(--goodred);background-repeat:no-repeat;display:flex;align-self:center;justify-content:center}.key-missing{filter:sepia(1) saturate(3) hue-rotate(300deg) brightness(.9);animation:flashMissing .8s infinite}@keyframes flashMissing{0%,to{opacity:1}50%{opacity:.3}}.update-panel.active{opacity:100%}.update-corners,.update-corners--wrapper{clip-path:polygon(0px calc(100% - 20px),4px calc(100% - 20px),4px calc(100% - 12px),8px calc(100% - 12px),8px calc(100% - 8px),12px calc(100% - 8px),12px calc(100% - 4px),20px calc(100% - 4px),20px 100%,calc(100% - 20px) 100%,calc(100% - 20px) calc(100% - 4px),calc(100% - 12px) calc(100% - 4px),calc(100% - 12px) calc(100% - 8px),calc(100% - 8px) calc(100% - 8px),calc(100% - 8px) calc(100% - 12px),calc(100% - 4px) calc(100% - 12px),calc(100% - 4px) calc(100% - 20px),100% calc(100% - 20px),100% 20px,calc(100% - 4px) 20px,calc(100% - 4px) 12px,calc(100% - 8px) 12px,calc(100% - 8px) 8px,calc(100% - 12px) 8px,calc(100% - 12px) 4px,calc(100% - 20px) 4px,calc(100% - 20px) 0px,20px 0px,20px 4px,12px 4px,12px 8px,8px 8px,8px 12px,4px 12px,4px 20px,0px 20px);position:relative}.update-corners{border:8px solid transparent}.update-corners--wrapper{width:fit-content;height:fit-content}.update-corners--wrapper .pixel-corners{display:block;clip-path:polygon(8px 24px,12px 24px,12px 16px,16px 16px,16px 12px,24px 12px,24px 8px,calc(100% - 24px) 8px,calc(100% - 24px) 12px,calc(100% - 16px) 12px,calc(100% - 16px) 16px,calc(100% - 12px) 16px,calc(100% - 12px) 24px,calc(100% - 8px) 24px,calc(100% - 8px) calc(100% - 24px),calc(100% - 12px) calc(100% - 24px),calc(100% - 12px) calc(100% - 16px),calc(100% - 16px) calc(100% - 16px),calc(100% - 16px) calc(100% - 12px),calc(100% - 24px) calc(100% - 12px),calc(100% - 24px) calc(100% - 8px),24px calc(100% - 8px),24px calc(100% - 12px),16px calc(100% - 12px),16px calc(100% - 16px),12px calc(100% - 16px),12px calc(100% - 24px),8px calc(100% - 24px))}.update-corners:after,.update-corners--wrapper:after{content:"";position:absolute;clip-path:polygon(0px calc(100% - 20px),4px calc(100% - 20px),4px calc(100% - 12px),8px calc(100% - 12px),8px calc(100% - 8px),12px calc(100% - 8px),12px calc(100% - 4px),20px calc(100% - 4px),20px 100%,calc(100% - 20px) 100%,calc(100% - 20px) calc(100% - 4px),calc(100% - 12px) calc(100% - 4px),calc(100% - 12px) calc(100% - 8px),calc(100% - 8px) calc(100% - 8px),calc(100% - 8px) calc(100% - 12px),calc(100% - 4px) calc(100% - 12px),calc(100% - 4px) calc(100% - 20px),100% calc(100% - 20px),100% 20px,calc(100% - 4px) 20px,calc(100% - 4px) 12px,calc(100% - 8px) 12px,calc(100% - 8px) 8px,calc(100% - 12px) 8px,calc(100% - 12px) 4px,calc(100% - 20px) 4px,calc(100% - 20px) 0px,20px 0px,20px 4px,12px 4px,12px 8px,8px 8px,8px 12px,4px 12px,4px 20px,0px 20px,0px 50%,8px 50%,8px 24px,12px 24px,12px 16px,16px 16px,16px 12px,24px 12px,24px 8px,calc(100% - 24px) 8px,calc(100% - 24px) 12px,calc(100% - 16px) 12px,calc(100% - 16px) 16px,calc(100% - 12px) 16px,calc(100% - 12px) 24px,calc(100% - 8px) 24px,calc(100% - 8px) calc(100% - 24px),calc(100% - 12px) calc(100% - 24px),calc(100% - 12px) calc(100% - 16px),calc(100% - 16px) calc(100% - 16px),calc(100% - 16px) calc(100% - 12px),calc(100% - 24px) calc(100% - 12px),calc(100% - 24px) calc(100% - 8px),24px calc(100% - 8px),24px calc(100% - 12px),16px calc(100% - 12px),16px calc(100% - 16px),12px calc(100% - 16px),12px calc(100% - 24px),8px calc(100% - 24px),8px 50%,0px 50%);inset:0;background:#5f374b;display:block;pointer-events:none}.update-corners:after{margin:-8px}.Joypad.active{transform:translate(0) translateY(42%)}.Joypad.centered{display:block;align-self:center}.Joypad-inner{height:100%;width:100%;background-color:#4a4845;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='13' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.2'/%3E%3C/svg%3E");border-radius:7px;display:flex;flex-direction:row}.control-section{height:100%;width:30%;position:relative;display:flex;flex-direction:column}.decoration{width:100%;height:70%;display:flex;flex-direction:column;align-items:center;align-self:center;justify-content:space-evenly}.decobox{width:100%;height:22%;background-color:#7c726a;border-radius:7px}.control-buttons{height:25%;background-color:#bab7b0;border-radius:10px;width:100%;display:flex;justify-content:center;align-items:center}#control-update{display:flex;flex-direction:column;text-align:center;align-items:center;justify-content:center;font-size:1.8rem;border:#8c1f1c 6px solid;height:30%;background-color:#6b6664;color:#000;cursor:pointer;user-select:none;box-shadow:0 6px #54100e;transform:translateY(0);transition:transform .05s ease,box-shadow .05s ease}#control-update:hover{filter:brightness(1.2)}#control-update:active{box-shadow:0 2px #54100e;transform:translateY(4px)}.control-buttons-inner{width:95%;height:82%;border-radius:10px;background-color:#c8c3b8a3;border:5px #8C867C solid;display:flex;flex-direction:row;padding:1.2rem 2rem;justify-content:space-between}.control-button{width:40%;border:none;height:100%;background-color:#3b3835;border-radius:20px;box-shadow:inset 2px 2px #fff3,3px 3px #00000080;transition:all .05s ease}#control-label{display:flex;flex-direction:row;justify-content:space-around;align-items:center}#control-label span{font-size:2rem;color:#8c1f1c}.control-button:hover{background-color:#4f4b47}.control-button.active,.control-button:active{box-shadow:inset 3px 3px #0006;transform:translateY(1px) translate(1px)}.main-section{height:100%;width:35%;display:flex;flex-direction:column;justify-content:space-between;padding:2%}.main-text{height:40%;width:100%;text-align:center;font-size:20px;padding-top:20%;color:#c0302a}.main-buttons{height:40%;width:100%;align-items:center;display:flex;flex-direction:row;padding:7rem 1.6rem 1.6rem;justify-content:space-between}.main-button-cont{width:40%;aspect-ratio:1/1;border-radius:8px;background-color:#b1aca2;display:flex;align-items:center;justify-content:center}.main-button-cont button{height:80%;width:80%;border-radius:50%;background-color:red;border:4px solid #8c1f1c;font-size:16px;color:#000;font-family:"Press Start 2P",monospace;cursor:pointer;box-shadow:inset -4px -4px #0003,inset 4px 4px #fff6;transition:all .05s ease}.main-button-cont button:hover{background-color:#f33;transform:translate(-1px,-1px)}.main-button-cont button.active,.main-button-cont button:active{box-shadow:inset 6px 6px #0006,0 0 #0000}.movement-section{height:100%;width:35%;display:flex;align-items:center;flex-direction:column;justify-items:center;padding:6rem}.dpad{position:relative;width:100%;aspect-ratio:1/1}.cross-vertical{position:absolute;top:0;left:0;height:100%;width:100%;display:flex;flex-direction:row;justify-content:center}.cross-vertical-line{height:100%;width:40%;border:5px #D6D0C4 solid;border-radius:4px}.cross-horizontal{top:0;left:0;position:absolute;height:100%;width:100%;display:flex;flex-direction:column;justify-content:center}.cross-horizontal-line{width:100%;border:5px #D6D0C4 solid;height:36%;border-radius:4px}.dpad-cross{width:100%;height:100%}.dpad-main{height:100%;width:100%;position:absolute;top:0}.main-vertical{height:100%;position:absolute;width:100%;display:flex;justify-content:center;flex-direction:row;align-items:center;z-index:2;pointer-events:none}.main-vertical-line{background-color:#000;width:calc(40% - 8px);height:calc(100% - 8px);z-index:1;display:flex;flex-direction:column;justify-content:space-between;pointer-events:all}.main-horizontal{position:absolute;width:100%;height:100%;display:flex;justify-content:center;flex-direction:column;align-items:center;z-index:1}.main-horizontal-line{background-color:transparent;height:calc(36% - 8px);width:calc(100% - 7px);z-index:1;display:flex;justify-content:space-between}.main-vertical-line button{height:34%;width:100%;background-color:#1e1d1b;cursor:pointer;position:relative;transition:background 80ms,filter 80ms;display:flex;align-items:center;justify-content:center;transition:box-shadow 60ms,background-color 60ms}.main-horizontal-line button{height:100%;width:32%;background-color:#1e1d1b;cursor:pointer;position:relative;transition:background 80ms,filter 80ms;display:flex;align-items:center;justify-content:center;transition:box-shadow 60ms,background-color 60ms;border:none}#dpad-up{box-shadow:inset 0 3px #3d3b38,inset 3px 0 #3d3b38,inset -3px 0 #3d3b38,inset 0 -3px #111}#dpad-down{box-shadow:inset 0 -3px #3d3b38,inset 3px 0 #3d3b38,inset -3px 0 #3d3b38,inset 0 3px #111}#dpad-left{box-shadow:inset 3px 0 #3d3b38,inset 0 3px #3d3b38,inset 0 -3px #3d3b38,inset -3px 0 #111}#dpad-right{border:none;box-shadow:inset -3px 0 #3d3b38,inset 0 3px #3d3b38,inset 0 -3px #3d3b38,inset 3px 0 #111}.dpad-up:after{content:"";border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:9px solid #8C867C}.main-vertical-line button:last-child:after{content:"";border-left:7px solid transparent;border-right:7px solid transparent;border-top:9px solid #8C867C}.main-horizontal-line button:first-child:after{content:"";border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:9px solid #8C867C}.main-horizontal-line button:last-child:after{content:"";border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:9px solid #8C867C}#dpad-up.active{background-color:#171615;box-shadow:inset 0 2px #111,inset 2px 0 #111,inset -2px 0 #111,inset 0 -2px #3d3b38}#dpad-down.active{background-color:#171615;box-shadow:inset 0 -2px #111,inset 2px 0 #111,inset -2px 0 #111,inset 0 2px #3d3b38}#dpad-left.active{background-color:#171615;box-shadow:inset 2px 0 #111,inset 0 2px #111,inset 0 -2px #111,inset -2px 0 #3d3b38}#dpad-right.active{background-color:#171615;box-shadow:inset -2px 0 #111,inset 0 2px #111,inset 0 -2px #111,inset 2px 0 #3d3b38}#dpad-up:active{background-color:#171615;box-shadow:inset 0 2px #111,inset 2px 0 #111,inset -2px 0 #111,inset 0 -2px #3d3b38}#dpad-down:active{background-color:#171615;box-shadow:inset 0 -2px #111,inset 2px 0 #111,inset -2px 0 #111,inset 0 2px #3d3b38}#dpad-left:active{background-color:#171615;box-shadow:inset 2px 0 #111,inset 0 2px #111,inset 0 -2px #111,inset -2px 0 #3d3b38}#dpad-right:active{background-color:#171615;box-shadow:inset -2px 0 #111,inset 0 2px #111,inset 0 -2px #111,inset 2px 0 #3d3b38}#dpad-up:active:after{transform:translateY(1px);opacity:.6}#dpad-down:active:after{transform:translateY(-1px);opacity:.6}#dpad-left:active:after{transform:translate(1px);opacity:.6}#dpad-right:active:after{transform:translate(-1px);opacity:.6}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Pixelify Sans,monospace;-webkit-font-smoothing:none;display:flex;flex-direction:column;overflow:hidden;font-smooth:never;background-color:#545235;background-image:repeating-linear-gradient(90deg,transparent,rgba(229,228,237,.08) 14px,transparent 16px,rgba(229,228,237,.08) 19px)}.screen-items{height:100vh;width:100vw;display:flex;flex-direction:column}.main{height:80%;width:100%;padding-bottom:0%;display:flex;flex-direction:row;padding-left:2rem;padding-right:2rem;justify-content:space-around;align-items:end}.tv{display:flex;flex-direction:column;height:85%;width:fit-content}.tv-body{z-index:2;background:#c8b89a;background-image:repeating-linear-gradient(0deg,transparent 0px,transparent 3px,rgba(0,0,0,.12) 3px,rgba(0,0,0,.12) 6px),linear-gradient(to bottom,rgba(0,0,0,.3),transparent 50%),repeating-linear-gradient(92deg,transparent 0px,transparent 40px,rgba(0,0,0,.05) 40px,rgba(0,0,0,.05) 42px,transparent 42px,transparent 80px,rgba(255,255,255,.04) 80px,rgba(255,255,255,.04) 81px);box-shadow:inset 2px 2px #e8d8ba,inset -2px -2px #7a6a4a,inset 4px 4px #d4c4a0,inset -4px -4px #6a5a3a,2px 2px #4a3a1a,-2px 2px #3a3018,2px -2px #5a4a22,-2px -2px #2a2010,4px 4px #3a2a0e,-4px 4px #2a2414,4px -4px #4a3818,-4px -4px #1e1a0c,6px 6px #1a1408,-6px 6px #221c0a,6px -6px #2a2010,-6px -6px #120e06,8px 8px #0e0a04,-8px 8px #a07b32,8px -8px #160e06,-8px -8px #a59a83;image-rendering:pixelated;padding:15px;display:flex;flex-direction:row;gap:3.5rem;width:100%;height:100%}#screen{background:#000;height:100%;aspect-ratio:1/1;cursor:pointer}.knob-wrap{image-rendering:pixelated;image-rendering:crisp-edges;display:flex;flex-direction:column;align-items:center}.knob-wrap label{font-size:8px}.control-bar{flex:1;background-color:gray;background-image:repeating-linear-gradient(90deg,transparent 0px,transparent 6px,rgba(0,0,0,.1) 7px,rgba(0,0,0,.1) 9px);border-color:#000;border-style:solid;border-radius:5px;border-width:5px;padding-top:8px;display:flex;flex-direction:column;gap:.5rem;width:110px}.grill{background-color:#2a2010;flex:1;background-image:repeating-linear-gradient(0deg,transparent,transparent 10px,rgb(1,1,1,.2) 12px,rgb(1,1,4) 14px)}.legRow{margin-top:-.5rem;height:4rem;display:flex;flex-direction:row;justify-content:space-between;width:80%;align-self:center}.leg{height:100%;width:18%;background-color:#978a74;background-image:repeating-linear-gradient(180deg,transparent 0px,transparent 6px,rgba(0,0,0,.12) 6px,rgba(0,0,0,.12) 7px);image-rendering:pixelated;box-shadow:inset 3px 0 #a09080,- inset -3px 0 0 #1a1408,inset 0 -4px #0e0a04;clip-path:polygon(5% 0%,95% 0%,100% 100%,0% 100%)}.pixel-corners{clip-path:polygon(0px calc(100% - 24px),6px calc(100% - 24px),6px calc(100% - 12px),12px calc(100% - 12px),12px calc(100% - 6px),24px calc(100% - 6px),24px 100%,calc(100% - 24px) 100%,calc(100% - 24px) calc(100% - 6px),calc(100% - 12px) calc(100% - 6px),calc(100% - 12px) calc(100% - 12px),calc(100% - 6px) calc(100% - 12px),calc(100% - 6px) calc(100% - 24px),100% calc(100% - 24px),100% 24px,calc(100% - 6px) 24px,calc(100% - 6px) 12px,calc(100% - 12px) 12px,calc(100% - 12px) 6px,calc(100% - 24px) 6px,calc(100% - 24px) 0px,24px 0px,24px 6px,12px 6px,12px 12px,6px 12px,6px 24px,0px 24px)}.control-corners,.control-corners--wrapper{clip-path:polygon(0px calc(100% - 12px),6px calc(100% - 12px),6px calc(100% - 6px),12px calc(100% - 6px),12px 100%,calc(100% - 12px) 100%,calc(100% - 12px) calc(100% - 6px),calc(100% - 6px) calc(100% - 6px),calc(100% - 6px) calc(100% - 12px),100% calc(100% - 12px),100% 12px,calc(100% - 6px) 12px,calc(100% - 6px) 6px,calc(100% - 12px) 6px,calc(100% - 12px) 0px,12px 0px,12px 6px,6px 6px,6px 12px,0px 12px);position:relative}.control-corners{border:12px solid transparent}.control-corners--wrapper{width:fit-content;height:fit-content}.control-corners--wrapper .pixel-corners{display:block;clip-path:polygon(12px 18px,18px 18px,18px 12px,calc(100% - 18px) 12px,calc(100% - 18px) 18px,calc(100% - 12px) 18px,calc(100% - 12px) calc(100% - 18px),calc(100% - 18px) calc(100% - 18px),calc(100% - 18px) calc(100% - 12px),18px calc(100% - 12px),18px calc(100% - 18px),12px calc(100% - 18px))}.control-corners:after,.control-corners--wrapper:after{content:"";position:absolute;clip-path:polygon(0px calc(100% - 12px),6px calc(100% - 12px),6px calc(100% - 6px),12px calc(100% - 6px),12px 100%,calc(100% - 12px) 100%,calc(100% - 12px) calc(100% - 6px),calc(100% - 6px) calc(100% - 6px),calc(100% - 6px) calc(100% - 12px),100% calc(100% - 12px),100% 12px,calc(100% - 6px) 12px,calc(100% - 6px) 6px,calc(100% - 12px) 6px,calc(100% - 12px) 0px,12px 0px,12px 6px,6px 6px,6px 12px,0px 12px,0px 50%,12px 50%,12px 18px,18px 18px,18px 12px,calc(100% - 18px) 12px,calc(100% - 18px) 18px,calc(100% - 12px) 18px,calc(100% - 12px) calc(100% - 18px),calc(100% - 18px) calc(100% - 18px),calc(100% - 18px) calc(100% - 12px),18px calc(100% - 12px),18px calc(100% - 18px),12px calc(100% - 18px),12px 50%,0px 50%);inset:0;background:#030202;display:block;pointer-events:none}.control-corners:after{margin:-12px}.tv-corners,.tv-corners--wrapper{clip-path:polygon(0px calc(100% - 12px),4px calc(100% - 12px),4px calc(100% - 8px),8px calc(100% - 4px),12px calc(100% - 4px),12px 100%,calc(100% - 12px) 100%,calc(100% - 12px) calc(100% - 4px),calc(100% - 8px) calc(100% - 4px),calc(100% - 4px) calc(100% - 8px),calc(100% - 4px) calc(100% - 12px),100% calc(100% - 12px),100% 12px,calc(100% - 4px) 12px,calc(100% - 4px) 8px,calc(100% - 8px) 4px,calc(100% - 12px) 4px,calc(100% - 12px) 0px,12px 0px,12px 4px,8px 4px,4px 8px,4px 12px,0px 12px);position:relative}.tv-corners{border:16px solid transparent}.tv-corners--wrapper{width:fit-content;height:100%}.tv-corners--wrapper .pixel-corners{display:block;clip-path:polygon(16px 20px,20px 20px,20px 16px,calc(100% - 20px) 16px,calc(100% - 20px) 20px,calc(100% - 16px) 20px,calc(100% - 16px) calc(100% - 20px),calc(100% - 20px) calc(100% - 20px),calc(100% - 20px) calc(100% - 16px),20px calc(100% - 16px),20px calc(100% - 20px),16px calc(100% - 20px))}.tv-corners:after,.tv-corners--wrapper:after{content:"";position:absolute;clip-path:polygon(0px calc(100% - 12px),4px calc(100% - 12px),4px calc(100% - 8px),8px calc(100% - 4px),12px calc(100% - 4px),12px 100%,calc(100% - 12px) 100%,calc(100% - 12px) calc(100% - 4px),calc(100% - 8px) calc(100% - 4px),calc(100% - 4px) calc(100% - 8px),calc(100% - 4px) calc(100% - 12px),100% calc(100% - 12px),100% 12px,calc(100% - 4px) 12px,calc(100% - 4px) 8px,calc(100% - 8px) 4px,calc(100% - 12px) 4px,calc(100% - 12px) 0px,12px 0px,12px 4px,8px 4px,4px 8px,4px 12px,0px 12px,0px 50%,16px 50%,16px 20px,20px 20px,20px 16px,calc(100% - 20px) 16px,calc(100% - 20px) 20px,calc(100% - 16px) 20px,calc(100% - 16px) calc(100% - 20px),calc(100% - 20px) calc(100% - 20px),calc(100% - 20px) calc(100% - 16px),20px calc(100% - 16px),20px calc(100% - 20px),16px calc(100% - 20px),16px 50%,0px 50%);inset:0;background:#40322a;display:block;pointer-events:none}.tv-corners:after{margin:-16px}:root{--bottom: #8a8878;--top: rgb(251, 230, 230);--rim: #2a2818;--port: #4a4838;--holes: #1a1808;--goodred: #E60012}*{font-family:"Press Start 2P",monospace;font-size:6px}.nes{display:flex;width:40%;height:150px;position:relative;flex-direction:column;filter:drop-shadow(10px 10px 0 #84794e) drop-shadow(-3px -3px 0 #0e0c04) drop-shadow(0 0 0 2px #0e0c04)}.rom{position:absolute;height:133px;width:22%;background-color:transparent;top:-20%;left:20%;transform:translate(-50%,-50%)}.rom img{width:100%;height:100%;object-fit:cover}.controllers{display:flex;flex-direction:row;z-index:2;width:100%;height:50%;align-self:flex-end;align-items:center;justify-content:space-evenly}.port{width:30%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.controller-cable{background-color:#190e10;z-index:1000;position:absolute;transition:ease all 1s}.cable-wire{position:absolute;z-index:2000;transform:translate(50%);background-color:#190e10;transition:ease all 1s}.controller:hover{border-color:#fff;border-radius:2px;border-width:2px}.controller{width:100%;height:65%;position:relative;background-color:var(--port);background-image:radial-gradient(#000 20%,transparent 20%),radial-gradient(var(--holes) 25%,transparent 15%);background-size:12px 12px;background-position:-2px -2px,-2px -2px}.controllerLabel{font-size:8px;color:red;width:100%;text-align:center}.controller-corners,.controller-corners--wrapper{clip-path:polygon(0px calc(100% - 5px),5px calc(100% - 5px),5px 100%,calc(100% - 5px) 100%,calc(100% - 5px) calc(100% - 5px),100% calc(100% - 5px),100% 5px,calc(100% - 5px) 5px,calc(100% - 5px) 0px,5px 0px,5px 5px,0px 5px);position:relative}.controller-corners{border:5px solid transparent}.controller-corners--wrapper{width:fit-content;height:fit-content}.controller-corners--wrapper .pixel-corners{display:block;clip-path:polygon(5px 5px,calc(100% - 5px) 5px,calc(100% - 5px) calc(100% - 5px),5px calc(100% - 5px))}.controller-corners:after,.controller-corners--wrapper:after{content:"";position:absolute;clip-path:polygon(0px calc(100% - 5px),5px calc(100% - 5px),5px 100%,calc(100% - 5px) 100%,calc(100% - 5px) calc(100% - 5px),100% calc(100% - 5px),100% 5px,calc(100% - 5px) 5px,calc(100% - 5px) 0px,5px 0px,5px 5px,0px 5px,0px 50%,5px 50%,5px 5px,calc(100% - 5px) 5px,calc(100% - 5px) calc(100% - 5px),5px calc(100% - 5px),5px 50%,0px 50%);inset:0;background:var(--bottom);display:block;pointer-events:none}.controller-corners:after{margin:-5px}.top-cap{width:100%;flex:1;position:relative;background-color:var(--top);clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%)}.top-cap:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(to bottom,transparent 0px,transparent 3px,rgba(0,0,0,.15) 4px,rgba(0,0,0,.15) 5px);pointer-events:none}.slot{position:absolute;width:60%;height:26%;left:8%;top:0;background-color:#1a1a0a;border-left:4px solid #555540;border-right:4px solid #555540;border-bottom:4px solid #555540;border-top:none;box-shadow:inset 4px 0 #333320,inset -4px 0 #333320,inset 0 6px #0a0a04,inset 6px 6px #222210,inset -6px 6px #222210;background-image:repeating-linear-gradient(to right,#2a2a18 0px 5px,#606050 5px 6px,#2a2a18 6px 11px);image-rendering:pixelated}.slot:before{content:"";position:absolute;top:-10px;left:-4px;right:-4px;height:8px;background-color:#6a6850;border-left:4px solid #888870;border-right:4px solid #888870;border-top:3px solid #888870}.slot:after{content:"";position:absolute;bottom:0;left:0;right:0;height:25%;background-image:repeating-linear-gradient(to right,#3a3a28 0px 4px,#888870 4px 5px,#3a3a28 5px 9px)}.cartridge{position:absolute;left:8%;z-index:100;width:60%;height:30%;border:4px solid #000;color:var(--goodred);background-color:var(--top);box-shadow:inset -4px -4px #0000004d;image-rendering:pixelated;padding-left:.5rem;font-weight:700;font-size:12px;padding:4px;cursor:pointer;transition:transform 1s ease}.cartridge:hover{transform:translateY(-55%)}.cartridge.open{transform:translateY(-100%);border-bottom:none}.mid-line{height:3%;width:100%;background-color:var(--rim);z-index:2}.bottom-cap{width:100%;height:50%;background-color:var(--bottom);display:flex;flex-direction:row;clip-path:polygon(0px 0px,100% 0px,100% calc(100% - 60px),calc(100% - 40px) 100%,40px 100%,0px calc(100% - 60px));background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='15' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),repeating-linear-gradient(to bottom,transparent 0px,transparent 4px,rgba(0,0,0,.08) 4px,rgba(0,0,0,.08) 5px),repeating-linear-gradient(to right,transparent 0px,transparent 8px,rgba(0,0,0,.04) 8px,rgba(0,0,0,.04) 9px);background-blend-mode:soft-light,normal,normal}.bottom-cap:before{content:"";position:absolute;top:50%;left:0;width:100%;height:10px;background:linear-gradient(to top,transparent,rgba(255,255,255,.15) 20%,rgba(255,255,255,.25) 60%,rgba(255,255,255,.15) 90%,transparent);pointer-events:none;z-index:3}.bottom-1{width:70%;display:flex;flex-direction:row;padding-left:60px;z-index:2;gap:1rem;padding-bottom:.5rem}.buttons{display:flex;align-items:center;flex-direction:row;justify-content:space-around;width:60%;height:100%}.button{font-family:"Press Start 2P",monospace;font-weight:700;height:46%;padding-left:.5rem;padding-right:.5rem;font-size:7px;background-color:bisque;border:3px solid #000;image-rendering:pixelated;cursor:pointer;position:relative;overflow:hidden;box-shadow:inset 4px 4px #ffffffb3,inset -4px -4px #00000059,4px 4px #000,6px 6px #555;transform:translate(-4px,-4px);transition:transform .08s ease,box-shadow .08s ease}.button.highlight:before{content:"";position:absolute;top:-100%;left:-60%;width:40%;height:300%;background:#ffffff80;transform:skew(-20deg);animation:shimmer 2.5s ease-in-out infinite;pointer-events:none}@keyframes shimmer{0%{left:-60%;opacity:0}10%{opacity:1}40%{left:140%;opacity:.6}41%{opacity:0}to{left:140%;opacity:0}}.button:hover{transform:translate(-5px,-5px);box-shadow:inset 4px 4px #ffffffb3,inset -4px -4px #00000059,5px 5px #000,8px 8px #555}.button.highlight{transform:translate(-5px,-5px)}.button svg{height:110%;aspect-ratio:1/1}.button:active{transform:translate(0);box-shadow:inset 4px 4px #0000004d,inset -4px -4px #fff3,0 0 #000,1px 1px #333}.button:hover{cursor:pointer}.button{padding:8px 12px}.led-grid{height:100%;align-items:center;display:flex;flex-direction:row;gap:2rem;padding:8px;width:fit-content}.pixel-led{width:28px;height:28px;background-color:red;border:2px solid #000;box-shadow:inset 2px 2px #ffffff80,0 0 4px 1px #f009;image-rendering:pixelated}.pixel-led.off{background-color:#300;box-shadow:none}.main-title{height:40%;width:45%;position:absolute;top:0;right:0;text-align:center;align-items:center;display:flex;justify-content:center}.main-title span{font-size:16rem}.strip{position:absolute;height:100%;width:20%;top:-3px;background-color:#111;left:68%;display:flex;border-top:5px solid #555;border-left:5px solid #444;border-bottom:1px solid #000;border-right:1px solid #000;box-shadow:1px 1px #000,2px 2px #000,3px 3px #0006}.strip-background{position:absolute;width:100%;height:100%;background-color:#111;z-index:1}.save-area{position:absolute;aspect-ratio:1/1.1;background-color:#777;width:85%;left:7.5%;border:3px solid #333333;border-bottom:none;border-top:none;box-shadow:inset 1px 1px 3px #00000080,inset -2px -2px 3px #00000080;transition:all ease 1s;display:flex;justify-content:center;flex-direction:column;align-items:center;z-index:0}.save-middle{width:80%;height:85%;position:relative}.save-cap{content:"";position:absolute;transition:all ease 1s;top:0;left:0;right:0;height:16px;width:100%;background:linear-gradient(to bottom right,#444 0%,#444 40%,transparent 50%),linear-gradient(to bottom left,#444 0%,#444 40%,transparent 50%),linear-gradient(#333,#222);pointer-events:none;z-index:3}.rom-overlay{position:absolute;width:100%;height:100%;background-color:#000b;z-index:1000;display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;overflow:hidden;transition:opacity 1s ease}.romCarousel{display:flex;flex-direction:row;align-items:center;justify-content:space-around;width:80%;height:60%;gap:40px;perspective:800px}.romCarousel::-webkit-scrollbar{display:none}.romItem{aspect-ratio:2/2.35;width:22%;position:relative;display:flex;flex-direction:column;align-items:center;flex-shrink:0;transition:transform .6s ease;transform-style:preserve-3d;transform-origin:center center;z-index:4}.nav-btn:hover canvas{filter:brightness(1.3);transform:scale(1.05);transition:all .15s ease}.nav-btn canvas{transition:transform .15s ease,filter .15s ease}.romItem.rotated{transform:rotateX(-90deg)}.rom-spine{position:absolute;top:0;width:100%;height:32px;background:#1a1a1a;color:#ccc;font-size:11px;letter-spacing:2px;z-index:10;display:flex;align-items:center;justify-content:center;transform:rotateX(90deg) translateZ(16px);transform-origin:bottom center;backface-visibility:visible;border:#929090 3px solid}.rom-spine:before{content:"";position:absolute;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.2;pointer-events:none}.romItem span{position:absolute;white-space:nowrap;font-size:22px;font-weight:700;z-index:100;color:#fff;top:-30px;text-shadow:2px 2px 0 #000;opacity:.7;transition:opacity .3s ease}.romItem.side{scale:.6;opacity:.6}.romItem.active span{opacity:1}.rom-filter{position:absolute;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E"),repeating-linear-gradient(0deg,rgba(0,0,0,.1) 0px,rgba(0,0,0,.1) 1px,transparent 1px,transparent 8px);background-color:#2a2a2a;opacity:.08}.romImg{position:absolute;width:52%;height:70%;background-color:#0ff;right:10%}.romImg img{height:100%;width:100%;object-fit:cover}.rom-top{height:82%;width:100%;background-color:#1d2328}.rom-top:before{content:"";position:absolute;top:0;left:0;width:100%;height:80%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.15;pointer-events:none}.rom-bottom{width:80%;background-color:#1d2328;flex:1}.rom-bottom:before{content:"";position:absolute;top:80%;left:10%;width:80%;height:20%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.18;pointer-events:none}.rom-grain{position:absolute;height:100%;width:22%;background-color:gray;background-image:repeating-linear-gradient(0deg,transparent 0px,transparent 6px,rgba(0,0,0,.1) 7px,rgba(0,0,0,.4) 9px);left:15%}.rom-grain-offset{position:absolute;width:22%;left:15%;height:24%;background-color:#121111;opacity:.35}.rom-arrow{width:24px;height:24px;top:75%;border-left:14px solid transparent;border-right:14px solid transparent;border-top:24px solid #121111;position:absolute}.nav-panel{width:100%;height:100%;position:fixed;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:7rem}.nav-btn{z-index:9999;width:60px;height:60px;font-weight:700;cursor:pointer}.nav-btn canvas{width:100%;height:100%}.romItem.active{animation:float 3s ease-in-out infinite}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}.table{width:100%;flex:1;display:flex;flex-direction:column;image-rendering:pixelated}.table-top{height:40%;max-height:100px;width:100%;box-shadow:inset 0 4px #8a4e38,inset 0 8px #7a4430,inset 0 -4px #3a1a0e,inset 4px 0 #7a4430,inset -4px 0 #3a1a0e;background-image:repeating-linear-gradient(90deg,transparent 0px,transparent 18px,rgba(0,0,0,.08) 18px,rgba(0,0,0,.08) 20px,transparent 20px,transparent 35px,rgba(255,255,255,.04) 35px,rgba(255,255,255,.04) 36px);background-color:#6b3a2a}.table-legs{display:flex;flex-direction:row;width:100%;height:100%;padding-left:8%;padding-right:8%;flex:1;justify-content:space-between}.table-leg{width:9%;box-shadow:inset 3px 0 #7a4430,inset -3px 0 #2a1008,inset 0 -4px #1a0804;clip-path:polygon(0% 0%,100% 0%,88% 100%,12% 100%);background-image:repeating-linear-gradient(180deg,transparent 0px,transparent 8px,rgba(0,0,0,.1) 8px,rgba(0,0,0,.1) 9px);background-color:#5a2e1c}.moodle-bar{position:absolute;width:40%;right:0;height:100%;z-index:10000;display:flex;flex-direction:column;pointer-events:none;padding:3rem;gap:2rem}.modal{background:#f0e8d0;box-shadow:6px 6px #1a1a2e;padding:0;width:100%;min-height:100px;transform:translate(calc(100% + 3rem));opacity:0;transition:none}.modal.active{animation:slideIN .6s cubic-bezier(.22,1,.36,1) forwards}.modal.inactive{animation:slideOUT .3s ease-in forwards}@keyframes slideIN{0% {transform: translateX(calc(100% + 3rem))}; 50% {opacity: 1;} 100% {transform: translateX(0);opacity: 1;}}@keyframes slideOUT{0%{transform:translate(0);opacity:1}to{transform:translate(calc(100% + 3rem));opacity:0}}.modal h1{padding:10px;font-size:2.4rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.modal h1.info{background:#1a3a6e;color:#f0e8d0;border-bottom:3px solid #11111e}.modal h1.error{background:#f0e8d0;color:#c0392b;border:3px solid #c0392b;border-top:none;border-left:none;border-right:none}.modal.txt-modal{border-color:#c0392b;box-shadow:4px 4px #c0392b}.modal-text{padding:10px 12px;font-size:1.4rem;line-height:1.6;color:#1a1a2e}.moodle-corners.error:after{background-color:var(--goodred)}.moodle-item h1{font-size:2.2rem;margin-bottom:1rem}.moodle-item p{font-size:1.3rem;line-height:1.2}.rewind-overlay{background-color:#0009;width:100%;height:100%;z-index:100;position:absolute;top:0;left:0;display:flex;flex-direction:column;align-items:center;gap:3rem}.rewind-container{width:100%;background-color:pink}.tape-container{width:100%;background-color:#161412;display:flex;flex-direction:column;align-self:center;justify-content:center;background-position:0 0,8px 8px}.decorative-tape{height:3.5rem;width:100%;background-image:radial-gradient(circle,rgba(255,255,255,.18) 6px,transparent 7px),radial-gradient(circle,#2d0d0a 0 5.5px,rgb(86,42,42) 6.5px,transparent 8px);background-size:32px 32px;background-position:center,center}.items-container{width:100%;height:90%;padding-bottom:1rem;background-color:#161412;display:flex;flex-direction:row;white-space:nowrap;gap:2.5rem;overflow-x:auto}.items-container::-webkit-scrollbar{height:4px;width:6px}.items-container::-webkit-scrollbar-thumb{background:#544639;border-radius:6px}.items-container::-webkit-scrollbar-thumb:hover{background:#e8b04b}.tape-item{width:8%;aspect-ratio:4/3;flex:0 0 auto}.tape-item canvas{height:100%;width:100%;opacity:.4}.tape-item canvas:hover{opacity:1}.tape-item:hover{background-color:red;transform:scale(1.05);opacity:.8;z-index:20000}.tape-active{background-color:#8a2be2;opacity:1!important;transform:scale(1.05)!important}.tape-active canvas{opacity:1!important}.rewind-controls{min-height:60px;width:70%;display:flex;flex-direction:row;padding:1rem;gap:2rem}.rewind-controls span{height:100%;aspect-ratio:1/1;background-color:#fff0d9;display:flex;justify-content:center;align-items:center;border:3px solid #2c2c2a;border-radius:0}.rewind-start{box-shadow:4px 4px #2c2c2a}.rewind-end{box-shadow:-4px 4px #2c2c2a}.rewind-end:active{box-shadow:-1px 1px #2c2c2a!important;transform:translate(-3px,3px)!important}.rewind-end:hover{box-shadow:-6px 6px #2c2c2a;transform:translate(2px,-2px)}.rewind-start:active{box-shadow:1px 1px #2c2c2a!important;transform:translate(3px,3px)!important}.rewind-start:hover{box-shadow:6px 6px #2c2c2a;transform:translate(-2px,-2px)}.rewind-miniscroll{width:100%;-webkit-appearance:none;appearance:none;background:#544639;border:3px solid #2c2c2a;box-shadow:inset 2px 2px #00000040;cursor:pointer;align-self:stretch;background-image:repeating-linear-gradient(90deg,#6b5c4a 0,#6b5c4a 2px,transparent 2px,transparent calc(6% - 2px));background-repeat:no-repeat;background-size:100% 100%}.rewind-miniscroll::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:6px;height:38px;background-color:#a52d20;z-index:200}.rewind-miniscroll::-moz-range-thumb{appearance:none;width:6px;height:38px;background-color:#9c3428;z-index:200}.rewind-bar{flex:1;height:100%;position:relative}.rewind-highlight{position:absolute;align-self:center;height:80%;width:12%;left:20%;background-color:#ffffff1a;border-right:white;border-left:white;border-width:2px;border-style:solid;border-top:none;border-bottom:none;z-index:100;pointer-events:none}.rewind-miniscroll::-moz-range-track{height:100%;background:transparent;border:none}.rewind-miniscroll::-moz-focus-outer{border:0}.review-cartridge{position:relative;max-width:350px;width:50%}.review-cartridge-shadow{position:absolute;top:10px;left:10px;width:100%;height:100%;background:#1a1712}.review-cartridge-body{position:relative;background:#b8874f;padding:2rem;padding-bottom:0;box-sizing:border-box}.review-cartridge-header{display:flex;justify-content:space-between;align-items:center}.review-screw{width:10px;height:10px;border-radius:50%;background:#6b5c4a;border:2px solid #2c2c2a}.review-cartridge-label,.review-cartridge-id{font-family:monospace;font-weight:700;font-size:11px;color:#2c2c2a}.review-screen-inset{position:relative;z-index:1;aspect-ratio:256 / 240;border:4px solid #2c2c2a;background:#000}#preview-img{width:100%;height:100%;display:block;image-rendering:pixelated;image-rendering:crisp-edges}.review-load-wrap{position:relative;margin-top:1rem}.review-load-shadow{position:absolute;top:4px;width:100%;height:100%;background:#2c2c2a}.review-load{position:relative;z-index:1;width:100%;padding:10px 0;background:#fff0d9;border:3px solid #2c2c2a;font-family:monospace;font-weight:700;font-size:15px;letter-spacing:2px;cursor:pointer;transition:transform .06s ease}.review-load:active{transform:translateY(4px)}.review-pin-row{display:flex;gap:4px;margin-top:2rem;padding:0 6px}.review-pin{flex:1;height:4rem;background:#d4b483;border-left:2px solid #2c2c2a;border-right:2px solid #2c2c2a;background-image:repeating-linear-gradient(90deg,#2c2c2a 0px,#2c2c2a 1px,#e8c99a 1px,#e8c99a 2px,transparent 2px,transparent 4px);transform:translateY(1rem)}.rewind-cart-clone{position:absolute;top:0;left:0;transition:transform .3s ease;z-index:200}