:root{--s3-cyan:#69e6ff;--s3-blue:#5b7cff;--s3-gold:#ffc85a;--s3-red:#ff5b78;--s3-ink:#071018;--s3-panel:#0b1721;--s3-line:rgba(128,222,255,.18)}
.space3d-single-body{background:#050b11;color:#eaf8ff;min-height:100vh}
.space3d-single-page{width:min(1500px,calc(100% - 28px));margin:0 auto;padding:34px 0 90px}
.space3d-intro{display:flex;justify-content:space-between;gap:28px;align-items:end;margin:18px 0 24px;padding:22px 6px}
.space3d-intro>div:first-child{max-width:850px}.space3d-eyebrow,.space3d-panel-label{margin:0 0 9px;color:var(--s3-cyan);font-size:.76rem;font-weight:800;letter-spacing:.16em}.space3d-intro h1{margin:0;font-size:clamp(2.3rem,6vw,5.8rem);line-height:.9;letter-spacing:-.06em}.space3d-intro p:not(.space3d-eyebrow){max-width:760px;color:#b9cad4;line-height:1.65;font-size:1.02rem}.space3d-tech{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.space3d-tech span{border:1px solid var(--s3-line);background:rgba(12,29,40,.7);padding:8px 10px;border-radius:999px;font-size:.68rem;font-weight:800;letter-spacing:.08em;color:#bcefff}
.space3d-shell{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:18px;align-items:stretch}.space3d-stage{position:relative;min-height:680px;height:min(76vh,840px);overflow:hidden;border:1px solid rgba(105,230,255,.22);border-radius:24px;background:radial-gradient(circle at 50% 40%,#102538 0,#071019 48%,#030609 100%);box-shadow:0 30px 80px rgba(0,0,0,.38),inset 0 0 80px rgba(67,207,255,.04);outline:none;touch-action:none;isolation:isolate}.space3d-stage canvas{display:block;width:100%!important;height:100%!important}.space3d-stage:fullscreen,.space3d-stage.is-fallback-fullscreen{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;max-height:none!important;border:0!important;border-radius:0!important;z-index:99999;background:#030609}.space3d-stage:fullscreen .space3d-touch,.space3d-stage.is-fallback-fullscreen .space3d-touch{padding-bottom:max(18px,env(safe-area-inset-bottom))}
.space3d-loading{position:absolute;inset:0;z-index:30;display:grid;place-items:center;align-content:center;gap:10px;text-align:center;background:radial-gradient(circle,#10273b 0,#060b11 72%);transition:opacity .35s,visibility .35s}.space3d-loading.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.space3d-loading strong{font-size:1.15rem}.space3d-loading small{color:#8fa7b4}.space3d-loader{position:relative;width:68px;height:68px;margin-bottom:9px}.space3d-loader i,.space3d-loader b,.space3d-loader em{position:absolute;inset:0;border-radius:50%;border:2px solid transparent;border-top-color:var(--s3-cyan);animation:s3spin 1.2s linear infinite}.space3d-loader b{inset:10px;border-right-color:var(--s3-gold);animation-direction:reverse}.space3d-loader em{inset:21px;border-bottom-color:#9d7cff}@keyframes s3spin{to{transform:rotate(360deg)}}
.space3d-hud{position:absolute;left:16px;right:16px;z-index:9;display:flex;gap:9px;pointer-events:none}.space3d-hud-top{top:16px;align-items:stretch}.space3d-hud-bottom{bottom:16px;align-items:end;justify-content:space-between}.space3d-hud-card{min-width:76px;padding:9px 11px;border:1px solid rgba(150,227,255,.2);background:rgba(5,15,23,.76);backdrop-filter:blur(10px);border-radius:12px;box-shadow:0 8px 28px rgba(0,0,0,.25)}.space3d-hud-card small{display:block;color:#86a3b0;font-size:.6rem;font-weight:800;letter-spacing:.13em}.space3d-hud-card strong{display:block;margin-top:2px;font-size:1rem}.space3d-wide-card{min-width:150px}.space3d-meter{height:5px;margin:6px 0 3px;background:#132530;border-radius:99px;overflow:hidden}.space3d-meter i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#54e6ff,#73ffb5);transition:width .15s}.space3d-meter.boss-meter i{background:linear-gradient(90deg,#ffbb4f,#ff5275)}.boss-card.is-active{border-color:rgba(255,91,120,.6);box-shadow:0 0 24px rgba(255,75,108,.12)}
.space3d-fullscreen{pointer-events:auto;border:1px solid rgba(153,231,255,.26);background:rgba(5,15,23,.82);color:#dff9ff;border-radius:12px;padding:0 14px;font:inherit;font-size:.72rem;font-weight:800;letter-spacing:.08em;cursor:pointer;margin-left:auto}.space3d-fullscreen:hover{border-color:var(--s3-cyan);background:#0d2230}
.space3d-compass{position:absolute;z-index:8;right:20px;top:92px;width:82px;height:82px;border-radius:50%;display:grid;place-items:center;background:rgba(5,15,23,.62);border:1px solid rgba(105,230,255,.2);backdrop-filter:blur(8px);text-align:center;pointer-events:none}.space3d-compass div{position:absolute;top:8px;font-size:1.15rem;color:var(--s3-gold);transform-origin:50% 33px;transition:transform .08s linear}.space3d-compass small{font-size:.55rem;color:#86a3b0;letter-spacing:.12em;margin-top:13px}.space3d-compass strong{font-size:.68rem;margin-top:-17px;color:#e9f9ff}
.space3d-crosshair{position:absolute;left:50%;top:49%;z-index:7;width:30px;height:30px;transform:translate(-50%,-50%);opacity:.5;pointer-events:none}.space3d-crosshair:before,.space3d-crosshair:after,.space3d-crosshair i:before,.space3d-crosshair i:after{content:"";position:absolute;background:#b8f4ff;box-shadow:0 0 8px #50dfff}.space3d-crosshair:before{width:8px;height:1px;left:0;top:15px}.space3d-crosshair:after{width:8px;height:1px;right:0;top:15px}.space3d-crosshair i:before{width:1px;height:8px;top:0;left:15px}.space3d-crosshair i:after{width:1px;height:8px;bottom:0;left:15px}.space3d-message{position:absolute;left:50%;top:22%;z-index:12;transform:translate(-50%,-8px);padding:10px 16px;border-radius:999px;background:rgba(5,15,23,.82);border:1px solid rgba(105,230,255,.28);font-weight:900;letter-spacing:.1em;font-size:.78rem;opacity:0;transition:.25s;pointer-events:none;white-space:nowrap}.space3d-message.show{opacity:1;transform:translate(-50%,0)}
.space3d-control-hint{display:flex;gap:8px;flex-wrap:wrap;padding:8px 10px;border-radius:12px;background:rgba(5,15,23,.7);border:1px solid rgba(150,227,255,.16);backdrop-filter:blur(9px)}.space3d-control-hint span{font-size:.68rem;color:#abc0ca}.space3d-control-hint kbd{color:#f6fcff;background:#102530;border:1px solid #284959;border-radius:5px;padding:2px 5px;font:700 .64rem/1 monospace}.space3d-status-pill{display:flex;gap:8px;align-items:center;padding:9px 12px;border-radius:999px;background:rgba(5,15,23,.76);border:1px solid rgba(150,227,255,.17);backdrop-filter:blur(9px)}.space3d-status-pill span{width:8px;height:8px;border-radius:50%;background:var(--s3-cyan);box-shadow:0 0 10px var(--s3-cyan)}.space3d-status-pill strong{font-size:.64rem;letter-spacing:.1em}
.space3d-touch{position:absolute;z-index:15;left:14px;right:14px;bottom:66px;display:none;justify-content:space-between;align-items:end;pointer-events:none}.space3d-touch button{pointer-events:auto;width:58px;height:52px;border:1px solid rgba(171,235,255,.28);border-radius:14px;background:rgba(5,15,23,.72);color:#eaffff;font-weight:900;backdrop-filter:blur(8px);touch-action:none}.space3d-touch button.active{background:rgba(43,161,197,.42);border-color:var(--s3-cyan);transform:scale(.96)}.space3d-touch-drive{display:grid;grid-template-columns:repeat(3,58px);grid-template-rows:repeat(2,52px);gap:7px}.space3d-touch-drive button[data-control=forward]{grid-column:2}.space3d-touch-drive button[data-control=left]{grid-column:1;grid-row:2}.space3d-touch-drive button[data-control=back]{grid-column:2;grid-row:2}.space3d-touch-drive button[data-control=right]{grid-column:3;grid-row:2}.space3d-touch-actions{display:flex;gap:8px}.space3d-touch-actions .fire{width:78px;border-color:rgba(255,91,120,.42);color:#ffdbe2}.space3d-touch-actions .boost{width:70px;border-color:rgba(255,200,90,.38);color:#ffe8a7}
.space3d-modal{position:absolute;inset:0;z-index:40;display:grid;place-items:center;background:rgba(2,7,11,.72);backdrop-filter:blur(6px)}.space3d-modal[hidden]{display:none}.space3d-modal>div{width:min(420px,calc(100% - 30px));padding:28px;border:1px solid rgba(120,222,255,.28);border-radius:20px;background:linear-gradient(180deg,rgba(13,31,44,.98),rgba(5,13,20,.98));text-align:center;box-shadow:0 25px 80px rgba(0,0,0,.5)}.space3d-modal p:first-child{color:var(--s3-cyan);font-weight:900;letter-spacing:.18em;font-size:.68rem}.space3d-modal h2{font-size:2rem;margin:8px 0}.space3d-modal p{color:#aec2cc;line-height:1.55}.space3d-modal button,.space3d-actions button{border:1px solid rgba(105,230,255,.3);background:#102834;color:white;border-radius:10px;padding:11px 14px;font:inherit;font-weight:800;cursor:pointer}.space3d-modal button:hover,.space3d-actions button:hover{background:#173849;border-color:var(--s3-cyan)}
.space3d-panel{display:flex;flex-direction:column;gap:12px}.space3d-panel-section{padding:18px;border:1px solid rgba(121,205,239,.14);border-radius:18px;background:linear-gradient(180deg,rgba(12,27,38,.86),rgba(6,15,22,.86));box-shadow:0 18px 44px rgba(0,0,0,.2)}.space3d-panel h2{margin:0 0 10px;font-size:1.2rem}.space3d-panel p{color:#a8bdc8;line-height:1.55;font-size:.88rem;margin-bottom:0}.space3d-objectives{display:grid;gap:12px}.space3d-objectives>div{display:flex;gap:10px}.space3d-objectives>div>span{display:grid;place-items:center;width:28px;height:28px;flex:0 0 28px;border-radius:50%;background:#0f2c3a;color:var(--s3-cyan);font-size:.62rem;font-weight:900}.space3d-objectives p{margin:0}.space3d-objectives strong,.space3d-objectives small{display:block}.space3d-objectives small{color:#7f98a5;margin-top:2px}.space3d-specs>div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid rgba(148,222,255,.09);font-size:.82rem}.space3d-specs>div:last-child{border:0}.space3d-specs span{color:#829ba7}.space3d-specs strong{color:#def7ff;text-align:right}.space3d-actions{display:grid;gap:8px}.space3d-actions button:last-child{background:transparent;color:#a9c0cb}.space3d-tip{border-color:rgba(255,200,90,.2)}.space3d-tip strong{color:#ffdc87}
.space3d-description{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.space3d-description article{padding:22px;border:1px solid rgba(121,205,239,.13);border-radius:18px;background:rgba(8,19,27,.72)}.space3d-description article>strong{color:var(--s3-cyan);font-size:.72rem;letter-spacing:.15em}.space3d-description h3{margin:8px 0}.space3d-description p{color:#9db3bf;line-height:1.55;font-size:.9rem}
@media(max-width:1100px){.space3d-shell{grid-template-columns:1fr}.space3d-panel{display:grid;grid-template-columns:repeat(2,1fr)}.space3d-stage{height:720px}.space3d-intro{align-items:start}.space3d-description{grid-template-columns:1fr 1fr}}
@media(max-width:760px),(pointer:coarse){.space3d-single-page{width:min(100% - 14px,1500px);padding-top:14px}.space3d-intro{display:block;margin-top:4px}.space3d-intro h1{font-size:clamp(2.2rem,13vw,4rem)}.space3d-tech{justify-content:flex-start;margin-top:14px}.space3d-stage{height:calc(100dvh - 145px);min-height:560px;border-radius:16px}.space3d-touch{display:flex}.space3d-control-hint{display:none}.space3d-hud-top{left:9px;right:9px;top:9px;gap:6px}.space3d-hud-card{padding:7px 8px;min-width:58px}.space3d-wide-card{min-width:108px}.space3d-fullscreen{padding:0 9px}.space3d-fullscreen span{display:none}.space3d-compass{right:10px;top:82px;width:70px;height:70px}.space3d-compass div{transform-origin:50% 27px}.space3d-hud-bottom{left:10px;right:10px;bottom:9px}.space3d-status-pill{margin-left:auto}.space3d-panel{grid-template-columns:1fr}.space3d-description{grid-template-columns:1fr}.space3d-crosshair{opacity:.32}}
@media(max-width:520px){.space3d-hud-card.boss-card{position:absolute;top:58px;left:0;min-width:165px}.space3d-compass{top:90px}.space3d-touch-drive{grid-template-columns:repeat(3,50px);grid-template-rows:repeat(2,46px)}.space3d-touch button{width:50px;height:46px}.space3d-touch-actions{flex-direction:column}.space3d-touch-actions .fire,.space3d-touch-actions .boost{width:68px;height:46px}.space3d-touch{bottom:50px}.space3d-stage{min-height:540px}}

.space3d-eco-badge{align-self:center;padding:7px 9px;border:1px solid rgba(98,255,191,.34);border-radius:999px;background:rgba(7,40,31,.86);color:#7dffc8;font-size:.62rem;font-weight:900;letter-spacing:.12em;pointer-events:none}
.space3d-stage.is-eco{box-shadow:none;background:#03080d}
.space3d-stage.is-eco .space3d-hud-card,.space3d-stage.is-eco .space3d-fullscreen,.space3d-stage.is-eco .space3d-compass,.space3d-stage.is-eco .space3d-control-hint,.space3d-stage.is-eco .space3d-status-pill,.space3d-stage.is-eco .space3d-touch button{backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}
.space3d-stage.is-eco .space3d-crosshair:before,.space3d-stage.is-eco .space3d-crosshair:after,.space3d-stage.is-eco .space3d-crosshair i:before,.space3d-stage.is-eco .space3d-crosshair i:after{box-shadow:none}
.space3d-stage.is-eco .space3d-status-pill span{box-shadow:none}
.space3d-stage.is-eco .space3d-meter i{transition:none}
@media(max-width:760px),(pointer:coarse){.space3d-eco-badge{padding:6px 7px;font-size:.56rem}.space3d-stage,.space3d-panel-section,.space3d-description article{box-shadow:none}.space3d-modal{backdrop-filter:none;-webkit-backdrop-filter:none}}

/* Android/mobile control containment fix */
.space3d-single-body,
.space3d-single-body * {
    box-sizing: border-box;
}
.space3d-single-body {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}
.space3d-single-body button {
    min-width: 0;
    max-width: 100%;
}
.space3d-touch button {
    box-sizing: border-box;
    padding: 0 4px;
    margin: 0;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    line-height: 1;
    font-size: .88rem;
    text-overflow: clip;
}
.space3d-touch-drive button {
    padding: 0;
    font-size: 1rem;
}
.space3d-touch-actions .fire,
.space3d-touch-actions .boost {
    padding-inline: 4px;
    font-size: clamp(.64rem, 2.8vw, .82rem);
    letter-spacing: 0;
}
.space3d-actions button,
.space3d-modal button {
    width: 100%;
    min-width: 0;
    height: auto;
    min-height: 44px;
    padding: 10px 12px;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: normal;
    line-height: 1.18;
    text-align: center;
}
.space3d-tech span {
    max-width: 100%;
    white-space: normal;
    overflow-wrap: anywhere;
    text-align: center;
    line-height: 1.15;
}
.space3d-message {
    max-width: calc(100% - 20px);
    white-space: normal;
    overflow-wrap: anywhere;
    text-align: center;
    line-height: 1.2;
}
.space3d-fullscreen {
    box-sizing: border-box;
    min-width: 38px;
    max-width: 160px;
    overflow: hidden;
    white-space: nowrap;
}
@media (max-width: 520px) {
    .space3d-touch {
        left: 8px;
        right: 8px;
        gap: 8px;
    }
    .space3d-touch-drive {
        grid-template-columns: repeat(3, minmax(0, 48px));
        grid-template-rows: repeat(2, 44px);
        gap: 5px;
    }
    .space3d-touch button {
        width: 48px;
        height: 44px;
        min-height: 44px;
    }
    .space3d-touch-actions {
        gap: 5px;
        flex: 0 0 auto;
    }
    .space3d-touch-actions .fire,
    .space3d-touch-actions .boost {
        width: 64px;
        height: 44px;
        min-height: 44px;
        font-size: .66rem;
    }
    .space3d-hud-card small {
        font-size: .54rem;
        letter-spacing: .08em;
    }
    .space3d-hud-card strong {
        font-size: .88rem;
    }
}
@media (max-width: 380px) {
    .space3d-touch-drive {
        grid-template-columns: repeat(3, minmax(0, 44px));
        grid-template-rows: repeat(2, 42px);
        gap: 4px;
    }
    .space3d-touch button {
        width: 44px;
        height: 42px;
        min-height: 42px;
    }
    .space3d-touch-actions .fire,
    .space3d-touch-actions .boost {
        width: 58px;
        height: 42px;
        min-height: 42px;
        font-size: .61rem;
    }
}

/* Android/WebView hard containment — narrow/large-font tablets */
@media (pointer: coarse), (max-width: 900px) {
    .space3d-stage,
    .space3d-stage * {
        -webkit-text-size-adjust: none !important;
        text-size-adjust: none !important;
    }

    .space3d-stage button,
    .space3d-panel button {
        box-sizing: border-box !important;
        min-width: 0 !important;
        max-width: 100% !important;
        overflow: hidden !important;
    }

    /* Game controls are icon-only on Android/touch. This completely removes
       the possibility of BOOST/FIRE labels escaping their buttons. */
    .space3d-touch-actions .boost,
    .space3d-touch-actions .fire {
        position: relative;
        font-size: 0 !important;
        white-space: nowrap !important;
        text-indent: -9999px;
        overflow: hidden !important;
    }
    .space3d-touch-actions .boost::after,
    .space3d-touch-actions .fire::after {
        position: absolute;
        inset: 0;
        display: grid;
        place-items: center;
        text-indent: 0;
        font: 900 1.15rem/1 system-ui,-apple-system,"Segoe UI",sans-serif;
    }
    .space3d-touch-actions .boost::after { content: "⚡"; }
    .space3d-touch-actions .fire::after { content: "◎"; font-size: 1.3rem; }

    .space3d-fullscreen {
        width: 40px !important;
        min-width: 40px !important;
        max-width: 40px !important;
        padding: 0 !important;
        font-size: 0 !important;
        white-space: nowrap !important;
    }
    .space3d-fullscreen::before {
        content: "⛶";
        display: block;
        font: 900 1.05rem/40px system-ui,-apple-system,"Segoe UI",sans-serif;
        text-align: center;
    }
    .space3d-fullscreen > span { display: none !important; }

    .space3d-actions button,
    .space3d-modal button {
        white-space: normal !important;
        overflow-wrap: anywhere !important;
        word-break: break-word !important;
        line-height: 1.15 !important;
        font-size: clamp(.70rem, 2.8vw, .86rem) !important;
        padding-inline: 8px !important;
    }

    .space3d-status-pill,
    .space3d-hud-card,
    .space3d-tech span,
    .space3d-message {
        min-width: 0 !important;
        overflow: hidden !important;
    }
    .space3d-status-pill strong,
    .space3d-hud-card small,
    .space3d-hud-card strong {
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

@media (max-width: 430px) {
    .space3d-touch-actions .fire,
    .space3d-touch-actions .boost {
        width: 50px !important;
    }
    .space3d-touch-drive {
        grid-template-columns: repeat(3, 42px) !important;
        grid-template-rows: repeat(2, 42px) !important;
    }
    .space3d-touch-drive button {
        width: 42px !important;
        height: 42px !important;
        min-height: 42px !important;
    }
}


/* ECO camera/frame-pacing stability */
.space3d-stage.is-eco canvas {
  image-rendering: auto;
  transform: translateZ(0);
  backface-visibility: hidden;
}
@media (pointer: coarse) {
  .space3d-stage.is-eco { contain: layout paint; }
}


/* Android touch controls: never invoke text-selection/callout UI */
.space3d-stage,
.space3d-stage *,
.space3d-touch,
.space3d-touch *,
.space3d-fullscreen {
  -webkit-user-select: none !important;
  user-select: none !important;
  -webkit-touch-callout: none !important;
  -webkit-tap-highlight-color: transparent !important;
  -webkit-user-drag: none !important;
  caret-color: transparent !important;
}
.space3d-touch button,
.space3d-fullscreen {
  touch-action: none !important;
  -webkit-appearance: none;
  appearance: none;
  outline: none;
}
.space3d-touch button::selection,
.space3d-fullscreen::selection,
.space3d-stage::selection,
.space3d-stage *::selection {
  background: transparent !important;
  color: inherit !important;
}
@media (pointer: coarse) {
  .space3d-stage button:focus,
  .space3d-stage button:focus-visible {
    outline: none !important;
  }
}

/* 360-degree FIRE joystick */
.space3d-touch-actions .fire{position:relative;overflow:visible}
.space3d-touch-actions .fire.active{border-color:#7ff3ff!important;box-shadow:0 0 0 3px rgba(86,225,255,.12),0 0 20px rgba(86,225,255,.18)!important}
@media (pointer:coarse){
  .space3d-touch-actions .fire::before{content:"360°";position:absolute;left:50%;top:-17px;transform:translateX(-50%);font:800 9px/1 system-ui,sans-serif;letter-spacing:.06em;color:rgba(205,248,255,.8);pointer-events:none}
}


/* True 360-degree right-thumb aim/fire pad */
.space3d-touch-actions{align-items:flex-end}
.space3d-aim-pad{
  pointer-events:auto;position:relative;flex:0 0 108px;width:108px;height:108px;
  border:1px solid rgba(104,235,255,.42);border-radius:50%;
  background:radial-gradient(circle at center,rgba(42,164,199,.16) 0 28%,rgba(5,15,23,.74) 30% 100%);
  box-shadow:inset 0 0 24px rgba(61,213,255,.08);
  touch-action:none!important;-webkit-user-select:none!important;user-select:none!important;
  -webkit-touch-callout:none!important;-webkit-tap-highlight-color:transparent!important;
  overflow:hidden;box-sizing:border-box;
}
.space3d-aim-pad::before,.space3d-aim-pad::after{content:"";position:absolute;pointer-events:none;background:rgba(123,229,255,.18)}
.space3d-aim-pad::before{left:50%;top:9px;bottom:9px;width:1px}
.space3d-aim-pad::after{top:50%;left:9px;right:9px;height:1px}
.space3d-aim-pad-ring{position:absolute;inset:18px;border:1px dashed rgba(125,235,255,.24);border-radius:50%;pointer-events:none}
.space3d-aim-pad-stick{
  position:absolute;left:50%;top:50%;margin:-18px 0 0 -18px;width:36px;height:36px;border-radius:50%;
  display:grid;place-items:center;background:rgba(18,104,132,.92);border:1px solid #87f4ff;color:#eaffff;
  font:900 1.2rem/1 system-ui,-apple-system,"Segoe UI",sans-serif;box-shadow:0 0 18px rgba(67,222,255,.26);
  pointer-events:none;will-change:transform;transition:transform 60ms linear;
}
.space3d-aim-pad.active{border-color:#91f7ff;box-shadow:0 0 0 3px rgba(86,225,255,.11),0 0 22px rgba(86,225,255,.20),inset 0 0 28px rgba(61,213,255,.12)}
.space3d-aim-pad.active .space3d-aim-pad-stick{background:rgba(180,42,75,.92);border-color:#ffd0da;transition:none}
@media (pointer:coarse),(max-width:900px){
  .space3d-touch-actions{gap:8px;flex-direction:row!important;align-items:flex-end}
  .space3d-touch-actions .boost{width:52px!important;height:52px!important;align-self:flex-end}
  .space3d-aim-pad{width:104px;height:104px;flex-basis:104px}
}
@media (max-width:520px){
  .space3d-touch-actions{gap:5px}
  .space3d-touch-actions .boost{width:46px!important;height:46px!important}
  .space3d-aim-pad{width:90px;height:90px;flex-basis:90px}
  .space3d-aim-pad-ring{inset:15px}
  .space3d-aim-pad-stick{width:32px;height:32px;margin:-16px 0 0 -16px;font-size:1.05rem}
}
@media (max-width:380px){
  .space3d-aim-pad{width:82px;height:82px;flex-basis:82px}
  .space3d-touch-actions .boost{width:42px!important;height:42px!important}
}
\n\n/* Straight-fire control mode: simple action buttons, no 360 aim pad. */\n.space3d-aim-pad{display:none!important}\n.space3d-touch-actions{display:flex!important;flex-direction:column!important;gap:8px!important;align-items:stretch!important}\n.space3d-touch-actions .fire,\n.space3d-touch-actions .boost{\n  position:relative!important;\n  width:72px!important;\n  height:52px!important;\n  flex:0 0 auto!important;\n  overflow:hidden!important;\n  white-space:nowrap!important;\n  text-indent:-9999px!important;\n}\n.space3d-touch-actions .fire::before,\n.space3d-touch-actions .boost::before{display:none!important;content:none!important}\n.space3d-touch-actions .fire::after,\n.space3d-touch-actions .boost::after{\n  position:absolute!important;inset:0!important;display:grid!important;place-items:center!important;\n  text-indent:0!important;font:900 .8rem/1 system-ui,sans-serif!important;letter-spacing:.06em!important;\n}\n.space3d-touch-actions .fire::after{content:"FIRE"!important;color:#ffdbe2!important}\n.space3d-touch-actions .boost::after{content:"BOOST"!important;color:#ffe8a7!important}\n@media(max-width:430px){\n  .space3d-touch-actions .fire,.space3d-touch-actions .boost{width:62px!important;height:46px!important}\n  .space3d-touch-actions .fire::after,.space3d-touch-actions .boost::after{font-size:.68rem!important}\n}\n