/* Рядом · Main Application Visual Refresh v1.0 — 2026-11-13.
   This file is intentionally scoped to live application surfaces.
   It does not style the games, alter API state, forms or chat geometry. */
.ryadom-ui-icon{width:24px;height:24px;display:block;flex:none;overflow:visible;
 fill:none;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round;
 vector-effect:non-scaling-stroke;pointer-events:none}
/* Recolor mono glyphs per purpose without swapping fonts or colorful emoji. */
body.rl-theme #pane-more #moreCatalog .more-app-card{
 --ui-icon-ink:var(--rl-primary);--ui-icon-tint:var(--rl-primary-subtle);
}
body.rl-theme #pane-more #openProfile{--ui-icon-ink:#6a79b0;--ui-icon-tint:#eaf0fe}
body.rl-theme #pane-more #openShifts{--ui-icon-ink:#a87a59;--ui-icon-tint:#faf0e4}
body.rl-theme #pane-more #openShopping{--ui-icon-ink:#3e9481;--ui-icon-tint:#e6f5ee}
body.rl-theme #pane-more #openCrystalShop{--ui-icon-ink:#8962c7;--ui-icon-tint:#eee6fb}
body.rl-theme #pane-more #openCafe{--ui-icon-ink:#a2726b;--ui-icon-tint:#f9e9e4}
body.rl-theme #pane-more #openLife{--ui-icon-ink:#648b66;--ui-icon-tint:#e8f3e6}
body.rl-theme #pane-more #openSettings{--ui-icon-ink:#7884b2;--ui-icon-tint:#ecedfa}
body.rl-theme #pane-more #moreCatalog .more-app-card{
 border-radius:20px;
 border:1px solid color-mix(in srgb,var(--rl-outline) 78%,var(--rl-primary) 6%);
 background:linear-gradient(155deg,var(--rl-surface),color-mix(in srgb,var(--rl-surface) 95%,var(--rl-primary-subtle)));
 box-shadow:0 5px 20px rgba(48,38,78,.065);min-width:0;
 transition:background-color .17s ease,border-color .17s ease,box-shadow .17s ease,transform .17s ease;
}
body.rl-theme #pane-more #moreCatalog .more-app-card .more-app-icon{
 display:grid;place-items:center;flex:none;
 width:55px;height:55px;border-radius:17px;
 background:var(--ui-icon-tint)!important;color:var(--ui-icon-ink)!important;
 border:1px solid color-mix(in srgb,var(--ui-icon-ink) 15%,transparent);
 box-shadow:inset 0 1px 0 color-mix(in srgb,var(--rl-surface) 90%,transparent);
}
body.rl-theme #pane-more #moreCatalog .more-app-card .more-app-icon .ryadom-ui-icon{
 width:27px;height:27px;color:inherit;stroke-width:1.8;
}
body.rl-theme #pane-more #moreCatalog .more-app-copy b{
 font-size:14px;line-height:1.32;font-weight:780;letter-spacing:-.015em;
}
body.rl-theme #pane-more #moreCatalog .more-app-copy small{
 font-size:11px;line-height:1.45;opacity:.92;
}
body.rl-theme #pane-more #moreCatalog .more-app-card .more-app-arrow{
 display:grid;place-items:center;width:26px;height:26px;border-radius:9px;
 background:color-mix(in srgb,var(--rl-primary-subtle) 72%,transparent);
 top:15px;right:15px;color:var(--rl-primary);font-size:0;
}
body.rl-theme #pane-more #moreCatalog .more-app-arrow .ryadom-ui-icon{width:16px;height:16px;stroke-width:2}
/* Styled like one family of functional tools, not a mixture of monochrome and emoji. */
body.rl-theme #pane-home #homeQuickActions .home-action-tile{
 background:linear-gradient(165deg,var(--rl-surface),color-mix(in srgb,var(--rl-surface) 96%,var(--rl-primary-subtle)));
 border:1px solid var(--rl-outline);
 box-shadow:0 5px 19px rgba(49,39,82,.06);
 border-radius:18px;
 transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;
}
body.rl-theme #pane-home #homeQuickActions .home-action-tile > :is(svg.ic,.home-tile-emoji){
 display:grid;place-items:center;
 width:45px;height:45px;min-width:45px;min-height:45px;
 padding:10px;border:1px solid color-mix(in srgb,var(--rl-primary) 12%,transparent);
 border-radius:15px;background:var(--rl-primary-subtle)!important;
 color:var(--rl-primary);fill:none;stroke:currentColor;
 box-sizing:border-box;
}
body.rl-theme #pane-home #homeQuickActions .home-action-tile > svg.ic{
 stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round;
}
body.rl-theme #pane-home #homeQuickActions .home-tile-emoji .ryadom-ui-icon{
 width:24px;height:24px;padding:0;stroke-width:1.85;
}
body.rl-theme #pane-home #homeQuickActions .home-action-chevron{
 display:grid;place-items:center;
 width:27px;height:27px;min-width:27px;border-radius:9px;
 background:var(--rl-primary-subtle);color:var(--rl-primary);
}
body.rl-theme #pane-home #homeQuickActions .home-action-chevron .ryadom-ui-icon{
 width:17px;height:17px;stroke-width:2;
}
body.rl-theme #pane-home .home-tool-arrow,
body.rl-theme #pane-more .settings-chevron{
 display:grid;place-items:center;flex:none;
 width:24px;height:24px;font-size:0;
 color:var(--rl-primary);
}
body.rl-theme #pane-home .home-tool-arrow .ryadom-ui-icon,
body.rl-theme #pane-more .settings-chevron .ryadom-ui-icon{
 width:17px;height:17px;stroke-width:2;
}
/* Keep six original home tools consistent with the new unified mini-app badges. */
body.rl-theme #pane-home #homeCatalog .home-tool-icon{
 border:1px solid color-mix(in srgb,var(--rl-primary) 13%,var(--rl-outline));
 background:var(--rl-primary-subtle)!important;
 color:var(--rl-primary);box-shadow:none;
}
body.rl-theme #pane-home #homeCatalog .home-tool-icon .rl-icon{
 width:25px;height:25px;stroke-width:1.85;
}
body.rl-theme #pane-home .home-tool-tile{
 border-color:var(--rl-outline);
 transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;
}
body.rl-theme #pane-more #moreSettings .settings-group{
 border:1px solid var(--rl-outline);border-radius:20px;
 overflow:hidden;box-shadow:0 6px 22px rgba(47,37,75,.06);
}
body.rl-theme #pane-more #moreSettings .settings-group h3{
 margin:12px 18px 6px;font-size:11px;letter-spacing:.09em;font-weight:820;
 color:var(--rl-text-secondary);
}
body.rl-theme #pane-more #moreSettings .settings-row{
 border-radius:0;min-height:74px;
 transition:background-color .16s ease;
}
body.rl-theme #pane-more #moreSettings .settings-icon{
 background:var(--rl-primary-subtle);border:1px solid var(--rl-outline);
 color:var(--rl-primary);border-radius:13px;
 width:43px;height:43px;flex:0 0 43px;
}
body.rl-theme #pane-more #moreSettings .settings-icon .ryadom-ui-icon{width:24px;height:24px}
body.rl-theme #pane-more #moreSettings .settings-copy b{font-size:14px;font-weight:760}
body.rl-theme #pane-more #moreSettings .settings-copy small{font-size:11.5px;line-height:1.45}
body.rl-theme #pane-more #moreSettings .settings-row:focus-visible,
body.rl-theme #pane-more #moreCatalog .more-app-card:focus-visible,
body.rl-theme #pane-home #homeQuickActions .home-action-tile:focus-visible,
body.rl-theme #pane-home .home-game-card:focus-visible{
 outline:3px solid var(--rl-primary);outline-offset:2px;
}
/* Small games on home use original scalable icons rather than platform emoji. */
body.rl-theme #pane-home .home-game-card .home-game-icon{
 display:grid;place-items:center;color:var(--rl-primary);
}
body.rl-theme #pane-home .home-game-card--life .home-game-icon{color:#4c946e}
body.rl-theme #pane-home .home-game-icon .ryadom-ui-icon{
 width:25px;height:25px;stroke-width:1.85;
}
body.rl-theme #pane-home .home-game-arrow{
 display:grid;place-items:center;color:var(--rl-primary);font-size:0;
}
body.rl-theme #pane-home .home-game-arrow .ryadom-ui-icon{width:18px;height:18px;stroke-width:2}
body.rl-theme #pane-map :is(#btnGeofence,#btnTrail) .ryadom-ui-icon{width:22px;height:22px}
body.rl-theme #pane-map #retryGeoBtn{display:inline-flex;align-items:center;justify-content:center;gap:8px}
body.rl-theme #pane-map #retryGeoBtn .ryadom-ui-icon{width:18px;height:18px}
body.rl-theme #app > nav .desktop-footer-symbol .ryadom-ui-icon{width:21px;height:21px}
/* Feedback stays tactile, without dramatic game-like bounce. */
@media(hover:hover) and (pointer:fine){
 body.rl-theme #pane-more #moreCatalog .more-app-card:hover,
 body.rl-theme #pane-home #homeQuickActions .home-action-tile:hover,
 body.rl-theme #pane-home .home-tool-tile:hover{
   border-color:color-mix(in srgb,var(--rl-primary) 34%,var(--rl-outline));
   box-shadow:0 10px 27px rgba(54,38,99,.12);transform:translateY(-2px);
 }
 body.rl-theme #pane-more #moreSettings .settings-row:hover{
   background:color-mix(in srgb,var(--rl-primary-subtle) 46%,var(--rl-surface));
 }
}
body.rl-theme :is(#pane-more #moreCatalog .more-app-card,#pane-home #homeQuickActions .home-action-tile):active{
 transform:scale(.985);box-shadow:0 3px 11px rgba(48,35,82,.08);
}
body.rl-theme[data-theme="night"] #pane-more #moreCatalog .more-app-card{
 --ui-icon-ink:#d0b9f5;--ui-icon-tint:#39304e;
 border-color:var(--rl-outline);
}
body.rl-theme[data-theme="night"] #pane-more #moreCatalog .more-app-card .more-app-icon{
 border-color:color-mix(in srgb,var(--rl-outline) 90%,transparent);
}
body.rl-theme[data-theme="night"] #pane-more #moreCatalog .more-app-card .more-app-icon .ryadom-ui-icon{
 color:#d8c5fa;
}
body.rl-theme[data-theme="night"] #pane-home #homeQuickActions .home-action-tile > :is(svg.ic,.home-tile-emoji){
 background:var(--rl-primary-subtle)!important;
 color:var(--rl-primary);
}
@media(max-width:700px){
 body.rl-theme #pane-more #moreCatalog .more-app-grid{gap:10px}
 body.rl-theme #pane-more #moreCatalog .more-app-card{min-height:150px;padding:13px;gap:12px}
 body.rl-theme #pane-more #moreCatalog .more-app-card .more-app-icon{width:49px;height:49px;border-radius:15px}
 body.rl-theme #pane-more #moreCatalog .more-app-card .more-app-icon .ryadom-ui-icon{width:24px;height:24px}
 body.rl-theme #pane-more #moreCatalog .more-app-copy b{font-size:13px}
 body.rl-theme #pane-more #moreCatalog .more-app-copy small{font-size:10.5px}
 body.rl-theme #pane-more #moreSettings .settings-row{min-height:70px}
 body.rl-theme #pane-home #homeQuickActions .home-action-tile > :is(svg.ic,.home-tile-emoji){
  width:42px;height:42px;min-width:42px;min-height:42px;padding:9px;
 }
}
@media(max-width:350px){
 body.rl-theme #pane-more #moreCatalog .more-app-card{min-height:145px;padding:11px}
 body.rl-theme #pane-more #moreCatalog .more-app-copy b{font-size:12px}
 body.rl-theme #pane-home #homeQuickActions .home-action-tile > :is(svg.ic,.home-tile-emoji){
  width:39px;height:39px;min-width:39px;min-height:39px;padding:8px;
 }
}
@media(prefers-reduced-motion:reduce){
 body.rl-theme #pane-more #moreCatalog .more-app-card,
 body.rl-theme #pane-more #moreSettings .settings-row,
 body.rl-theme #pane-home #homeQuickActions .home-action-tile,
 body.rl-theme #pane-home .home-tool-tile{transition:none!important;transform:none!important}
}