/* Touch layer for STARFALL 2084. Desktop controls remain unchanged. */
.touch-controls,.mobile-fullscreen{display:none}
body.touch-device{overscroll-behavior:none;-webkit-tap-highlight-color:transparent}
body.touch-device .mobile-fullscreen{display:inline-block}
body.touch-device .touch-controls{display:block;margin-top:8px;padding:8px;border:1px solid #1d4057;border-radius:8px;background:linear-gradient(180deg,#07111d,#03070e);box-shadow:inset 0 0 0 2px #02050a;touch-action:none;user-select:none;-webkit-user-select:none}
.touch-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:5px;color:#587b90;font-size:.52rem;font-weight:700;letter-spacing:.13em}.touch-toolbar button{border:0;background:transparent;color:#7bbdd5;padding:4px 0;font-size:.5rem;font-weight:700;letter-spacing:.1em}
.touch-deck{display:grid;grid-template-columns:1fr 1fr;align-items:center;justify-items:center;gap:14px;min-height:132px}
.joystick{position:relative;width:124px;height:124px;border:2px solid #2d5972;border-radius:50%;background:radial-gradient(circle at 42% 36%,#122b40,#07111f 58%,#02050b 100%);box-shadow:inset 0 0 0 7px #030914,0 8px 18px #000a;touch-action:none}.joystick:after{content:"";position:absolute;inset:30%;border:1px solid #21455c;border-radius:50%}.joystick-knob{position:absolute;left:50%;top:50%;width:48px;height:48px;margin:-24px;border:2px solid #55f6ff;border-radius:50%;background:radial-gradient(circle at 35% 30%,#4a718a,#163447 58%,#07111c);box-shadow:0 5px 10px #000b,0 0 12px rgba(85,246,255,.2);transform:translate(0,0);transition:transform .03s linear;z-index:3}.joystick.is-active .joystick-knob{box-shadow:0 3px 8px #000b,0 0 20px rgba(85,246,255,.5)}.joystick-arrows{position:absolute;inset:7px;color:#4f7d94;font-size:.8rem;font-weight:900}.joystick-arrows span{position:absolute}.joystick-arrows span:nth-child(1){left:50%;top:0;transform:translateX(-50%)}.joystick-arrows span:nth-child(2){left:0;top:50%;transform:translateY(-50%)}.joystick-arrows span:nth-child(3){right:0;top:50%;transform:translateY(-50%)}.joystick-arrows span:nth-child(4){left:50%;bottom:0;transform:translateX(-50%)}.joystick-label{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);color:#5b879d;font-size:.46rem;font-weight:900;letter-spacing:.12em}
.fire-button{display:grid;place-items:center;width:106px;height:106px;border:2px solid #8c3d56;border-bottom-width:7px;border-radius:50%;background:radial-gradient(circle at 38% 30%,#ff6b86,#74182e 55%,#330811);color:#fff0f3;box-shadow:0 9px 18px #000b,inset 0 2px 3px rgba(255,255,255,.2);touch-action:none;user-select:none;-webkit-user-select:none}.fire-button .fire-core{font-size:1.45rem;line-height:.7;text-shadow:0 0 9px #fff}.fire-button strong{font-size:.72rem;letter-spacing:.12em}.fire-button small{color:#ffc4cf;font-size:.45rem;letter-spacing:.1em}.fire-button.is-active,.fire-button:active{transform:translateY(5px);border-bottom-width:2px;background:radial-gradient(circle at 45% 40%,#fff3c4,#ff365e 30%,#7c1028 68%);box-shadow:0 3px 8px #000b,0 0 20px rgba(255,85,119,.65)}
@media(max-width:560px){body.touch-device .cabinet{width:100%;padding:8px 7px calc(14px + env(safe-area-inset-bottom))}body.touch-device .masthead h1{font-size:1.72rem}body.touch-device .kicker{font-size:.53rem}body.touch-device .status-lamps{gap:5px}body.touch-device .mute{padding:7px;font-size:.52rem}body.touch-device .screen-frame{padding:5px}body.touch-device .overlay{padding:5px}body.touch-device .panel{width:min(96%,380px);padding:10px 8px}body.touch-device .logo{font-size:2.2rem}body.touch-device .tagline{margin:8px 0 9px}body.touch-device .arcade-button{padding:9px 11px}body.touch-device .micro{font-size:.48rem}.touch-deck{min-height:118px}.joystick{width:112px;height:112px}.fire-button{width:96px;height:96px}}
body.mobile-game-mode{position:fixed;inset:0;overflow:hidden;background:#010207}body.mobile-game-mode .cabinet{width:100%;height:100%;padding:max(4px,env(safe-area-inset-top)) max(5px,env(safe-area-inset-right)) max(4px,env(safe-area-inset-bottom)) max(5px,env(safe-area-inset-left));overflow:hidden}body.mobile-game-mode .masthead,body.mobile-game-mode .side-panel,body.mobile-game-mode footer{display:none!important}body.mobile-game-mode .machine{display:block;height:100%}body.mobile-game-mode .screen-frame{display:flex;flex-direction:column;height:100%;padding:4px;border-radius:4px}body.mobile-game-mode .screen{flex:1 1 auto;min-height:0;width:100%;aspect-ratio:auto}body.mobile-game-mode canvas{object-fit:contain}body.mobile-game-mode .touch-controls{flex:0 0 auto;margin-top:4px;padding:4px}body.mobile-game-mode .touch-toolbar{display:none}body.mobile-game-mode .touch-deck{height:clamp(118px,31vh,170px);min-height:0}.mobile-game-mode .joystick{width:min(28vh,132px);height:min(28vh,132px)}.mobile-game-mode .fire-button{width:min(24vh,112px);height:min(24vh,112px)}
@media(orientation:landscape){body.touch-device:not(.mobile-game-mode) .cabinet{padding-top:5px}body.touch-device:not(.mobile-game-mode) .masthead{display:none}body.touch-device:not(.mobile-game-mode) .machine{display:grid;grid-template-columns:minmax(0,1fr);gap:5px}body.touch-device:not(.mobile-game-mode) .screen-frame{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,34vw);gap:6px;align-items:stretch}body.touch-device:not(.mobile-game-mode) .screen{aspect-ratio:auto;min-height:calc(100vh - 24px)}body.touch-device:not(.mobile-game-mode) .touch-controls{margin-top:0;display:flex;flex-direction:column;justify-content:center}body.touch-device:not(.mobile-game-mode) .touch-deck{height:100%;min-height:0;grid-template-columns:1fr 1fr}body.touch-device:not(.mobile-game-mode) .side-panel,body.touch-device:not(.mobile-game-mode) footer{display:none}}