/* FINOTECH ICON POLISH
   Presentation-only: semantic SVG icons replace decorative emoji glyphs.
   No layout, accounting, scoring or interaction semantics are changed. */
.fi-icon-visual,
.fi-icon-badge{width:1.18em;height:1.18em;display:inline-block;vertical-align:-.18em;flex:0 0 auto}
.fi-icon-visual{color:var(--entrust);stroke-width:1.8}
.fi-icon-badge{width:24px;height:24px;color:var(--entrust);stroke-width:1.9}
.sceneObj .fi-icon-visual{width:38px;height:38px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.24));transition:transform .25s var(--ease),filter .25s var(--ease),color .25s var(--ease)}
.sceneObj.active .fi-icon-visual{color:var(--entrust);transform:scale(1.08);filter:drop-shadow(0 0 12px rgba(217,164,65,.28))}
.learning-context-icon .fi-icon-visual{width:44px;height:44px;color:var(--entrust);stroke-width:1.7;filter:drop-shadow(0 5px 12px rgba(0,0,0,.22))}
.jp3-scenario-art .fi-icon-visual{width:34px;height:34px;color:var(--entrust);stroke-width:1.75}
.yard .fi-icon-visual{width:24px;height:24px;color:var(--entrust);vertical-align:middle}
.scenario-context-icon .fi-icon-visual{width:34px;height:34px;color:var(--entrust)}
.badge-icon .fi-icon-badge{width:23px;height:23px}
.world-reward-badge>span .fi-icon-badge{width:26px;height:26px}
.learning-side-action>.fi-icon{width:17px;height:17px}
.badge-head h3>.fi-icon{width:17px;height:17px;vertical-align:-.2em;color:var(--entrust)}

/* Static top navigation icons. Inline SVG keeps this self-contained/offline. */
.nav-icon-inline{width:18px;height:18px;display:inline-block;vertical-align:-.22em;color:var(--parchment-dim);stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:color .16s var(--ease),transform .16s var(--ease)}
.btn:hover .nav-icon-inline{color:var(--entrust);transform:scale(1.05)}

/* Give the new semantic icons a subtle tactile container where the old emoji
   had been doing the visual anchoring. */
.learning-context-icon,.jp3-scenario-art,.scenario-context-icon{display:grid;place-items:center}

@media(max-width:640px){
  .sceneObj .fi-icon-visual{width:32px;height:32px}
  .learning-context-icon .fi-icon-visual{width:38px;height:38px}
  .jp3-scenario-art .fi-icon-visual{width:30px;height:30px}
}