/* Tidal Glass. Translucent chrome over the real map; blur only major surfaces. */
:root {
  --bg0:rgb(var(--sk-07171d, 7, 23, 29)); --bg1:rgb(var(--sk-10262e, 16, 38, 46)); --bg2:rgb(var(--sk-183740, 24, 55, 64));
  --panel1:rgb(var(--sk-193941, 25, 57, 65)); --panel2:rgb(var(--sk-10262e, 16, 38, 46)); --glass1:rgba(var(--sk-224750, 34, 71, 80), 0.722); --glass2:rgba(var(--sk-0c242c, 12, 36, 44), 0.678);
  --gold:rgb(var(--sk-91e2cb, 145, 226, 203)); --gold-hi:rgb(var(--sk-c4ffec, 196, 255, 236)); --gold-lo:rgb(var(--sk-32695e, 50, 105, 94));
  --text:rgb(var(--sk-edf7f3, 237, 247, 243)); --text-2:rgb(var(--sk-ccdfdf, 204, 223, 223)); --text-3:rgb(var(--sk-aac7c9, 170, 199, 201));
  --edge:rgba(var(--sk-c8fff3, 200, 255, 243), 0.18); --edge-2:rgba(var(--sk-c8fff3, 200, 255, 243), 0.11); --green:rgb(var(--sk-91e2cb, 145, 226, 203)); --red:#ff9690;
  --blue:rgb(var(--sk-9acde9, 154, 205, 233)); --purple:rgb(var(--sk-91e2cb, 145, 226, 203)); --cyan:rgb(var(--sk-91e2cb, 145, 226, 203));
  --glass-face:linear-gradient(145deg,rgba(var(--sk-3d626a, 61, 98, 106), 0.302),rgba(var(--sk-0c242c, 12, 36, 44), 0.722));
  --chrome-blur:blur(18px); --screen-blur:blur(14px);
  --screen-face:rgba(var(--sk-0b232b, 11, 35, 43), 0.851); --sheet-face:linear-gradient(145deg,rgba(var(--sk-1c3d47, 28, 61, 71), 0.91),rgba(var(--sk-0c242c, 12, 36, 44), 0.922));
  --glass-shadow:inset 0 1px #effff51c,0 8px 24px rgba(var(--sk-000000, 0, 0, 0), 0.2);
  --tab-h:calc(var(--safe-bottom) + 82px);
}
body { color:var(--text); }
button:focus-visible,summary:focus-visible,a:focus-visible,input:focus-visible,
.section-nav button:focus-visible,.guide-root button:focus-visible,.page-help:focus-visible {
  outline:2px solid var(--gold); outline-offset:-3px;
}
.map-shade { background:linear-gradient(rgba(var(--sk-07171d, 7, 23, 29), 0.333),transparent 20%,transparent 70%,rgba(var(--sk-07171d, 7, 23, 29), 0.439)); }
.map-dim { background:rgba(var(--sk-07171d, 7, 23, 29), 0.2); }
.hud { padding-inline:12px; gap:7px; }
.hud .badge { width:38px; height:38px; border-radius:50%; background:var(--glass-face); border:1px solid var(--edge); }
.hud .stats,.tabbar,.map-fab .fab,.guide-card,.map-next,.guide-root>.guide-chip,.sheet,.toast,.hud-title,.season-chip {
  background:var(--glass-face); border:1px solid var(--edge);
  box-shadow:var(--glass-shadow); -webkit-backdrop-filter:var(--chrome-blur); backdrop-filter:var(--chrome-blur);
}
.hud .stats { border-radius:22px; }
.hud .stat { height:48px; padding:6px; gap:4px; }
.hud .stat + .stat { border-color:var(--edge-2); }
.hud .stat .v { gap:3px; }
.hud .stat .v b { font-size:12px; }
.hud .stat .v small { color:var(--text-3); }
.hud .stat.pop { display:flex; }
.hud .stat.power.low .ic { animation:none; }
.hud .stat.power.low .v b { color:var(--red); }
.hud .stat::after { display:none; }
/* Four connected readouts: season/day belongs with resources, not under help. */
.hud { padding-inline:calc(8px + var(--safe-right)) calc(8px + var(--safe-left)); gap:5px; }
.hud .badge { width:32px; height:32px; }
.hud .stats { display:grid; grid-template-columns:1.25fr 1fr 1.1fr .85fr; }
.hud .stat { padding:5px 4px; gap:3px; justify-content:center; }
.hud .stat .ic { width:14px; height:14px; }
.hud .stat .v b { font-size:11px; }
.hud .stat .v small { font-size:9px; }
.hud .stat.power .v b::before { content:''; }
.hud .stat.season .v { text-align:center; gap:4px; }
.hud .stat.season b { color:var(--gold-hi); }
.hud .stat.season small { color:var(--text-2); font-size:10px; }
.badge .rank,.pill.gold { color:#ecfff6; background:rgba(var(--sk-32695e, 50, 105, 94), 0.851); box-shadow:0 2px 6px rgba(var(--sk-000000, 0, 0, 0), 0.2); }
.tabbar { height:64px; padding:4px; border-radius:26px; gap:3px; overflow:visible; }
.tab { min-height:54px; border-radius:20px; color:var(--text-3); border:1px solid transparent; }
.tab + .tab { border-inline-start:1px solid transparent; }
.tab.on { background:rgba(var(--sk-91e2cb, 145, 226, 203), 0.11); border-color:rgba(var(--sk-baffea, 186, 255, 234), 0.18); color:rgb(var(--sk-c4ffec, 196, 255, 236)); box-shadow:inset 0 1px rgba(var(--sk-e8fff5, 232, 255, 245), 0.082); }
.tab .plate,.tab.on .plate { background:none; box-shadow:none; }
.tab .ic,.tab.on .ic { filter:saturate(.65); }
.tab .dot { background:var(--red); box-shadow:0 0 0 2px rgb(var(--sk-15353c, 21, 53, 60)); }
/* Clearer glass on map chrome only. Reading planes and the expanded tutorial
   intentionally keep their solid backing; low quality never enables blur. */
:root {
  --map-chrome-face:linear-gradient(145deg,rgba(var(--sk-527e87, 82, 126, 135), 0.239),rgba(var(--sk-0c242c, 12, 36, 44), 0.58));
  --map-chrome-blur:blur(12px) saturate(1.15);
}
.tabbar,
#app:not(.app-screen-open):not([data-guide-focus]) :is(.hud .stats,.hud .badge,.hud-title,.map-fab .fab,.map-next,.guide-root>.guide-chip) {
  background:var(--map-chrome-face); border-color:rgba(var(--sk-d5fff5, 213, 255, 245), 0.29);
  box-shadow:inset 0 1px #effff536,inset 0 -1px rgba(var(--sk-06181f, 6, 24, 31), 0.161),0 8px 24px rgba(var(--sk-000000, 0, 0, 0), 0.2);
  -webkit-backdrop-filter:var(--map-chrome-blur); backdrop-filter:var(--map-chrome-blur);
}
.tab { color:var(--text-2); text-shadow:0 1px 3px rgba(var(--sk-03131f, 3, 19, 31), 0.8); }
.tab.on { background:linear-gradient(145deg,rgba(var(--sk-b9ffec, 185, 255, 236), 0.141),rgba(var(--sk-91e2cb, 145, 226, 203), 0.078)); border-color:rgba(var(--sk-c4ffec, 196, 255, 236), 0.302); box-shadow:inset 0 1px #effff529; }
.map-fab {
  left:calc(12px + var(--safe-left)); right:calc(12px + var(--safe-right));
  background:none; border:0; box-shadow:none; overflow:visible; gap:12px;
  direction:ltr; justify-content:space-between; pointer-events:none;
}
.map-tools { display:flex; direction:ltr; gap:8px; }
.map-fab .fab { pointer-events:auto; }
.app-screen-open .map-fab .fab { pointer-events:none; }
.map-fab .fab-notices { direction:rtl; }
.map-fab .fab { width:46px; height:46px; border-radius:50%; color:var(--text); }
.map-fab .fab + .fab { border-inline-start:1px solid var(--edge); }
.map-fab .fab-notices { border-radius:24px; padding-inline:14px; }
.map-fab .fab:active { transform:translateY(1px); box-shadow:inset 0 1px 8px rgba(var(--sk-000000, 0, 0, 0), 0.2); }
.screen,.guided-home .screen[data-screen=home] {
  background:var(--screen-face); border-radius:26px 26px 0 0; border-color:var(--edge-2);
  -webkit-backdrop-filter:var(--screen-blur); backdrop-filter:var(--screen-blur);
}
.card,.card.gold,.tile,.res,.mkt,.hub-group,.ar-hero,.dp-me,
.journey-level,.journey-next,.journey-status>div,.journey-status>button,.discovery-card {
  background:linear-gradient(145deg,rgba(var(--sk-51737b, 81, 115, 123), 0.122),rgba(var(--sk-102930, 16, 41, 48), 0.451)); border-color:var(--edge-2);
  border-radius:20px; box-shadow:inset 0 1px #ffffff08;
}
.card.gold,.journey-next { border-color:rgba(var(--sk-91e2cb, 145, 226, 203), 0.22); }
.btn,.btn.primary,.btn.success,.btn.danger,.btn.neutral,.btn.ghost,
.pnl-nav-row .btn,.btn[data-phome],.sheet .x,.pnl-btns .pbtn,.pnl-btns .pbtn:not(.danger) {
  --f1:rgba(var(--sk-41626b, 65, 98, 107), 0.251); --f2:rgba(var(--sk-1a3b46, 26, 59, 70), 0.369); --edge:rgba(var(--sk-c8fff3, 200, 255, 243), 0.18); --fg:var(--text);
  background:linear-gradient(155deg,var(--f1),var(--f2)); border:1px solid var(--edge);
  border-radius:17px; box-shadow:inset 0 1px #f0fff514,0 2px 6px rgba(var(--sk-000000, 0, 0, 0), 0.133); text-shadow:none;
}
.btn.primary,.btn.success,.pnl-btns .pbtn.success { --f1:rgba(var(--sk-91e2cb, 145, 226, 203), 0.251); --f2:rgba(var(--sk-4ba88c, 75, 168, 140), 0.188); --fg:rgb(var(--sk-d3fff0, 211, 255, 240)); --edge:rgba(var(--sk-baffea, 186, 255, 234), 0.333); }
.btn.danger,.pnl-btns .pbtn.danger { --f1:#ea77773b; --f2:#8d33333b; --fg:#ffd8d3; --edge:#ff969055; }
.btn::before { display:none; }
.btn:active:not(:disabled),.chip:active:not(:disabled),.journey-actions button:active { transform:translateY(1px); box-shadow:inset 0 2px 6px rgba(var(--sk-000000, 0, 0, 0), 0.2); }
.btn:disabled:not(.busy) { opacity:.72; }
.btn.icon,.sheet .x { border-radius:50%; }
.chips,.section-nav,.dp-seg,.ar-quick,.journey-actions { background:rgba(var(--sk-0c252b, 12, 37, 43), 0.4); border-color:var(--edge); border-radius:19px; }
.chip,.ar-quick .btn,.journey-actions button { background:transparent; color:var(--text-2); }
.chip+.chip,.section-nav button+button,.dp-seg-btn+.dp-seg-btn,.ar-quick .btn+.btn,.journey-actions button+button { border-color:var(--edge-2); }
.chip.on,.section-nav button[aria-current],.dp-seg-btn.on { background:rgba(var(--sk-91e2cb, 145, 226, 203), 0.129); color:var(--gold-hi); box-shadow:none; }
.section-nav button,.dp-seg-btn { color:var(--text-3); }
/* Clip active fills to the rounded track; each RTL tab keeps its own space. */
.dp-seg { grid-template-columns:repeat(var(--n),minmax(0,1fr)); overflow:hidden; isolation:isolate; }
.dp-seg-btn { min-width:0; justify-content:center; }
.dp-seg:not(.mini) .dp-seg-btn { flex-direction:column; min-height:58px; gap:4px; padding:7px 2px; line-height:1.35; }
.dp-seg:not(.mini) .dp-seg-btn>span { white-space:nowrap; }
.dp-seg:not(.mini) .dp-seg-btn .ic { flex:none; transform:none; }
.dp-seg:not(.mini) .dp-badge { top:3px; left:auto; inset-inline-end:4px; padding:0 3px; height:16px; line-height:16px; }
.chips .chip:first-child { border-start-start-radius:18px; border-end-start-radius:18px; }
.chips .chip:last-child { border-start-end-radius:18px; border-end-end-radius:18px; }
.list-search input,.search-clear,.ar-input,.pnl-field input,input,select,textarea { border-radius:16px; background:rgba(var(--sk-071c24, 7, 28, 36), 0.478); border-color:var(--edge); color:var(--text); }
input::placeholder { color:var(--text-3); opacity:.85; }
.list-search input:focus { border-color:var(--gold); box-shadow:0 0 0 2px rgba(var(--sk-91e2cb, 145, 226, 203), 0.086); }
.country-details { border-radius:18px; }
.country-details .res-grid { border-color:var(--edge-2); border-radius:16px; }
.country-details .res { background:rgba(var(--sk-102930, 16, 41, 48), 0.4); border-color:var(--edge-2); }
.country-details .res:nth-child(even) { border-color:var(--edge-2); }
.country-details .res .r,.bld-details summary,.text-button { color:var(--text-3); }
.country-creator { color:var(--text-3); }
.bld-details { border-color:var(--edge-2); }
.bld .pill,.ic-wrap,.card .ic-wrap,.ar-asset,.ar-drow,.ar-lvl,.ar-mode,.pnl-ic,.dp-flag,.level-medal {
  background:linear-gradient(145deg,rgba(var(--sk-3a6469, 58, 100, 105), 0.302),rgba(var(--sk-132f35, 19, 47, 53), 0.467)); border-color:var(--edge); border-radius:15px; box-shadow:none;
}
.mt-face { background:linear-gradient(rgba(var(--sk-31545b, 49, 84, 91), 0.4),rgba(var(--sk-102b33, 16, 43, 51), 0.467))!important; border-color:var(--edge)!important; box-shadow:inset 0 1px #fff1!important; border-radius:22px; }
.ar-mode.on { background:rgba(var(--sk-91e2cb, 145, 226, 203), 0.129); }
.ar-hero-radar,.ar-hero-radar::before,.ar-hero-radar::after { border-color:rgba(var(--sk-91e2cb, 145, 226, 203), 0.102); }
.ar-hero-radar i { background:conic-gradient(transparent 280deg,rgba(var(--sk-91e2cb, 145, 226, 203), 0.071)); }
.pnl-body details,.pnl-body summary,.balance-review,.task-remedy,.journey-active { background:rgba(var(--sk-0c262d, 12, 38, 45), 0.6); border-color:var(--edge-2); border-radius:17px; }
.journey-kicker,.new-feature { background:rgba(var(--sk-91e2cb, 145, 226, 203), 0.078); color:var(--gold-hi); border-color:rgba(var(--sk-91e2cb, 145, 226, 203), 0.267); border-radius:10px; }
.journey-level b,.level-medal b,.journey-active { color:var(--text); }
.level-medal i { color:var(--gold); }
.bar>i,.journey-progress i { background:linear-gradient(90deg,rgb(var(--sk-489982, 72, 153, 130)),rgb(var(--sk-91e2cb, 145, 226, 203))); }
.journey-progress { background:rgb(var(--sk-07171d, 7, 23, 29)); box-shadow:none; }
.sec-title::after { background:linear-gradient(90deg,transparent,rgba(var(--sk-91e2cb, 145, 226, 203), 0.2)); }
.backdrop { background:rgba(var(--sk-030f14, 3, 15, 20), 0.412); }
.sheet { border-radius:28px 28px 0 0; background:var(--sheet-face); }
.sheet .x { --f1:rgba(var(--sk-43636b, 67, 99, 107), 0.333); --f2:rgba(var(--sk-1a3b46, 26, 59, 70), 0.4); }
.sheet-actions { background:rgba(var(--sk-102a32, 16, 42, 50), 0.929); border-color:var(--edge); }
.exchange-review .dp-io.out>span { color:rgb(var(--sk-efc47d, 239, 196, 125)); }
/* Reading surfaces must not depend on WebView blur support or GPU compositing.
   Keep the glass edge, but never let resource labels show through guide text. */
.guide-card {
  background:linear-gradient(145deg,rgb(var(--sk-183840, 24, 56, 64)),rgb(var(--sk-10262e, 16, 38, 46))); background-color:rgb(var(--sk-10262e, 16, 38, 46));
  -webkit-backdrop-filter:none; backdrop-filter:none; isolation:isolate;
  border-radius:26px; padding:16px;
  max-height:calc(var(--visual-height,100dvh) - var(--hud-h) - var(--tab-h) - 24px);
  overflow:auto; overscroll-behavior:contain;
}
.guide-heading small,.guide-topic-list small { color:var(--gold); }
.guide-card p { color:var(--text-2); }
.guide-dismiss { color:var(--text-3); border-radius:50%; font-size:11px; }
.guide-foot,.guide-joke,.map-next-action small { color:var(--text-3); }
.guide-card .guide-fact { border-color:var(--gold); color:rgb(var(--sk-d6f4e9, 214, 244, 233)); }
.guide-chip { color:var(--text); border-radius:22px; background:rgba(var(--sk-173b44, 23, 59, 68), 0.6); border-color:var(--edge); }
.map-next { border-radius:24px; }
.map-next .guide-chip { border-color:var(--edge-2); }
.map-next-action { color:var(--text); }
html:not(.guide-expanded) .app-screen-open .guide-root { background:transparent; border:0; }
.guide-topic-list { border-color:var(--edge); border-radius:19px; }
.guide-topic-list button { background:rgba(var(--sk-16343c, 22, 52, 60), 0.533); color:var(--text); border-color:var(--edge-2); }
.guide-tip { background:rgba(var(--sk-91e2cb, 145, 226, 203), 0.055); border-color:var(--gold); border-radius:14px; color:var(--text-2); }
.guide-highlight { outline:2px solid var(--gold); outline-offset:3px; }
.guide-progress { display:flex; gap:4px; margin:12px 0; }
.guide-progress i { flex:1; height:4px; border-radius:4px; background:rgba(var(--sk-d0fff0, 208, 255, 240), 0.11); }
.guide-progress i.done { background:var(--gold); }
.guide-progress i.current { background:rgb(var(--sk-b9ffe9, 185, 255, 233)); box-shadow:0 0 0 2px rgba(var(--sk-91e2cb, 145, 226, 203), 0.125); }
.guide-observe { font-size:12px; color:var(--text-2); margin:8px 0; line-height:1.8; }
.guide-observe b { color:var(--gold-hi); font-weight:500; }
.guide-actions .guide-back { flex:0 0 auto; min-width:60px; }
.guide-more { margin-block:14px; }
.guide-more summary { min-height:44px; display:flex; align-items:center; cursor:pointer; color:var(--gold); }
.guide-more summary::after { content:'＋'; margin-inline-start:auto; }
.guide-more[open] summary::after { content:'−'; }
.guide-context { display:block; width:100%; text-align:start; padding:14px; border:1px solid var(--edge); border-radius:18px; background:rgba(var(--sk-91e2cb, 145, 226, 203), 0.051); color:var(--text); font:inherit; margin:14px 0; }
.guide-context strong,.guide-context small { display:block; }
.guide-context small { color:var(--text-3); margin-bottom:4px; font-size:11px; }
.guide-empty { color:var(--text-3); font-size:12px; }
.guide-topic-list [hidden] { display:none!important; }
.commander { position:relative; display:inline-grid; place-items:center; overflow:hidden; border-radius:17px; background:linear-gradient(140deg,rgba(var(--sk-6bafa3, 107, 175, 163), 0.2),rgb(var(--sk-143940, 20, 57, 64))); border:1px solid rgba(var(--sk-baffea, 186, 255, 234), 0.231); color:var(--gold-hi); box-shadow:inset 0 1px #eafff533; }
.commander svg { width:100%; height:100%; }
.commander img { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; }
.commander img[hidden] { display:none; }
.commander.portrait-ready svg { visibility:hidden; }
.guide-heading .commander { width:76px; height:76px; border-radius:20px; }
.guide-chip .commander img { width:190%; height:190%; max-width:none; inset:0 auto auto -45%; object-fit:contain; }
@media(max-height:650px) { .guide-heading .commander { width:48px; height:48px; border-radius:16px; } }
#loading { background:radial-gradient(110% 85% at 50% 38%,rgb(var(--sk-23484d, 35, 72, 77)),rgb(var(--sk-102b33, 16, 43, 51)) 55%,rgb(var(--sk-07171d, 7, 23, 29))); }
#loading .word { background:linear-gradient(#ebfff5,rgb(var(--sk-91e2cb, 145, 226, 203)) 60%,rgb(var(--sk-68a894, 104, 168, 148))); background-clip:text; -webkit-background-clip:text; }
#loading .halo { background:radial-gradient(circle,rgba(var(--sk-91e2cb, 145, 226, 203), 0.133),transparent 65%); }
#loading .prog i,#loading .retry { background:linear-gradient(rgb(var(--sk-b4f2de, 180, 242, 222)),rgb(var(--sk-4f9b86, 79, 155, 134))); }
#loading .retry { border-radius:22px; color:rgb(var(--sk-07171d, 7, 23, 29)); box-shadow:inset 0 1px #fff4,0 3px 12px rgba(var(--sk-000000, 0, 0, 0), 0.2); }
@media(max-width:370px) {
  .hud { padding-inline:8px; gap:5px; }
  .hud .badge { width:32px; height:32px; font-size:19px; }
  .hud .stat { padding:5px 4px; gap:3px; }
  .hud .stat .ic { width:15px; height:15px; }
  .hud .stat .v b { font-size:11px; }
  .hud .stat .v small { font-size:9px; }
  .hud .stat.power .v b::before { font-size:9px; }
  .guide-card { padding:12px; }
}
@media(max-width:370px) {
  /* Preserve readable values at 320px; labels already convey icon meanings. */
  .hud .stat>.ic { display:none; }
  .hud .stat.power .v b::before { content:'برق · '; font-size:9px; }
  .hud .stat.season .v b { font-size:10px; }
}
/* Respect the existing performance setting. Opaque fallback needs no GPU blur. */
html[data-map-quality=low] {
  --chrome-blur:none; --screen-blur:none;
  --glass-face:rgba(var(--sk-102a32, 16, 42, 50), 0.961); --screen-face:rgba(var(--sk-102a32, 16, 42, 50), 0.961); --sheet-face:rgba(var(--sk-102a32, 16, 42, 50), 0.961);
  --map-chrome-face:rgb(var(--sk-102a32, 16, 42, 50)); --map-chrome-blur:none;
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
  :root { --glass-face:rgba(var(--sk-102a32, 16, 42, 50), 0.961); --screen-face:rgba(var(--sk-102a32, 16, 42, 50), 0.961); --sheet-face:rgba(var(--sk-102a32, 16, 42, 50), 0.961); --map-chrome-face:rgb(var(--sk-102a32, 16, 42, 50)); --map-chrome-blur:none; }
}
html.reduce-motion :is(.btn,.fab,.chip,.tab,.journey-actions button):active { transform:none!important; }
@media(prefers-reduced-motion:reduce) { .btn:active,.fab:active,.chip:active,.tab:active,.journey-actions button:active { transform:none!important; } }

/* Guided focus is temporary and uses the live elements, not a second fake UI. */
.guide-focus-hidden { display:none!important; }
#app[data-guide-focus] #hud,#app[data-guide-focus] #tabs { display:none; }
#app[data-guide-focus] { --hud-h:0px; --tab-h:0px; }
#app[data-guide-focus] .guide-root { bottom:calc(var(--safe-bottom) + 12px); }
#app[data-guide-focus] .guide-card { max-height:55%; max-height:calc(var(--visual-height,100dvh)*.55); }
#app[data-guide-focus] .guide-card p { font-size:14px; line-height:1.9; }
#app[data-guide-focus] .guide-observe { font-size:13px; line-height:1.85; }
#app[data-guide-focus] .guide-heading h2 { font-size:17px; }
#app[data-guide-focus] .guide-heading { position:sticky; top:-16px; background:rgb(var(--sk-183840, 24, 56, 64)); z-index:2; padding-block:6px; }
#app[data-guide-focus] .guide-fact { display:none; }
#app[data-guide-focus] .guide-heading .commander { width:48px; height:48px; }
#app[data-guide-focus] .guide-dismiss { min-width:88px; min-height:44px; border-radius:14px; color:var(--text-2); font-size:12px; }
#app[data-guide-focus] .guide-actions { position:sticky; bottom:-16px; background:rgb(var(--sk-10262e, 16, 38, 46)); padding-block:10px; margin-bottom:-10px; }
#app[data-guide-focus] .guide-actions .btn { min-height:50px; font-size:14px; }
#app[data-guide-focus] .guide-actions .primary { background:rgb(var(--sk-91e2cb, 145, 226, 203)); color:rgb(var(--sk-09232b, 9, 35, 43)); border-color:rgb(var(--sk-b9ffea, 185, 255, 234)); }
#app[data-guide-focus] .guide-actions .text-button { display:none; }
#app[data-guide-focus] .screen.on { top:calc(var(--safe-top) + 12px); bottom:calc(var(--guide-height) + var(--safe-bottom) + 24px); padding:16px; background:rgb(var(--sk-10262e, 16, 38, 46)); border-radius:24px; }
#app[data-guide-focus] .screen.on { bottom:auto; height:fit-content; max-height:calc(var(--visual-height,100dvh) - var(--guide-height) - var(--safe-top) - var(--safe-bottom) - 36px); }
.power-reading { display:flex; flex-wrap:wrap; gap:4px 12px; }
.power-reading small { width:100%; }
#app[data-guide-focus] .screen.on .tiles { grid-template-columns:1fr; }
#app[data-guide-focus] .screen.on .tile { min-height:108px; }
#app[data-guide-focus] .screen.on .tile .val { font-size:28px; }
#app[data-guide-focus] .screen.on .tile .hint { font-size:13px; }
#app[data-guide-focus] .screen.on .stagger-host>* { animation:none; opacity:1; transform:none; }
#app[data-guide-focus] .screen.on .bld { margin:0; }
#app[data-guide-focus] .screen.on .country-details { margin-top:14px; }
#app[data-guide-focus] .guide-focus-action { outline:2px solid var(--gold); outline-offset:-2px; }
#app[data-guide-focus] summary.guide-focus-action { min-height:52px; padding:14px; background:rgb(var(--sk-91e2cb, 145, 226, 203)); color:rgb(var(--sk-09232b, 9, 35, 43)); font-size:14px; border-radius:16px; }
.guide-focus-empty { font-size:15px; color:var(--text-2); line-height:2; padding:22px 12px; }
#app[data-guide-focus] #fab { display:none; }
#app[data-guide-focus=map] #fab,#app[data-guide-focus=notifications] #fab { display:flex; top:calc(var(--safe-top) + 16px); }
#app[data-guide-focus=map] [data-fab=world],#app[data-guide-focus=map] [data-fab=notifications],#app[data-guide-focus=notifications] .map-tools { display:none; }
#app[data-guide-focus=map] [data-fab=home] { width:auto; border-radius:22px; gap:8px; padding-inline:16px; background:rgb(var(--sk-10262e, 16, 38, 46)); }
#app[data-guide-focus=map] [data-fab=home]::after { content:'پایتخت من'; font-size:14px; }
#app[data-guide-focus=notifications] #fab { justify-content:flex-end; }
#app[data-guide-focus]:not([data-guide-focus=map]):not([data-guide-focus=notifications]) #map { visibility:hidden; }
.treasury-breakdown { padding:2px 12px; margin:8px 0 14px; border:1px solid var(--edge-2); border-radius:16px; background:rgba(var(--sk-07171d, 7, 23, 29), 0.271); }
.treasury-breakdown .kv { padding-block:9px; font-size:13px; }
.treasury-breakdown .kv small { color:var(--text-3); font-size:10px; font-weight:500; }
.treasury-advice { padding:13px; border:1px solid var(--edge-2); border-radius:16px; background:var(--glass-face); line-height:1.85; }
.treasury-advice>p { margin:6px 0 12px; color:var(--text-2); font-size:12px; }
.treasury-sheet .exact-balance { margin-block:14px; }
.workforce-alert { border-color:rgba(var(--sk-e7bd75, 231, 189, 117), 0.314); background:linear-gradient(145deg,rgba(var(--sk-54432b, 84, 67, 43), 0.188),var(--glass-face)); }
.workforce-alert>.row { align-items:flex-start; }
.workforce-alert>.sub { margin:8px 0 2px; line-height:1.8; }
.workforce-alert .btns { flex-wrap:wrap; }
.workforce-alert .btn { min-height:42px; }
@media(max-height:500px) and (min-width:600px) {
  #app[data-guide-focus] .guide-root { inset-inline:auto 12px; width:48%; }
  #app[data-guide-focus] .guide-card { max-height:calc(var(--visual-height,100dvh) - 24px); }
  #app[data-guide-focus] .screen.on { inset-inline:12px auto; width:46%; bottom:auto; max-height:calc(var(--visual-height,100dvh) - 24px); }
  #app[data-guide-focus] .guide-heading .commander { display:none; }
  #app[data-guide-focus] .guide-card p { font-size:13px; }
  #app[data-guide-focus] .guide-actions { flex-wrap:wrap; }
}

/* Phones: no live blur behind map chrome. The map redraws every frame while it moves,
   and each blurred region would be re-blurred every frame (the main cause of jank on
   mobile GPUs). A slightly more solid face keeps the glass look without the cost. */
@media (pointer: coarse) {
  :root { --map-chrome-blur: none; --map-chrome-face: linear-gradient(145deg, rgba(var(--sk-2c4f58, 44, 79, 88), 0.902), rgba(var(--sk-0c242c, 12, 36, 44), 0.941)); --chrome-blur: none; }
}