:root{--ui-radius-none: 0;--ui-border-thin: 1px;--ui-border-thick: 2px;--ui-focus-width: 2px;--ui-starfield-base: #02030a;--ui-starfield-deep: #040818;--ui-starfield-mid: #09132b;--ui-blue-bg: #0000ad;--ui-blue-bg-active: #5252ff;--ui-blue-text: #00adad;--ui-blue-text-active: #52ffff;--ui-blue-border: #5aa7ff;--ui-bevel-bg: #676767;--ui-bevel-bg-active: #7f7f7f;--ui-bevel-text: #151515;--ui-bevel-text-active: #ffe166;--ui-bevel-shadow-hi: #9a9a9a;--ui-bevel-shadow-lo: #2d2d2d;--ui-void-bg: #03030b;--ui-void-bg-active: #3f1771;--ui-void-text: #539dff;--ui-void-header: #b84cff;--ui-void-line-bright: #74b5ff;--ui-void-line-mid: #326cb8;--ui-void-line-fade: #19365a;--ui-shell-max-width: 1400px;--ui-shell-pad: 20px;--ui-primary-deck-gap: 18px;--ui-primary-deck-main: minmax(0, 1fr);--ui-rail-width: 20%}html{image-rendering:pixelated}body{background:radial-gradient(circle at 18% 16%,rgba(100,140,255,.16) 0 1px,transparent 2px),radial-gradient(circle at 74% 30%,rgba(140,180,255,.12) 0 1px,transparent 2px),radial-gradient(circle at 62% 78%,rgba(190,210,255,.1) 0 1px,transparent 2px),radial-gradient(circle at 86% 64%,rgba(130,160,255,.14) 0 1px,transparent 2px),linear-gradient(180deg,var(--ui-starfield-mid) 0%,var(--ui-starfield-deep) 34%,var(--ui-starfield-base) 100%);background-color:var(--ui-starfield-base);background-attachment:fixed}button,input,select,textarea{border-radius:var(--ui-radius-none)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[role=button]:focus-visible,[tabindex]:focus-visible{outline:var(--ui-focus-width) solid var(--accent);outline-offset:1px}.app-shell{position:relative;min-height:100dvh}.app-shell__starfield{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1}.primary-deck-layout{width:min(100%,var(--ui-shell-max-width));margin:0 auto;display:grid;grid-template-columns:var(--ui-primary-deck-main) var(--ui-rail-width);gap:var(--ui-primary-deck-gap);align-items:start}.primary-deck,.command-rail{min-width:0}.super-melee-title{margin:0 4px 10px 0;font-size:clamp(38px,7vw,50px);line-height:1;text-align:right;letter-spacing:.18em;color:#f4f;font-family:"UQMSlides",var(--font);text-shadow:0 0 18px #ff00ff60,0 2px 0 #660066,2px 2px 0 #330033;-webkit-user-select:text;user-select:text}.super-melee-screen{width:100vw;height:100vh;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:20px;overflow:hidden;-webkit-user-select:none;user-select:none}.super-melee-footer-attribution{position:fixed;left:50%;bottom:10px;transform:translate(-50%);z-index:40;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:.1em .35em;width:min(calc(100vw - 24px),980px);color:#fff;font-family:"UQMTiny",var(--font);font-size:16px;line-height:1.2;letter-spacing:.04em;text-align:center;white-space:normal;-webkit-user-select:text;user-select:text;pointer-events:none}.super-melee-footer-attribution a{color:inherit;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .15s ease,color .15s ease;pointer-events:auto}.super-melee-footer-attribution a:hover{color:#d7e4ff;border-bottom-color:currentColor}.super-melee-footer-attribution a:focus-visible{outline-offset:2px}.super-melee-footer-attribution__separator{font-size:.82em;line-height:1;opacity:.65;transform:translateY(-.02em)}.super-melee-footer-attribution__github{display:inline-flex;align-items:center;flex:0 0 auto;white-space:nowrap}.super-melee-footer-attribution__github-mark{width:16px;height:16px;color:currentColor;flex:0 0 auto}.super-melee-screen--setup .setup-captain-name,.super-melee-screen--setup .setup-team-name,.super-melee-screen--setup .setup-summary__meta,.super-melee-screen--setup .setup-status-note,.super-melee-screen--setup .setup-message,.super-melee-screen--setup .setup-room-card__label,.super-melee-screen--setup .setup-room-card__code,.super-melee-screen--setup .setup-room-card__status{-webkit-user-select:text;user-select:text}.super-melee-stage{position:relative;z-index:1}.super-melee-stage__scaled{transform-origin:top left;display:flex;flex-direction:column;align-items:center}.super-melee-stage__layout{display:flex;gap:20px;align-items:stretch;height:700px}.super-melee-stage__primary{width:800px;display:flex;flex-direction:column;min-width:0}.super-melee-sidebar{width:160px;display:flex;flex-direction:column;align-items:center;gap:10px}.super-melee-menu-group{display:flex;width:100%;align-items:center;gap:3px}.super-melee-menu-group--top{flex-direction:column-reverse;margin-top:auto}.super-melee-menu-group--bottom{flex-direction:column;margin-bottom:auto}.super-melee-menu-button{min-width:128px;min-height:48px;padding:9px 12px;justify-content:center;text-align:center;text-decoration:none;-webkit-user-select:none;user-select:none}.super-melee-menu-button.is-active,.super-melee-menu-button[aria-current=true]{background:var(--ui-bevel-bg-active);color:var(--ui-bevel-text-active)}.super-melee-menu-button--control{min-height:54px;padding:13px 12px}.super-melee-menu-label{display:block;font-family:"UQMStarCon",var(--font);font-size:26px;line-height:.95;color:inherit}.super-melee-menu-label--control{font-size:15px;line-height:.92}.super-melee-menu-label--captain{font-family:"UQMTiny",var(--font);font-size:18px;line-height:1.15;letter-spacing:.04em}.super-melee-battle-empty-slot{width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;background:var(--ui-bevel-bg);color:#000;font-family:"UQMStarCon",var(--font);font-size:30px;line-height:1}.menu-panel{border:var(--ui-border-thick) solid transparent;border-radius:0}.menu-panel--blue{background:var(--ui-blue-bg);border-color:var(--ui-blue-border);color:var(--ui-blue-text);font-family:"UQMStarCon",var(--font)}.menu-panel--bevel{background:var(--ui-bevel-bg);color:var(--ui-bevel-text);border-color:var(--ui-bevel-shadow-lo);box-shadow:inset 1px 1px 0 var(--ui-bevel-shadow-hi),inset -1px -1px 0 var(--ui-bevel-shadow-lo)}.menu-panel--void{background:var(--ui-void-bg);border-color:#0f2cff;color:var(--ui-void-text)}.menu-option{display:block;width:100%;min-height:32px;border:0;border-radius:0;text-align:left;letter-spacing:.08em}.menu-panel--blue .menu-option{background:transparent;color:var(--ui-blue-text);font-family:"UQMStarCon",var(--font);letter-spacing:0}.menu-panel--blue .menu-option--captain{font-family:"UQMTiny",var(--font);font-size:18px;line-height:1.15;letter-spacing:.04em}.menu-panel--blue .menu-option.is-active,.menu-panel--blue .menu-option[aria-current=true],.menu-panel--blue .menu-option:hover,.menu-panel--blue .menu-option:focus-visible{background:var(--ui-blue-bg-active);color:var(--ui-blue-text-active)}.menu-panel--bevel .menu-option{background:var(--ui-bevel-bg);color:var(--ui-bevel-text);border:1px solid var(--ui-bevel-shadow-lo);font-family:"UQMStarCon",var(--font);letter-spacing:0;box-shadow:inset 1px 1px 0 var(--ui-bevel-shadow-hi),inset -1px -1px 0 var(--ui-bevel-shadow-lo)}.menu-panel--bevel .menu-option.is-active,.menu-panel--bevel .menu-option[aria-current=true],.menu-panel--bevel .menu-option:hover,.menu-panel--bevel .menu-option:focus-visible{color:var(--ui-bevel-text-active);background:var(--ui-bevel-bg-active)}.menu-panel--void .menu-option{background:transparent;color:var(--ui-void-text);font-family:"UQMTiny",var(--font);letter-spacing:.05em}.menu-panel--void .menu-option.is-active,.menu-panel--void .menu-option[aria-current=true],.menu-panel--void .menu-option:hover,.menu-panel--void .menu-option:focus-visible{background:transparent;color:#ff2bf8;border-color:#ff2bf8}.menu-header{letter-spacing:.14em}.menu-header--void{margin:0;display:flex;align-items:center;width:100%;color:var(--ui-void-header);font-family:"UQMSlides",var(--font)}.menu-header--void:before,.menu-header--void:after{content:"";flex:1;height:7px;background:linear-gradient(180deg,var(--ui-void-line-bright) 0 1px,transparent 1px 2px,var(--ui-void-line-mid) 2px 3px,transparent 3px 4px,var(--ui-void-line-fade) 4px 5px,transparent 5px 100%);opacity:.9}.menu-header__label{padding:0 12px;white-space:nowrap}.ui-button{border-radius:0;letter-spacing:.08em}.ui-button--bevel{background:var(--ui-bevel-bg);color:var(--ui-bevel-text);border:1px solid var(--ui-bevel-shadow-lo);font-family:"UQMStarCon",var(--font);letter-spacing:0;box-shadow:inset 1px 1px 0 var(--ui-bevel-shadow-hi),inset -1px -1px 0 var(--ui-bevel-shadow-lo)}.ui-button--bevel:hover:not(:disabled),.ui-button--bevel:focus-visible{background:var(--ui-bevel-bg-active);color:var(--ui-bevel-text-active)}.void-save-list{display:flex;flex-direction:column;gap:8px}.void-save-row{display:grid;grid-template-columns:76px minmax(0,1fr);gap:16px;align-items:stretch}.void-save-cell{min-height:52px;display:flex;align-items:center;border:2px solid #0f2cff;color:#0f2cff;background:#000;padding:0 10px;letter-spacing:.05em;font-family:"UQMTiny",var(--font);font-size:22px;line-height:1.15}.void-save-cell--slot{justify-content:center;font-size:24px}.void-save-row.is-active .void-save-cell,.void-save-row:hover .void-save-cell,.void-save-row:focus-visible .void-save-cell{border-color:#ff2bf8;color:#ff2bf8}.pixel-surface{border-radius:0;image-rendering:pixelated}@media (max-width: 900px){.primary-deck-layout{grid-template-columns:1fr}}.utility-screen{position:relative;display:flex;justify-content:center;padding:20px;overflow:hidden;-webkit-user-select:none;user-select:none}.utility-screen--scrolling{align-items:flex-start;overflow-y:auto;overflow-x:hidden}.utility-screen--top{justify-content:flex-start}.utility-screen:focus-visible,.utility-screen [data-style-lab-nav=true]:focus-visible{outline:none}.utility-stage{position:relative;z-index:1}.utility-stage__scaled{transform-origin:top left}.utility-page{position:relative;z-index:1;width:min(100%,1240px);margin:0 auto;display:flex;flex-direction:column;gap:18px;min-height:0}.utility-deck{height:100%;min-height:0;align-items:stretch;grid-template-columns:var(--ui-primary-deck-main) var(--ui-rail-width)}.utility-deck__primary{gap:18px;min-height:0}.utility-rail{display:flex;flex-direction:column;gap:14px;align-self:stretch;min-height:0}.utility-rail__spacer{flex:1}.page-intro{display:flex;flex-direction:column;gap:8px}.page-intro--tight{gap:4px}.page-intro .super-melee-title{margin-bottom:0}.page-title{font-size:26px;margin-top:0}.zone-header{font-size:18px}.sample-panel{padding:16px}.sample-panel--compact{padding:14px}.sample-panel__title{font-size:22px;margin-bottom:10px}.sample-panel__subtitle{font-size:14px;margin-bottom:10px}.sample-stack{gap:12px}.title-sample{font-size:36px;line-height:1}.type-sample{line-height:1.8}.type-sample--tiny{font-family:"UQMTiny",var(--font);font-size:16px;color:var(--ui-void-text);letter-spacing:.05em}.rule-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px;font-size:12px}.rail-panel{padding:12px}.rail-label{font-size:12px;margin-bottom:8px}.rail-label--bevel{color:var(--ui-bevel-text)}.utility-link-list{display:flex;flex-direction:column;gap:8px}.utility-link{text-decoration:none}.utility-link--large,.demo-button{width:100%;padding:8px 10px;min-height:34px;display:flex;align-items:center;justify-content:center;text-align:center;text-decoration:none;white-space:normal;overflow-wrap:anywhere;line-height:1.15;font-size:26px}.demo-button{cursor:pointer;line-height:1}.demo-save-row{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;background:transparent;border:0;padding:0;cursor:pointer;color:inherit}.demo-save-row:hover,.demo-save-row:focus-visible{background:transparent!important;color:inherit!important;border-color:transparent!important}.demo-save-row:disabled{cursor:default;opacity:.68}.specimen-page{-webkit-user-select:text;user-select:text}.specimen-page__header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.specimen-page__intro{min-width:0}.specimen-page__intro .super-melee-title{margin-bottom:4px}.specimen-page__intro-copy{margin:0;color:#8aa0d8;font-size:13px;line-height:1.5;max-width:760px}.specimen-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px}.specimen-panel{border:1px solid #2a3352;background:#050814d6;padding:18px}.specimen-panel__title{margin:0 0 14px;color:#8fb4ff;font-size:12px;letter-spacing:.2em}.specimen-panel__meta{margin:4px 0 12px;color:#7182b3;font-size:11px;letter-spacing:.08em}.specimen-line{margin:8px 0;line-height:1;image-rendering:pixelated}.font-slides{font-family:UQMSlides,monospace;letter-spacing:0}.font-starcon{font-family:UQMStarCon,monospace;letter-spacing:0}.font-tiny{font-family:UQMTiny,monospace;letter-spacing:0}.font-micro{font-family:UQMMicro,monospace;letter-spacing:0}.specimen-caption{color:#9fb1df;font-size:12px;margin:8px 0 4px;letter-spacing:.06em}.specimen-box{padding:10px 12px;border:1px solid #1f2842;background:#00000059;margin-bottom:10px}.specimen-button-row{display:flex;flex-wrap:wrap;gap:8px}.specimen-button{display:inline-block;padding:8px 12px;border-top:1px solid #838383;border-left:1px solid #838383;border-right:1px solid #414141;border-bottom:1px solid #414141;background:#525252;color:#000}.status-specimen{width:128px;padding:10px 8px;border:1px solid #4f4f4f;background:#525252;color:#000}.status-specimen__race{text-align:center;font-size:14px}.status-specimen__captain{text-align:center;font-size:12px;margin-top:16px}.status-specimen__labels{display:flex;justify-content:space-between;margin-top:10px;font-size:8px}.font-size-micro-display{font-size:10px}.specimen-page__section{margin-bottom:20px}.netplay-captain-name{color:var(--ui-void-text);font-family:"UQMTiny",var(--font);font-size:24px;line-height:1.3;letter-spacing:.05em;text-align:center}.netplay-captain-input{width:100%;padding:6px 8px;border:2px solid #0f2cff;background:#000;color:var(--ui-void-text);font-family:"UQMTiny",var(--font);font-size:24px;line-height:1.2;letter-spacing:.05em;text-align:center}.netplay-room-row__body{justify-content:flex-start;white-space:normal;overflow-wrap:anywhere}.netplay-empty-state,.netplay-message{color:var(--ui-void-text);font-family:"UQMTiny",var(--font);font-size:18px;line-height:1.5;letter-spacing:.04em}.netplay-message--error{color:#ff8080}.netplay-password-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.netplay-password-input{min-width:220px;padding:10px 12px;border:2px solid #0f2cff;background:#000;color:var(--ui-void-text);font-family:"UQMTiny",var(--font);font-size:18px;letter-spacing:.04em}.netplay-inline-action{width:auto;min-width:120px;min-height:42px;font-size:20px}.setup-primary{flex:1;min-height:0;position:relative;display:flex;flex-direction:column;gap:18px}.setup-panel{flex:1;min-height:0;display:flex;flex-direction:column;gap:12px;padding:10px 0}.setup-panel--muted{opacity:.72}.setup-summary{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.setup-summary__identity{min-width:0;display:flex;flex-direction:column;gap:4px}.setup-summary__meta{color:#fff;font-family:"UQMTiny",var(--font);font-size:16px;line-height:1.2;text-align:right}.setup-captain-name{color:#fff;font-family:"UQMTiny",var(--font);font-size:18px;line-height:1.2;letter-spacing:.05em}.setup-team-name,.setup-team-name-button{color:#fff;font-family:"UQMTiny",var(--font);font-size:16px;line-height:1.2;letter-spacing:.04em}.setup-team-name-button{align-self:flex-start;background:transparent;border:0;padding:0;cursor:pointer}.setup-team-name-input{width:240px;max-width:100%;padding:2px 6px;background:#000;border:1px solid #446;color:#fff;font-family:"UQMTiny",var(--font);font-size:16px;letter-spacing:.04em}.setup-fleet-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;width:100%}.setup-fleet-cell{width:100%;aspect-ratio:1 / 1;background:transparent;border:1px solid rgba(90,90,140,.55);display:flex;align-items:center;justify-content:center;color:#7c7ca4;cursor:default;box-sizing:border-box}.setup-fleet-cell:disabled{opacity:1}.setup-fleet-cell--filled{background:#000063}.setup-fleet-cell:not(:disabled){cursor:pointer}.setup-fleet-cell:not(:disabled):hover,.setup-fleet-cell:not(:disabled):focus-visible{background:#11106f;border:2px solid #dd55ff;outline:none}.setup-fleet-cell__fallback{color:#fff;font-family:"UQMTiny",var(--font);font-size:10px;line-height:1.1;text-align:center}.setup-fleet-cell__empty{font-family:"UQMStarCon",var(--font);font-size:22px;line-height:1}.setup-room-card{width:128px;padding:12px 10px;display:flex;flex-direction:column;gap:8px;align-items:center;text-align:center}.setup-room-card__label{color:#111;font-family:"UQMTiny",var(--font);font-size:14px;line-height:1.1;letter-spacing:.06em}.setup-room-card__code{color:#111;font-family:"UQMStarCon",var(--font);font-size:28px;line-height:.95}.setup-room-card__status{color:#111;font-family:"UQMTiny",var(--font);font-size:13px;line-height:1.2}.setup-message{color:#fff;font-family:"UQMTiny",var(--font);font-size:16px;line-height:1.4;letter-spacing:.04em}.setup-blue-menu{width:100%;align-self:stretch}.rail-fit-text{position:relative;display:flex;justify-content:center;width:100%;min-width:0}.rail-fit-text__measure,.rail-fit-text__visible{font-family:inherit;font-size:var(--rail-fit-font-size);font-weight:inherit;letter-spacing:inherit;line-height:var(--rail-fit-line-height, 1);text-align:center;text-transform:inherit}.rail-fit-text__measure{position:absolute;left:0;top:0;display:inline-flex;flex-direction:column;align-items:center;width:max-content;max-width:none;visibility:hidden;pointer-events:none;font-size:var(--rail-fit-measure-size)}.rail-fit-text__visible{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-width:0;overflow:hidden}.rail-fit-text__line{display:block;white-space:nowrap}.setup-message--success,.setup-status-note{color:#ffe166}@media (max-width: 900px){.utility-screen{padding:12px}.specimen-page__header{flex-direction:column;align-items:stretch}.utility-deck{grid-template-columns:var(--ui-primary-deck-main) var(--ui-rail-width)}}:root{--bg: #000;--bg1: #000;--bg2: #080810;--border: #223;--accent: #4af;--accent2: #f84;--danger: #f44;--success: #4f4;--text: #ccd;--text-dim: #556;--text-hi: #fff;--font: "Courier New", Courier, monospace;--radius: 4px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;min-height:100dvh;background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.5}html,body{overflow:hidden;overscroll-behavior:none}body{touch-action:manipulation}button{font-family:var(--font);font-size:13px;background:var(--bg2);color:var(--accent);border:1px solid var(--accent);border-radius:var(--radius);padding:6px 14px;cursor:pointer;letter-spacing:.08em;transition:background .1s,color .1s}button:hover:not(:disabled){background:var(--accent);color:var(--bg)}button:disabled{opacity:.35;cursor:not-allowed}button.danger{color:var(--danger);border-color:var(--danger)}button.danger:hover:not(:disabled){background:var(--danger);color:var(--bg)}button.success{color:var(--success);border-color:var(--success)}button.success:hover:not(:disabled){background:var(--success);color:var(--bg)}input,select{font-family:var(--font);font-size:14px;background:var(--bg1);color:var(--text-hi);border:1px solid var(--border);border-radius:var(--radius);padding:6px 10px;outline:none}input:focus,select:focus{border-color:var(--accent)}h1,h2,h3{font-weight:400;letter-spacing:.1em;color:var(--text-hi)}.screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100dvh;padding:20px}.panel{background:var(--bg1);border:1px solid var(--border);border-radius:var(--radius);padding:24px}.row{display:flex;gap:10px;align-items:center}.col{display:flex;flex-direction:column;gap:10px}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--text-dim)}.status-dot.green{background:var(--success)}.status-dot.yellow{background:var(--accent2)}.status-dot.red{background:var(--danger)}.error-msg{color:var(--danger);font-size:13px}.dim{color:var(--text-dim)}.mobile-controls{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;touch-action:none;-webkit-user-select:none;user-select:none;z-index:20}.mobile-controls__stick{position:absolute;left:max(18px,env(safe-area-inset-left));bottom:max(18px,env(safe-area-inset-bottom));width:124px;height:124px;border-radius:50%;border:1px solid rgba(210,235,255,.16);background:radial-gradient(circle at center,#b4dcff14 0,#b4dcff08 48%,#b4dcff03 72%,#b4dcff00);box-shadow:0 0 0 1px #32649b14 inset,0 10px 32px #0000002e;pointer-events:auto;touch-action:none}.mobile-controls__stick-knob{position:absolute;left:50%;top:50%;width:48px;height:48px;margin-left:-24px;margin-top:-24px;border-radius:50%;background:#d6f0ff29;border:1px solid rgba(214,240,255,.18);box-shadow:0 0 0 1px #ffffff08 inset,0 6px 18px #0000002e;pointer-events:none}.mobile-controls__fire{position:absolute;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));display:flex;gap:16px;align-items:flex-end;pointer-events:auto}.mobile-controls__fullscreen{border:1px solid rgba(173,224,255,.6);background:#08102461;color:#d8f3ff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 0 0 1px #1e60964d inset;touch-action:none}.mobile-controls__fire-button{width:58px;height:58px;border-radius:50%;border:1px solid rgba(210,235,255,.34);background:#d6f0ff05;box-shadow:0 0 0 1px #ffffff05 inset,0 8px 22px #00000029;padding:0;min-width:0;min-height:0;color:transparent;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);touch-action:none}.mobile-controls__fire-button:hover,.mobile-controls__fire-button:focus{background:#d6f0ff0a}.mobile-controls__fire-button:active{background:#d6f0ff14}.mobile-controls__fire-button--primary{width:64px;height:64px;background:#ffdea005;border-color:#ffdea061}.mobile-controls__fire-button--secondary{background:#ffbebe05;border-color:#ffbebe57}.mobile-controls__fullscreen{border-radius:999px;width:42px;height:42px;padding:0;display:flex;align-items:center;justify-content:center}.mobile-controls__fullscreen{position:absolute;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));pointer-events:auto}.mobile-controls__fullscreen-icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}@media (max-width: 720px){.mobile-controls__stick{width:112px;height:112px}.mobile-controls__stick-knob{width:42px;height:42px;margin-left:-21px;margin-top:-21px}.mobile-controls__fire{gap:12px}.mobile-controls__fire-button{width:52px;height:52px}.mobile-controls__fire-button--primary{width:58px;height:58px}}