/* Progressive VANTA: dark violet, tactile controls, quiet information hierarchy. */
:root {
  --bg0:rgb(var(--sk-0d0a16, 13, 10, 22)); --bg1:#171222; --bg2:#20192e;
  --panel1:#241b34; --panel2:#171222; --glass1:rgba(32,25,46,.97); --glass2:rgba(var(--sk-0d0a16, 13, 10, 22), .97);
  --gold:#a879ff; --gold-hi:#ddc7ff; --gold-lo:#533080;
  --text:#f5f1ff; --text-2:#c9c0d8; --text-3:#b1a7c2;
  --edge:rgba(177,139,255,.24); --edge-2:rgba(214,193,255,.12);
  --purple:#a879ff; --green:#80d7ae; --red:#f28b94;
  --ease-out:cubic-bezier(.16,1,.3,1);
}
html, body { background:var(--bg0); }
button { cursor:pointer; }
button:focus-visible, summary:focus-visible, a:focus-visible { outline:2px solid #c3a1ff; outline-offset:4px; }
.screen { background:linear-gradient(180deg,#1a1426,rgb(var(--sk-0d0a16, 13, 10, 22)) 55%); border-top-color:var(--edge); }
.card, .tile, .res, .mkt, .sheet, .toast { background:linear-gradient(165deg,var(--panel1),var(--panel2)); border-color:var(--edge-2); }
.card.gold { background:linear-gradient(145deg,#2b203e,#191222); border:1px solid #60418b; box-shadow:0 8px 24px rgba(var(--sk-000000, 0, 0, 0), 0.333),inset 0 1px #e5cfff12; }
.card.gold::before { display:none; }
.btn {
  --f1:#443456; --f2:#2a203a; --edge:#130e1d; --fg:#f5f1ff;
  min-height:46px; border:1px solid #cfacff16;
  box-shadow:0 5px 0 var(--edge),0 9px 18px rgba(var(--sk-000000, 0, 0, 0), 0.4),inset 0 1px 0 #fff3,inset 0 -2px 0 rgba(var(--sk-000000, 0, 0, 0), 0.133);
}
.btn::before { opacity:.38; }
.btn.primary, .btn.success {
  --f1:#9a64e6; --f2:#7540be; --edge:#482473; --fg:#fff;
  text-shadow:0 1px 1px #361452; border-color:#d5b3ff40;
}
.btn.danger { --f1:#b75063; --f2:#813245; --edge:#4c1a2a; }
.btn.neutral { --f1:#443456; --f2:#2a203a; --edge:#130e1d; }
.btn.ghost { --f1:#352941; --f2:#211a2b; --edge:#130e1d; }
.btn.sm { min-height:44px; }
.btn.sm.icon { width:44px; }
.btn.primary.busy::after { border-color:#fff5; border-top-color:#fff; }
.pnl-nav-row .btn, .btn[data-phome], .sheet .x {
  --f1:#443456; --f2:#2a203a; --edge:#130e1d; --fg:#f5f1ff;
}
.chip { background:linear-gradient(#392d4c,#221a31); min-height:44px; box-shadow:0 3px #110c1b,inset 0 1px #fff2; }
.chip.on { color:#fff; background:linear-gradient(#9560df,#6534a6); box-shadow:0 3px #432168,inset 0 1px #fff4; }
.tabbar { background:linear-gradient(#21192e,#100b19); border-color:var(--edge); }
.tab.on .plate::before { background:radial-gradient(ellipse,#9963e644,transparent 72%); }
.tab.on .plate { transform:translateY(-3px); }
.sheet { border-top-color:#725296; }
.sheet .sheet-body { padding-top:4px; }
.sheet h3 { padding-inline-end:46px; }
.bar > i { background:linear-gradient(#d7b8ff,#9861dc 55%,#653496); }
.bar > i::after { animation:none; opacity:.25; }
.pill.gold, .badge .rank { background:linear-gradient(#af86e8,#7646b3); color:#fff; }
.sec-title::after { background:linear-gradient(90deg,transparent,#bd97f336); }
.ic-wrap { background:linear-gradient(#3c2d50,#21172e); }
.fab { background:linear-gradient(#49365f,#281d38); box-shadow:0 4px #130c1e,0 8px 18px rgba(var(--sk-000000, 0, 0, 0), 0.467),inset 0 1px #fff3; }
.stat::after { opacity:.25; }
.medal { box-shadow:0 0 0 2px var(--nation,#8972a6),0 0 0 5px #140c21,0 8px 20px rgba(var(--sk-000000, 0, 0, 0), 0.4),inset 0 2px #fff2; }
.badge { box-shadow:0 0 0 2px var(--nation,#8972a6),0 0 0 4px #140c21,0 6px 16px rgba(var(--sk-000000, 0, 0, 0), 0.4),inset 0 2px #fff2; }
.hub-group { margin-top:12px; border:1px solid var(--edge-2); border-radius:18px; padding:0 14px 14px; background:#1b1425; }
.hub-group:not([open]) { padding-bottom:0; }
.hub-group summary { cursor:pointer; list-style:none; margin:0; min-height:64px; }
.hub-group summary::-webkit-details-marker { display:none; }
.hub-group summary::after { content:"+"; flex:0 0 auto; margin-inline-start:auto; background:none; height:auto; font-size:22px; color:var(--gold-hi); }
.hub-group[open] summary::after { content:"−"; }
.hub-grid { gap:12px; }
.mt-face { background:linear-gradient(#382b49,#251b32)!important; border-color:#a883df26!important; box-shadow:0 4px #100a19,inset 0 1px #fff2!important; }
.mt-star { display:none; }
.pnl-btns .pbtn:not(.danger) { --f1:#443456; --f2:#2a203a; --edge:#130e1d; --fg:#f5f1ff; }
.pnl-btns .pbtn.success { --f1:#9a64e6; --f2:#7540be; --edge:#482473; }
.ar-hero { background:radial-gradient(ellipse at 90% 0,#47315f,transparent 70%),linear-gradient(155deg,#241a34,#130e1f); border-color:#a97be540; border-top-color:#d2b4f770; }
.ar-hero-radar, .ar-hero-radar::before, .ar-hero-radar::after { border-color:#b28bff20; }
.ar-hero-radar i { background:conic-gradient(transparent 280deg,#b28bff1a); }
.ar-asset, .ar-drow, .ar-lvl, .ar-mode, .pnl-ic { background:linear-gradient(160deg,#382847,#191222); border-color:#ba8cea30; }
.ar-mode.on { background:#9866f51a; }
.ar-quick { grid-template-columns:repeat(auto-fit,minmax(90px,1fr)); }
.ar-input, .pnl-field input { background:#100b18; border-color:#b28bff40; }
.ar-input:focus-visible { box-shadow:0 0 0 3px #b28bff22; }
.dp-me { background:linear-gradient(100deg,color-mix(in srgb,var(--nation) 15%,transparent),transparent 62%),linear-gradient(#2e223c,#171222); }
.dp-flag { background:radial-gradient(circle at 35% 30%,#604476,#1b1228 72%); }
.dp-seg { background:linear-gradient(#0f0917,#21172d); }
.dp-seg-ind { background:linear-gradient(#b082ed,#7844bd); box-shadow:0 3px #49236e,0 6px 14px rgba(var(--sk-000000, 0, 0, 0), 0.267),inset 0 1px #fff5; }
.dp-seg-btn.on { color:#fff; }
.pnl-body details { background:#9866f510; }
.pnl-body summary { background:#191222; border-color:#b28bff30; }

/* Approved starter hierarchy, populated only with real server state. */
.guided-home #hud { display:none; }
.guided-home .screen[data-screen="home"] { top:0; bottom:var(--tab-h); padding:0; border:0; border-radius:0; box-shadow:none; background:rgb(var(--sk-0d0a16, 13, 10, 22)); }
.journey-home { max-width:430px; margin:0 auto; padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left); }
.journey-header { min-height:72px; padding:12px 20px; display:flex; align-items:center; justify-content:space-between; gap:12px; }
.journey-header>div { display:flex; align-items:center; gap:10px; }
.journey-header strong { font-size:20px; font-weight:900; }
.home-account { color:var(--text-2); background:none; border:0; min-height:44px; font-size:12px; padding:0 6px; }
.journey-content { display:flex; flex-direction:column; gap:18px; padding:6px 16px 24px; }
.journey-level { border:1px solid #352943; border-radius:18px; padding:16px; background:linear-gradient(145deg,#20172e,#151020); box-shadow:inset 0 1px #eee0ff09; }
.journey-level h2 { margin:0; display:flex; align-items:center; gap:6px; font-size:17px; }
.journey-level h2 .ic { width:20px; height:20px; }
.level-info { display:flex; align-items:center; gap:6px; color:inherit; font:inherit; background:none; border:0; padding:0; min-height:44px; text-align:start; }
.journey-level .row>span { font-size:12px; color:var(--text-2); text-align:left; }
.journey-progress { height:7px; border-radius:5px; background:#0c0812; box-shadow:inset 0 2px 3px rgba(var(--sk-000000, 0, 0, 0), 0.467); margin:16px 0 12px; overflow:hidden; }
.journey-progress i { display:block; height:100%; border-radius:5px; background:linear-gradient(#c7a0ff,#8b53d4); box-shadow:inset 0 1px #fff4; transition:width .35s ease; }
.journey-level p { margin:0; font-size:12px; color:var(--text-2); }
.journey-level b { color:#e5d5fc; }
.journey-status { display:flex; gap:12px; }
.journey-status>div { flex:1; min-width:0; display:flex; align-items:center; gap:10px; border:1px solid #352943; border-radius:14px; padding:12px; background:#171222; }
.journey-status .ic { width:28px; height:28px; flex-shrink:0; }
.journey-status span { display:flex; flex-direction:column; min-width:0; }
.journey-status b { font-size:14px; overflow-wrap:anywhere; }
.journey-status small { font-size:12px; color:var(--text-3); }
.journey-next { border:1px solid #65458e; border-radius:24px; padding:22px 20px 25px; background:linear-gradient(145deg,#312142,#20172d 75%); box-shadow:0 8px 24px rgba(var(--sk-000000, 0, 0, 0), 0.267),inset 0 1px #e3bdff1f; }
.journey-kicker { color:#c8a4fb; font-size:12px; font-weight:800; }
.journey-next h1 { font-size:24px; line-height:1.5; margin:10px 0 6px; font-weight:900; }
.journey-next p { margin:0 0 24px; color:var(--text-2); font-size:14px; line-height:1.8; }
.journey-next .btn { min-height:56px; }
.journey-actions { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.journey-actions button { min-height:90px; border:1px solid #b48dde26; border-radius:16px; background:linear-gradient(#372847,#24192f); color:var(--text); display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; font-weight:800; box-shadow:0 4px #100a17,0 6px 14px rgba(var(--sk-000000, 0, 0, 0), 0.267),inset 0 1px #fff2; transition:transform .08s,box-shadow .08s; }
.journey-actions button:active { transform:translateY(3px); box-shadow:0 1px #100a17,inset 0 1px #fff2; }
.journey-actions .ic { width:30px; height:30px; }
.journey-actions button { min-height:76px; }
.country-actions { display:grid; grid-template-columns:repeat(auto-fit,minmax(90px,1fr)); gap:12px; margin:8px 0 22px; }
.country-actions .btn { flex-direction:column; min-height:84px; gap:8px; }
.country-details { margin-top:20px; }
.country-details>summary { display:flex; align-items:center; gap:8px; min-height:52px; cursor:pointer; color:var(--text-2); font-weight:700; }
.country-details>summary::after { content:'+'; margin-inline-start:auto; color:var(--gold-hi); }
.country-details[open]>summary::after { content:'−'; }
.context-links { display:flex; flex-wrap:wrap; gap:10px; margin:18px 0; }
.journey-active { display:flex; align-items:center; justify-content:center; gap:8px; min-height:48px; background:#22192e; border:1px solid #674587; border-radius:14px; color:#e0caf8; font-size:13px; }
.journey-active .ic { width:24px; height:24px; }
.journey-connection { font-size:12px; color:var(--text-3); margin:0; text-align:center; }
.journey-connection:empty { display:none; }
.journey-identity { display:flex; justify-content:space-between; align-items:center; gap:8px; color:var(--text-2); font-size:12px; }
.journey-identity strong { color:var(--text); font-size:14px; overflow-wrap:anywhere; }
@media (max-width:350px) { .journey-content { gap:16px; padding-inline:12px; } .journey-next { padding:18px 16px 22px; } .journey-next h1 { font-size:21px; } .journey-level .row { flex-wrap:wrap; } }

#loading { background:radial-gradient(110% 85% at 50% 38%,#322044,#170f23 55%,rgb(var(--sk-0d0a16, 13, 10, 22))); }
#loading .word { background:linear-gradient(#f0e4ff,#bf8eff 60%,#8750bf); background-clip:text; -webkit-background-clip:text; }
#loading .halo { background:radial-gradient(circle,#b17aed33,transparent 65%); }
#loading .prog i, #loading .retry { background:linear-gradient(#c59bf7,#8a4dcc); }
#loading .retry { color:#fff; box-shadow:0 5px #49236e,inset 0 1px #fff5; }
@media (prefers-reduced-motion:reduce) { .journey-progress i { transition:none; } }

/* Ten-idea polish: hierarchy comes from depth, not more glow. */
:root { --panel1:#211a2b; --panel2:#16121e; --visual-height:100dvh; --keyboard-inset:0px; }
.screen { background:radial-gradient(ellipse at 90% -20%,#38234a45,transparent 55%),linear-gradient(#18121f,rgb(var(--sk-0d0a16, 13, 10, 22)) 60%); }
.card,.tile,.res,.mkt { border-color:#ffffff0c; border-top-color:#e5d5ff19; box-shadow:0 7px 18px rgba(var(--sk-000000, 0, 0, 0), 0.2),inset 0 1px #ffffff05; }
.sheet { background:linear-gradient(165deg,#30243d,#21192d 58%); max-height:calc(var(--visual-height) - 24px); bottom:var(--keyboard-inset); transition:transform .18s ease; }
.backdrop { background:#08050dbf; }
.num,bdi,.res .a,.tile .val,.journey-status b,.ar-stats b,.ar-power,.balance-review { font-variant-numeric:tabular-nums; font-feature-settings:'tnum' 1; }
.tile[data-exact-balance],.stat[data-exact-balance] { color:inherit; text-align:start; font:inherit; }
.stat[data-exact-balance] { border:0; background:none; }
.stat[data-exact-balance]:focus-visible { outline-offset:-2px; }
.btn,.chip,.journey-actions button { transition:transform .15s ease,box-shadow .15s ease,filter .15s ease; }
.btn:active:not(:disabled),.chip:active:not(:disabled),.journey-actions button:active { transform:translateY(2px); box-shadow:0 2px 0 var(--edge,#130e1d),0 3px 9px rgba(var(--sk-000000, 0, 0, 0), 0.267),inset 0 1px #ffffff24; }
.btn:disabled:not(.busy) { opacity:.66; filter:saturate(.35); text-shadow:none; }
.btn.busy { position:relative; color:transparent!important; text-shadow:none!important; opacity:1; }
.btn.busy>.ic { visibility:hidden; }
.btn.busy::after { display:none; }
.busy-label { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; gap:7px; color:#f5f1ff; font-size:12px; padding:0 5px; white-space:nowrap; }
.busy-label::before { content:''; width:12px; height:12px; border:2px solid #ffffff33; border-top-color:#fff; border-radius:50%; animation:spin .8s linear infinite; flex-shrink:0; }
.success-tick { position:fixed; z-index:85; pointer-events:none; width:32px; height:32px; border-radius:50%; background:rgb(var(--sk-142b23, 20, 43, 35)); border:1px solid #80d7ae; display:grid; place-items:center; transform:translate(-50%,-50%); animation:success-mark .8s ease both; }
.success-tick .ic { width:23px; height:23px; }
@keyframes success-mark { 0%{opacity:0} 20%,65%{opacity:1} 100%{opacity:0;transform:translate(-50%,-85%)} }
.tabbar { background:linear-gradient(#1d1626,#110d18); box-shadow:0 -6px 22px rgba(var(--sk-000000, 0, 0, 0), 0.267); border-top-color:#b28bff24; }
.tab { min-height:48px; font-size:11px; padding-block:4px; gap:2px; }
.tab .plate { width:46px; height:34px; transition:background .15s ease,box-shadow .15s ease; }
.tab .ic,.tab.on .ic { width:29px; height:29px; transform:none; }
.tab.on .plate { transform:none; background:linear-gradient(#4a335f,#2b1f3b); box-shadow:inset 0 1px #e3c3ff33,0 2px 0 #100a19; }
.tab.on .plate::before,.tab.on::after { display:none; }
.tab.on { color:#f5f1ff; }
.tab:active .plate { transform:translateY(2px); }
.tab .dot { width:8px; height:8px; box-shadow:0 0 0 2px #17101f; background:#ef98a2; }
.new-feature { position:absolute; top:0; inset-inline-end:1px; color:#e1caff; border:1px solid #b18bdf55; background:#24172f; font-size:9px; padding:0 4px; border-radius:5px; line-height:1.7; }
.country-actions .btn { position:relative; }
.country-actions .new-feature { top:5px; inset-inline-end:6px; }
.journey-status>button { flex:1; min-width:0; display:flex; align-items:center; gap:10px; border:1px solid #352943; border-radius:14px; padding:12px; background:#171222; color:inherit; text-align:start; }
.journey-status>button:active { background:#20172b; }
.level-info { gap:9px; }
.level-medal { width:38px; height:42px; flex:0 0 auto; display:flex; flex-direction:column; align-items:center; justify-content:center; background:linear-gradient(#614381,#332245); border:1px solid #b58ade88; border-radius:12px 12px 15px 15px; box-shadow:0 3px #0e0915,inset 0 1px #efd7ff33; line-height:1; }
.level-medal b { color:#f5ecff; font-size:19px; }
.level-medal i { color:#d4b5fa; font-style:normal; letter-spacing:1px; height:7px; line-height:7px; }
.level-medal.lv-5,.level-medal.lv-6 { border-color:#d0acf8; box-shadow:0 3px #0e0915,inset 0 0 0 3px #1b11264d; }
.journey-level { background:linear-gradient(145deg,#211a2b,#17121f); }
.journey-level h2 { font-size:15px; }
.journey-progress { margin-block:14px 10px; height:6px; }
.journey-next { background:linear-gradient(140deg,#2b2138,#1b1525); border-color:#8e67b35c; box-shadow:0 8px 24px rgba(var(--sk-000000, 0, 0, 0), 0.267),inset 0 1px #e3bdff1a; }
.journey-next.kind-urgent { border-inline-start:3px solid #c87586; }
.task-heading { display:flex; justify-content:space-between; align-items:center; }
.task-heading>.ic { width:32px; height:32px; }
.journey-kicker { display:inline-flex; align-items:center; min-height:26px; border-radius:7px; padding:1px 8px; background:#b28bff14; }
.kind-urgent .journey-kicker { color:#f2b7c1; background:#dd879914; }
.journey-next p { margin-bottom:18px; }
.text-button { color:#d0bfdc; background:none; border:0; padding:8px; min-height:44px; font-size:12px; text-align:center; }
.text-button:hover { color:#f5f1ff; text-decoration:underline; }
.task-later { display:block; margin:9px auto -9px; }
.task-remedy { margin-bottom:16px; padding:12px; border-radius:12px; background:#100d17; font-size:12px; color:var(--text-2); }
.task-remedy ul { padding-inline-start:18px; margin:7px 0; }
.task-remedy .text-button { padding:0; text-align:start; }
.discovery-card { border:1px solid #9164b854; border-radius:16px; padding:14px; background:#271c33; }
.discovery-card>div:first-child { display:flex; align-items:center; gap:8px; }
.discovery-card .ic { width:25px; height:25px; }
.discovery-card p { margin:8px 0; color:var(--text-2); font-size:13px; }
.discovery-card .btns { margin-top:6px; }
.balance-review { background:#110d19; border:1px solid #c095ef22; border-radius:14px; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); padding:12px 8px; gap:8px; margin:14px 0; }
.balance-review>div { min-width:0; display:flex; flex-direction:column; gap:6px; text-align:center; }
.balance-review small { font-size:11px; color:var(--text-3); }
.balance-review bdi { font-size:14px; font-weight:800; overflow-wrap:anywhere; direction:ltr; }
.balance-review p { grid-column:1/-1; margin:4px 2px 0; color:var(--text-3); font-size:11px; line-height:1.7; }
.exact-balance { font-size:28px; margin-block:24px; }
.exact-balance small { font-size:14px; color:var(--text-2); }
.sheet-body { padding-bottom:6px; }
.sheet-actions { position:sticky; bottom:calc(-18px - var(--safe-bottom)); z-index:3; background:#21192df5; border-top:1px solid #cba5ee22; margin-inline:-4px; padding:14px 4px calc(14px + var(--safe-bottom)); gap:10px; }
.sheet-actions .btn { flex:1; min-height:48px; }
.balance-delta { position:fixed; z-index:110; max-width:calc(100vw - 16px); padding:8px 12px; border:1px solid #ae8ccc60; border-radius:12px; background:#292034; box-shadow:0 6px 20px rgba(var(--sk-000000, 0, 0, 0), 0.4); color:#eee1ff; font-size:12px; pointer-events:none; font-variant-numeric:tabular-nums; animation:balance-feedback 3s ease both; }
@keyframes balance-feedback { 0% { opacity:0; } 10%,85% { opacity:1; } 100% { opacity:0; } }
.sheet .sheet-body>h3 { padding-top:8px; padding-inline-end:44px; }
.sheet .confirm-big .ic-wrap { width:58px; height:58px; border-radius:18px; }
.sheet .confirm-big .ic { width:40px; height:40px; }
.inline-error { display:flex; gap:8px; padding:12px; margin-block:14px; background:#45202c; border:1px solid #d3859866; border-radius:12px; color:#ffd7df; font-size:13px; }
.inline-error>.ic { width:23px; height:23px; flex-shrink:0; }
.inline-error p { margin:6px 0 0; font-size:12px; }
.inline-error ul { padding-inline-start:18px; }
.ar-stats { grid-template-columns:repeat(3,minmax(0,1fr)); }
.ar-hero-radar i { animation:none; }
.command-activity { margin-top:20px; }
.quiet-empty { margin:8px 0 16px; padding:12px 14px; border-inline-start:2px solid #77558c; background:#21192b55; color:var(--text-2); font-size:13px; border-radius:8px; }
.operation-timeline { list-style:none; display:flex; padding:0; margin:16px 0 8px; gap:8px; }
.operation-timeline li { flex:1; min-width:0; display:flex; align-items:center; gap:7px; font-size:12px; color:var(--text-3); }
.operation-timeline li+li::before { content:''; height:1px; background:#b28bff44; flex:1; min-width:12px; }
.operation-timeline li>span { border:1px solid #9c78bb44; border-radius:50%; padding:5px; display:flex; background:#17101f; }
.operation-timeline .current { color:#f5f1ff; }
.operation-timeline .current>span { border-color:#ae82da; background:#3b284d; }
.operation-timeline .done>span { border-color:#80d7ae; background:rgb(var(--sk-172a24, 23, 42, 36)); }
.formation-details summary { display:flex; align-items:center; justify-content:space-between; padding-block:12px; cursor:pointer; color:var(--text-2); font-size:12px; }
.formation-details[open] summary>.ic { transform:rotate(180deg); }
.dp-nation { background:linear-gradient(#241c2e,#17121f); }
.dp-stripe { opacity:.65; width:3px; }
.dp-req { border-inline-start:3px solid var(--nation,#7c608f); }
.exchange-review { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-block:12px; }
.exchange-review:empty { display:none; }
.exchange-review .dp-io { display:flex; flex-direction:column; align-items:stretch; justify-content:start; gap:5px; border:1px solid #b28bff24; background:#110d19; border-radius:12px; padding:10px; margin:0; color:var(--text-2); }
.exchange-review .dp-io>span { display:flex; gap:5px; align-items:center; font-size:12px; }
.exchange-review .dp-io b { font-size:13px; overflow-wrap:anywhere; }
.exchange-review .dp-io.in>span { color:#80d7ae; }
.exchange-review .dp-io.out>span { color:#d9b8f4; }
.request-review>.sheet-body>.dp-req { padding:12px; margin-top:16px; }
.dp-news { opacity:.85; }
.country-scene { position:relative; border-radius:18px; overflow:hidden; margin-bottom:16px; height:clamp(100px,20dvh,168px); background:#171222; }
.country-scene img { width:100%; height:100%; object-fit:cover; }
.country-scene.low-power img { filter:brightness(.65); }
.country-scene>div { position:absolute; inset:0; display:flex; flex-direction:column; justify-content:end; gap:3px; padding:12px; background:linear-gradient(transparent 30%,rgba(var(--sk-0d0a16, 13, 10, 22), 0.929)); }
.country-scene span { font-size:12px; color:#d0bfdc; }
@media(max-width:350px) { .level-info { font-size:14px; } .journey-status { gap:8px; } .journey-status>div,.journey-status>button { padding:10px; gap:6px; } .balance-review { gap:5px; } .balance-review bdi { font-size:12px; } }
@media(prefers-reduced-motion:reduce) { .btn:active:not(:disabled),.chip:active:not(:disabled),.journey-actions button:active,.tab:active .plate { transform:none; } .success-tick { animation:none; } }