/*
 * Icons for the on-screen touch controls (js/touch-controls.js, markup in
 * index.html). These were loading from the Font Awesome CDN, which no
 * cross-origin cache can hold — sw.js can only make the game work offline if
 * every file it needs is same-origin, so the nine glyphs actually used are
 * inlined here as SVG masks. Adding a new `fa-*` to index.html means adding it
 * below; it will not silently arrive from the network any more.
 *
 * Icons: Font Awesome Free 6.5.1, CC BY 4.0 (https://fontawesome.com/license/free),
 * except .fa-rear-mirror, which is a hand-drawn glyph (a mirror rectangle).
 * Generated from the upstream SVGs — colour comes from `currentColor`, so the
 * buttons style these exactly like text.
 */

.fa-solid,
.fas {
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: -0.125em;
    background-color: currentColor;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.fa-bars {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20448%20512'%3E%3Cpath%20d='M0%2096C0%2078.3%2014.3%2064%2032%2064H416c17.7%200%2032%2014.3%2032%2032s-14.3%2032-32%2032H32C14.3%20128%200%20113.7%200%2096zM0%20256c0-17.7%2014.3-32%2032-32H416c17.7%200%2032%2014.3%2032%2032s-14.3%2032-32%2032H32c-17.7%200-32-14.3-32-32zM448%20416c0%2017.7-14.3%2032-32%2032H32c-17.7%200-32-14.3-32-32s14.3-32%2032-32H416c17.7%200%2032%2014.3%2032%2032z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20448%20512'%3E%3Cpath%20d='M0%2096C0%2078.3%2014.3%2064%2032%2064H416c17.7%200%2032%2014.3%2032%2032s-14.3%2032-32%2032H32C14.3%20128%200%20113.7%200%2096zM0%20256c0-17.7%2014.3-32%2032-32H416c17.7%200%2032%2014.3%2032%2032s-14.3%2032-32%2032H32c-17.7%200-32-14.3-32-32zM448%20416c0%2017.7-14.3%2032-32%2032H32c-17.7%200-32-14.3-32-32s14.3-32%2032-32H416c17.7%200%2032%2014.3%2032%2032z'/%3E%3C/svg%3E");
}

.fa-chevron-left {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20320%20512'%3E%3Cpath%20d='M9.4%20233.4c-12.5%2012.5-12.5%2032.8%200%2045.3l192%20192c12.5%2012.5%2032.8%2012.5%2045.3%200s12.5-32.8%200-45.3L77.3%20256%20246.6%2086.6c12.5-12.5%2012.5-32.8%200-45.3s-32.8-12.5-45.3%200l-192%20192z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20320%20512'%3E%3Cpath%20d='M9.4%20233.4c-12.5%2012.5-12.5%2032.8%200%2045.3l192%20192c12.5%2012.5%2032.8%2012.5%2045.3%200s12.5-32.8%200-45.3L77.3%20256%20246.6%2086.6c12.5-12.5%2012.5-32.8%200-45.3s-32.8-12.5-45.3%200l-192%20192z'/%3E%3C/svg%3E");
}

.fa-chevron-right {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20320%20512'%3E%3Cpath%20d='M310.6%20233.4c12.5%2012.5%2012.5%2032.8%200%2045.3l-192%20192c-12.5%2012.5-32.8%2012.5-45.3%200s-12.5-32.8%200-45.3L242.7%20256%2073.4%2086.6c-12.5-12.5-12.5-32.8%200-45.3s32.8-12.5%2045.3%200l192%20192z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20320%20512'%3E%3Cpath%20d='M310.6%20233.4c12.5%2012.5%2012.5%2032.8%200%2045.3l-192%20192c-12.5%2012.5-32.8%2012.5-45.3%200s-12.5-32.8%200-45.3L242.7%20256%2073.4%2086.6c-12.5-12.5-12.5-32.8%200-45.3s32.8-12.5%2045.3%200l192%20192z'/%3E%3C/svg%3E");
}

.fa-chevron-up {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20d='M233.4%20105.4c12.5-12.5%2032.8-12.5%2045.3%200l192%20192c12.5%2012.5%2012.5%2032.8%200%2045.3s-32.8%2012.5-45.3%200L256%20173.3%2086.6%20342.6c-12.5%2012.5-32.8%2012.5-45.3%200s-12.5-32.8%200-45.3l192-192z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20d='M233.4%20105.4c12.5-12.5%2032.8-12.5%2045.3%200l192%20192c12.5%2012.5%2012.5%2032.8%200%2045.3s-32.8%2012.5-45.3%200L256%20173.3%2086.6%20342.6c-12.5%2012.5-32.8%2012.5-45.3%200s-12.5-32.8%200-45.3l192-192z'/%3E%3C/svg%3E");
}

.fa-chevron-down {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20d='M233.4%20406.6c12.5%2012.5%2032.8%2012.5%2045.3%200l192-192c12.5-12.5%2012.5-32.8%200-45.3s-32.8-12.5-45.3%200L256%20338.7%2086.6%20169.4c-12.5-12.5-32.8-12.5-45.3%200s-12.5%2032.8%200%2045.3l192%20192z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20d='M233.4%20406.6c12.5%2012.5%2032.8%2012.5%2045.3%200l192-192c12.5-12.5%2012.5-32.8%200-45.3s-32.8-12.5-45.3%200L256%20338.7%2086.6%20169.4c-12.5-12.5-32.8-12.5-45.3%200s-12.5%2032.8%200%2045.3l192%20192z'/%3E%3C/svg%3E");
}

.fa-gauge-high {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20d='M0%20256a256%20256%200%201%201%20512%200A256%20256%200%201%201%200%20256zM288%2096a32%2032%200%201%200%20-64%200%2032%2032%200%201%200%2064%200zM256%20416c35.3%200%2064-28.7%2064-64c0-17.4-6.9-33.1-18.1-44.6L366%20161.7c5.3-12.1-.2-26.3-12.3-31.6s-26.3%20.2-31.6%2012.3L257.9%20288c-.6%200-1.3%200-1.9%200c-35.3%200-64%2028.7-64%2064s28.7%2064%2064%2064zM176%20144a32%2032%200%201%200%20-64%200%2032%2032%200%201%200%2064%200zM96%20288a32%2032%200%201%200%200-64%2032%2032%200%201%200%200%2064zm352-32a32%2032%200%201%200%20-64%200%2032%2032%200%201%200%2064%200z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20d='M0%20256a256%20256%200%201%201%20512%200A256%20256%200%201%201%200%20256zM288%2096a32%2032%200%201%200%20-64%200%2032%2032%200%201%200%2064%200zM256%20416c35.3%200%2064-28.7%2064-64c0-17.4-6.9-33.1-18.1-44.6L366%20161.7c5.3-12.1-.2-26.3-12.3-31.6s-26.3%20.2-31.6%2012.3L257.9%20288c-.6%200-1.3%200-1.9%200c-35.3%200-64%2028.7-64%2064s28.7%2064%2064%2064zM176%20144a32%2032%200%201%200%20-64%200%2032%2032%200%201%200%2064%200zM96%20288a32%2032%200%201%200%200-64%2032%2032%200%201%200%200%2064zm352-32a32%2032%200%201%200%20-64%200%2032%2032%200%201%200%2064%200z'/%3E%3C/svg%3E");
}

.fa-camera {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20d='M149.1%2064.8L138.7%2096H64C28.7%2096%200%20124.7%200%20160V416c0%2035.3%2028.7%2064%2064%2064H448c35.3%200%2064-28.7%2064-64V160c0-35.3-28.7-64-64-64H373.3L362.9%2064.8C356.4%2045.2%20338.1%2032%20317.4%2032H194.6c-20.7%200-39%2013.2-45.5%2032.8zM256%20192a96%2096%200%201%201%200%20192%2096%2096%200%201%201%200-192z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20d='M149.1%2064.8L138.7%2096H64C28.7%2096%200%20124.7%200%20160V416c0%2035.3%2028.7%2064%2064%2064H448c35.3%200%2064-28.7%2064-64V160c0-35.3-28.7-64-64-64H373.3L362.9%2064.8C356.4%2045.2%20338.1%2032%20317.4%2032H194.6c-20.7%200-39%2013.2-45.5%2032.8zM256%20192a96%2096%200%201%201%200%20192%2096%2096%200%201%201%200-192z'/%3E%3C/svg%3E");
}

/* Rear-view mirror — a custom glyph (NOT Font Awesome): a wide rounded-rectangle
   frame that reads as a mirror. fill-rule='evenodd' makes the inner rectangle a
   hole, so only the housing/border is painted. Replaced the fa-car-rear glyph. */
.fa-rear-mirror {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20fill-rule='evenodd'%20d='M76%20136%20H436%20A44%2044%200%200%201%20480%20180%20V332%20A44%2044%200%200%201%20436%20376%20H76%20A44%2044%200%200%201%2032%20332%20V180%20A44%2044%200%200%201%2076%20136%20Z%20M104%20184%20H408%20A24%2024%200%200%201%20432%20208%20V304%20A24%2024%200%200%201%20408%20328%20H104%20A24%2024%200%200%201%2080%20304%20V208%20A24%2024%200%200%201%20104%20184%20Z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20fill-rule='evenodd'%20d='M76%20136%20H436%20A44%2044%200%200%201%20480%20180%20V332%20A44%2044%200%200%201%20436%20376%20H76%20A44%2044%200%200%201%2032%20332%20V180%20A44%2044%200%200%201%2076%20136%20Z%20M104%20184%20H408%20A24%2024%200%200%201%20432%20208%20V304%20A24%2024%200%200%201%20408%20328%20H104%20A24%2024%200%200%201%2080%20304%20V208%20A24%2024%200%200%201%20104%20184%20Z'/%3E%3C/svg%3E");
}

.fa-hand {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20d='M288%2032c0-17.7-14.3-32-32-32s-32%2014.3-32%2032V240c0%208.8-7.2%2016-16%2016s-16-7.2-16-16V64c0-17.7-14.3-32-32-32s-32%2014.3-32%2032V336c0%201.5%200%203.1%20.1%204.6L67.6%20283c-16-15.2-41.3-14.6-56.6%201.4s-14.6%2041.3%201.4%2056.6L124.8%20448c43.1%2041.1%20100.4%2064%20160%2064H304c97.2%200%20176-78.8%20176-176V128c0-17.7-14.3-32-32-32s-32%2014.3-32%2032V240c0%208.8-7.2%2016-16%2016s-16-7.2-16-16V64c0-17.7-14.3-32-32-32s-32%2014.3-32%2032V240c0%208.8-7.2%2016-16%2016s-16-7.2-16-16V32z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20d='M288%2032c0-17.7-14.3-32-32-32s-32%2014.3-32%2032V240c0%208.8-7.2%2016-16%2016s-16-7.2-16-16V64c0-17.7-14.3-32-32-32s-32%2014.3-32%2032V336c0%201.5%200%203.1%20.1%204.6L67.6%20283c-16-15.2-41.3-14.6-56.6%201.4s-14.6%2041.3%201.4%2056.6L124.8%20448c43.1%2041.1%20100.4%2064%20160%2064H304c97.2%200%20176-78.8%20176-176V128c0-17.7-14.3-32-32-32s-32%2014.3-32%2032V240c0%208.8-7.2%2016-16%2016s-16-7.2-16-16V64c0-17.7-14.3-32-32-32s-32%2014.3-32%2032V240c0%208.8-7.2%2016-16%2016s-16-7.2-16-16V32z'/%3E%3C/svg%3E");
}