/* RENEX — общий каркас мини-приложения. Стили самих экранов приходят из макетов. */

/* Montserrat хранится у нас (не Google Fonts): кириллица + латиница + знак ₽, только нужные начертания */
@font-face{font-family:'Montserrat';font-style:normal;font-display:swap;font-weight:500;src:url(fonts/montserrat-cyrillic-500-normal.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Montserrat';font-style:normal;font-display:swap;font-weight:600;src:url(fonts/montserrat-cyrillic-600-normal.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Montserrat';font-style:normal;font-display:swap;font-weight:700;src:url(fonts/montserrat-cyrillic-700-normal.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Montserrat';font-style:normal;font-display:swap;font-weight:800;src:url(fonts/montserrat-cyrillic-800-normal.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Montserrat';font-style:normal;font-display:swap;font-weight:500;src:url(fonts/montserrat-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Montserrat';font-style:normal;font-display:swap;font-weight:600;src:url(fonts/montserrat-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Montserrat';font-style:normal;font-display:swap;font-weight:700;src:url(fonts/montserrat-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Montserrat';font-style:normal;font-display:swap;font-weight:800;src:url(fonts/montserrat-latin-800-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Montserrat';font-style:normal;font-display:swap;font-weight:500;src:url(fonts/montserrat-rub-500.woff2) format('woff2');unicode-range:U+20BD}
@font-face{font-family:'Montserrat';font-style:normal;font-display:swap;font-weight:600;src:url(fonts/montserrat-rub-600.woff2) format('woff2');unicode-range:U+20BD}
@font-face{font-family:'Montserrat';font-style:normal;font-display:swap;font-weight:700;src:url(fonts/montserrat-rub-700.woff2) format('woff2');unicode-range:U+20BD}
@font-face{font-family:'Montserrat';font-style:normal;font-display:swap;font-weight:800;src:url(fonts/montserrat-rub-800.woff2) format('woff2');unicode-range:U+20BD}

html{--app-h:100vh;background:#171A20;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:#171A20;color:#FFFFFF;font-family:'Montserrat',Arial,sans-serif;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}
#app{width:390px;max-width:100%;margin:0 auto;min-height:var(--app-h)}
button,a{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:2px solid #539DFF;outline-offset:2px}

/* Заглушка, пока грузится первый экран */
.rx-splash{min-height:var(--app-h);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:22px;letter-spacing:.3em;color:#3A414D}


/* Всплывающая подсказка */
#rx-toast{position:fixed;left:50%;bottom:110px;z-index:100;max-width:330px;width:max-content;box-sizing:border-box;padding:11px 16px;border-radius:14px;background:rgba(38,44,53,.97);border:1px solid #3A414D;color:#FFFFFF;font:600 13px/1.4 'Montserrat',Arial,sans-serif;text-align:center;box-shadow:0 10px 30px rgba(0,0,0,.45);opacity:0;transform:translate(-50%,8px);transition:opacity .2s ease,transform .2s ease;pointer-events:none}
#rx-toast.on{opacity:1;transform:translate(-50%,0)}
@media (prefers-reduced-motion: reduce){#rx-toast{transition:none}}

/* Подсказка «Установить на телефон» */
#rx-install{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(84px + env(safe-area-inset-bottom));width:366px;max-width:calc(100% - 24px);z-index:60;display:flex;align-items:center;gap:8px;padding:12px 12px 12px 14px;border-radius:14px;background:rgba(38,44,53,.98);border:1px solid #3A414D;color:#fff;font:600 13px/1.35 'Montserrat',Arial,sans-serif;box-shadow:0 10px 30px rgba(0,0,0,.45)}
#rx-install span{flex:1}
#rx-install button{border:0;border-radius:10px;padding:8px 10px;font:700 13px 'Montserrat',Arial,sans-serif;cursor:pointer;background:#539DFF;color:#10141A}
#rx-install button[data-a="x"]{background:transparent;color:#9AA0A9;padding:8px 4px;min-width:32px}