#app{background:radial-gradient(circle at 50% 38%,#d72d2d1f,#0000 38%),linear-gradient(145deg,#171717,#090909 72%);flex-direction:column;width:100%;max-width:100vw;height:100svh;min-height:100svh;display:flex;overflow:hidden}@media (aspect-ratio<=16/9){@media (orientation:portrait){#app{overflow:hidden}}}@media screen and (width<=479px){#app{overflow:hidden}}.arcadia-nav{justify-content:space-between;align-items:center;gap:var(--fib-21);width:100%;padding:var(--fib-8);border-bottom:var(--border);display:flex}@media (aspect-ratio<=16/9){@media (orientation:portrait){.arcadia-nav{align-items:flex-start;gap:var(--fib-13);padding:var(--fib-13);flex-direction:column}}}.arcadia-nav__identity{align-items:center;gap:var(--fib-34);flex:none;min-width:0;display:flex}@media (aspect-ratio<=16/9){@media (orientation:portrait){.arcadia-nav__identity{justify-content:space-between;width:100%}}}.arcadia-logo{color:var(--white);font-family:HND-Black,Helvetica,Arial,sans-serif;font-size:var(--fib-13)}@media (aspect-ratio<=16/9){@media (orientation:portrait){.arcadia-logo{font-size:var(--fib-21)}}}@media screen and (width<=479px){.arcadia-logo{font-size:var(--fib-13)}}.arcadia-game-identity{align-items:center;gap:var(--fib-8);min-width:0;display:flex}@media (aspect-ratio<=16/9){@media (orientation:portrait){.arcadia-toolbar-slot{border-top:var(--border);padding-top:var(--fib-13);width:100%}}}.arcadia-eyebrow{color:var(--text-secondary);font-family:HND-Bold,Helvetica,Arial,sans-serif;font-size:var(--fib-5);letter-spacing:var(--fib-1)}@media (aspect-ratio<=16/9){@media (orientation:portrait){.arcadia-eyebrow{font-size:var(--fib-8)}}}@media screen and (width<=479px){.arcadia-eyebrow{display:none}}.arcadia-title{font-family:HND-Black,Helvetica,Arial,sans-serif;font-size:var(--fib-8)}@media (aspect-ratio<=16/9){@media (orientation:portrait){.arcadia-title{font-size:var(--fib-13)}}}@media screen and (width<=479px){.arcadia-title{min-width:0;font-size:var(--fib-8);overflow-wrap:anywhere}}.arcadia-main{flex-direction:column;justify-content:space-between;width:100%;height:100%;display:flex;overflow:hidden}@media (aspect-ratio<=16/9){@media (orientation:portrait){.arcadia-main{justify-content:flex-start;gap:var(--fib-34)}}}.arcadia-content-area{justify-content:center;align-items:center;width:100%;height:80svh;display:flex}@media (aspect-ratio<=16/9){@media (orientation:portrait){.arcadia-content-area{justify-content:flex-start;gap:var(--fib-21);flex-direction:column;height:60svh}}}.arcadia-content-area>.game-console{width:auto;height:100%}@media (aspect-ratio<=16/9){@media (orientation:portrait){.arcadia-content-area>.game-console{order:-1;width:100%;height:80%}}}@media screen and (width<=479px){.arcadia-content-area>.game-console{flex-basis:100%;width:100%;max-width:100%}}.responsive-controller-group{flex-direction:row;justify-content:space-between;align-items:center;width:100%;display:flex}.controller-zone{touch-action:none;flex:1 0 0;justify-content:center;align-items:center;height:100%;display:flex}@media (aspect-ratio<=16/9){@media (orientation:portrait){.controller-zone{width:calc(50% - var(--fib-5));flex:0 1 calc(50% - var(--fib-5))}}}@media screen and (width<=479px){.controller-zone{width:calc(50% - var(--fib-3));flex-basis:calc(50% - var(--fib-3))}}.controller-zone--directions{border-right:var(--border)}@media (aspect-ratio<=16/9){@media (orientation:portrait){.controller-zone--directions{border-right:0}}}.controller-zone--actions{border-left:var(--border)}@media (aspect-ratio<=16/9){@media (orientation:portrait){.controller-zone--actions{padding-right:var(--fib-55);border-left:0;justify-content:flex-end}}}@media screen and (width<=479px){.controller-zone--actions{padding-right:var(--fib-21)}}.directional-control-stack,.analog-control-slot,.dpad{justify-content:center;align-items:center;display:flex}.directional-control-stack{width:100%}@media (aspect-ratio<=16/9){@media (orientation:portrait){.directional-control-stack{padding-left:var(--fib-55);justify-content:flex-start}}}@media screen and (width<=479px){.directional-control-stack{padding-left:var(--fib-21)}}[data-control-mode-panel][hidden]{display:none}.dpad{flex-direction:column}.dpad__row,.dpad__slot,.action-pad{justify-content:center;align-items:center;display:flex}.dpad__center{width:var(--fib-44);height:var(--fib-44);border-radius:var(--fib-3);box-shadow:inset 0 0 var(--fib-5) #ffffff14;background:#191919;justify-content:center;align-items:center;display:flex}@media (aspect-ratio<=16/9){@media (orientation:portrait){.dpad__center{width:var(--fib-34);height:var(--fib-34)}}}@media screen and (width<=479px){.dpad__center{width:var(--fib-34);height:var(--fib-34)}}.dpad__center:after{content:"";aspect-ratio:1;width:38%;box-shadow:inset 0 var(--fib-1) #ffffff1f;background:#101010;border-radius:50%}.action-pad{gap:var(--fib-13);flex-wrap:wrap}@media (aspect-ratio<=16/9){@media (orientation:portrait){.action-pad{gap:var(--fib-21)}}}@media screen and (width<=479px){.action-pad{gap:var(--fib-13)}}.arcadia-footer{justify-content:space-between;align-items:center;gap:var(--fib-5);width:100%;color:var(--text-muted);padding-bottom:var(--fib-13);border-top:var(--border);flex-direction:column;display:flex}@media (aspect-ratio<=16/9){@media (orientation:portrait){.arcadia-footer{border-top:0}}}@media screen and (width<=479px){.arcadia-footer{height:auto;min-height:var(--fib-55);gap:var(--fib-8);flex-basis:auto}}.menu-controls{width:100%;min-height:var(--fib-55);justify-content:center;align-items:center;gap:var(--fib-8);touch-action:none;flex-wrap:wrap;display:flex}.arcadia-instructions{justify-content:center;align-items:center;gap:var(--fib-34);padding:var(--fib-5);border:var(--border);border-radius:var(--fib-5);flex-flow:wrap;display:flex}@media (aspect-ratio<=16/9){@media (orientation:portrait){.arcadia-instructions{display:none}}}.arcadia-instructions p{gap:var(--fib-8);font-size:var(--fib-5);display:flex}@media (aspect-ratio<=16/9){@media (orientation:portrait){.arcadia-instructions p{font-size:var(--fib-13)}}}@media screen and (width<=479px){.arcadia-instructions p{font-size:var(--fib-5)}}.arcadia-instructions span{color:var(--white);font-family:HND-Medium,Helvetica,Arial,sans-serif}.analog-control{width:var(--fib-144);aspect-ratio:1;border:var(--fib-3) solid #303030;box-shadow:inset 0 var(--fib-3) var(--fib-8) var(--screen-shadow), inset 0 calc(var(--fib-3) * -1) var(--fib-8) #ffffff14, 0 var(--fib-5) var(--fib-13) var(--screen-shadow);touch-action:none;-webkit-tap-highlight-color:transparent;background:radial-gradient(circle,#171717 0 42%,#0000 43%),radial-gradient(circle at 50% 45%,#454545,#282828 72%);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex;overflow:hidden}@media (aspect-ratio<=16/9){@media (orientation:portrait){.analog-control{width:var(--fib-89)}}}@media screen and (width<=479px){.analog-control{width:var(--fib-89)}}.analog-control__thumb{--analog-x:0%;--analog-y:0%;width:var(--fib-89);aspect-ratio:1;translate:var(--analog-x) var(--analog-y);border:var(--fib-3) solid #242424;box-shadow:0 var(--fib-5) var(--fib-13) var(--screen-shadow), inset 0 var(--fib-2) var(--fib-5) #ffffff14;cursor:grab;background:radial-gradient(circle at 38% 32%,#ffffff24,#0000 21%),repeating-radial-gradient(circle,#222 0 4%,#181818 5% 8%);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}@media (aspect-ratio<=16/9){@media (orientation:portrait){.analog-control__thumb{width:var(--fib-55)}}}@media screen and (width<=479px){.analog-control__thumb{width:var(--fib-55)}}.analog-control.is-active .analog-control__thumb{cursor:grabbing}.analog-control.is-recentering .analog-control__thumb{transition:translate .13s ease-out}.analog-control__thumb:focus-visible{outline:var(--fib-2) solid var(--white);outline-offset:var(--fib-3)}.game-control{color:var(--text-secondary);border:var(--fib-1) solid var(--white-transparent);box-shadow:0 var(--fib-3) 0 var(--screen-black), 0 var(--fib-5) var(--fib-13) var(--screen-shadow), inset 0 var(--fib-1) #ffffff26;touch-action:none;-webkit-tap-highlight-color:transparent;background:linear-gradient(145deg,#333,#111);justify-content:center;align-items:center;transition:translate .1s,box-shadow .1s,color .1s;display:flex}.game-control__label{pointer-events:none;font-family:HND-Bold,Helvetica,Arial,sans-serif}.game-control__label.material-symbols-rounded{font-family:Material Symbols Rounded}.game-control.is-active,.game-control:active{color:var(--white);translate:0 var(--fib-3);box-shadow:0 var(--fib-1) 0 var(--screen-black), 0 var(--fib-2) var(--fib-5) var(--screen-shadow), inset 0 var(--fib-1) #ffffff1f}.game-control--direction{width:var(--fib-44);height:var(--fib-44);border-radius:var(--fib-3)}@media screen and (width<=479px){.game-control--direction{width:var(--fib-34);height:var(--fib-34)}}.game-control--direction .game-control__label{font-size:var(--fib-21)}.game-control--action{width:var(--fib-55);height:var(--fib-55);color:var(--white);background:linear-gradient(145deg, #ef4141, var(--game-accent-dark));border:var(--fib-2) solid var(--control-shell);box-shadow:0 var(--fib-3) 0 #4b1c1c, 0 var(--fib-5) var(--fib-13) var(--screen-shadow), inset 0 var(--fib-1) #ffffff5c;border-radius:50%}@media (aspect-ratio<=16/9){@media (orientation:portrait){.game-control--action{width:var(--fib-55);height:var(--fib-55)}}}@media screen and (width<=479px){.game-control--action{width:var(--fib-44);height:var(--fib-44)}}.game-control--action .game-control__label{font-size:var(--fib-13)}@media (aspect-ratio<=16/9){@media (orientation:portrait){.game-control--action .game-control__label{font-size:var(--fib-17)}}}.game-control--menu{border-radius:var(--fib-8);padding:var(--fib-5) var(--fib-8);color:var(--white);background:var(--bg-2);box-shadow:none;justify-content:center;align-items:center;font-family:HND-Medium,Helvetica,Arial,sans-serif;display:flex}@media (aspect-ratio<=16/9){@media (orientation:portrait){.game-control--menu{padding:var(--fib-8) var(--fib-11)}}}.game-control--menu .game-control__label{font-size:var(--fib-8)}@media (aspect-ratio<=16/9){@media (orientation:portrait){.game-control--menu .game-control__label{font-size:var(--fib-13)}}}@media screen and (width<=479px){.game-control--menu .game-control__label{font-size:var(--fib-8)}}.game-console{padding:var(--fib-5);background-color:var(--bg-1);flex-direction:column;justify-content:center;align-items:stretch;display:flex}@media (aspect-ratio<=16/9){@media (orientation:portrait){.game-console{align-items:center}}}.screen-bezel{height:100%;padding:var(--fib-5);border-radius:var(--fib-3);background-color:#000;overflow:hidden}@media (aspect-ratio<=16/9){@media (orientation:portrait){.screen-bezel{width:100%}}}.screen-stack{aspect-ratio:16/15;height:100%;box-shadow:inset 0 0 var(--fib-21) #000;display:grid}@media (aspect-ratio<=16/9){@media (orientation:portrait){.screen-stack{width:100%}}}.game-screen,.screen-glass,.start-overlay,.game-notice{grid-area:1/1}.game-screen{height:100%;image-rendering:pixelated;image-rendering:crisp-edges;background:#000}@media (aspect-ratio<=16/9){@media (orientation:portrait){.game-screen{width:auto;position:relative;left:50%;transform:translate(-50%)}}}.screen-glass{pointer-events:none;background:linear-gradient(#ffffff06, #fff0 42%), repeating-linear-gradient(0deg, #00000014 0, #00000014 var(--fib-1), transparent var(--fib-1), transparent var(--fib-3));mix-blend-mode:screen;opacity:.5;z-index:1;display:none}.start-overlay{padding:var(--fib-21);color:var(--white);text-align:center;-webkit-backdrop-filter:blur(var(--fib-5));backdrop-filter:blur(var(--fib-5));z-index:2;background:#000000c4;justify-content:center;align-items:center;transition:opacity .17s,visibility .17s;display:flex}.start-overlay__content{align-items:center;gap:var(--fib-21);flex-direction:column;display:flex}.start-overlay.is-hidden{visibility:hidden;opacity:0;pointer-events:none}.start-overlay__title{font-family:HND-Medium,Helvetica,Arial,sans-serif;font-size:var(--fib-17);display:none}.start-overlay__message{max-width:67%;color:var(--text-secondary);font-size:var(--fib-8);line-height:130%}@media (aspect-ratio<=16/9){@media (orientation:portrait){.start-overlay__message{font-size:var(--fib-13)}}}@media screen and (width<=479px){.start-overlay__message{font-size:var(--fib-8)}}.game-notice{min-height:var(--fib-21);padding:var(--fib-5) var(--fib-8);color:var(--white);background:var(--black-transparent);font-size:var(--fib-8);pointer-events:none;z-index:3;border-radius:50%;place-self:start center}.game-notice:empty{display:none}.tool-button{color:var(--white);background:var(--bg-2);padding:var(--fib-5) var(--fib-8);border:var(--fib-1) solid var(--white-transparent);border-radius:var(--fib-8);justify-content:center;align-items:center;font-family:HND-Medium,Helvetica,Arial,sans-serif;transition:background-color .13s,color .13s,translate .1s;display:flex}@media (aspect-ratio<=16/9){@media (orientation:portrait){.tool-button{padding:var(--fib-8) var(--fib-11)}}}@media screen and (width<=479px){.tool-button{padding:var(--fib-5) var(--fib-11)}}.tool-button__label{font-size:var(--fib-8)}@media (aspect-ratio<=16/9){@media (orientation:portrait){.tool-button__label{font-size:var(--fib-13)}}}@media screen and (width<=479px){.tool-button__label{font-size:var(--fib-8)}}.tool-button:hover,.tool-button:focus-visible{color:var(--black);background:var(--white)}.tool-button:active{translate:0 var(--fib-1)}.tool-button--primary{padding:var(--fib-8) var(--fib-13);border:var(--fib-1) solid var(--control-shell);background:linear-gradient(145deg, #ef4141, var(--game-accent-dark))}.tool-button--primary .tool-button__label{font-size:var(--fib-10);font-family:HND-Bold,Helvetica,Arial,sans-serif}@media (aspect-ratio<=16/9){@media (orientation:portrait){.tool-button--primary .tool-button__label{font-size:var(--fib-11)}}}.game-toolbar{justify-content:flex-end;align-items:flex-start;gap:var(--fib-8);width:100%;display:flex;position:relative}@media (aspect-ratio<=16/9){@media (orientation:portrait){.game-toolbar{justify-content:space-between}}}@media screen and (width<=479px){.game-toolbar{justify-content:space-between;column-gap:var(--fib-5);flex-wrap:wrap}}.game-toolbar__menu-group{align-items:flex-start;display:flex}@media (aspect-ratio<=16/9){@media (orientation:portrait){.game-selector-slot,.control-mode-selector-slot{inset-inline:0 auto}}}@media screen and (width<=479px){.game-selector-slot,.control-mode-selector-slot{inset-inline:0 auto}}.startup-error{justify-content:center;align-items:center;gap:var(--fib-8);min-height:100svh;padding:var(--fib-21);text-align:center;flex-direction:column;display:flex}.startup-error h1{font-size:var(--fib-21)}.startup-error__message{color:var(--text-secondary)}
