/* Map component from the retained Superdesign tactical draft; no live 3D scene. */
.troop-layer { position:absolute;inset:0;z-index:4;pointer-events:none;overflow:hidden; }
.troop-layer[hidden],.troop-control[hidden] { display:none!important; }
.troop-marker { position:absolute;top:0;left:0;width:48px;height:48px;padding:0;border:1px solid rgba(var(--sk-baffea, 186, 255, 234), 0.533);border-radius:18px;background:linear-gradient(145deg,rgba(var(--sk-285763, 40, 87, 99), 0.922),rgba(var(--sk-10262e, 16, 38, 46), 0.961));box-shadow:inset 0 1px #eafff555,0 2px 0 rgb(var(--sk-06151b, 6, 21, 27)),0 4px 8px rgba(var(--sk-000000, 0, 0, 0), 0.4);color:rgb(var(--sk-edf7f3, 237, 247, 243));pointer-events:auto;touch-action:manipulation;cursor:pointer; }
.troop-marker img { display:block;width:48px;height:48px;object-fit:contain;pointer-events:none; }
.troop-marker>.ic { width:34px;height:34px; }
.troop-marker>b { position:absolute;bottom:-5px;right:-5px;min-width:21px;height:21px;border-radius:10px;background:rgb(var(--sk-b9f6df, 185, 246, 223));color:rgb(var(--sk-09282d, 9, 40, 45));font:700 12px Vazirmatn;box-shadow:0 1px 3px rgba(var(--sk-000000, 0, 0, 0), 0.533); }
.troop-marker:focus-visible { outline:3px solid #fff;outline-offset:3px; }
.troop-control { position:absolute;z-index:7;left:12px;bottom:calc(var(--tab-h) + var(--safe-bottom) + 76px);display:flex;align-items:center;gap:6px;min-height:44px;padding:6px 12px;border:1px solid var(--edge);border-radius:17px;background:var(--map-chrome-face,rgba(var(--sk-153943, 21, 57, 67), 0.91));color:var(--text);font:600 12px Vazirmatn;box-shadow:inset 0 1px #eafff53b,0 2px 0 rgb(var(--sk-06151b, 6, 21, 27)); }
.troop-control[data-offline] { border-color:rgb(var(--sk-efc47d, 239, 196, 125)); }
.troop-control>.ic { width:24px;height:24px;flex:none; }
.troop-control { top:calc(var(--hud-h) + var(--safe-top) + 70px);bottom:auto; }
.troop-row>.ic { width:26px;height:26px;flex:none; }
.troop-row>.ic:last-child { width:18px;height:18px; }
.troop-row>img { flex:none; }
.troop-heading>.ic { width:48px;height:48px;flex:none; }
.troop-composition .ic { width:22px;height:22px;flex:none; }
.troop-heading { display:flex;align-items:center;gap:12px; }
.troop-heading>img { width:64px;height:64px;object-fit:contain;background:rgb(var(--sk-22474b, 34, 71, 75));border-radius:18px; }
.troop-heading p { font-size:12px;color:var(--text-3);margin:4px 0; }
.troop-composition { display:flex;flex-wrap:wrap;gap:8px;margin:14px 0; }
.troop-composition span { display:flex;align-items:center;gap:6px;font-size:12px;padding:6px 10px;border:1px solid var(--edge);border-radius:14px;background:rgba(var(--sk-0c252b, 12, 37, 43), 0.4); }
.troop-row { display:flex;align-items:center;gap:12px;width:100%;min-height:64px;padding:8px;margin:8px 0;border:1px solid var(--edge);border-radius:17px;background:linear-gradient(145deg,rgb(var(--sk-22464e, 34, 70, 78)),rgb(var(--sk-10262e, 16, 38, 46)));color:var(--text);font:inherit;text-align:start; }
.troop-row>img { width:48px;height:48px;object-fit:contain; }
.troop-row>span { flex:1;min-width:0; }.troop-row b,.troop-row small { display:block;overflow-wrap:anywhere; }.troop-row small { color:var(--text-3);font-size:12px; }
.troop-move-hud { position:absolute;z-index:32;top:calc(var(--hud-h) + var(--safe-top) + 68px);left:12px;right:12px;display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px;border:1px solid var(--edge);border-radius:20px;background:linear-gradient(145deg,rgb(var(--sk-183840, 24, 56, 64)),rgb(var(--sk-10262e, 16, 38, 46)));box-shadow:inset 0 1px #ffffff18,0 4px 16px rgba(var(--sk-000000, 0, 0, 0), 0.267); }
.troop-move-hud>div { flex:1 1 200px; }.troop-move-hud small { display:block;color:var(--text-2);font-size:12px;margin-top:4px; }
.troop-moving .guide-root,.troop-moving .map-next,.troop-moving .landscape-rail { visibility:hidden; }
.recovery-actions { display:flex;flex-wrap:wrap;gap:6px;margin-top:10px; }.recovery-actions:empty { display:none; }
.recovery-actions .btn { font-size:12px;min-height:44px;padding:8px 12px; }.recovery-actions small { flex-basis:100%;color:var(--text-3); }
.recovery-actions details { width:100%; }.recovery-actions summary { min-height:44px;cursor:pointer;padding:10px;color:var(--text-2); }
.recovery-return { display:flex;justify-content:space-between;gap:8px;margin-bottom:12px;padding:8px;border:1px solid var(--edge);border-radius:18px;background:rgb(var(--sk-183840, 24, 56, 64)); }
.recovery-return .btn { min-height:44px;font-size:12px; }
.recovery-return { position:sticky;top:0;z-index:5;box-shadow:0 3px 8px rgba(var(--sk-000000, 0, 0, 0), 0.2); }
#app[data-guide-focus] .troop-layer,#app[data-guide-focus] .troop-control { display:none!important; }
.guide-expanded .troop-control { visibility:hidden; }
html[data-map-quality=low] .troop-control { background:rgb(var(--sk-102a32, 16, 42, 50));backdrop-filter:none; }
.troop-sheet .sheet-body { background:linear-gradient(145deg,rgb(var(--sk-183840, 24, 56, 64)),rgb(var(--sk-10262e, 16, 38, 46))); }
/* Tidal Glass depth: static lighting, a two-pixel rim, no extra GPU layers. */
#app:not([data-guide-focus]) :is(.tab,.fab,.chip,.ar-mode),.sheet .btn {
  box-shadow:inset 0 1px #f0fff52b,inset 0 -2px rgba(var(--sk-03161b, 3, 22, 27), 0.439),0 2px 0 rgba(var(--sk-041318, 4, 19, 24), 0.502);
}
#app:not([data-guide-focus]) :is(.tab.on,.chip.on,.ar-mode.on) {
  border-color:rgba(var(--sk-baffea, 186, 255, 234), 0.4);box-shadow:inset 0 1px rgba(var(--sk-e5fff9, 229, 255, 249), 0.29),inset 0 -2px rgba(var(--sk-153e44, 21, 62, 68), 0.533),0 2px 0 rgba(var(--sk-041318, 4, 19, 24), 0.502);
}
#app:not([data-guide-focus]) :is(.card,.ar-asset),.troop-sheet {
  box-shadow:inset 0 1px #eafff51c,0 3px 0 rgba(var(--sk-03171b, 3, 23, 27), 0.4),0 6px 14px rgba(var(--sk-000000, 0, 0, 0), 0.133);
}
#app:not([data-guide-focus]) :is(.btn,.tab,.fab,.chip):not(:disabled):active,.sheet .btn:not(:disabled):active {
  transform:translateY(2px);box-shadow:inset 0 1px 3px rgba(var(--sk-000000, 0, 0, 0), 0.267),0 0 0 transparent;
}
html.reduce-motion #app :is(.btn,.tab,.fab,.chip):active,html.reduce-motion .sheet .btn:active { transform:none; }
@media(prefers-reduced-motion:reduce) { #app :is(.btn,.tab,.fab,.chip):active,.sheet .btn:active { transform:none!important; } }

/* One visible sheet; earlier pages are history, never glass behind another page. */
.sheet[hidden] { display:none!important; }
.sheet-nav { position:sticky;top:-10px;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:58px;padding:8px 0 6px;margin-bottom:12px;background:rgb(var(--sk-15313a, 21, 49, 58));border-bottom:1px solid var(--edge);isolation:isolate; }
.sheet-nav>.handle { position:absolute;top:0;left:50%;transform:translateX(-50%);margin:0;width:36px;height:4px; }
.sheet .sheet-nav .x { position:static;flex:0 0 44px;width:44px;height:44px;min-height:44px; }
.sheet-nav .sheet-back { display:inline-flex;align-items:center;gap:8px;min-height:44px;max-width:calc(100% - 56px);padding:8px 14px;font-size:13px;white-space:normal;text-align:start; }
.sheet-back>span:first-child { font-size:20px;line-height:1; }
.sheet-body>h3:first-child { padding-inline-end:0; }