/* =====================================================================================================
   THE DRAWN ICON SET (NBF.art.icon, js/art.js): every emoji in the UI was replaced by one of these inline SVGs.
   Sizes per place. The SVGs carry their own ink outline and pastel fills (theme v2).
   ===================================================================================================== */
.ico-svg { display: block; width: 100%; height: 100%; overflow: visible; }

/* HUD + day card + forecast: the stress face */
.hud-face { width: 38px; height: 38px; font-size: 0 !important; flex: none; }
.cd-stress { display: inline-flex !important; align-items: center; gap: 8px; }
.cd-face { display: inline-block; width: 28px; height: 28px; }
.hm-face { display: inline-block; width: 26px; height: 26px; vertical-align: -6px; margin-right: 6px; }

/* evening cards, activity window title, the boss's text */
.hm-card .ico { font-size: 0 !important; padding: 5px; box-sizing: border-box; }
.hm-wico { display: inline-block; width: 26px; height: 26px; }
.hm-tico { display: inline-block; width: 18px; height: 18px; vertical-align: -3px; margin-right: 6px; }

/* end-of-shift summary: lives as hearts */
.sm-rows .v .sm-heart { display: inline-block; width: 26px; height: 26px; margin-left: 4px; vertical-align: -5px; }

/* WarioWare stage */
.ww-heart { display: inline-block; width: 78px; height: 78px; font-size: 0 !important; -webkit-text-stroke: 0 !important; text-shadow: none !important; filter: drop-shadow(0 6px 0 rgba(58,36,51,.9)); }
.ww-heart.lost { filter: none; }
.ww-cmd .i { width: 92px; height: 92px; font-size: 0 !important; }
.ww-fuse .bomb { width: 74px; height: 74px; font-size: 0 !important; }
.ww-pat span { display: block; width: 52px; height: 52px; font-size: 0 !important; }
.ww-gstrip .v { display: block; width: 38px; height: 38px; font-size: 0 !important; }
.ww-phases i { font-size: 0 !important; padding: 9px; box-sizing: border-box; }
.ww-scream .ico { display: block; width: 34px; height: 34px; font-size: 0 !important; }
html.portrait .ww-heart { width: 86px; height: 86px; }
html.portrait .ww-cmd .i { width: 84px; height: 84px; }

/* title menu: a little pink heart instead of the old hand sign; the INTRO pill gets a drawn play triangle */
.tt-menu button:hover::before, .tt-menu button:focus-visible::before { content: '' !important; width: 26px; height: 26px; left: -40px; top: 13px;
  background: no-repeat center / contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath d='M24 41 C10 31 5 24 5 16.5 a9.5 9.5 0 0 1 19 -3 a9.5 9.5 0 0 1 19 3 C43 24 38 31 24 41 Z' fill='%23ff4f86' stroke='%233a2433' stroke-width='3.5' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.tt-intro .tri { display: inline-block; width: 0; height: 0; margin-right: 8px; vertical-align: 0; border-style: solid; border-width: 7px 0 7px 11px; border-color: transparent transparent transparent currentColor; }
html.portrait .tt-intro .tri { border-width: 10px 0 10px 15px; }