/* Keep the tactical challenge in the same fixed mobile play area as C4. */
.fake-unit { display:grid; gap:9px; color:#eff3ef; }
.fake-strip { display:flex; align-items:center; justify-content:space-between; gap:8px; font-size:11px; color:#b5c6cd; }
.fake-strip b { color:#eac96e; font-size:12px; }
.fake-field { position:relative; isolation:isolate; overflow:hidden; height:250px; border:1px solid #768a8f; border-radius:2px; background:linear-gradient(180deg,#15212a40,#1020279c),url('../assets/scenes/dust2-b-doors.webp') center / cover; touch-action:none; }
.fake-field::after { content:""; position:absolute; inset:0; z-index:-1; box-shadow:inset 0 -55px 55px #101b21a6; pointer-events:none; }
.fake-angle { position:absolute; top:9px; right:10px; color:#fff0bc; background:#12202be8; border-left:3px solid #e6bd4c; padding:5px 9px; font:11px var(--mono); }
.fake-wait { position:absolute; left:14px; top:40%; right:14px; display:grid; gap:6px; padding:10px 12px; background:#10212be0; border-left:3px solid #d8c476; }
.fake-wait b { font-size:17px; }
.fake-wait span { font-size:12px; color:#c3d2d7; }
.fake-unit[data-phase="armed"] .fake-angle { background:#6b5122; outline:2px solid #f3d16e; }
.fake-unit:is([data-phase="exposed"],[data-phase="won"]) .fake-wait { left:9px; right:auto; top:auto; bottom:18px; max-width:43%; padding:7px; z-index:2; }
.fake-unit:is([data-phase="exposed"],[data-phase="won"]) .fake-wait b { font-size:14px; }
.fake-unit:is([data-phase="exposed"],[data-phase="won"]) .fake-wait span { display:none; }
.fake-enemy { position:absolute; left:60%; bottom:0; width:66%; max-width:260px; height:100%; transform:translateX(-50%); }
.fake-enemy[hidden] { display:none; }
.fake-enemy-body { position:absolute; height:calc(100% + 20px); width:calc(100% + 20px); max-width:none; bottom:-24px; left:50%; transform:translateX(-50%); object-fit:contain; object-position:center bottom; pointer-events:none; filter:drop-shadow(0 2px 3px #000); }
.fake-head { display:block; position:absolute; left:50%; top:clamp(43px,26%,75px); transform:translate(-50%,-50%); padding:0; width:76px; height:76px; border:2px solid #f3d67c; border-radius:50%; overflow:hidden; background:#27383b; box-shadow:0 0 0 4px #15292adb,0 4px 12px #0008; touch-action:none; cursor:crosshair; }
.fake-head-art { position:absolute; inset:0; background:var(--fake-enemy-image) var(--fake-enemy-position,55% 12%) / 240% auto no-repeat; pointer-events:none; }
.fake-head:focus-visible { outline:3px solid white; outline-offset:5px; }
.fake-head:active { border-color:#fff; }
.fake-crosshair { position:absolute; inset:0; display:grid; place-items:center; font:21px var(--mono); color:#fff9; text-shadow:0 1px 2px #000; pointer-events:none; }
.fake-enemy-name { position:absolute; right:8px; bottom:9px; max-width:90%; padding:3px 5px; font-size:11px; background:#14232eee; color:#eedca0; white-space:nowrap; }
.fake-window { position:absolute; bottom:0; height:4px; left:0; right:0; background:#15232c; }
.fake-window i { display:block; height:100%; width:100%; background:#f2ca54; transform:scaleX(0); transform-origin:left; }
.fake-action { display:flex; align-items:center; justify-content:space-between; width:100%; min-height:48px; gap:10px; padding:10px 14px; background:linear-gradient(#f0cd64,#ddb044); color:#171e20; border:1px solid #f8dfa0; border-bottom:3px solid #987829; font-family:inherit; font-size:16px; font-weight:700; cursor:pointer; touch-action:none; }
.fake-action:disabled { background:#22343d; color:#b8cbd4; border-color:#526c78; opacity:1; cursor:default; }
.fake-action:active:not(:disabled) { background:#f5d876; transform:translateY(1px); }
.fake-action:focus-visible { outline:3px solid #fff; outline-offset:2px; }
.fake-action-icon { width:21px; height:21px; flex:none; }
.fake-action-icon svg { width:100%; height:100%; }
.fake-footnote { margin:0; font-size:11px; color:#9fb4bb; }
.fake-art-fallback .fake-enemy-body { visibility:hidden; }
.fake-unit[data-phase="won"] .fake-head { filter:grayscale(1); }
@media(max-width:760px) and (orientation:portrait) {
 .game-screen[data-module="fake"] .play-console { padding:8px; }
 .fake-unit { gap:6px; }
 .fake-field { height:clamp(150px,calc(100dvh - 302px),238px); }
 .fake-strip { font-size:10px; }
 .fake-head { width:72px; height:72px; }
 .fake-action { min-height:46px; padding:8px 10px; font-size:14px; }
 .fake-footnote { font-size:10px; }
 .fake-wait { left:8px; right:8px; padding:8px; }
 .fake-wait b { font-size:15px; }
}
@media(max-width:760px) and (max-height:540px) and (orientation:portrait) {
 .game-screen[data-module="fake"] .field-narrator { display:none; }
 .fake-field { height:clamp(138px,calc(100dvh - 280px),175px); }
 .fake-footnote { display:none; }
 .fake-unit { gap:4px; }
 .fake-action { min-height:44px; }
 .fake-head { width:68px; height:68px; top:43px; }
 .fake-wait b { font-size:13px; }
 .fake-wait span { font-size:11px; }
}

.fake-ammo { display:flex; gap:4px; margin-left:auto; }
.fake-ammo i { display:block; width:5px; height:12px; border-radius:2px 2px 0 0; background:#f2cf68; border:1px solid #f9e5a7; }
.fake-ammo i.is-spent { background:#34454a; border-color:#617177; }
.fake-field.fake-shot { box-shadow:inset 0 0 0 2px #f4d570; }
.fake-field.fake-shot .fake-crosshair { color:#fff; transform:scale(1.18); }
.fake-unit[data-weapon="deagle"] .fake-head { width:56px; height:56px; }
.fake-unit[data-weapon="deagle"] .fake-enemy { width:54%; max-width:220px; }
.fake-unit[data-weapon="deagle"] .fake-strip>span:first-child { color:#f3d57d; font-weight:700; }
.fake-unit[data-weapon="deagle"] .fake-head:active { transform:translate(-50%,-50%); }