/*! tailwindcss v4.0.12 | MIT License | https://tailwindcss.com */@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-500:oklch(.637 .237 25.331);--color-red-600:oklch(.577 .245 27.325);--color-yellow-400:oklch(.852 .199 91.936);--color-green-500:oklch(.723 .219 149.579);--color-green-600:oklch(.627 .194 149.214);--color-gray-700:oklch(.373 .034 259.733);--color-gray-800:oklch(.278 .033 256.848);--color-gray-900:oklch(.21 .034 264.665);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-4xl:56rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--radius-md:.375rem;--radius-lg:.5rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-font-feature-settings:var(--font-sans--font-feature-settings);--default-font-variation-settings:var(--font-sans--font-variation-settings);--default-mono-font-family:var(--font-mono);--default-mono-font-feature-settings:var(--font-mono--font-feature-settings);--default-mono-font-variation-settings:var(--font-mono--font-variation-settings)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}body{line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1;color:color-mix(in oklab,currentColor 50%,transparent)}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.relative{position:relative}.mx-auto{margin-inline:auto}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-8{margin-top:calc(var(--spacing)*8)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.flex{display:flex}.grid{display:grid}.min-h-screen{min-height:100vh}.w-full{width:100%}.max-w-4xl{max-width:var(--container-4xl)}.max-w-\[min\(100\%\,400px\)\]{max-width:min(100%,400px)}.flex-grow{flex-grow:1}.cursor-pointer{cursor:pointer}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing)*2)}.gap-4{gap:calc(var(--spacing)*4)}.gap-8{gap:calc(var(--spacing)*8)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.bg-gray-700{background-color:var(--color-gray-700)}.bg-gray-800{background-color:var(--color-gray-800)}.bg-gray-900{background-color:var(--color-gray-900)}.bg-green-500{background-color:var(--color-green-500)}.bg-red-500{background-color:var(--color-red-500)}.p-2{padding:calc(var(--spacing)*2)}.p-4{padding:calc(var(--spacing)*4)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.pb-6{padding-bottom:calc(var(--spacing)*6)}.text-center{text-align:center}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-black{color:var(--color-black)}.text-white{color:var(--color-white)}.text-yellow-400{color:var(--color-yellow-400)}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}@media (hover:hover){.hover\:bg-green-600:hover{background-color:var(--color-green-600)}.hover\:bg-red-600:hover{background-color:var(--color-red-600)}}@media (width>=40rem){.sm\:max-w-\[min\(80\%\,500px\)\]{max-width:min(80%,500px)}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}}@media (width>=48rem){.md\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}}}:root{color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;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}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-duration{syntax:"*";inherits:false}*{box-sizing:border-box}#controller{width:68em;height:45em;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#ffc0cb00;background-repeat:no-repeat}#controller:after{content:"";position:absolute;width:100%;height:100%;background:linear-gradient(#fff 45%,#fff 41%) 50% 8%/40% 8em,linear-gradient(#dcdcdc 45%,#dcdcdc 41%) 0% 0%/100% 10em,linear-gradient(to bottom,#a9a9a94d,#fff) 50% 6.5%/40% 2em,linear-gradient(#dcdcdc 45%,#dcdcdc 41%) 13.2% 0%/100% 2.2em,radial-gradient(93% 98% at 50% 100%,#fff 50%,#0000 52%) 28% 1%/6.5em 5em,linear-gradient(#dcdcdc 45%,#dcdcdc 41%) 13.2% 100%/100% 1.1em,radial-gradient(93% 98% at 0% 20%,#efefef00 50%,#dcdcdc 52%) 110% 125%/15em 22em,linear-gradient(-107deg,#dcdcdc80 45%,#3333 45%,#3330 50%) 100% 79.5%/13em 45em,linear-gradient(-107deg,#dcdcdc 45%,#efefef00 41%) 100% 79.5%/13em 45em,radial-gradient(93% 98% at 100% 20%,#0000 50%,#dcdcdc 52%) -10% 125%/15em 22em,linear-gradient(107deg,#dcdcdc80 45%,#3333 45%,#3330 50%) 0% 79.5%/13em 45em,linear-gradient(107deg,#dcdcdc 45%,#0000 41%) 0% 79.5%/13em 45em,#fff;background-repeat:no-repeat}.top_left{width:13em;height:13em;position:absolute;top:7%;left:29%;border-radius:50%;transform:translate(-50%) rotate(-23deg);background:radial-gradient(93% 98% at 50% 100%,#0000 50%,#ffffff80 52%) 28% 1%/15em 5em;background-repeat:no-repeat;z-index:2}.top_left:after{content:"";width:19em;height:13.5em;position:absolute;top:-4%;left:32%;border-radius:50%;transform:translate(-50%) rotate(-8deg);background:radial-gradient(white 42%,transparent 80%) 28% 4%/22em 10em,radial-gradient(transparent 3%,rgba(169,169,169,.8) 42%,transparent 80%) 28% 1%/100% 7em,#fff;background-repeat:no-repeat}.top_right{width:10em;height:10em;position:absolute;top:7.5%;left:75%;border-radius:50%;border:2px solid orange;transform:translate(-50%) rotate(23deg);background:radial-gradient(93% 98% at 50% 100%,#0000 50%,#ffffff80 52%) 28% 1%/15em 5em;background-repeat:no-repeat;z-index:2}.top_right:after{content:"";width:15em;height:11em;position:absolute;top:-4%;left:38%;border-radius:50%;transform:translate(-50%) rotate(-10deg);background:radial-gradient(white 42%,transparent 80%) 28% 4%/22em 10em,radial-gradient(transparent 3%,rgba(169,169,169,.8) 42%,transparent 80%) 28% 1%/17em 7em,#fff;background-repeat:no-repeat}.top_right:before{content:"";width:19em;height:13.5em;position:absolute;top:-4%;left:40%;border-radius:50%;transform:translate(-50%) rotate(-10deg);background:radial-gradient(white 42%,transparent 80%) 28% 4%/22em 10em,radial-gradient(transparent 3%,rgba(169,169,169,.8) 42%,transparent 80%) 28% 1%/17em 7em,#fff;background-repeat:no-repeat}.top_shape{z-index:3;width:14em;height:6.4em;position:absolute;top:6.2%;left:49.5%;border-radius:20px;transform:translate(-50%);background:linear-gradient(to bottom,white 4%,transparent 13%),#fff,#f5f5f5;background-repeat:no-repeat}.top_shape:after{content:"";width:8em;height:6.4em;position:absolute;top:3%;left:15.5%;border-radius:20px;transform:translate(-50%) skew(40deg);background:linear-gradient(to right,rgba(169,169,169,.2) 4%,transparent 13%,#f5f5f5),#f5f5f5;background-repeat:no-repeat}.top_shape:before{content:"";width:8em;height:6.4em;position:absolute;top:3%;left:84%;border-radius:20px;transform:translate(-50%) skew(-40deg);background:linear-gradient(to left,rgba(169,169,169,.2) 4%,transparent 13%,#f5f5f5),#f5f5f5;background-repeat:no-repeat}.over_bottom{z-index:2;width:27em;height:14.5em;position:absolute;top:85.5%;left:50%;transform:translate(-50%,-50%);background:#b9b9b9;border-radius:20px;background-repeat:no-repeat}.over_bottom:after{content:"";width:20em;height:14.5em;position:absolute;top:-.3%;left:91%;transform:translate(-50%) skew(40deg);background:linear-gradient(to left,#A9A9A9 1%,transparent 3%),#b9b9b9;border-radius:20px;background-repeat:no-repeat}.over_bottom:before{content:"";width:20em;height:14.5em;position:absolute;top:-.3%;left:10%;transform:translate(-50%) skew(-40deg);background:linear-gradient(to right,#A9A9A9 1%,transparent 3%),#b9b9b9;border-radius:20px;background-repeat:no-repeat}.bottom{z-index:2;width:28em;height:13em;position:absolute;top:85.5%;left:50%;transform:translate(-50%,-50%);background:#dcdcdc;border-radius:20px;background-repeat:no-repeat}.bottom:after{content:"";width:15em;height:13em;position:absolute;top:0%;left:92%;transform:translate(-50%) skew(40deg);background:#dcdcdc;border-radius:20px;background-repeat:no-repeat}.bottom:before{content:"";width:15em;height:13em;position:absolute;top:0%;left:8.5%;transform:translate(-50%) skew(-40deg);background:#dcdcdc;border-radius:20px;background-repeat:no-repeat}.buttons_letters{width:15em;height:15em;position:absolute;top:11%;left:62.5%;background-repeat:no-repeat;z-index:3}.buttons_letters .btn-y{position:absolute;width:4em;height:4em;border:1px solid #333;background:radial-gradient(93% 98% at 100% 20%,#f7f7f74d 50%,#dcdcdc00 52%) 110% 125%/100% 100%,#333;background-repeat:no-repeat;border-radius:50%;display:flex;justify-content:center;align-items:center;top:10%;left:39%}.buttons_letters .btn-y .shadow{position:absolute;width:4em;height:4em;background:gray;z-index:-1;border-radius:50%;top:.2em;left:-.2em}.buttons_letters .btn-y .y{position:absolute;font-size:4em;color:#fde51f}.buttons_letters .btn-x{border:1px solid #333;position:absolute;width:4em;height:4em;background:radial-gradient(93% 98% at 113% 20%,#f7f7f74d 50%,#dcdcdc00 52%) 130% 125%/100% 100%,#333;background-repeat:no-repeat;border-radius:50%;display:flex;justify-content:center;align-items:center;top:37%;left:10%}.buttons_letters .btn-x .shadow{position:absolute;width:4em;height:4em;background:gray;z-index:-1;border-radius:50%;top:.2em;left:-.2em}.buttons_letters .btn-x .x{position:absolute;font-size:4em;color:#1aa4ee}.buttons_letters .btn-a{position:absolute;width:4em;height:4em;border:1px solid #333;background:radial-gradient(93% 98% at 100% 10%,#f7f7f74d 50%,#dcdcdc00 52%) 110% 125%/100% 100%,#333;background-repeat:no-repeat;border-radius:50%;display:flex;justify-content:center;align-items:center;top:66%;left:39%}.buttons_letters .btn-a .shadow{position:absolute;width:4em;height:4em;background:gray;z-index:-1;border-radius:50%;top:.2em;left:-.2em}.buttons_letters .btn-a .a{position:absolute;font-size:4em;color:#99ca63}.buttons_letters .btn-b{position:absolute;width:4em;height:4em;border:1px solid #333;background:radial-gradient(93% 98% at 80% 20%,#f7f7f74d 50%,#dcdcdc00 52%) 110% 125%/100% 100%,#333;background-repeat:no-repeat;border-radius:50%;display:flex;justify-content:center;align-items:center;top:37%;left:67%}.buttons_letters .btn-b .shadow{position:absolute;width:4em;height:4em;background:gray;z-index:-1;border-radius:50%;top:.2em;left:-.2em}.buttons_letters .btn-b .b{position:absolute;font-size:4em;color:#e52a27}.buttons_joysticks{z-index:3;width:50em;height:24em;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);background-repeat:no-repeat}.buttons_joysticks .left,.buttons_joysticks .right{width:9em;height:9em;position:absolute;border-radius:50%;background:radial-gradient(100% 100% at 50% 50%,#eee3 30%,#252525,#eee3 50%,#dcdcdc00 51%) 50% 50%/6.8em 6.8em,radial-gradient(100% 100% at 50% 50%,#252525 50%,#dcdcdc00 51%) 50% 50%/7.8em 7.8em,#fff6;background-repeat:no-repeat;box-shadow:0 0 15px 10px #0003}.buttons_joysticks .left .vertical-bar,.buttons_joysticks .right .vertical-bar{position:absolute;left:-1.5em;width:.5em;height:100%;background-color:gray;border-radius:10px;overflow:hidden}.buttons_joysticks .left .vertical-bar .highlight,.buttons_joysticks .right .vertical-bar .highlight{position:absolute;width:100%;background-color:orange;transition:height .1s ease,top .1s ease;left:0}.buttons_joysticks .left .horizontal-bar,.buttons_joysticks .right .horizontal-bar{position:absolute;bottom:-1.5em;width:100%;height:.5em;background-color:gray;border-radius:10px;overflow:hidden}.buttons_joysticks .left .horizontal-bar .highlight,.buttons_joysticks .right .horizontal-bar .highlight{position:absolute;height:100%;background-color:orange;transition:width .1s ease,left .1s ease;top:0}.buttons_joysticks .left:after,.buttons_joysticks .right:after{content:"";width:5.7em;height:5.7em;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(100% 100% at 50% 50%,#333333b3 30%,#252525,#eee3 50%,#dcdcdc00 51%) 50% 50%/5.7em 5.7em,conic-gradient(from 90deg,#909090,#333,#909090,#333,#909090),radial-gradient(100% 100% at 50% 50%,#696969 50%,#dcdcdc80 51%) 50% 50%/7.5em 7.5em;position:absolute}.buttons_joysticks .left{top:4.5%;left:8.2%}.buttons_joysticks .right{top:44%;left:58%}.button_dpad{z-index:3;width:12em;height:12em;position:absolute;top:51%;left:38%;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center}.button_dpad .inner{position:relative;width:11.5em;height:11.5em;border-radius:50%;background:radial-gradient(100% 100% at 50% 50%,#ffffff1a 20%,#e8e8e8e6);background-repeat:no-repeat}.button_dpad .inner .up{position:absolute;top:0;left:50%;transform:translate(-50%);width:3.5em;height:4.85em;background:#282828;border-radius:8px}.button_dpad .inner .up.pressed{background-color:orange!important}.button_dpad .inner .up:after{content:"";width:2.8em;height:4.5em;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:radial-gradient(93% 98% at 100% 50%,#d9d9d90d 50%,#d9d9d914 52%) -22% 125%/3em 3em,linear-gradient(to right,#ffffff73,#24242400) 100% 0%/.1em 1em,linear-gradient(to right,#989898 5%,#6363634d 6%),linear-gradient(-120deg,#0000 45%,#000 41%) 0% 5%/1em 2.4em,linear-gradient(120deg,#000 45%,#0000 41%) 0% 93%/1em 2em,linear-gradient(#000 45%,#000 41%) 0% 50%/1em 4em,linear-gradient(150deg,#ffffff4d,#0000004d,#3333334d,#24242400) 190% 15%/3em 3em;background-repeat:no-repeat}.button_dpad .inner .down{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:3.5em;height:4.85em;background:#282828;border-radius:8px}.button_dpad .inner .down.pressed{background-color:orange!important}.button_dpad .inner .down:after{content:"";width:2.8em;height:4.5em;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:radial-gradient(93% 98% at 100% 50%,#d9d9d90d 50%,#d9d9d914 52%) -22% 125%/3em 3em,linear-gradient(to right,#ffffff73,#24242400) 100% 0%/.1em 1em,linear-gradient(to right,#989898 5%,#6363634d 6%),linear-gradient(-120deg,#0000 45%,#000 41%) 0% 5%/1em 2.4em,linear-gradient(120deg,#000 45%,#0000 41%) 0% 93%/1em 2em,linear-gradient(#000 45%,#000 41%) 0% 50%/1em 4em,linear-gradient(150deg,#ffffff4d,#0000004d,#3333334d,#24242400) 190% 15%/3em 3em;background-repeat:no-repeat}.button_dpad .inner .left{position:absolute;top:50%;left:0;transform:translateY(-50%);width:4.85em;height:3.5em;background:#282828;border-radius:8px}.button_dpad .inner .left.pressed{background-color:orange!important}.button_dpad .inner .left:after{content:"";width:4.5em;height:2.8em;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(#fff3,#fff3) 70% 0%/.3em .2em,linear-gradient(#fff3,#fff3) 100% 100%/1.5em .2em,linear-gradient(#fff3,#fff3) 21% 100%/1.5em .2em,linear-gradient(to right,#ffffff24,#fff0) 100% 500%/4.6em 3em,linear-gradient(to left,#0a0a0a99,#d9d9d900) 100% 500%/1em 3em,linear-gradient(to right,#fff6 10%,#d9d9d900) 0% 50%/1em 3em,linear-gradient(-120deg,#0000 45%,#000 41%) 0% 5%/1em 2.4em,linear-gradient(120deg,#000 45%,#0000 41%) 0% 93%/1em 2em,linear-gradient(#000 45%,#000 41%) 0% 50%/1em 4em;background-repeat:no-repeat}.button_dpad .inner .right{position:absolute;top:50%;right:0;transform:translateY(-50%);width:4.85em;height:3.5em;background:#282828;border-radius:8px}.button_dpad .inner .right.pressed{background-color:orange!important}.button_dpad .inner .right:after{content:"";width:4.5em;height:2.8em;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(#fff3,#fff3) 70% 0%/.3em .2em,linear-gradient(#fff3,#fff3) 100% 100%/1.5em .2em,linear-gradient(#fff3,#fff3) 21% 100%/1.5em .2em,linear-gradient(to right,#ffffff24,#fff0) 100% 500%/4.6em 3em,linear-gradient(to left,#0a0a0a99,#d9d9d900) 100% 500%/1em 3em,linear-gradient(to right,#fff6 10%,#d9d9d900) 0% 50%/1em 3em,linear-gradient(-120deg,#0000 45%,#000 41%) 0% 5%/1em 2.4em,linear-gradient(120deg,#000 45%,#0000 41%) 0% 93%/1em 2em,linear-gradient(#000 45%,#000 41%) 0% 50%/1em 4em;background-repeat:no-repeat}.buttons_middle .view{z-index:3;width:2.8em;height:2.8em;background:#f000;border:1.3px solid black;position:absolute;top:24.6%;left:40.9%;border-radius:50%;box-shadow:-2px 4px 2px #0003}.buttons_middle .view .rect{z-index:3;width:1.3em;height:.9em;border:1.5px solid #000;position:absolute;top:25%;left:23%}.buttons_middle .view .rect:nth-of-type(2){width:1.4em;height:1.4em;background:#fff;border:none;top:35%;left:30%;border-radius:50%}.buttons_middle .view .rect:nth-of-type(2):before{width:1em;height:.6em;border:1.5px solid #000;top:10%;left:8%;content:"";position:absolute;background:#fff}.buttons_middle .menu{z-index:3;width:2.8em;height:2.8em;border:1.3px solid black;position:absolute;top:24.6%;left:54.9%;border-radius:50%;box-shadow:-2px 4px 2px #0003;background:linear-gradient(to right,#000,#000) 50% 28%/1.2em .2em,linear-gradient(to right,#000,#000) 50% 47%/1.2em .2em,linear-gradient(to right,#000,#000) 50% 70%/1.2em .2em;background-repeat:no-repeat}.bumpers_blockers_top{position:absolute;width:61em;top:8%;height:15em;left:50%;transform:translate(-50%,-50%)}.bumpers_blockers_top .left{width:20em;height:15em;position:absolute;transform-origin:bottom left;transform:rotate(-17deg);top:-3.6%;left:15%;background:radial-gradient(120% 100% at 50% 100%,#333 50%,#0000 52%) 100% 81%/14em 10em,radial-gradient(120% 100% at 50% 100%,#333 50%,#0000 52%) 0% 50%/17em 10em;background-repeat:no-repeat}.bumpers_blockers_top .right{width:20em;height:15em;position:absolute;transform-origin:bottom left;transform:rotate(16deg);top:-35.5%;left:58%;background:radial-gradient(120% 112% at 50% 100%,#333 50%,#0000 52%) 100% 70%/14em 10em,radial-gradient(120% 100% at 50% 100%,#333 50%,#0000 52%) 24% 44.5%/16em 10em,radial-gradient(120% 100% at 50% 100%,#333 50%,#0000 52%) 0% 50%/17em 10em;background-repeat:no-repeat}.bumpers_blockers_top .middle{width:18em;height:10em;position:absolute;top:20%;left:50%;transform:translate(-50%);background:linear-gradient(#333 45%,#333 41%) 0% 33%/18em 4em;background-repeat:no-repeat}.bumpers_blockers_bottom .left{width:20em;height:15em;position:absolute;transform-origin:bottom left;transform:rotate(-17deg);top:-3.6%;left:15%;background:radial-gradient(120% 100% at 50% 100%,#fff 50%,#0000 52%) 100% 75%/13em 10em,radial-gradient(120% 100% at 50% 100%,#fff 50%,#0000 52%) 24% 44.5%/16em 10em,radial-gradient(120% 100% at 50% 100%,#fff 50%,#0000 52%) 58% 44.5%/13em 10em,radial-gradient(120% 100% at 50% 100%,#fff 50%,#0000 52%) 0% 50%/17em 10em;background-repeat:no-repeat}.bumpers_blockers_bottom .right{width:20em;height:15em;position:absolute;transform-origin:bottom left;transform:rotate(16deg);top:-15.5%;left:58%;background:radial-gradient(120% 100% at 50% 100%,#fff 50%,#0000 52%) 100% 75%/13em 10em,radial-gradient(120% 100% at 50% 100%,#fff 50%,#0000 52%) 24% 44.5%/16em 10em,radial-gradient(120% 100% at 50% 100%,#fff 50%,#0000 52%) 58% 44.5%/13em 10em,radial-gradient(120% 100% at 50% 100%,#fff 50%,#0000 52%) 0% 50%/17em 10em;background-repeat:no-repeat}.bumpers_blockers_bottom .middle{width:18em;height:10em;position:absolute;top:2%;left:50%;transform:translate(-50%);background:linear-gradient(#fff 45%,#fff 41%) 0% 33%/18em 4em;background-repeat:no-repeat}.main_logo_cont{width:20em;height:8em;position:absolute;top:6%;left:35%;transfrom:translate(-50%,-50%);z-index:4}.main_logo_cont .middle{width:14em;height:5em;position:absolute;top:14%;left:85.6%;transform:translate(-100%);background:linear-gradient(#fff 60%,#3333331a) 58% 100%/92% 2em,#fff3;background-repeat:no-repeat;border-radius:15px}.logo{width:5em;height:5em;position:absolute;z-index:5;left:50%;top:11.7%;transform:translate(-50%,-50%);border-radius:50%;background-repeat:no-repeat}.logo svg{position:absolute;top:10%}.bottom_middle{width:100%;height:8em;position:absolute;top:106%;left:50%;transform:translate(-50%,-50%);z-index:4;background:linear-gradient(to bottom,#dcdcdc,#dcdcdc) 50% 6.5%/100% 100%;background-repeat:no-repeat}.pressed{background-color:orange!important;box-shadow:0 0 10px orange!important}.btn-y.pressed .y,.btn-x.pressed .x,.btn-a.pressed .a,.btn-b.pressed .b{color:#fff!important}.up_down.pressed,.left_right.pressed,.buttons_joysticks .left.pressed,.buttons_joysticks .right.pressed,.buttons_middle .view.pressed,.buttons_middle .menu.pressed{background-color:orange!important}.triggers{position:absolute;top:5%;left:50%;transform:translate(-50%);display:flex;justify-content:space-between;width:80%;z-index:10}.triggers .left-trigger,.triggers .right-trigger{width:40px;height:40px;background-color:#00000080;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:700}.triggers .left-trigger.pressed,.triggers .right-trigger.pressed{background-color:orange!important}.triggers .left-trigger .trigger-value,.triggers .right-trigger .trigger-value{font-size:14px;color:#fff}.bumpers{position:absolute;top:15%;left:50%;transform:translate(-50%);display:flex;justify-content:space-between;width:80%;z-index:10}.bumpers .lb,.bumpers .rb{width:40px;height:40px;background-color:#00000080;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:700;position:relative}.bumpers .lb .shadow,.bumpers .rb .shadow{position:absolute;width:100%;height:100%;background-color:gray;border-radius:50%;top:2px;left:2px;z-index:-1}.bumpers .lb .label,.bumpers .rb .label{font-size:14px;color:#fff}.bumpers .lb.pressed,.bumpers .rb.pressed{background-color:orange!important}