/* StreetRacing Mobile v4.1.0
 * New mobile design system. Mobile v3 remains loaded only as a compatibility
 * layer for screens that have not been moved to v4 yet.
 */

body.sr-mobile-v4{
    --sr-accent:#ff7818;
    --sr-accent-2:#ff9c32;
    --sr-danger:#e4483d;
    --sr-success:#46bf72;
    --sr-radius:13px;
    --sr-radius-sm:9px;
    width:100%!important;
    max-width:430px!important;
    min-width:240px!important;
    margin:0 auto!important;
    padding:7px 8px 18px!important;
    font-family:Arial,"Segoe UI",sans-serif!important;
    font-size:13px!important;
    line-height:1.35!important;
    box-sizing:border-box!important;
    overflow-x:hidden!important;
    color:var(--sr-text)!important;
    background:var(--sr-page-bg)!important;
}
body.sr-mobile-v4.sr-theme-dark{
    --sr-page:#071019;
    --sr-page-2:#0a1620;
    --sr-page-bg:
        radial-gradient(circle at 30% -90px,rgba(53,102,142,.25),transparent 300px),
        linear-gradient(180deg,#071019 0,#04090e 100%);
    --sr-surface:#0e1c27;
    --sr-surface-2:#122533;
    --sr-surface-3:#08141d;
    --sr-surface-hover:#173245;
    --sr-border:#29465b;
    --sr-border-soft:#1c3547;
    --sr-text:#eef5fa;
    --sr-text-2:#b5c7d4;
    --sr-muted:#758fa2;
    --sr-shadow:0 10px 25px rgba(0,0,0,.28);
    --sr-shadow-soft:0 6px 16px rgba(0,0,0,.18);
    --sr-top-glow:rgba(255,120,24,.10);
}
body.sr-mobile-v4.sr-theme-light{
    --sr-page:#edf3f7;
    --sr-page-2:#e3ebf1;
    --sr-page-bg:
        radial-gradient(circle at 30% -90px,rgba(255,255,255,.95),transparent 300px),
        linear-gradient(180deg,#edf3f7 0,#dfe8ee 100%);
    --sr-surface:#f8fbfd;
    --sr-surface-2:#ffffff;
    --sr-surface-3:#eaf1f5;
    --sr-surface-hover:#e3edf3;
    --sr-border:#c5d3dd;
    --sr-border-soft:#d8e2e9;
    --sr-text:#152333;
    --sr-text-2:#3f5568;
    --sr-muted:#74899a;
    --sr-shadow:0 10px 25px rgba(31,55,74,.13);
    --sr-shadow-soft:0 5px 14px rgba(31,55,74,.10);
    --sr-top-glow:rgba(255,120,24,.08);
}
body.sr-mobile-v4 *{box-sizing:border-box;}
body.sr-mobile-v4 a{-webkit-tap-highlight-color:transparent;}
body.sr-mobile-v4 img{max-width:100%;}

/* Header */
body.sr-mobile-v4 .sr-v4-header{
    min-height:67px;
    display:flex;
    align-items:center;
    gap:8px;
    margin:0 0 7px;
    padding:7px;
    border:1px solid var(--sr-border);
    border-radius:var(--sr-radius);
    background:
        linear-gradient(120deg,var(--sr-top-glow),transparent 42%),
        var(--sr-surface);
    box-shadow:var(--sr-shadow-soft);
}
body.sr-mobile-v4 .sr-v4-profile{
    min-width:0;
    flex:1 1 auto;
    display:flex;
    align-items:center;
    gap:9px;
    color:var(--sr-text)!important;
    text-decoration:none!important;
}
body.sr-mobile-v4 .sr-v4-avatar{
    width:48px;
    height:48px;
    flex:0 0 48px;
    padding:2px;
    overflow:hidden;
    border:1px solid var(--sr-accent);
    border-radius:12px;
    background:var(--sr-surface-3);
    box-shadow:0 0 0 1px rgba(255,120,24,.10);
}
body.sr-mobile-v4 .sr-v4-avatar img{
    display:block!important;
    width:42px!important;
    height:42px!important;
    max-width:42px!important;
    max-height:42px!important;
    border:0!important;
    border-radius:9px!important;
    object-fit:cover;
}
body.sr-mobile-v4 .sr-v4-profile-copy{min-width:0;flex:1;display:block;}
body.sr-mobile-v4 .sr-v4-profile-row{
    display:flex;
    align-items:center;
    gap:7px;
    min-width:0;
}
body.sr-mobile-v4 .sr-v4-profile-row>b{
    min-width:0;
    flex:1;
    overflow:hidden;
    color:var(--sr-text);
    font-size:13px;
    line-height:17px;
    white-space:nowrap;
    text-overflow:ellipsis;
}
body.sr-mobile-v4 .sr-v4-profile-row>em{
    flex:0 0 auto;
    color:var(--sr-accent);
    font-size:10px;
    line-height:17px;
    font-style:normal;
    font-weight:800;
}
body.sr-mobile-v4 .sr-v4-level-row{
    display:flex;
    align-items:center;
    gap:7px;
    margin-top:3px;
}
body.sr-mobile-v4 .sr-v4-level-row>small{
    width:35px;
    flex:0 0 35px;
    color:var(--sr-text-2);
    font-size:8px!important;
    font-weight:bold;
    line-height:11px;
}
body.sr-mobile-v4 .sr-v4-level-row>i{
    height:6px;
    flex:1;
    display:block;
    overflow:hidden;
    border:1px solid var(--sr-border);
    border-radius:5px;
    background:var(--sr-surface-3);
}
body.sr-mobile-v4 .sr-v4-level-row>i>u{
    display:block;
    height:100%;
    border-radius:4px;
    background:linear-gradient(90deg,var(--sr-accent),var(--sr-accent-2));
    text-decoration:none;
}
body.sr-mobile-v4 .sr-v4-exp-caption{
    display:block;
    margin:2px 0 0 42px;
    color:var(--sr-muted);
    font-size:7px;
    line-height:9px;
    text-align:right;
}
body.sr-mobile-v4 .sr-v4-head-actions{
    display:flex;
    flex:0 0 auto;
    gap:5px;
}
body.sr-mobile-v4 .sr-v4-icon-btn{
    position:relative;
    width:39px;
    height:39px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid var(--sr-border);
    border-radius:10px;
    background:linear-gradient(180deg,var(--sr-surface-2),var(--sr-surface-3));
    box-shadow:var(--sr-shadow-soft);
}
body.sr-mobile-v4 .sr-v4-icon-btn:active{transform:translateY(1px);background:var(--sr-surface-hover);}
body.sr-mobile-v4 .sr-v4-icon-btn>img{width:20px!important;height:20px!important;}
body.sr-mobile-v4 .sr-v4-icon-btn>i{
    position:absolute;
    top:-4px;
    right:-4px;
    min-width:15px;
    height:15px;
    padding:0 4px;
    border:2px solid var(--sr-surface);
    border-radius:8px;
    background:var(--sr-danger);
    color:#fff;
    font-size:8px;
    font-style:normal;
    font-weight:bold;
    line-height:11px;
    text-align:center;
}

/* Resources */
body.sr-mobile-v4 .sr-v4-resources{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    margin-bottom:6px;
    overflow:hidden;
    border:1px solid var(--sr-border);
    border-radius:var(--sr-radius);
    background:var(--sr-surface);
    box-shadow:var(--sr-shadow-soft);
}
body.sr-mobile-v4 .sr-v4-resources>a{
    min-width:0;
    min-height:45px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:4px;
    padding:6px 3px;
    border-right:1px solid var(--sr-border-soft);
    color:var(--sr-text)!important;
    text-decoration:none!important;
}
body.sr-mobile-v4 .sr-v4-resources>a:last-child{border-right:0;}
body.sr-mobile-v4 .sr-v4-resources>a:active{background:var(--sr-surface-hover);}
body.sr-mobile-v4 .sr-v4-resources img{
    width:18px!important;
    height:18px!important;
    max-width:18px!important;
    max-height:18px!important;
    flex:0 0 18px;
    object-fit:contain;
}
body.sr-mobile-v4 .sr-v4-resources b{
    min-width:0;
    overflow:hidden;
    color:var(--sr-text);
    font-size:9px;
    line-height:12px;
    white-space:nowrap;
    text-overflow:ellipsis;
}
body.sr-mobile-v4 .sr-v4-extra-resources{
    display:flex;
    flex-wrap:wrap;
    gap:5px;
    margin:-1px 0 6px;
}
body.sr-mobile-v4 .sr-v4-extra-resources>a{
    min-height:25px;
    display:flex;
    align-items:center;
    gap:4px;
    padding:4px 8px;
    border:1px solid var(--sr-border-soft);
    border-radius:13px;
    background:var(--sr-surface);
    color:var(--sr-text-2)!important;
    font-size:8px;
    font-weight:bold;
    text-decoration:none!important;
}
body.sr-mobile-v4 .sr-v4-extra-resources img{width:14px!important;height:14px!important;object-fit:contain;}

/* Main navigation */
body.sr-mobile-v4 .sr-v4-nav{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:5px;
    margin:0 0 7px;
}
body.sr-mobile-v4 .sr-v4-nav>a{
    min-width:0;
    height:39px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:5px;
    padding:5px;
    border:1px solid var(--sr-border);
    border-radius:10px;
    background:var(--sr-surface);
    color:var(--sr-muted)!important;
    text-decoration:none!important;
    box-shadow:var(--sr-shadow-soft);
}
body.sr-mobile-v4 .sr-v4-nav>a>img{width:16px!important;height:16px!important;opacity:.66;}
body.sr-mobile-v4 .sr-v4-nav>a>b{min-width:0;font-size:9px;line-height:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
body.sr-mobile-v4 .sr-v4-nav>a.active{
    border-color:rgba(255,120,24,.62);
    color:var(--sr-text)!important;
    background:linear-gradient(180deg,rgba(255,120,24,.11),var(--sr-surface));
    box-shadow:inset 0 -2px var(--sr-accent),var(--sr-shadow-soft);
}
body.sr-mobile-v4 .sr-v4-nav>a.active>img{opacity:1;}

/* Spontaneous activity */
body.sr-mobile-v4 .sr-v4-spontaneous:empty{display:none;}
body.sr-mobile-v4 .sr-v4-spontaneous .sr-spontaneous-banner{margin:0 0 7px!important;}
body.sr-mobile-v4 .sr-v4-spontaneous .sr-spontaneous-banner>.div1{
    margin:0!important;
    padding:8px 10px!important;
    border:1px solid rgba(255,120,24,.55)!important;
    border-radius:11px 11px 0 0!important;
    background:linear-gradient(110deg,rgba(255,120,24,.10),transparent 52%),var(--sr-surface)!important;
    color:var(--sr-text)!important;
    box-shadow:none!important;
}
body.sr-mobile-v4 .sr-v4-spontaneous .sr-spontaneous-banner>.menu>a{
    min-height:35px!important;
    margin:0!important;
    padding:8px 11px!important;
    border:0!important;
    border-radius:0 0 11px 11px!important;
    background:linear-gradient(180deg,var(--sr-accent-2),var(--sr-accent))!important;
    color:#fff!important;
    font-size:10px!important;
    font-weight:bold!important;
    box-shadow:none!important;
}
body.sr-mobile-v4 .sr-v4-spontaneous .sr-spontaneous-banner>.menu>a .icns{display:none!important;}

/* Notices */
body.sr-mobile-v4 .sr-v4-notice{
    margin:0 0 7px;
    padding:8px 10px;
    border:1px solid var(--sr-border);
    border-radius:10px;
    background:var(--sr-surface);
    color:var(--sr-text-2);
    font-size:9px;
    font-weight:bold;
}
body.sr-mobile-v4 .sr-v4-notice.success{border-color:rgba(70,191,114,.55);box-shadow:inset 3px 0 var(--sr-success);}
body.sr-mobile-v4 .sr-v4-notice.warning{border-color:rgba(255,120,24,.55);box-shadow:inset 3px 0 var(--sr-accent);}

/* Tournament */
body.sr-mobile-v4 .sr-v4-tournament{
    position:relative;
    min-height:72px;
    display:flex;
    align-items:center;
    gap:10px;
    margin:0 0 8px;
    padding:9px 34px 9px 10px;
    overflow:hidden;
    border:1px solid rgba(255,120,24,.70);
    border-radius:var(--sr-radius);
    background:
        radial-gradient(circle at 82% 35%,rgba(255,120,24,.22),transparent 33%),
        linear-gradient(115deg,var(--sr-surface) 0,var(--sr-surface) 55%,var(--sr-surface-3) 100%);
    color:var(--sr-text)!important;
    text-decoration:none!important;
    box-shadow:var(--sr-shadow);
}
body.sr-mobile-v4 .sr-v4-tournament:after{
    content:"";
    position:absolute;
    right:35px;
    bottom:-20px;
    width:115px;
    height:62px;
    opacity:.14;
    transform:skewX(-22deg);
    background:repeating-linear-gradient(90deg,var(--sr-accent) 0 2px,transparent 2px 9px);
}
body.sr-mobile-v4 .sr-v4-tournament-icon{
    width:44px;
    height:50px;
    flex:0 0 44px;
    display:flex;
    align-items:center;
    justify-content:center;
}
body.sr-mobile-v4 .sr-v4-tournament-icon img{width:37px!important;height:37px!important;filter:drop-shadow(0 5px 7px rgba(0,0,0,.22));}
body.sr-mobile-v4 .sr-v4-tournament-copy{position:relative;z-index:2;min-width:0;flex:1;display:block;}
body.sr-mobile-v4 .sr-v4-tournament-copy small{display:block;color:var(--sr-text-2);font-size:8px!important;line-height:10px;}
body.sr-mobile-v4 .sr-v4-tournament-copy b{display:block;margin-top:2px;overflow:hidden;color:var(--sr-accent);font-size:14px;line-height:17px;white-space:nowrap;text-overflow:ellipsis;}
body.sr-mobile-v4 .sr-v4-tournament-copy em{display:block;margin-top:3px;color:var(--sr-muted);font-size:7px;font-style:normal;line-height:9px;}
body.sr-mobile-v4 .sr-v4-chevron{position:absolute;z-index:3;right:10px;top:50%;width:16px!important;height:16px!important;margin-top:-8px;}

/* Garage hero */
body.sr-mobile-v4 .sr-v4-garage-hero{
    position:relative;
    min-height:224px;
    margin:0 0 8px;
    overflow:hidden;
    border:1px solid var(--sr-border);
    border-radius:14px;
    background:
        linear-gradient(180deg,rgba(3,8,12,.05),rgba(3,8,12,.10)),
        url('/img/mobile-v4/garage-stage.png') center/cover no-repeat;
    box-shadow:var(--sr-shadow);
}
body.sr-mobile-v4 .sr-v4-garage-hero:before{
    content:"";
    position:absolute;
    z-index:1;
    inset:0;
    pointer-events:none;
    background:
        linear-gradient(90deg,rgba(0,0,0,.28),transparent 28%,transparent 72%,rgba(0,0,0,.18)),
        linear-gradient(180deg,rgba(0,0,0,.18),transparent 35%,transparent 70%,rgba(0,0,0,.34));
}
body.sr-mobile-v4 .sr-v4-garage-hero:after{
    content:"";
    position:absolute;
    z-index:2;
    top:0;
    right:12px;
    width:3px;
    height:55px;
    background:linear-gradient(180deg,#ffd1a7,var(--sr-accent),transparent);
    box-shadow:0 0 12px rgba(255,120,24,.65);
}
body.sr-mobile-v4 .sr-v4-garage-top{
    position:relative;
    z-index:5;
    min-height:55px;
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:8px;
    padding:10px;
}
body.sr-mobile-v4 .sr-v4-car-title{min-width:0;flex:1;}
body.sr-mobile-v4 .sr-v4-car-title>b{
    display:block;
    overflow:hidden;
    color:#fff;
    font-size:16px;
    line-height:19px;
    text-shadow:0 2px 4px rgba(0,0,0,.75);
    white-space:nowrap;
    text-overflow:ellipsis;
}
body.sr-mobile-v4 .sr-v4-car-classes{display:flex;gap:5px;margin-top:5px;}
body.sr-mobile-v4 .sr-v4-car-classes>i{
    min-width:27px;
    height:27px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(190,215,231,.55);
    border-radius:7px;
    background:rgba(5,16,24,.76);
    color:#fff;
    font-size:13px;
    font-style:normal;
    font-weight:bold;
    line-height:25px;
    box-shadow:0 4px 10px rgba(0,0,0,.18);
}
body.sr-mobile-v4 .sr-v4-car-meta{
    flex:0 0 auto;
    display:flex;
    align-items:center;
    gap:5px;
    padding:4px 5px;
    border:1px solid rgba(104,142,166,.70);
    border-radius:10px;
    background:rgba(5,16,24,.88);
    box-shadow:0 6px 14px rgba(0,0,0,.22);
}
body.sr-mobile-v4 .sr-v4-car-fuel{width:23px;height:24px;display:flex;align-items:center;justify-content:center;border-right:1px solid rgba(128,154,171,.28);}
body.sr-mobile-v4 .sr-v4-car-fuel img{width:17px!important;height:17px!important;}
body.sr-mobile-v4 .sr-v4-car-plate{height:25px;display:flex;align-items:center;}
body.sr-mobile-v4 .sr-v4-car-plate img{display:block;height:23px!important;width:auto!important;max-width:94px!important;border-radius:3px;}
body.sr-mobile-v4 .sr-v4-car-stage{
    position:absolute;
    z-index:4;
    left:5px;
    right:5px;
    top:62px;
    bottom:30px;
    display:flex;
    align-items:flex-end;
    justify-content:center;
}
body.sr-mobile-v4 .sr-v4-car-stage img[alt="car"],
body.sr-mobile-v4 .sr-v4-car-stage .sr-v4-car-img{
    position:static!important;
    display:block!important;
    width:auto!important;
    height:auto!important;
    max-width:96%!important;
    max-height:135px!important;
    margin:0 auto!important;
    object-fit:contain!important;
    filter:drop-shadow(0 10px 8px rgba(0,0,0,.55));
}
body.sr-mobile-v4 .sr-v4-car-footer{
    position:absolute;
    z-index:6;
    left:0;
    right:0;
    bottom:0;
    height:31px;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:14px;
    padding:4px 10px;
    background:linear-gradient(180deg,transparent,rgba(5,12,18,.88));
}
body.sr-mobile-v4 .sr-v4-car-footer>span{display:flex;align-items:baseline;gap:4px;}
body.sr-mobile-v4 .sr-v4-car-footer small{color:#aab9c4;font-size:6px!important;text-transform:uppercase;}
body.sr-mobile-v4 .sr-v4-car-footer b{color:#fff;font-size:8px;}

/* Garage actions */
body.sr-mobile-v4 .sr-v4-actions{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:6px;
    margin:0 0 8px;
}
body.sr-mobile-v4 .sr-v4-actions>a{
    position:relative;
    min-width:0;
    min-height:53px;
    display:flex;
    align-items:center;
    gap:9px;
    padding:8px 29px 8px 11px;
    border:1px solid var(--sr-border);
    border-radius:12px;
    background:linear-gradient(180deg,var(--sr-surface-2),var(--sr-surface));
    color:var(--sr-text)!important;
    text-decoration:none!important;
    box-shadow:var(--sr-shadow-soft);
}
body.sr-mobile-v4 .sr-v4-actions>a:active{transform:translateY(1px);background:var(--sr-surface-hover);}
body.sr-mobile-v4 .sr-v4-actions>a>img:first-child{width:24px!important;height:24px!important;flex:0 0 24px;}
body.sr-mobile-v4 .sr-v4-actions>a>b{min-width:0;overflow:hidden;font-size:11px;line-height:15px;white-space:nowrap;text-overflow:ellipsis;}
body.sr-mobile-v4 .sr-v4-actions>a>small{position:absolute;left:44px;bottom:5px;color:var(--sr-muted);font-size:6px!important;line-height:7px;}
body.sr-mobile-v4 .sr-v4-actions>a>em{
    position:absolute;
    right:27px;
    top:7px;
    min-width:15px;
    height:15px;
    padding:0 4px;
    border-radius:8px;
    background:var(--sr-accent);
    color:#fff;
    font-size:7px;
    font-style:normal;
    font-weight:bold;
    line-height:15px;
    text-align:center;
}
body.sr-mobile-v4 .sr-v4-actions .sr-v4-action-arrow{position:absolute;right:9px;width:13px!important;height:13px!important;opacity:.55;}
body.sr-mobile-v4 .sr-v4-actions>a.locked{opacity:.62;}

/* Stats */
body.sr-mobile-v4 .sr-v4-stats-card{
    margin:0 0 8px;
    overflow:hidden;
    border:1px solid var(--sr-border);
    border-radius:var(--sr-radius);
    background:var(--sr-surface);
    box-shadow:var(--sr-shadow-soft);
}
body.sr-mobile-v4 .sr-v4-stats-card>header{
    min-height:41px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    padding:7px 10px;
    border-bottom:1px solid var(--sr-border-soft);
    background:linear-gradient(90deg,rgba(255,120,24,.09),transparent 44%);
}
body.sr-mobile-v4 .sr-v4-stats-card>header>span{display:flex;align-items:center;gap:7px;color:var(--sr-text);font-size:12px;font-weight:bold;}
body.sr-mobile-v4 .sr-v4-stats-card>header>span img{width:19px!important;height:19px!important;}
body.sr-mobile-v4 .sr-v4-stats-card>header>a{display:flex;align-items:center;gap:3px;color:var(--sr-muted)!important;font-size:7px;text-decoration:none!important;}
body.sr-mobile-v4 .sr-v4-stats-card>header>a img{width:11px!important;height:11px!important;}
body.sr-mobile-v4 .sr-v4-stats-grid{display:grid;grid-template-columns:.75fr 1.3fr .8fr 1.35fr;padding:8px 6px;}
body.sr-mobile-v4 .sr-v4-stats-grid>span{min-width:0;padding:1px 7px;border-right:1px solid var(--sr-border-soft);}
body.sr-mobile-v4 .sr-v4-stats-grid>span:last-child{border-right:0;}
body.sr-mobile-v4 .sr-v4-stats-grid small{display:block;overflow:hidden;color:var(--sr-muted);font-size:6.5px!important;line-height:9px;white-space:nowrap;text-overflow:ellipsis;}
body.sr-mobile-v4 .sr-v4-stats-grid b{display:block;margin-top:3px;overflow:hidden;color:var(--sr-accent);font-size:9px;line-height:12px;white-space:nowrap;text-overflow:ellipsis;}
body.sr-mobile-v4 .sr-v4-stats-grid b i{color:var(--sr-text-2);font-style:normal;font-weight:normal;}

/* Confirmation */
body.sr-mobile-v4 .sr-v4-confirm{margin:0 0 8px;padding:10px;border:1px solid rgba(255,120,24,.55);border-radius:12px;background:var(--sr-surface);color:var(--sr-text);}
body.sr-mobile-v4 .sr-v4-confirm>b{font-size:12px;}
body.sr-mobile-v4 .sr-v4-confirm>p{margin:4px 0 8px;color:var(--sr-text-2);font-size:9px;}
body.sr-mobile-v4 .sr-v4-confirm>div{display:grid;grid-template-columns:1fr 1fr;gap:6px;}
body.sr-mobile-v4 .sr-v4-confirm a{min-height:35px;display:flex;align-items:center;justify-content:center;border-radius:9px;font-size:10px;font-weight:bold;text-decoration:none!important;}
body.sr-mobile-v4 .sr-v4-secondary-btn{border:1px solid var(--sr-border);background:var(--sr-surface-3);color:var(--sr-text)!important;}
body.sr-mobile-v4 .sr-v4-primary-btn{border:1px solid var(--sr-accent-2);background:linear-gradient(180deg,var(--sr-accent-2),var(--sr-accent));color:#fff!important;}

/* Theme selection */
body.sr-mobile-v4 .sr-v4-theme-page{padding:2px 0 10px;}
body.sr-mobile-v4 .sr-v4-theme-page>header{display:flex;align-items:flex-start;gap:10px;margin:2px 2px 12px;}
body.sr-mobile-v4 .sr-v4-theme-back{width:34px;height:34px;flex:0 0 34px;display:flex;align-items:center;justify-content:center;border:1px solid var(--sr-border);border-radius:10px;background:var(--sr-surface);color:var(--sr-text)!important;font-size:27px;line-height:30px;text-decoration:none!important;}
body.sr-mobile-v4 .sr-v4-theme-page>header>div{min-width:0;}
body.sr-mobile-v4 .sr-v4-theme-page>header small{color:var(--sr-accent);font-size:7px!important;font-weight:bold;letter-spacing:.8px;}
body.sr-mobile-v4 .sr-v4-theme-page h1{margin:2px 0 3px;color:var(--sr-text);font-size:19px;line-height:22px;}
body.sr-mobile-v4 .sr-v4-theme-page p{margin:0;color:var(--sr-muted);font-size:8px;line-height:12px;}
body.sr-mobile-v4 .sr-v4-theme-grid{display:grid;grid-template-columns:1fr;gap:9px;}
body.sr-mobile-v4 .sr-v4-theme-card{position:relative;min-height:158px;display:grid;grid-template-columns:145px 1fr;align-items:center;gap:11px;padding:10px 39px 10px 10px;border:1px solid var(--sr-border);border-radius:14px;background:var(--sr-surface);color:var(--sr-text)!important;text-decoration:none!important;box-shadow:var(--sr-shadow-soft);}
body.sr-mobile-v4 .sr-v4-theme-card.selected{border-color:var(--sr-accent);box-shadow:inset 0 0 0 1px rgba(255,120,24,.22),var(--sr-shadow-soft);}
body.sr-mobile-v4 .sr-v4-theme-preview{height:136px;display:block;padding:8px;border:1px solid #344b5c;border-radius:12px;background:#08131c;box-shadow:0 6px 15px rgba(0,0,0,.20);}
body.sr-mobile-v4 .sr-v4-theme-card.light .sr-v4-theme-preview{border-color:#cad6df;background:#eef4f8;}
body.sr-mobile-v4 .sr-v4-theme-preview>i{display:flex;font-style:normal;}
body.sr-mobile-v4 .preview-head{height:25px;align-items:center;gap:4px;padding:3px;border-radius:5px;background:#10212e;}
body.sr-mobile-v4 .light .preview-head{background:#fff;}
body.sr-mobile-v4 .preview-head u{width:18px;height:18px;border:1px solid var(--sr-accent);border-radius:5px;background:#263947;text-decoration:none;}
body.sr-mobile-v4 .light .preview-head u{background:#dce7ee;}
body.sr-mobile-v4 .preview-head b{height:5px;flex:1;border-radius:3px;background:#6c8291;}
body.sr-mobile-v4 .preview-head em{width:15px;height:15px;border-radius:4px;background:#263947;}
body.sr-mobile-v4 .light .preview-head em{background:#dce7ee;}
body.sr-mobile-v4 .preview-res{height:20px;gap:2px;margin-top:4px;padding:3px;border-radius:5px;background:#10212e;}
body.sr-mobile-v4 .light .preview-res{background:#fff;}
body.sr-mobile-v4 .preview-res u{flex:1;border-right:1px solid #294052;text-decoration:none;}
body.sr-mobile-v4 .light .preview-res u{border-color:#d8e2e9;}
body.sr-mobile-v4 .preview-car{position:relative;height:45px;margin-top:4px;overflow:hidden;border-radius:6px;background:url('/img/mobile-v4/garage-stage-v431-dark.png') center/cover no-repeat;}
body.sr-mobile-v4 .sr-v4-theme-card.light .preview-car{background-image:url('/img/mobile-v4/garage-stage-v431-light.png');}
body.sr-mobile-v4 .preview-car b{position:absolute;left:14px;right:14px;bottom:9px;height:8px;border-radius:50%;background:rgba(255,255,255,.78);transform:skewX(-18deg);}
body.sr-mobile-v4 .preview-car u{position:absolute;top:4px;right:4px;width:30px;height:8px;border-radius:2px;background:#fff;text-decoration:none;}
body.sr-mobile-v4 .preview-menu{display:grid!important;grid-template-columns:1fr 1fr;gap:3px;margin-top:4px;}
body.sr-mobile-v4 .preview-menu u{height:12px;border:1px solid #294052;border-radius:4px;background:#10212e;text-decoration:none;}
body.sr-mobile-v4 .light .preview-menu u{border-color:#cbd8e1;background:#fff;}
body.sr-mobile-v4 .sr-v4-theme-name>b{display:block;color:var(--sr-text);font-size:14px;line-height:18px;}
body.sr-mobile-v4 .sr-v4-theme-name>small{display:block;margin-top:3px;color:var(--sr-muted);font-size:8px!important;line-height:11px;}
body.sr-mobile-v4 .sr-v4-theme-check{position:absolute;right:12px;top:50%;width:23px;height:23px;margin-top:-12px;display:flex;align-items:center;justify-content:center;border:1px solid var(--sr-border);border-radius:50%;background:var(--sr-surface-3);opacity:.45;}
body.sr-mobile-v4 .selected .sr-v4-theme-check{border-color:var(--sr-accent);background:rgba(255,120,24,.10);opacity:1;}
body.sr-mobile-v4 .sr-v4-theme-check img{width:14px!important;height:14px!important;}

/* Transitional compatibility for old screens. v4 variables take control of
 * the shared primitives while page-specific v4 renderers are introduced. */
body.sr-mobile-v4 .title,
body.sr-mobile-v4 .title2{
    min-height:40px!important;
    margin:0 0 7px!important;
    padding:10px!important;
    border:1px solid var(--sr-border)!important;
    border-radius:12px!important;
    background:var(--sr-surface)!important;
    color:var(--sr-text)!important;
    box-shadow:var(--sr-shadow-soft)!important;
    text-shadow:none!important;
}
body.sr-mobile-v4 .tt3{
    min-height:29px!important;
    margin:8px 0 4px!important;
    padding:6px 8px!important;
    border:0!important;
    border-left:3px solid var(--sr-accent)!important;
    border-radius:3px!important;
    background:transparent!important;
    color:var(--sr-text)!important;
    font-size:10px!important;
    line-height:16px!important;
    text-shadow:none!important;
}
body.sr-mobile-v4 .div1:not([style*="background"]),
body.sr-mobile-v4 .div11:not([style*="background"]){
    border-color:var(--sr-border)!important;
    background:var(--sr-surface)!important;
    color:var(--sr-text)!important;
}
body.sr-mobile-v4 .menu>a,
body.sr-mobile-v4 .menu2 .lin{
    border-color:var(--sr-border)!important;
    background:linear-gradient(180deg,var(--sr-surface-2),var(--sr-surface))!important;
    color:var(--sr-text)!important;
    box-shadow:var(--sr-shadow-soft)!important;
}
body.sr-mobile-v4 .menu>a:active,
body.sr-mobile-v4 .menu2 .lin:active{background:var(--sr-surface-hover)!important;}
body.sr-mobile-v4 .personage,
body.sr-mobile-v4 .personage2,
body.sr-mobile-v4 .personage3{
    border-color:var(--sr-border)!important;
    background:var(--sr-surface)!important;
    color:var(--sr-text)!important;
    box-shadow:var(--sr-shadow-soft)!important;
}
body.sr-mobile-v4 .footer{border-color:var(--sr-border)!important;background:transparent!important;color:var(--sr-muted)!important;}

@media (max-width:350px){
    body.sr-mobile-v4{padding-left:5px!important;padding-right:5px!important;}
    body.sr-mobile-v4 .sr-v4-header{padding:6px;}
    body.sr-mobile-v4 .sr-v4-avatar{width:44px;height:44px;flex-basis:44px;}
    body.sr-mobile-v4 .sr-v4-avatar img{width:38px!important;height:38px!important;max-width:38px!important;max-height:38px!important;}
    body.sr-mobile-v4 .sr-v4-icon-btn{width:35px;height:35px;}
    body.sr-mobile-v4 .sr-v4-resources>a{gap:2px;padding-left:2px;padding-right:2px;}
    body.sr-mobile-v4 .sr-v4-resources img{width:15px!important;height:15px!important;max-width:15px!important;max-height:15px!important;flex-basis:15px;}
    body.sr-mobile-v4 .sr-v4-resources b{font-size:8px;}
    body.sr-mobile-v4 .sr-v4-nav>a{gap:3px;}
    body.sr-mobile-v4 .sr-v4-nav>a>img{width:14px!important;height:14px!important;}
    body.sr-mobile-v4 .sr-v4-garage-hero{min-height:205px;}
    body.sr-mobile-v4 .sr-v4-car-stage{top:58px;}
    body.sr-mobile-v4 .sr-v4-car-stage img[alt="car"]{max-height:118px!important;}
    body.sr-mobile-v4 .sr-v4-car-title>b{font-size:14px;}
    body.sr-mobile-v4 .sr-v4-car-plate img{height:20px!important;max-width:80px!important;}
    body.sr-mobile-v4 .sr-v4-actions>a{min-height:49px;gap:7px;padding-left:9px;}
    body.sr-mobile-v4 .sr-v4-actions>a>img:first-child{width:21px!important;height:21px!important;flex-basis:21px;}
    body.sr-mobile-v4 .sr-v4-actions>a>b{font-size:10px;}
    body.sr-mobile-v4 .sr-v4-stats-grid{grid-template-columns:1fr 1fr;row-gap:8px;}
    body.sr-mobile-v4 .sr-v4-stats-grid>span:nth-child(2){border-right:0;}
    body.sr-mobile-v4 .sr-v4-stats-grid>span:nth-child(3),
    body.sr-mobile-v4 .sr-v4-stats-grid>span:nth-child(4){padding-top:7px;border-top:1px solid var(--sr-border-soft);}
    body.sr-mobile-v4 .sr-v4-theme-card{grid-template-columns:122px 1fr;padding-right:34px;}
    body.sr-mobile-v4 .sr-v4-theme-preview{height:124px;}
}

/* =========================================================================
 * Mobile v4.1.0 - strict reference pass
 * Main garage geometry follows the approved concept 1:1. Secondary gameplay
 * blocks stay below the reference composition so the primary screen remains
 * visually identical while functionality is preserved.
 * ========================================================================= */
body.sr-mobile-v4{
    --sr-accent:#ff7317;
    --sr-accent-2:#ff9a32;
    --sr-radius:15px;
    --sr-radius-sm:11px;
    width:100%!important;
    max-width:460px!important;
    padding:10px 10px 22px!important;
    font-size:14px!important;
    line-height:1.35!important;
}
body.sr-mobile-v4.sr-theme-dark{
    --sr-page-bg:linear-gradient(180deg,#07111a 0%,#02070b 100%);
    --sr-surface:#0d1c27;
    --sr-surface-2:#112534;
    --sr-surface-3:#08151e;
    --sr-surface-hover:#173349;
    --sr-border:#2c4b61;
    --sr-border-soft:#1d3749;
    --sr-text:#f2f7fb;
    --sr-text-2:#c0d0dc;
    --sr-muted:#829aab;
    --sr-shadow:0 12px 28px rgba(0,0,0,.30);
    --sr-shadow-soft:0 7px 18px rgba(0,0,0,.18);
}
body.sr-mobile-v4.sr-theme-light{
    --sr-page-bg:linear-gradient(180deg,#eef5f9 0%,#e4edf3 100%);
    --sr-surface:#f9fcfe;
    --sr-surface-2:#ffffff;
    --sr-surface-3:#e8f0f5;
    --sr-surface-hover:#e2edf4;
    --sr-border:#b9cad6;
    --sr-border-soft:#d6e1e8;
    --sr-text:#142334;
    --sr-text-2:#415a6d;
    --sr-muted:#71899b;
    --sr-shadow:0 12px 26px rgba(46,74,94,.15);
    --sr-shadow-soft:0 6px 16px rgba(46,74,94,.11);
}

/* Header - reference proportions */
body.sr-mobile-v4 .sr-v4-header{
    min-height:78px;
    gap:10px;
    margin:0 0 8px;
    padding:8px 9px;
    border-radius:15px;
    background:var(--sr-surface);
    box-shadow:var(--sr-shadow-soft);
}
body.sr-mobile-v4.sr-theme-dark .sr-v4-header{
    background:linear-gradient(135deg,#0e202d 0%,#0a1721 100%);
}
body.sr-mobile-v4.sr-theme-light .sr-v4-header{
    background:linear-gradient(135deg,#ffffff 0%,#eef5f9 100%);
}
body.sr-mobile-v4 .sr-v4-profile{gap:10px;}
body.sr-mobile-v4 .sr-v4-avatar{
    width:58px;
    height:58px;
    flex:0 0 58px;
    padding:2px;
    border:2px solid var(--sr-accent);
    border-radius:14px;
    background:var(--sr-surface-3);
}
body.sr-mobile-v4 .sr-v4-avatar img{
    width:50px!important;
    height:50px!important;
    max-width:50px!important;
    max-height:50px!important;
    border-radius:11px!important;
}
body.sr-mobile-v4 .sr-v4-profile-row{justify-content:flex-start;gap:10px;}
body.sr-mobile-v4 .sr-v4-profile-row>b{
    flex:0 1 auto;
    max-width:58%;
    font-size:16px;
    line-height:20px;
    font-weight:800;
}
body.sr-mobile-v4 .sr-v4-profile-row>em{
    font-size:13px;
    line-height:20px;
    font-weight:900;
}
body.sr-mobile-v4 .sr-v4-level-row{gap:8px;margin-top:4px;}
body.sr-mobile-v4 .sr-v4-level-row>small{
    width:42px;
    flex-basis:42px;
    color:var(--sr-text);
    font-size:10px!important;
    line-height:12px;
}
body.sr-mobile-v4 .sr-v4-level-row>i{
    height:8px;
    border-radius:8px;
    background:var(--sr-surface-3);
}
body.sr-mobile-v4 .sr-v4-level-row>i>u{border-radius:8px;}
body.sr-mobile-v4 .sr-v4-exp-caption{
    margin:2px 0 0 50px;
    font-size:8px;
    line-height:10px;
}
body.sr-mobile-v4 .sr-v4-head-actions{gap:7px;}
body.sr-mobile-v4 .sr-v4-icon-btn{
    width:45px;
    height:45px;
    border-radius:12px;
    box-shadow:0 4px 11px rgba(0,0,0,.08);
}
body.sr-mobile-v4 .sr-v4-icon-btn>img{width:22px!important;height:22px!important;}

/* Resource rail */
body.sr-mobile-v4 .sr-v4-resources{
    min-height:56px;
    margin-bottom:9px;
    border-radius:14px;
}
body.sr-mobile-v4 .sr-v4-resources>a{
    min-height:56px;
    gap:6px;
    padding:8px 4px;
}
body.sr-mobile-v4 .sr-v4-resources img{
    width:21px!important;
    height:21px!important;
    max-width:21px!important;
    max-height:21px!important;
    flex-basis:21px;
}
body.sr-mobile-v4 .sr-v4-resources b{
    font-size:10px;
    line-height:13px;
    font-weight:800;
}
body.sr-mobile-v4 .sr-v4-resources b>span{
    display:block;
    color:var(--sr-muted);
    font-size:7px;
    line-height:7px;
    letter-spacing:.35px;
}

/* Tournament - trophy left, car artwork right, as in reference */
body.sr-mobile-v4 .sr-v4-tournament{
    min-height:86px;
    gap:10px;
    margin:0 0 10px;
    padding:10px 38px 10px 12px;
    border-radius:15px;
    background:var(--sr-surface);
    box-shadow:var(--sr-shadow-soft);
}
body.sr-mobile-v4 .sr-v4-tournament:before{
    content:"";
    position:absolute;
    z-index:0;
    top:0;
    right:0;
    bottom:0;
    width:51%;
    background:
        linear-gradient(90deg,var(--sr-surface) 0%,rgba(13,28,39,.34) 26%,rgba(3,9,13,.08) 100%),
        url('/img/autosound/league_hero_wide.jpg') right center/auto 100% no-repeat;
    opacity:.95;
}
body.sr-mobile-v4.sr-theme-light .sr-v4-tournament:before{
    background:
        linear-gradient(90deg,#f9fcfe 0%,rgba(249,252,254,.34) 29%,rgba(255,255,255,.03) 100%),
        url('/img/autosound/league_hero_wide.jpg') right center/auto 100% no-repeat;
    opacity:.84;
    filter:saturate(.90) brightness(1.24);
}
body.sr-mobile-v4 .sr-v4-tournament:after{
    right:32px;
    bottom:-18px;
    width:126px;
    height:66px;
    opacity:.16;
}
body.sr-mobile-v4 .sr-v4-tournament-icon{
    position:relative;
    z-index:2;
    width:52px;
    height:58px;
    flex-basis:52px;
}
body.sr-mobile-v4 .sr-v4-tournament-icon img{
    width:46px!important;
    height:46px!important;
}
body.sr-mobile-v4 .sr-v4-tournament-copy{z-index:2;}
body.sr-mobile-v4 .sr-v4-tournament-copy small{
    color:var(--sr-text-2);
    font-size:9px!important;
    line-height:11px;
}
body.sr-mobile-v4 .sr-v4-tournament-copy b{
    margin-top:1px;
    max-width:74%;
    font-size:16px;
    line-height:19px;
    font-weight:900;
}
body.sr-mobile-v4 .sr-v4-tournament-copy em{
    margin-top:4px;
    color:var(--sr-muted);
    font-size:8px;
    line-height:10px;
    text-decoration:underline;
}
body.sr-mobile-v4 .sr-v4-tournament .sr-v4-chevron{
    right:10px;
    width:18px!important;
    height:18px!important;
}

/* Main garage scene */
body.sr-mobile-v4 .sr-v4-garage-hero{
    min-height:260px;
    margin-bottom:10px;
    border-radius:15px;
    border-color:#496478;
    background:url('/img/mobile-v4/garage-stage-v431-dark.png') center/cover no-repeat;
    box-shadow:var(--sr-shadow);
}
body.sr-mobile-v4.sr-theme-light .sr-v4-garage-hero{border-color:#8297a6;}
body.sr-mobile-v4 .sr-v4-garage-hero:before{
    background:
        linear-gradient(90deg,rgba(0,0,0,.34),transparent 25%,transparent 72%,rgba(0,0,0,.20)),
        linear-gradient(180deg,rgba(0,0,0,.13),transparent 39%,transparent 72%,rgba(0,0,0,.24));
}
body.sr-mobile-v4 .sr-v4-garage-hero:after{
    right:14px;
    width:4px;
    height:73px;
    box-shadow:0 0 16px rgba(255,120,24,.82);
}
body.sr-mobile-v4 .sr-v4-garage-top{
    min-height:68px;
    padding:11px 12px;
}
body.sr-mobile-v4 .sr-v4-car-title>b{
    font-size:18px;
    line-height:21px;
    font-weight:900;
}
body.sr-mobile-v4 .sr-v4-car-classes{gap:6px;margin-top:6px;}
body.sr-mobile-v4 .sr-v4-car-classes>i{
    min-width:31px;
    height:31px;
    border-radius:8px;
    font-size:15px;
    line-height:29px;
}
body.sr-mobile-v4 .sr-v4-car-meta{
    gap:6px;
    padding:5px 6px;
    border-radius:11px;
    background:rgba(5,16,24,.90);
}
body.sr-mobile-v4 .sr-v4-car-fuel{width:27px;height:28px;}
body.sr-mobile-v4 .sr-v4-car-fuel img{width:19px!important;height:19px!important;}
body.sr-mobile-v4 .sr-v4-car-plate{height:29px;}
body.sr-mobile-v4 .sr-v4-car-plate img{
    height:28px!important;
    max-width:112px!important;
    border-radius:4px;
}
body.sr-mobile-v4 .sr-v4-car-stage{
    left:4px;
    right:4px;
    top:74px;
    bottom:12px;
}
body.sr-mobile-v4 .sr-v4-car-stage img[alt="car"],
body.sr-mobile-v4 .sr-v4-car-stage .sr-v4-car-img{
    max-width:98%!important;
    max-height:160px!important;
    filter:drop-shadow(0 12px 10px rgba(0,0,0,.58));
}
body.sr-mobile-v4 .sr-v4-car-footer{display:none!important;}

/* Action grid - reference cards */
body.sr-mobile-v4 .sr-v4-actions{
    gap:8px;
    margin-bottom:10px;
}
body.sr-mobile-v4 .sr-v4-actions>a{
    min-height:60px;
    gap:11px;
    padding:10px 34px 10px 13px;
    border-radius:13px;
    box-shadow:var(--sr-shadow-soft);
}
body.sr-mobile-v4.sr-theme-dark .sr-v4-actions>a{
    background:linear-gradient(180deg,#122634,#0d1c27)!important;
}
body.sr-mobile-v4.sr-theme-light .sr-v4-actions>a{
    background:linear-gradient(180deg,#ffffff,#f2f7fa)!important;
}
body.sr-mobile-v4 .sr-v4-actions>a>img:first-child{
    width:29px!important;
    height:29px!important;
    flex-basis:29px;
}
body.sr-mobile-v4 .sr-v4-actions>a>b{
    font-size:13px;
    line-height:17px;
    font-weight:800;
}
body.sr-mobile-v4 .sr-v4-actions>a>small{
    left:54px;
    bottom:7px;
    font-size:7px!important;
}
body.sr-mobile-v4 .sr-v4-actions>a>em{
    right:30px;
    top:8px;
    min-width:16px;
    height:16px;
    line-height:16px;
}
body.sr-mobile-v4 .sr-v4-actions .sr-v4-action-arrow{
    right:11px;
    width:15px!important;
    height:15px!important;
    opacity:.72;
}

/* Stats - matches reference footer card */
body.sr-mobile-v4 .sr-v4-stats-card{
    margin-bottom:0;
    border-radius:15px;
}
body.sr-mobile-v4 .sr-v4-stats-card>header{
    min-height:48px;
    padding:9px 12px;
}
body.sr-mobile-v4 .sr-v4-stats-card>header>span{
    gap:8px;
    font-size:15px;
}
body.sr-mobile-v4 .sr-v4-stats-card>header>span img{
    width:23px!important;
    height:23px!important;
}
body.sr-mobile-v4 .sr-v4-stats-card>header>a{
    font-size:8px;
}
body.sr-mobile-v4 .sr-v4-stats-grid{
    grid-template-columns:.72fr 1.35fr .82fr 1.38fr;
    min-height:59px;
    padding:9px 7px 10px;
}
body.sr-mobile-v4 .sr-v4-stats-grid>span{padding:1px 8px;}
body.sr-mobile-v4 .sr-v4-stats-grid small{
    font-size:7px!important;
    line-height:10px;
}
body.sr-mobile-v4 .sr-v4-stats-grid b{
    margin-top:4px;
    font-size:10px;
    line-height:14px;
}

/* Functionality preserved below the approved reference composition. */
body.sr-mobile-v4 .sr-v4-garage-below-reference{
    margin-top:14px;
    padding-top:10px;
    border-top:1px solid var(--sr-border-soft);
}
body.sr-mobile-v4 .sr-v4-garage-below-reference:before{
    content:"БЫСТРЫЙ ДОСТУП";
    display:block;
    margin:0 2px 7px;
    color:var(--sr-muted);
    font-size:7px;
    font-weight:800;
    letter-spacing:.8px;
}
body.sr-mobile-v4 .sr-v4-nav-bottom{margin-bottom:0;}

/* Theme chooser - two real visual modes, same geometry. */
body.sr-mobile-v4 .sr-v4-theme-page h1{font-size:22px;line-height:26px;}
body.sr-mobile-v4 .sr-v4-theme-page p{font-size:10px;line-height:14px;}
body.sr-mobile-v4 .sr-v4-theme-grid{gap:12px;}
body.sr-mobile-v4 .sr-v4-theme-card{
    min-height:184px;
    grid-template-columns:174px 1fr;
    gap:14px;
    padding:12px 45px 12px 12px;
    border-radius:16px;
}
body.sr-mobile-v4 .sr-v4-theme-preview{height:158px;border-radius:13px;}
body.sr-mobile-v4 .sr-v4-theme-name>b{font-size:16px;line-height:20px;}
body.sr-mobile-v4 .sr-v4-theme-name>small{font-size:9px!important;line-height:13px;}

@media (max-width:390px){
    body.sr-mobile-v4{padding-left:8px!important;padding-right:8px!important;}
    body.sr-mobile-v4 .sr-v4-avatar{width:54px;height:54px;flex-basis:54px;}
    body.sr-mobile-v4 .sr-v4-avatar img{width:46px!important;height:46px!important;max-width:46px!important;max-height:46px!important;}
    body.sr-mobile-v4 .sr-v4-profile-row>b{font-size:15px;}
    body.sr-mobile-v4 .sr-v4-profile-row>em{font-size:12px;}
    body.sr-mobile-v4 .sr-v4-icon-btn{width:42px;height:42px;}
    body.sr-mobile-v4 .sr-v4-resources>a{gap:4px;padding-left:2px;padding-right:2px;}
    body.sr-mobile-v4 .sr-v4-resources img{width:19px!important;height:19px!important;max-width:19px!important;max-height:19px!important;flex-basis:19px;}
    body.sr-mobile-v4 .sr-v4-resources b{font-size:9px;}
    body.sr-mobile-v4 .sr-v4-tournament-copy b{font-size:15px;max-width:70%;}
    body.sr-mobile-v4 .sr-v4-garage-hero{min-height:246px;}
    body.sr-mobile-v4 .sr-v4-car-stage{top:72px;}
    body.sr-mobile-v4 .sr-v4-car-stage img[alt="car"]{max-height:151px!important;}
    body.sr-mobile-v4 .sr-v4-actions>a{min-height:57px;padding-left:11px;gap:9px;}
    body.sr-mobile-v4 .sr-v4-actions>a>img:first-child{width:26px!important;height:26px!important;flex-basis:26px;}
    body.sr-mobile-v4 .sr-v4-actions>a>b{font-size:12px;}
    body.sr-mobile-v4 .sr-v4-theme-card{grid-template-columns:145px 1fr;min-height:166px;}
    body.sr-mobile-v4 .sr-v4-theme-preview{height:140px;}
}

@media (max-width:340px){
    body.sr-mobile-v4 .sr-v4-header{padding:7px;}
    body.sr-mobile-v4 .sr-v4-avatar{width:50px;height:50px;flex-basis:50px;}
    body.sr-mobile-v4 .sr-v4-avatar img{width:42px!important;height:42px!important;max-width:42px!important;max-height:42px!important;}
    body.sr-mobile-v4 .sr-v4-profile-row>b{font-size:14px;}
    body.sr-mobile-v4 .sr-v4-profile-row>em{font-size:11px;}
    body.sr-mobile-v4 .sr-v4-head-actions{gap:4px;}
    body.sr-mobile-v4 .sr-v4-icon-btn{width:38px;height:38px;}
    body.sr-mobile-v4 .sr-v4-resources b{font-size:8px;}
    body.sr-mobile-v4 .sr-v4-tournament-icon{width:46px;flex-basis:46px;}
    body.sr-mobile-v4 .sr-v4-tournament-copy b{font-size:14px;}
    body.sr-mobile-v4 .sr-v4-car-title>b{font-size:16px;}
    body.sr-mobile-v4 .sr-v4-car-plate img{max-width:94px!important;}
    body.sr-mobile-v4 .sr-v4-actions>a{min-height:54px;gap:7px;padding-right:26px;}
    body.sr-mobile-v4 .sr-v4-actions>a>img:first-child{width:23px!important;height:23px!important;flex-basis:23px;}
    body.sr-mobile-v4 .sr-v4-actions>a>b{font-size:11px;}
    body.sr-mobile-v4 .sr-v4-stats-grid{grid-template-columns:1fr 1fr;row-gap:8px;}
    body.sr-mobile-v4 .sr-v4-stats-grid>span:nth-child(2){border-right:0;}
    body.sr-mobile-v4 .sr-v4-stats-grid>span:nth-child(3),
    body.sr-mobile-v4 .sr-v4-stats-grid>span:nth-child(4){padding-top:7px;border-top:1px solid var(--sr-border-soft);}
}


/* =========================================================================
 * Mobile v4.2.0 - strict concept parity
 * This pass removes remaining v3 visual bleed and forces garage geometry,
 * spacing and artwork closer to the approved concept.
 * ========================================================================= */
body.sr-mobile-v4{
    max-width:430px!important;
    padding:12px 12px 30px!important;
}
body.sr-mobile-v4 .sr-v4-header{
    min-height:84px;
    margin:0 0 10px;
    padding:9px 10px;
    border-radius:16px;
}
body.sr-mobile-v4 .sr-v4-avatar{
    width:60px;
    height:60px;
    flex-basis:60px;
}
body.sr-mobile-v4 .sr-v4-avatar img{
    width:52px!important;
    height:52px!important;
    max-width:52px!important;
    max-height:52px!important;
}
body.sr-mobile-v4 .sr-v4-profile-row>b{font-size:17px;line-height:21px;max-width:56%;}
body.sr-mobile-v4 .sr-v4-profile-row>em{font-size:13px;line-height:20px;}
body.sr-mobile-v4 .sr-v4-level-row{margin-top:5px;}
body.sr-mobile-v4 .sr-v4-level-row>small{font-size:10px!important;}
body.sr-mobile-v4 .sr-v4-level-row>i{height:9px;}
body.sr-mobile-v4 .sr-v4-exp-caption{margin-top:3px;margin-left:52px;font-size:8px;}
body.sr-mobile-v4 .sr-v4-icon-btn{width:46px;height:46px;border-radius:13px;}
body.sr-mobile-v4 .sr-v4-icon-btn>img{width:22px!important;height:22px!important;}

body.sr-mobile-v4 .sr-v4-resources{
    min-height:58px;
    margin:0 0 12px;
    border-radius:15px;
}
body.sr-mobile-v4 .sr-v4-resources>a{min-height:58px;gap:6px;padding:8px 4px;}
body.sr-mobile-v4 .sr-v4-resources img{width:22px!important;height:22px!important;max-width:22px!important;max-height:22px!important;flex-basis:22px;}
body.sr-mobile-v4 .sr-v4-resources b{font-size:10px;line-height:13px;font-weight:800;}

body.sr-mobile-v4 .sr-v4-tournament{
    min-height:92px;
    margin:0 0 12px;
    padding:11px 40px 11px 13px;
    border-radius:16px;
}
body.sr-mobile-v4 .sr-v4-tournament:before{
    content:"";
    position:absolute;
    z-index:0;
    top:0;
    right:0;
    bottom:0;
    width:52%;
    background:
        linear-gradient(90deg,rgba(13,28,39,1) 0%,rgba(13,28,39,.82) 24%,rgba(13,28,39,.22) 100%),
        url('/img/mobile-v4/league.jpg') right center/cover no-repeat;
    opacity:.98;
}
body.sr-mobile-v4.sr-theme-light .sr-v4-tournament:before{
    background:
        linear-gradient(90deg,rgba(249,252,254,1) 0%,rgba(249,252,254,.82) 26%,rgba(249,252,254,.18) 100%),
        url('/img/mobile-v4/league.jpg') right center/cover no-repeat;
    opacity:.88;
    filter:saturate(.92) brightness(1.18);
}
body.sr-mobile-v4 .sr-v4-tournament:after{right:30px;bottom:-14px;width:120px;height:62px;opacity:.15;}
body.sr-mobile-v4 .sr-v4-tournament-icon{width:54px;height:60px;flex-basis:54px;}
body.sr-mobile-v4 .sr-v4-tournament-icon img{width:48px!important;height:48px!important;}
body.sr-mobile-v4 .sr-v4-tournament-copy b{max-width:73%;font-size:16px;line-height:19px;}
body.sr-mobile-v4 .sr-v4-tournament-copy em{font-size:8px;text-decoration:none;}

body.sr-mobile-v4 .sr-v4-garage-hero{
    min-height:284px;
    margin:0 0 12px;
    border-radius:16px;
    background:url('/img/mobile-v4/garage-stage-v431-dark.png') center/cover no-repeat;
}
body.sr-mobile-v4 .sr-v4-garage-top{min-height:72px;padding:12px 13px;}
body.sr-mobile-v4 .sr-v4-car-title>b{font-size:18px;line-height:22px;}
body.sr-mobile-v4 .sr-v4-car-classes{margin-top:7px;gap:7px;}
body.sr-mobile-v4 .sr-v4-car-classes>i{min-width:32px;height:32px;font-size:15px;line-height:30px;}
body.sr-mobile-v4 .sr-v4-car-meta{padding:5px 7px;border-radius:12px;}
body.sr-mobile-v4 .sr-v4-car-fuel{width:28px;height:29px;}
body.sr-mobile-v4 .sr-v4-car-plate img{height:28px!important;max-width:112px!important;}
body.sr-mobile-v4 .sr-v4-car-stage{top:80px;bottom:18px;left:2px;right:2px;}
body.sr-mobile-v4 .sr-v4-car-stage img[alt="car"],
body.sr-mobile-v4 .sr-v4-car-stage .sr-v4-car-img{max-width:99%!important;max-height:172px!important;}

body.sr-mobile-v4 .sr-v4-actions{gap:8px;margin:0 0 12px;}
body.sr-mobile-v4 .sr-v4-actions>a{min-height:62px;gap:11px;padding:11px 34px 11px 14px;border-radius:14px;}
body.sr-mobile-v4 .sr-v4-actions>a>img:first-child{width:28px!important;height:28px!important;flex-basis:28px;}
body.sr-mobile-v4 .sr-v4-actions>a>b{font-size:13px;line-height:17px;}
body.sr-mobile-v4 .sr-v4-actions .sr-v4-action-arrow{right:12px;width:15px!important;height:15px!important;opacity:.68;}

body.sr-mobile-v4 .sr-v4-stats-card{margin:0 0 4px;border-radius:16px;}
body.sr-mobile-v4 .sr-v4-stats-card>header{min-height:50px;padding:10px 12px;}
body.sr-mobile-v4 .sr-v4-stats-card>header>span{font-size:15px;}
body.sr-mobile-v4 .sr-v4-stats-grid{min-height:62px;padding:10px 8px 11px;}
body.sr-mobile-v4 .sr-v4-stats-grid b{font-size:10px;line-height:14px;}

body.sr-mobile-v4 .sr-v4-garage-below-reference{
    margin-top:22px;
    padding-top:14px;
}
body.sr-mobile-v4 .sr-v4-garage-below-reference:before{margin-bottom:8px;}

@media (max-width:390px){
    body.sr-mobile-v4{padding-left:10px!important;padding-right:10px!important;}
    body.sr-mobile-v4 .sr-v4-header{min-height:80px;}
    body.sr-mobile-v4 .sr-v4-avatar{width:56px;height:56px;flex-basis:56px;}
    body.sr-mobile-v4 .sr-v4-avatar img{width:48px!important;height:48px!important;max-width:48px!important;max-height:48px!important;}
    body.sr-mobile-v4 .sr-v4-profile-row>b{font-size:16px;}
    body.sr-mobile-v4 .sr-v4-icon-btn{width:43px;height:43px;}
    body.sr-mobile-v4 .sr-v4-resources img{width:20px!important;height:20px!important;max-width:20px!important;max-height:20px!important;flex-basis:20px;}
    body.sr-mobile-v4 .sr-v4-tournament-copy b{font-size:15px;max-width:70%;}
    body.sr-mobile-v4 .sr-v4-garage-hero{min-height:270px;}
    body.sr-mobile-v4 .sr-v4-car-stage{top:78px;bottom:16px;}
    body.sr-mobile-v4 .sr-v4-car-stage img[alt="car"], body.sr-mobile-v4 .sr-v4-car-stage .sr-v4-car-img{max-height:162px!important;}
    body.sr-mobile-v4 .sr-v4-actions>a{min-height:59px;padding-left:12px;}
}
@media (max-width:340px){
    body.sr-mobile-v4 .sr-v4-header{min-height:76px;padding:8px;}
    body.sr-mobile-v4 .sr-v4-avatar{width:52px;height:52px;flex-basis:52px;}
    body.sr-mobile-v4 .sr-v4-avatar img{width:44px!important;height:44px!important;max-width:44px!important;max-height:44px!important;}
    body.sr-mobile-v4 .sr-v4-icon-btn{width:39px;height:39px;}
    body.sr-mobile-v4 .sr-v4-tournament{min-height:86px;padding-left:11px;}
    body.sr-mobile-v4 .sr-v4-tournament-icon{width:48px;height:54px;flex-basis:48px;}
    body.sr-mobile-v4 .sr-v4-tournament-icon img{width:42px!important;height:42px!important;}
    body.sr-mobile-v4 .sr-v4-garage-hero{min-height:248px;}
    body.sr-mobile-v4 .sr-v4-car-title>b{font-size:16px;}
    body.sr-mobile-v4 .sr-v4-car-plate img{height:24px!important;max-width:96px!important;}
    body.sr-mobile-v4 .sr-v4-actions>a{min-height:56px;}
    body.sr-mobile-v4 .sr-v4-actions>a>img:first-child{width:24px!important;height:24px!important;flex-basis:24px;}
    body.sr-mobile-v4 .sr-v4-actions>a>b{font-size:12px;}
}

/* =========================================================================
 * Mobile v4.3.0 - recovery + functional parity pass
 * Restores compatibility for legacy mobile screens, moves Quick Access to
 * the top, introduces a native v4 car selector and replaces the garage scene.
 * ========================================================================= */
body.sr-mobile-v4 .sr-v4-quick-access{
    margin:0 0 8px;
}
body.sr-mobile-v4 .sr-v4-quick-access>small{
    display:block;
    margin:0 2px 5px;
    color:var(--sr-muted);
    font-size:7px!important;
    line-height:9px;
    font-weight:900;
    letter-spacing:.9px;
}
body.sr-mobile-v4 .sr-v4-nav-top{margin:0;}
body.sr-mobile-v4 .sr-v4-spontaneous{margin-bottom:9px;}
body.sr-mobile-v4 .sr-v4-spontaneous:empty{display:none;}

/* Garage scene: separate dark/light artwork, no legacy garage background. */
body.sr-mobile-v4 .sr-v4-garage-hero{
    min-height:286px;
    background-image:url('/img/mobile-v4/garage-stage-v431-dark.png')!important;
    background-position:center!important;
    background-size:cover!important;
    background-repeat:no-repeat!important;
}
body.sr-mobile-v4.sr-theme-light .sr-v4-garage-hero{
    background-image:url('/img/mobile-v4/garage-stage-v431-light.png')!important;
}
body.sr-mobile-v4 .sr-v4-garage-hero:before{
    background:
        linear-gradient(90deg,rgba(0,0,0,.16),transparent 22%,transparent 76%,rgba(0,0,0,.12)),
        linear-gradient(180deg,rgba(0,0,0,.07),transparent 40%,transparent 72%,rgba(0,0,0,.20));
}
body.sr-mobile-v4.sr-theme-light .sr-v4-garage-hero:before{
    background:
        linear-gradient(90deg,rgba(255,255,255,.04),transparent 22%,transparent 76%,rgba(0,0,0,.05)),
        linear-gradient(180deg,rgba(255,255,255,.03),transparent 48%,rgba(0,0,0,.10));
}
body.sr-mobile-v4 .sr-v4-car-stage{
    top:82px;
    bottom:15px;
    left:4px;
    right:4px;
}
body.sr-mobile-v4 .sr-v4-car-stage img[alt="car"],
body.sr-mobile-v4 .sr-v4-car-stage .sr-v4-car-img{
    width:94%!important;
    height:auto!important;
    max-width:none!important;
    max-height:184px!important;
    object-fit:contain!important;
}

/* Native v4 car collection / selector. */
body.sr-mobile-v4 .sr-v4-park-head{
    min-height:64px;
    display:flex;
    align-items:center;
    gap:10px;
    margin:0 0 9px;
    padding:8px 10px;
    border:1px solid var(--sr-border);
    border-radius:15px;
    background:var(--sr-surface);
    box-shadow:var(--sr-shadow-soft);
}
body.sr-mobile-v4 .sr-v4-park-back{
    width:39px;
    height:39px;
    flex:0 0 39px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid var(--sr-border);
    border-radius:11px;
    background:var(--sr-surface-3);
    color:var(--sr-text)!important;
    font-size:30px;
    line-height:34px;
    text-decoration:none!important;
}
body.sr-mobile-v4 .sr-v4-park-head>span{min-width:0;display:block;}
body.sr-mobile-v4 .sr-v4-park-head small{display:block;color:var(--sr-accent);font-size:7px!important;font-weight:900;letter-spacing:.8px;}
body.sr-mobile-v4 .sr-v4-park-head b{display:inline-block;margin-top:1px;color:var(--sr-text);font-size:17px;line-height:21px;}
body.sr-mobile-v4 .sr-v4-park-head em{margin-left:7px;color:var(--sr-muted);font-size:8px;font-style:normal;}
body.sr-mobile-v4 .sr-v4-park-filters{
    display:grid;
    grid-template-columns:repeat(6,minmax(0,1fr));
    gap:5px;
    margin:0 0 9px;
}
body.sr-mobile-v4 .sr-v4-park-filters>a{
    min-width:0;
    min-height:36px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid var(--sr-border);
    border-radius:10px;
    background:var(--sr-surface);
    color:var(--sr-muted)!important;
    font-size:10px;
    font-weight:900;
    text-decoration:none!important;
    box-shadow:var(--sr-shadow-soft);
}
body.sr-mobile-v4 .sr-v4-park-filters>a.active{
    border-color:var(--sr-accent);
    color:var(--sr-text)!important;
    box-shadow:inset 0 -2px var(--sr-accent),var(--sr-shadow-soft);
}
body.sr-mobile-v4 .sr-v4-car-list{display:flex;flex-direction:column;gap:9px;}
body.sr-mobile-v4 .sr-v4-car-card{
    overflow:hidden;
    border:1px solid var(--sr-border);
    border-radius:15px;
    background:var(--sr-surface);
    box-shadow:var(--sr-shadow-soft);
}
body.sr-mobile-v4 .sr-v4-car-card.active{border-color:rgba(255,120,24,.72);box-shadow:inset 3px 0 var(--sr-accent),var(--sr-shadow-soft);}
body.sr-mobile-v4 .sr-v4-car-card>header{
    min-height:43px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    padding:7px 9px;
    border-bottom:1px solid var(--sr-border-soft);
}
body.sr-mobile-v4 .sr-v4-car-card-title{min-width:0;display:flex;align-items:center;gap:5px;}
body.sr-mobile-v4 .sr-v4-car-card-title>b{min-width:0;overflow:hidden;color:var(--sr-text);font-size:13px;line-height:17px;white-space:nowrap;text-overflow:ellipsis;}
body.sr-mobile-v4 .sr-v4-car-card-title>i{
    min-width:23px;
    height:23px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid var(--sr-border);
    border-radius:7px;
    background:var(--sr-surface-3);
    color:var(--sr-text);
    font-size:10px;
    font-style:normal;
    font-weight:900;
}
body.sr-mobile-v4 .sr-v4-car-card>header>em{
    flex:0 0 auto;
    padding:4px 7px;
    border-radius:10px;
    background:rgba(255,120,24,.12);
    color:var(--sr-accent);
    font-size:7px;
    font-style:normal;
    font-weight:900;
    text-transform:uppercase;
}
body.sr-mobile-v4 .sr-v4-car-card-stage{
    height:134px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:5px 12px;
    background:
        radial-gradient(ellipse at 50% 100%,rgba(255,120,24,.08),transparent 48%),
        linear-gradient(180deg,var(--sr-surface-3),var(--sr-surface));
}
body.sr-mobile-v4 .sr-v4-car-card-stage img[alt="car"],
body.sr-mobile-v4 .sr-v4-car-card-stage .sr-v4-car-card-img{
    position:static!important;
    display:block!important;
    width:88%!important;
    height:auto!important;
    max-width:none!important;
    max-height:118px!important;
    margin:auto!important;
    object-fit:contain!important;
    filter:drop-shadow(0 9px 7px rgba(0,0,0,.34));
}
body.sr-mobile-v4 .sr-v4-car-card-meta{
    display:grid;
    grid-template-columns:1fr 1fr 1fr auto;
    align-items:center;
    min-height:50px;
    padding:6px 8px;
    border-top:1px solid var(--sr-border-soft);
}
body.sr-mobile-v4 .sr-v4-car-card-meta>span{
    min-width:0;
    padding:0 6px;
    border-right:1px solid var(--sr-border-soft);
}
body.sr-mobile-v4 .sr-v4-car-card-meta>span>img:not([alt="Номер"]){width:14px!important;height:14px!important;float:left;margin:3px 4px 0 0;object-fit:contain;}
body.sr-mobile-v4 .sr-v4-car-card-meta small{display:block;color:var(--sr-muted);font-size:6px!important;line-height:8px;white-space:nowrap;}
body.sr-mobile-v4 .sr-v4-car-card-meta b{display:block;overflow:hidden;color:var(--sr-text);font-size:8px;line-height:11px;white-space:nowrap;text-overflow:ellipsis;}
body.sr-mobile-v4 .sr-v4-car-card-meta .plate{border-right:0;padding-right:0;}
body.sr-mobile-v4 .sr-v4-car-card-meta .plate img{display:block;height:23px!important;width:auto!important;max-width:88px!important;border-radius:3px;}
body.sr-mobile-v4 .sr-v4-car-card>footer{
    min-height:47px;
    display:grid;
    grid-template-columns:1fr 1.35fr;
    gap:6px;
    padding:7px 8px 8px;
    border-top:1px solid var(--sr-border-soft);
}
body.sr-mobile-v4 .sr-v4-car-card>footer>a,
body.sr-mobile-v4 .sr-v4-car-current{
    min-height:32px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:9px;
    font-size:9px;
    font-weight:900;
    text-decoration:none!important;
}
body.sr-mobile-v4 .sr-v4-car-sell{border:1px solid var(--sr-border);background:var(--sr-surface-3);color:var(--sr-text-2)!important;}
body.sr-mobile-v4 .sr-v4-car-select{border:1px solid var(--sr-accent-2);background:linear-gradient(180deg,var(--sr-accent-2),var(--sr-accent));color:#fff!important;}
body.sr-mobile-v4 .sr-v4-car-current{grid-column:1/-1;border:1px solid rgba(255,120,24,.35);background:rgba(255,120,24,.08);color:var(--sr-accent);}
body.sr-mobile-v4 .sr-v4-park-empty{padding:22px 14px;text-align:center;border:1px solid var(--sr-border);border-radius:15px;background:var(--sr-surface);}
body.sr-mobile-v4 .sr-v4-park-empty>b{display:block;color:var(--sr-text);font-size:13px;}
body.sr-mobile-v4 .sr-v4-park-empty>p{margin:5px 0 11px;color:var(--sr-muted);font-size:9px;}
body.sr-mobile-v4 .sr-v4-park-empty>a{display:inline-flex;min-height:34px;align-items:center;padding:0 12px;border-radius:9px;background:var(--sr-accent);color:#fff!important;font-size:9px;font-weight:bold;text-decoration:none!important;}
body.sr-mobile-v4 .sr-v4-park-pagination{margin:9px 0 0;}

@media (max-width:360px){
    body.sr-mobile-v4 .sr-v4-park-filters{grid-template-columns:repeat(3,1fr);}
    body.sr-mobile-v4 .sr-v4-car-card-meta{grid-template-columns:1fr 1fr 1fr;row-gap:6px;}
    body.sr-mobile-v4 .sr-v4-car-card-meta .plate{grid-column:1/-1;display:flex;justify-content:flex-end;padding:5px 2px 0;border-top:1px solid var(--sr-border-soft);}
    body.sr-mobile-v4 .sr-v4-car-card-stage img[alt="car"],body.sr-mobile-v4 .sr-v4-car-card-stage .sr-v4-car-card-img{width:94%!important;}
}


/* Mobile v4.3.1 - garage background redraw: new dark/light hero backgrounds generated from the approved concept reference. */


/* =========================================================================
 * Mobile v4.3.2 - interaction hardening + graphite dark theme
 * ========================================================================= */
body.sr-mobile-v4.sr-theme-dark{
    --sr-page-bg:
        radial-gradient(circle at 50% -120px,rgba(255,120,24,.055),transparent 330px),
        linear-gradient(180deg,#101214 0%,#090b0d 52%,#050607 100%);
    --sr-surface:#171a1d;
    --sr-surface-2:#1d2125;
    --sr-surface-3:#101316;
    --sr-surface-hover:#24292e;
    --sr-border:#363d43;
    --sr-border-soft:#2a3035;
    --sr-text:#f4f4f2;
    --sr-text-2:#c5c8ca;
    --sr-muted:#858c91;
    --sr-shadow:0 14px 30px rgba(0,0,0,.34);
    --sr-shadow-soft:0 7px 18px rgba(0,0,0,.23);
}
body.sr-mobile-v4.sr-theme-dark .sr-v4-header{
    background:linear-gradient(145deg,#1b1f22 0%,#121518 100%);
    border-color:#3b4247;
}
body.sr-mobile-v4.sr-theme-dark .sr-v4-resources{
    background:linear-gradient(180deg,#1a1e21,#121518);
    border-color:#3a4146;
}
body.sr-mobile-v4.sr-theme-dark .sr-v4-resources>a{border-right-color:#2d3337;}
body.sr-mobile-v4.sr-theme-dark .sr-v4-nav>a,
body.sr-mobile-v4.sr-theme-dark .sr-v4-actions>a{
    background:linear-gradient(180deg,#202428,#171a1d)!important;
    border-color:#3b4247!important;
    box-shadow:0 7px 18px rgba(0,0,0,.22)!important;
}
body.sr-mobile-v4.sr-theme-dark .sr-v4-nav>a.active{
    background:linear-gradient(180deg,#292522,#1a1b1c)!important;
    border-color:#a85a25!important;
    box-shadow:inset 0 -2px var(--sr-accent),0 7px 18px rgba(0,0,0,.22)!important;
}
body.sr-mobile-v4.sr-theme-dark .sr-v4-stats-card{
    background:linear-gradient(180deg,#1b1f22,#14171a);
    border-color:#3a4146;
}
body.sr-mobile-v4.sr-theme-dark .sr-v4-stats-card>header{
    background:linear-gradient(90deg,rgba(255,115,23,.075),transparent 48%);
}
body.sr-mobile-v4.sr-theme-dark .sr-v4-tournament{
    background:#171a1d;
    border-color:#7a4727;
}
body.sr-mobile-v4.sr-theme-dark .sr-v4-tournament:before{
    background:
        linear-gradient(90deg,#171a1d 0%,rgba(23,26,29,.88) 25%,rgba(8,9,10,.18) 100%),
        url('/img/mobile-v4/league.jpg') right center/cover no-repeat;
}
body.sr-mobile-v4.sr-theme-dark .sr-v4-car-meta{
    background:rgba(15,17,19,.92);
    border-color:#596168;
}
body.sr-mobile-v4.sr-theme-dark .sr-v4-car-classes>i{
    background:rgba(17,19,21,.88);
    border-color:#687178;
}

/* Make every visible v4 action a real top-level hit target. */
body.sr-mobile-v4 .sr-v4-header,
body.sr-mobile-v4 .sr-v4-resources,
body.sr-mobile-v4 .sr-v4-quick-access,
body.sr-mobile-v4 .sr-v4-spontaneous,
body.sr-mobile-v4 .sr-v4-tournament,
body.sr-mobile-v4 .sr-v4-garage-hero,
body.sr-mobile-v4 .sr-v4-actions,
body.sr-mobile-v4 .sr-v4-stats-card,
body.sr-mobile-v4 .sr-v4-car-list,
body.sr-mobile-v4 .sr-v4-park-filters{
    position:relative;
}
body.sr-mobile-v4 .sr-v4-header,
body.sr-mobile-v4 .sr-v4-resources,
body.sr-mobile-v4 .sr-v4-quick-access,
body.sr-mobile-v4 .sr-v4-spontaneous,
body.sr-mobile-v4 .sr-v4-tournament,
body.sr-mobile-v4 .sr-v4-actions,
body.sr-mobile-v4 .sr-v4-stats-card,
body.sr-mobile-v4 .sr-v4-car-list,
body.sr-mobile-v4 .sr-v4-park-filters{z-index:20;}
body.sr-mobile-v4 .sr-v4-garage-hero{z-index:10;}
body.sr-mobile-v4 a{
    -webkit-tap-highlight-color:rgba(255,115,23,.12);
    touch-action:manipulation;
}
body.sr-mobile-v4 .sr-v4-actions>a,
body.sr-mobile-v4 .sr-v4-nav>a,
body.sr-mobile-v4 .sr-v4-resources>a,
body.sr-mobile-v4 .sr-v4-icon-btn,
body.sr-mobile-v4 .sr-v4-tournament,
body.sr-mobile-v4 .sr-v4-car-card footer>a,
body.sr-mobile-v4 .sr-v4-park-filters>a{
    position:relative;
    z-index:2;
    pointer-events:auto!important;
    cursor:pointer;
}
body.sr-mobile-v4 .sr-v4-actions>a>img,
body.sr-mobile-v4 .sr-v4-nav>a>img,
body.sr-mobile-v4 .sr-v4-resources>a>img,
body.sr-mobile-v4 .sr-v4-tournament img,
body.sr-mobile-v4 .sr-v4-icon-btn>img{
    pointer-events:none!important;
}
body.sr-mobile-v4 .sr-v4-garage-hero:after,
body.sr-mobile-v4 .sr-v4-tournament:before,
body.sr-mobile-v4 .sr-v4-tournament:after{
    pointer-events:none!important;
}

/* =========================================================================
 * Mobile v4.3.3 - garage subpages + styling recovery
 * ========================================================================= */
body.sr-mobile-v4 .sr-v4-subpage-head{
    min-height:70px;
    display:flex;
    align-items:center;
    gap:9px;
    margin:0 0 9px;
    padding:9px 10px;
    border:1px solid var(--sr-border);
    border-radius:15px;
    background:var(--sr-surface);
    box-shadow:var(--sr-shadow-soft);
}
body.sr-mobile-v4 .sr-v4-subpage-back{
    width:36px;
    height:44px;
    flex:0 0 36px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-right:1px solid var(--sr-border-soft);
    color:var(--sr-text)!important;
    font-size:29px;
    line-height:32px;
    text-decoration:none!important;
}
body.sr-mobile-v4 .sr-v4-subpage-icon{
    width:39px;
    height:39px;
    flex:0 0 39px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(255,115,23,.34);
    border-radius:11px;
    background:rgba(255,115,23,.07);
}
body.sr-mobile-v4 .sr-v4-subpage-icon img{width:24px!important;height:24px!important;pointer-events:none!important;}
body.sr-mobile-v4 .sr-v4-subpage-copy{min-width:0;display:block;flex:1;}
body.sr-mobile-v4 .sr-v4-subpage-copy>small{display:block;color:var(--sr-accent);font-size:7px!important;line-height:9px;font-weight:900;letter-spacing:.8px;}
body.sr-mobile-v4 .sr-v4-subpage-copy>b{display:block;margin-top:1px;color:var(--sr-text);font-size:16px;line-height:20px;font-weight:900;}
body.sr-mobile-v4 .sr-v4-subpage-copy>em{display:block;margin-top:2px;overflow:hidden;color:var(--sr-muted);font-size:8px;font-style:normal;line-height:10px;white-space:nowrap;text-overflow:ellipsis;}

body.sr-mobile-v4 .sr-v4-active-car-strip{
    min-height:58px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    margin:0 0 9px;
    padding:8px 10px;
    border:1px solid var(--sr-border);
    border-radius:13px;
    background:linear-gradient(180deg,var(--sr-surface-2),var(--sr-surface));
    color:var(--sr-text)!important;
    text-decoration:none!important;
    box-shadow:var(--sr-shadow-soft);
}
body.sr-mobile-v4 .sr-v4-active-car-copy{min-width:0;display:block;}
body.sr-mobile-v4 .sr-v4-active-car-copy>small{display:block;color:var(--sr-muted);font-size:6.5px!important;line-height:8px;font-weight:900;letter-spacing:.55px;}
body.sr-mobile-v4 .sr-v4-active-car-copy>b{display:block;margin-top:2px;overflow:hidden;color:var(--sr-text);font-size:12px;line-height:15px;white-space:nowrap;text-overflow:ellipsis;}
body.sr-mobile-v4 .sr-v4-active-car-copy>em{display:flex;align-items:center;gap:5px;margin-top:3px;color:var(--sr-text-2);font-size:8px;font-style:normal;}
body.sr-mobile-v4 .sr-v4-active-car-copy>em>i{min-width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--sr-border);border-radius:6px;background:var(--sr-surface-3);color:var(--sr-text);font-size:9px;font-style:normal;font-weight:900;}
body.sr-mobile-v4 .sr-v4-active-car-change{flex:0 0 auto;color:var(--sr-accent);font-size:8px;font-weight:900;}

body.sr-mobile-v4 .sr-v4-legacy-content{
    position:relative;
    z-index:18;
    margin:0 0 9px;
}
body.sr-mobile-v4 .sr-v4-legacy-content>.tt3{
    margin:9px 0 5px!important;
    padding:7px 9px!important;
    border:0!important;
    border-left:3px solid var(--sr-accent)!important;
    border-radius:3px!important;
    background:transparent!important;
    color:var(--sr-text)!important;
    font-size:11px!important;
    line-height:16px!important;
    text-shadow:none!important;
}
body.sr-mobile-v4 .sr-v4-legacy-content>.div1,
body.sr-mobile-v4 .sr-v4-legacy-content>.div11,
body.sr-mobile-v4 .sr-v4-legacy-content .div1,
body.sr-mobile-v4 .sr-v4-legacy-content .div11{
    margin-bottom:6px;
    border-color:var(--sr-border)!important;
    border-radius:11px!important;
    background-color:var(--sr-surface)!important;
    color:var(--sr-text)!important;
    box-shadow:var(--sr-shadow-soft);
}
body.sr-mobile-v4 .sr-v4-legacy-content .menu>a{
    position:relative;
    z-index:2;
    min-height:42px!important;
    margin-top:5px!important;
    border-color:var(--sr-border)!important;
    border-radius:10px!important;
    background:linear-gradient(180deg,var(--sr-surface-2),var(--sr-surface))!important;
    color:var(--sr-text)!important;
    pointer-events:auto!important;
}
body.sr-mobile-v4 .sr-v4-legacy-content a{pointer-events:auto!important;position:relative;z-index:2;}
body.sr-mobile-v4 .sr-v4-legacy-content .upgrade{max-width:100%!important;}
body.sr-mobile-v4 .sr-v4-legacy-content .upgrade .t1{width:34%!important;}
body.sr-mobile-v4 .sr-v4-legacy-content .upgrade .t2{width:40%!important;}
body.sr-mobile-v4 .sr-v4-legacy-content .upgrade .t3{width:26%!important;}
body.sr-mobile-v4 .sr-v4-legacy-content .upgrade img[alt="buy"]{max-width:70px!important;height:auto!important;}
body.sr-mobile-v4 .sr-v4-garage-subcontent-reward>div[style*="background"],
body.sr-mobile-v4 .sr-v4-garage-subcontent-popularity>div[style*="background"]{border-radius:11px!important;overflow:hidden;}

body.sr-mobile-v4 .sr-v4-subpage-links{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:6px;
    margin:11px 0 2px;
}
body.sr-mobile-v4 .sr-v4-subpage-links>a{
    min-height:42px;
    display:flex;
    align-items:center;
    gap:7px;
    padding:7px 9px;
    border:1px solid var(--sr-border);
    border-radius:11px;
    background:var(--sr-surface);
    color:var(--sr-text-2)!important;
    font-size:9px;
    font-weight:900;
    text-decoration:none!important;
    box-shadow:var(--sr-shadow-soft);
}
body.sr-mobile-v4 .sr-v4-subpage-links>a.active{border-color:rgba(255,115,23,.65);color:var(--sr-text)!important;box-shadow:inset 0 -2px var(--sr-accent),var(--sr-shadow-soft);}
body.sr-mobile-v4 .sr-v4-subpage-links img{width:18px!important;height:18px!important;pointer-events:none!important;}

/* Styling keeps its existing game mechanics but no longer shows the old garage artwork. */
body.sr-mobile-v4.sr-route-styling .sr-v4-styling-content .div1.pr[style*="background-image"]{
    min-height:218px!important;
    overflow:hidden!important;
    border:1px solid var(--sr-border)!important;
    border-radius:14px!important;
    background-image:url('/img/mobile-v4/garage-stage-v431-dark.png')!important;
    background-position:center!important;
    background-size:cover!important;
    background-repeat:no-repeat!important;
    box-shadow:var(--sr-shadow-soft)!important;
}
body.sr-mobile-v4.sr-theme-light.sr-route-styling .sr-v4-styling-content .div1.pr[style*="background-image"]{
    background-image:url('/img/mobile-v4/garage-stage-v431-light.png')!important;
}
body.sr-mobile-v4.sr-route-styling .sr-v4-styling-content .div1.pr[style*="background-image"] img{
    max-height:155px!important;
    object-fit:contain!important;
    filter:drop-shadow(0 10px 8px rgba(0,0,0,.35));
}
body.sr-mobile-v4.sr-route-styling .sr-v4-styling-content .menu>a{padding-left:12px!important;}

@media (max-width:350px){
    body.sr-mobile-v4 .sr-v4-subpage-head{padding-left:7px;padding-right:7px;gap:7px;}
    body.sr-mobile-v4 .sr-v4-subpage-back{width:31px;flex-basis:31px;}
    body.sr-mobile-v4 .sr-v4-subpage-icon{width:35px;height:35px;flex-basis:35px;}
    body.sr-mobile-v4 .sr-v4-subpage-copy>b{font-size:14px;}
    body.sr-mobile-v4 .sr-v4-active-car-change{font-size:7px;}
}


/* =========================================================================
 * Mobile v4.3.4 - garage route/content recovery + styling scale lock
 * ========================================================================= */
body.sr-mobile-v4 .sr-v4-garage-subcontent{
    display:block!important;
    min-height:52px;
}
body.sr-mobile-v4 .sr-v4-garage-subcontent:empty:before{
    content:"Раздел не вернул содержимое";
    display:block;
    padding:16px 12px;
    border:1px solid var(--sr-border);
    border-radius:12px;
    background:var(--sr-surface);
    color:var(--sr-muted);
    font-size:9px;
    text-align:center;
}

/* Styling preview must keep exactly the same 300:120 car canvas scale on the
 * overview and after entering color/tone/wheel/etc. Both car() and scar()
 * renderers are forced to the same geometry. */
body.sr-mobile-v4.sr-route-styling .sr-v4-styling-content .div1.pr[style*="background-image"]{
    position:relative!important;
    min-height:230px!important;
}
body.sr-mobile-v4.sr-route-styling .sr-v4-styling-content .div1.pr[style*="background-image"] > img[alt="car"],
body.sr-mobile-v4.sr-route-styling .sr-v4-styling-content .div1.pr[style*="background-image"] > img[alt="tuning"]{
    position:absolute!important;
    left:2%!important;
    right:auto!important;
    bottom:13px!important;
    width:96%!important;
    height:auto!important;
    max-width:none!important;
    max-height:none!important;
    margin:0!important;
    object-fit:contain!important;
    transform:none!important;
    transform-origin:center bottom!important;
}
body.sr-mobile-v4.sr-route-styling .sr-v4-styling-content .div1.pr[style*="background-image"] > img[style*="display:none"]{
    width:1px!important;
    height:1px!important;
    max-width:1px!important;
    max-height:1px!important;
    left:auto!important;
    bottom:auto!important;
}

/* Make legacy tuning/fuel/reward/popularity blocks visually explicit once
 * routed into the v4 subpage renderer. */
body.sr-mobile-v4 .sr-v4-garage-subcontent > .tt3:first-child{
    margin-top:0!important;
}
body.sr-mobile-v4 .sr-v4-garage-subcontent .div1,
body.sr-mobile-v4 .sr-v4-garage-subcontent .div11{
    display:block!important;
}


/* =========================================================================
 * Mobile v4.3.6 - footer redesign
 * ========================================================================= */
body.sr-mobile-v4 .sr-v4-footer{
    margin:14px 0 2px;
    overflow:hidden;
    border:1px solid var(--sr-border);
    border-radius:14px;
    background:var(--sr-surface);
    color:var(--sr-text);
    box-shadow:var(--sr-shadow-soft);
}
body.sr-mobile-v4 .sr-v4-footer-main{
    min-height:58px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding:8px 9px 8px 11px;
}
body.sr-mobile-v4 .sr-v4-footer-brand{
    min-width:0;
    flex:1 1 auto;
    display:block;
    text-decoration:none!important;
}
body.sr-mobile-v4 .sr-v4-footer-brand>span{
    display:block;
    color:var(--sr-text);
    font-size:12px;
    line-height:15px;
    font-weight:900;
    font-style:italic;
    letter-spacing:-.35px;
    text-transform:uppercase;
}
body.sr-mobile-v4 .sr-v4-footer-brand>span b{color:var(--sr-accent);}
body.sr-mobile-v4 .sr-v4-footer-brand>small{
    display:block;
    margin-top:2px;
    color:var(--sr-muted);
    font-size:6.5px!important;
    line-height:8px;
    letter-spacing:.45px;
    text-transform:uppercase;
}
body.sr-mobile-v4 .sr-v4-footer-actions{
    flex:0 0 auto;
    display:flex;
    align-items:center;
    gap:5px;
}
body.sr-mobile-v4 .sr-v4-footer-btn{
    position:relative;
    width:35px;
    height:35px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid var(--sr-border-soft);
    border-radius:10px;
    background:var(--sr-surface-3);
    color:var(--sr-text)!important;
    text-decoration:none!important;
    box-shadow:none;
}
body.sr-mobile-v4 .sr-v4-footer-btn:active{
    transform:translateY(1px);
    background:var(--sr-surface-hover);
}
body.sr-mobile-v4 .sr-v4-footer-btn>img{
    width:18px!important;
    height:18px!important;
    max-width:18px!important;
    max-height:18px!important;
    pointer-events:none;
}
body.sr-mobile-v4 .sr-v4-footer-badge{
    position:absolute;
    top:-5px;
    right:-5px;
    min-width:15px;
    height:15px;
    padding:0 4px;
    border:2px solid var(--sr-surface);
    border-radius:9px;
    background:var(--sr-accent);
    color:#fff;
    font-size:7px;
    line-height:11px;
    font-style:normal;
    font-weight:900;
    text-align:center;
}
body.sr-mobile-v4 .sr-v4-footer-meta{
    min-height:29px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    padding:6px 10px;
    border-top:1px solid var(--sr-border-soft);
    color:var(--sr-muted);
    font-size:7px;
    line-height:10px;
}
body.sr-mobile-v4 .sr-v4-footer-links{
    min-width:0;
    display:flex;
    align-items:center;
    gap:6px;
}
body.sr-mobile-v4 .sr-v4-footer-links>a{
    color:var(--sr-text-2)!important;
    text-decoration:none!important;
    white-space:nowrap;
}
body.sr-mobile-v4 .sr-v4-footer-links>a:active{color:var(--sr-accent)!important;}
body.sr-mobile-v4 .sr-v4-footer-links>i{color:var(--sr-border);font-style:normal;}
body.sr-mobile-v4 .sr-v4-footer-time{
    flex:0 0 auto;
    color:var(--sr-muted);
    font-variant-numeric:tabular-nums;
    white-space:nowrap;
}
body.sr-mobile-v4 .sr-v4-footer-counter{display:none!important;}

body.sr-mobile-v4.sr-theme-dark .sr-v4-footer{
    background:linear-gradient(180deg,#17191d,#111316);
    border-color:#363b41;
}
body.sr-mobile-v4.sr-theme-dark .sr-v4-footer-btn{
    border-color:#343a40;
    background:#1d2024;
}
body.sr-mobile-v4.sr-theme-dark .sr-v4-footer-meta{border-top-color:#2b3035;}
body.sr-mobile-v4.sr-theme-light .sr-v4-footer{
    background:linear-gradient(180deg,#ffffff,#f5f9fb);
}
body.sr-mobile-v4.sr-theme-light .sr-v4-footer-btn{background:#edf4f8;}

@media (max-width:350px){
    body.sr-mobile-v4 .sr-v4-footer-main{padding-left:8px;padding-right:7px;}
    body.sr-mobile-v4 .sr-v4-footer-brand>span{font-size:11px;}
    body.sr-mobile-v4 .sr-v4-footer-actions{gap:3px;}
    body.sr-mobile-v4 .sr-v4-footer-btn{width:32px;height:32px;border-radius:9px;}
    body.sr-mobile-v4 .sr-v4-footer-btn>img{width:16px!important;height:16px!important;}
    body.sr-mobile-v4 .sr-v4-footer-meta{padding-left:8px;padding-right:8px;}
}


/* =========================================================================
 * Mobile v4.3.7 - entry-point-aware footer
 * One visual component, historical behavior preserved per platform.
 * ========================================================================= */
body.sr-mobile-v4 .sr-v4-footer-mode-vk .sr-v4-footer-main,
body.sr-mobile-v4 .sr-v4-footer-mode-ok .sr-v4-footer-main,
body.sr-mobile-v4 .sr-v4-footer-mode-pumpit .sr-v4-footer-main{
    min-height:54px;
}
body.sr-mobile-v4 .sr-v4-footer-counter{display:none!important;}

/* =========================================================================
 * Mobile v4.3.8 - noauth / onboarding
 * Landing, sign-in, registration, password recovery and noauth footer.
 * ========================================================================= */
body.sr-mobile-v4.sr-noauth{
    width:100%!important;
    max-width:430px!important;
    min-width:240px!important;
    min-height:100vh;
    padding:12px 12px 22px!important;
    background:var(--sr-page-bg)!important;
    color:var(--sr-text)!important;
}
body.sr-mobile-v4.sr-noauth .sr-v4-auth-hero{
    position:relative;
    min-height:142px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    margin:0 0 10px;
    padding:14px;
    overflow:hidden;
    border:1px solid var(--sr-border);
    border-radius:17px;
    background:url('/img/mobile-v4/auth-hero-dark.jpg') center 56%/cover no-repeat;
    box-shadow:var(--sr-shadow);
}
body.sr-mobile-v4.sr-noauth.sr-theme-light .sr-v4-auth-hero{
    border-color:#b7c8d3;
    background-image:url('/img/mobile-v4/auth-hero-light.jpg');
}
body.sr-mobile-v4.sr-noauth .sr-v4-auth-hero:before{
    content:"";
    position:absolute;
    inset:0;
    z-index:0;
    background:linear-gradient(90deg,rgba(3,8,12,.90) 0%,rgba(3,8,12,.60) 48%,rgba(3,8,12,.12) 100%),linear-gradient(180deg,rgba(0,0,0,.15),rgba(0,0,0,.30));
    pointer-events:none;
}
body.sr-mobile-v4.sr-noauth.sr-theme-light .sr-v4-auth-hero:before{
    background:linear-gradient(90deg,rgba(247,251,253,.96) 0%,rgba(247,251,253,.76) 49%,rgba(247,251,253,.10) 100%),linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.15));
}
body.sr-mobile-v4.sr-noauth .sr-v4-auth-hero.landing{min-height:190px;padding:15px;}
body.sr-mobile-v4.sr-noauth .sr-v4-auth-wordmark{
    position:relative;
    z-index:2;
    align-self:flex-start;
    display:block;
    padding:7px 9px 6px;
    border:1px solid rgba(255,255,255,.14);
    border-radius:10px;
    background:rgba(5,13,19,.72);
    color:#fff!important;
    text-decoration:none!important;
    backdrop-filter:blur(5px);
}
body.sr-mobile-v4.sr-noauth.sr-theme-light .sr-v4-auth-wordmark{
    border-color:rgba(72,101,121,.20);
    background:rgba(255,255,255,.82);
    color:#182939!important;
}
body.sr-mobile-v4.sr-noauth .sr-v4-auth-wordmark>span{
    display:block;
    font-size:15px;
    line-height:16px;
    font-weight:900;
    font-style:italic;
    letter-spacing:-.7px;
    text-transform:uppercase;
}
body.sr-mobile-v4.sr-noauth .sr-v4-auth-wordmark b{color:var(--sr-accent);}
body.sr-mobile-v4.sr-noauth .sr-v4-auth-wordmark small{
    display:block;
    margin-top:2px;
    color:#9fb0bc;
    font-size:6px!important;
    line-height:8px;
    font-weight:700;
    letter-spacing:.55px;
    text-transform:uppercase;
}
body.sr-mobile-v4.sr-noauth.sr-theme-light .sr-v4-auth-wordmark small{color:#718696;}
body.sr-mobile-v4.sr-noauth .sr-v4-auth-hero-copy{
    position:relative;
    z-index:2;
    width:72%;
    margin-top:18px;
}
body.sr-mobile-v4.sr-noauth .sr-v4-auth-hero.landing .sr-v4-auth-hero-copy{width:74%;}
body.sr-mobile-v4.sr-noauth .sr-v4-auth-hero-copy h1{
    margin:0;
    color:#fff;
    font-size:21px;
    line-height:23px;
    font-weight:900;
    letter-spacing:-.35px;
    text-shadow:0 2px 8px rgba(0,0,0,.45);
}
body.sr-mobile-v4.sr-noauth.sr-theme-light .sr-v4-auth-hero-copy h1{color:#122332;text-shadow:none;}
body.sr-mobile-v4.sr-noauth .sr-v4-auth-hero-copy p{
    margin:5px 0 0;
    color:#c5d2da;
    font-size:9px;
    line-height:13px;
}
body.sr-mobile-v4.sr-noauth.sr-theme-light .sr-v4-auth-hero-copy p{color:#4b6476;}

body.sr-mobile-v4.sr-noauth .sr-v4-welcome-panel,
body.sr-mobile-v4.sr-noauth .sr-v4-auth-card{
    margin:0 0 9px;
    padding:13px;
    border:1px solid var(--sr-border);
    border-radius:16px;
    background:var(--sr-surface);
    box-shadow:var(--sr-shadow-soft);
}
body.sr-mobile-v4.sr-noauth .sr-v4-welcome-copy>b{
    display:block;
    color:var(--sr-text);
    font-size:14px;
    line-height:18px;
}
body.sr-mobile-v4.sr-noauth .sr-v4-welcome-copy>p{
    margin:5px 0 12px;
    color:var(--sr-text-2);
    font-size:10px;
    line-height:15px;
}
body.sr-mobile-v4.sr-noauth .sr-v4-welcome-cta{display:grid;grid-template-columns:1fr 1fr;gap:7px;}
body.sr-mobile-v4.sr-noauth .sr-v4-auth-primary,
body.sr-mobile-v4.sr-noauth .sr-v4-auth-secondary{
    min-height:56px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:9px 11px;
    border-radius:12px;
    text-decoration:none!important;
}
body.sr-mobile-v4.sr-noauth .sr-v4-auth-primary{
    border:1px solid #ff9b3f;
    background:linear-gradient(180deg,#ff9639,#f46a12);
    color:#fff!important;
    box-shadow:0 7px 16px rgba(242,103,18,.20);
}
body.sr-mobile-v4.sr-noauth .sr-v4-auth-secondary{
    border:1px solid var(--sr-border);
    background:var(--sr-surface-2);
    color:var(--sr-text)!important;
}
body.sr-mobile-v4.sr-noauth .sr-v4-auth-primary span,
body.sr-mobile-v4.sr-noauth .sr-v4-auth-secondary span{font-size:12px;font-weight:900;line-height:15px;}
body.sr-mobile-v4.sr-noauth .sr-v4-auth-primary small,
body.sr-mobile-v4.sr-noauth .sr-v4-auth-secondary small{display:block;margin-top:2px;font-size:7px!important;line-height:9px;opacity:.78;}

body.sr-mobile-v4.sr-noauth .sr-v4-welcome-links,
body.sr-mobile-v4.sr-noauth .sr-v4-auth-links,
body.sr-mobile-v4.sr-noauth .sr-v4-social-login{display:grid;gap:6px;margin:0 0 10px;}
body.sr-mobile-v4.sr-noauth .sr-v4-welcome-links>a,
body.sr-mobile-v4.sr-noauth .sr-v4-auth-links>a{
    position:relative;
    min-height:48px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:8px 38px 8px 12px;
    border:1px solid var(--sr-border);
    border-radius:12px;
    background:linear-gradient(180deg,var(--sr-surface-2),var(--sr-surface));
    color:var(--sr-text)!important;
    text-decoration:none!important;
    box-shadow:var(--sr-shadow-soft);
}
body.sr-mobile-v4.sr-noauth .sr-v4-welcome-links>a>b,
body.sr-mobile-v4.sr-noauth .sr-v4-auth-links>a>b{font-size:11px;line-height:14px;}
body.sr-mobile-v4.sr-noauth .sr-v4-welcome-links>a>small,
body.sr-mobile-v4.sr-noauth .sr-v4-auth-links>a>small{margin-top:2px;color:var(--sr-muted);font-size:7px!important;line-height:9px;}
body.sr-mobile-v4.sr-noauth .sr-v4-welcome-links>a>i,
body.sr-mobile-v4.sr-noauth .sr-v4-auth-links>a>i{position:absolute;right:13px;top:50%;margin-top:-11px;color:var(--sr-accent);font-size:22px;font-style:normal;line-height:22px;}

body.sr-mobile-v4.sr-noauth .sr-v4-auth-form{display:grid;gap:11px;text-align:left!important;}
body.sr-mobile-v4.sr-noauth .sr-v4-auth-form>label{display:block;}
body.sr-mobile-v4.sr-noauth .sr-v4-auth-form>label>span{
    display:block;
    margin:0 0 5px 1px;
    color:var(--sr-text);
    font-size:10px;
    line-height:13px;
    font-weight:800;
}
body.sr-mobile-v4.sr-noauth .sr-v4-auth-form>label>small{
    display:block;
    margin:5px 2px 0;
    color:var(--sr-muted);
    font-size:7px!important;
    line-height:10px;
}
body.sr-mobile-v4.sr-noauth .sr-v4-auth-form input.text,
body.sr-mobile-v4.sr-noauth .sr-v4-auth-form select.text,
body.sr-mobile-v4.sr-noauth .sr-v4-auth-flow input.text,
body.sr-mobile-v4.sr-noauth .sr-v4-auth-flow select.text{
    width:100%!important;
    max-width:none!important;
    height:44px!important;
    margin:0!important;
    padding:10px 11px!important;
    border:1px solid var(--sr-border)!important;
    border-radius:11px!important;
    background:var(--sr-surface-3)!important;
    color:var(--sr-text)!important;
    font-size:13px!important;
    line-height:20px!important;
    outline:none!important;
    box-shadow:inset 0 1px 2px rgba(0,0,0,.08)!important;
}
body.sr-mobile-v4.sr-noauth.sr-theme-light .sr-v4-auth-form input.text,
body.sr-mobile-v4.sr-noauth.sr-theme-light .sr-v4-auth-form select.text,
body.sr-mobile-v4.sr-noauth.sr-theme-light .sr-v4-auth-flow input.text,
body.sr-mobile-v4.sr-noauth.sr-theme-light .sr-v4-auth-flow select.text{background:#fff!important;}
body.sr-mobile-v4.sr-noauth .sr-v4-auth-form input.text:focus,
body.sr-mobile-v4.sr-noauth .sr-v4-auth-form select.text:focus,
body.sr-mobile-v4.sr-noauth .sr-v4-auth-flow input.text:focus{border-color:var(--sr-accent)!important;box-shadow:0 0 0 2px rgba(255,115,23,.12)!important;}
body.sr-mobile-v4.sr-noauth .sr-v4-auth-check{display:flex!important;align-items:center;gap:7px;padding:1px 1px 0;}
body.sr-mobile-v4.sr-noauth .sr-v4-auth-check input{width:17px;height:17px;margin:0;accent-color:var(--sr-accent);}
body.sr-mobile-v4.sr-noauth .sr-v4-auth-check span{margin:0!important;color:var(--sr-text-2)!important;font-size:9px!important;font-weight:normal!important;}
body.sr-mobile-v4.sr-noauth .sr-v4-auth-submit,
body.sr-mobile-v4.sr-noauth .sr-v4-auth-flow input.but{
    width:100%!important;
    min-height:44px!important;
    margin:1px 0 0!important;
    padding:10px 14px!important;
    border:1px solid #ff9a3c!important;
    border-radius:11px!important;
    background:linear-gradient(180deg,#ff9639,#f46a12)!important;
    color:#fff!important;
    font-size:12px!important;
    line-height:20px!important;
    font-weight:900!important;
    text-shadow:none!important;
    box-shadow:0 7px 15px rgba(242,103,18,.18)!important;
}
body.sr-mobile-v4.sr-noauth .sr-v4-auth-legal{padding:2px 3px 0;color:var(--sr-muted);font-size:7px;line-height:11px;text-align:center;}
body.sr-mobile-v4.sr-noauth .sr-v4-auth-legal a{color:var(--sr-text-2)!important;text-decoration:underline!important;}
body.sr-mobile-v4.sr-noauth .sr-v4-auth-alert,
body.sr-mobile-v4.sr-noauth .sr-v4-auth-flow .err{
    margin:0 0 9px!important;
    padding:10px 12px!important;
    border:1px solid rgba(226,86,71,.55)!important;
    border-radius:12px!important;
    background:rgba(186,52,39,.10)!important;
    color:var(--sr-text)!important;
    font-size:9px!important;
    line-height:13px!important;
    box-shadow:inset 3px 0 #e35647!important;
}

body.sr-mobile-v4.sr-noauth .sr-v4-social-login>a{
    position:relative;
    min-height:62px;
    display:flex;
    align-items:center;
    gap:10px;
    padding:9px 38px 9px 10px;
    border:1px solid var(--sr-border);
    border-radius:13px;
    background:var(--sr-surface);
    color:var(--sr-text)!important;
    text-decoration:none!important;
    box-shadow:var(--sr-shadow-soft);
}
body.sr-mobile-v4.sr-noauth .sr-v4-social-login>a>span{width:39px;height:39px;flex:0 0 39px;display:flex;align-items:center;justify-content:center;border-radius:11px;color:#fff;font-size:11px;font-weight:900;}
body.sr-mobile-v4.sr-noauth .sr-v4-social-login>a.vk>span{background:#2787f5;}
body.sr-mobile-v4.sr-noauth .sr-v4-social-login>a.ok>span{background:#f7931e;}
body.sr-mobile-v4.sr-noauth .sr-v4-social-login>a>div{min-width:0;flex:1;}
body.sr-mobile-v4.sr-noauth .sr-v4-social-login>a b{display:block;font-size:11px;line-height:14px;}
body.sr-mobile-v4.sr-noauth .sr-v4-social-login>a small{display:block;margin-top:2px;color:var(--sr-muted);font-size:7px!important;line-height:9px;}
body.sr-mobile-v4.sr-noauth .sr-v4-social-login>a>i{position:absolute;right:13px;color:var(--sr-muted);font-size:22px;font-style:normal;}

/* Password recovery and share keep their proven backend markup, but receive v4 presentation. */
body.sr-mobile-v4.sr-noauth .sr-v4-auth-flow>.div1{
    margin:0 0 9px!important;
    padding:13px!important;
    border:1px solid var(--sr-border)!important;
    border-radius:16px!important;
    background:var(--sr-surface)!important;
    color:var(--sr-text)!important;
    box-shadow:var(--sr-shadow-soft)!important;
}
body.sr-mobile-v4.sr-noauth .sr-v4-auth-flow>.div1 form{width:100%;text-align:left!important;}
body.sr-mobile-v4.sr-noauth .sr-v4-auth-flow>.div1 form>div:not(.small){margin-top:7px;color:var(--sr-text);font-size:10px;font-weight:800;text-align:left;}
body.sr-mobile-v4.sr-noauth .sr-v4-auth-flow>.div1 form>div:first-child{margin-top:0;}
body.sr-mobile-v4.sr-noauth .sr-v4-auth-flow .small.gray{color:var(--sr-muted)!important;font-size:8px!important;line-height:12px!important;}
body.sr-mobile-v4.sr-noauth .sr-v4-auth-flow .menu{display:grid;gap:6px;margin:0 0 10px!important;}
body.sr-mobile-v4.sr-noauth .sr-v4-auth-flow .menu>a{
    min-height:46px!important;
    display:flex!important;
    align-items:center!important;
    margin:0!important;
    padding:10px 12px!important;
    border:1px solid var(--sr-border)!important;
    border-radius:12px!important;
    background:linear-gradient(180deg,var(--sr-surface-2),var(--sr-surface))!important;
    color:var(--sr-text)!important;
    font-size:10px!important;
    font-weight:800!important;
    text-decoration:none!important;
    box-shadow:var(--sr-shadow-soft)!important;
}
body.sr-mobile-v4.sr-noauth .sr-v4-auth-flow .menu>a .icns{margin-right:8px!important;}
body.sr-mobile-v4.sr-noauth .sr-v4-share-flow>.div1{text-align:center;}

/* Noauth footer */
body.sr-mobile-v4.sr-noauth .sr-v4-noauth-footer{
    position:relative;
    margin:13px 0 0;
    padding:12px;
    overflow:hidden;
    border:1px solid var(--sr-border);
    border-radius:16px;
    background:var(--sr-surface);
    color:var(--sr-text);
    box-shadow:var(--sr-shadow-soft);
}
body.sr-mobile-v4.sr-noauth .sr-v4-noauth-footer-top{display:flex;align-items:center;justify-content:space-between;gap:10px;}
body.sr-mobile-v4.sr-noauth .sr-v4-noauth-footer-brand{display:block;color:var(--sr-text)!important;text-decoration:none!important;}
body.sr-mobile-v4.sr-noauth .sr-v4-noauth-footer-brand>span{display:block;font-size:12px;line-height:14px;font-weight:900;font-style:italic;text-transform:uppercase;letter-spacing:-.45px;}
body.sr-mobile-v4.sr-noauth .sr-v4-noauth-footer-brand b{color:var(--sr-accent);}
body.sr-mobile-v4.sr-noauth .sr-v4-noauth-footer-brand small{display:block;margin-top:1px;color:var(--sr-muted);font-size:6px!important;line-height:8px;letter-spacing:.45px;text-transform:uppercase;}
body.sr-mobile-v4.sr-noauth .sr-v4-noauth-age{min-width:36px;height:28px;display:flex;align-items:center;justify-content:center;border:1px solid var(--sr-border);border-radius:9px;background:var(--sr-surface-3);color:var(--sr-text);font-size:9px;font-weight:900;}
body.sr-mobile-v4.sr-noauth .sr-v4-noauth-footer-links{display:flex;flex-wrap:wrap;gap:5px;margin:10px 0 0;padding-top:9px;border-top:1px solid var(--sr-border-soft);}
body.sr-mobile-v4.sr-noauth .sr-v4-noauth-footer-links>a{min-height:28px;display:flex;align-items:center;padding:5px 8px;border:1px solid var(--sr-border-soft);border-radius:8px;background:var(--sr-surface-3);color:var(--sr-text-2)!important;font-size:7px;font-weight:700;text-decoration:none!important;}
body.sr-mobile-v4.sr-noauth .sr-v4-noauth-footer-copy{margin-top:8px;color:var(--sr-muted);font-size:6.5px;line-height:9px;}
body.sr-mobile-v4.sr-noauth .sr-v4-noauth-counter{position:absolute;width:1px;height:1px;left:-9999px;bottom:0;overflow:hidden;opacity:.01;}

@media (max-width:350px){
    body.sr-mobile-v4.sr-noauth{padding-left:8px!important;padding-right:8px!important;}
    body.sr-mobile-v4.sr-noauth .sr-v4-auth-hero{min-height:134px;padding:11px;}
    body.sr-mobile-v4.sr-noauth .sr-v4-auth-hero.landing{min-height:176px;}
    body.sr-mobile-v4.sr-noauth .sr-v4-auth-hero-copy{width:82%;}
    body.sr-mobile-v4.sr-noauth .sr-v4-auth-hero-copy h1{font-size:18px;line-height:20px;}
    body.sr-mobile-v4.sr-noauth .sr-v4-welcome-cta{grid-template-columns:1fr;}
}


/* =========================================================================
 * Mobile v4.3.9 - resource visibility / fuel readability
 * ========================================================================= */
body.sr-mobile-v4 .sr-v4-resource-fuel{
    gap:3px!important;
    padding-left:2px!important;
    padding-right:2px!important;
}
body.sr-mobile-v4 .sr-v4-resource-fuel b{
    font-size:9px!important;
    letter-spacing:-.2px;
    text-overflow:clip!important;
}
@media (max-width:350px){
    body.sr-mobile-v4 .sr-v4-resource-fuel{gap:2px!important;}
    body.sr-mobile-v4 .sr-v4-resource-fuel b{font-size:8px!important;letter-spacing:-.3px;}
}

/* =========================================================================
 * Mobile v4.3.10 - garage subclasses + autosalon ownership filters
 * ========================================================================= */
body.sr-mobile-v4 .sr-v4-park-subfilters{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:5px;
    margin:-2px 0 9px;
}
body.sr-mobile-v4 .sr-v4-park-subfilters>a{
    min-width:0;
    min-height:31px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0 4px;
    border:1px solid var(--sr-border);
    border-radius:9px;
    background:var(--sr-surface-3);
    color:var(--sr-muted)!important;
    font-size:8px;
    font-weight:900;
    text-decoration:none!important;
    box-shadow:var(--sr-shadow-soft);
}
body.sr-mobile-v4 .sr-v4-park-subfilters>a.active{
    border-color:var(--sr-accent);
    background:linear-gradient(180deg,rgba(255,120,24,.10),var(--sr-surface));
    color:var(--sr-text)!important;
    box-shadow:inset 0 -2px var(--sr-accent),var(--sr-shadow-soft);
}
body.sr-mobile-v4 .sr-v4-auto-tabs{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:5px;
    margin:0 0 7px;
}
body.sr-mobile-v4 .sr-v4-auto-tabs>a{
    min-height:36px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid var(--sr-border);
    border-radius:10px;
    background:var(--sr-surface);
    color:var(--sr-muted)!important;
    font-size:9px;
    font-weight:900;
    text-decoration:none!important;
    box-shadow:var(--sr-shadow-soft);
}
body.sr-mobile-v4 .sr-v4-auto-tabs>a.active{
    border-color:var(--sr-accent);
    color:var(--sr-text)!important;
    box-shadow:inset 0 -2px var(--sr-accent),var(--sr-shadow-soft);
}
body.sr-mobile-v4 .sr-v4-auto-discount{
    margin:0 0 7px;
    padding:6px 9px;
    border:1px solid rgba(70,191,114,.40);
    border-radius:9px;
    background:var(--sr-surface);
    color:var(--sr-text-2);
    font-size:8px;
}
body.sr-mobile-v4 .sr-v4-auto-discount>b{color:var(--sr-success);}
body.sr-mobile-v4 .sr-v4-owned-toggle{
    min-height:48px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin:0 0 9px;
    padding:7px 9px 7px 11px;
    border:1px solid var(--sr-border);
    border-radius:12px;
    background:var(--sr-surface);
    color:var(--sr-text)!important;
    box-shadow:var(--sr-shadow-soft);
    cursor:pointer;
}
body.sr-mobile-v4 .sr-v4-owned-toggle>span{min-width:0;display:block;}
body.sr-mobile-v4 .sr-v4-owned-toggle b{display:block;font-size:9px;line-height:13px;}
body.sr-mobile-v4 .sr-v4-owned-toggle small{display:block;margin-top:1px;color:var(--sr-muted);font-size:7px!important;line-height:10px;}
body.sr-mobile-v4 .sr-v4-owned-toggle>input{position:absolute;opacity:0;pointer-events:none;}
body.sr-mobile-v4 .sr-v4-owned-toggle>i{
    position:relative;
    width:37px;
    height:21px;
    flex:0 0 37px;
    border:1px solid var(--sr-border);
    border-radius:12px;
    background:var(--sr-surface-3);
    transition:.15s ease;
}
body.sr-mobile-v4 .sr-v4-owned-toggle>i:after{
    content:"";
    position:absolute;
    top:3px;
    left:3px;
    width:13px;
    height:13px;
    border-radius:50%;
    background:var(--sr-muted);
    transition:.15s ease;
}
body.sr-mobile-v4 .sr-v4-owned-toggle>input:checked+i{
    border-color:var(--sr-accent);
    background:rgba(255,120,24,.14);
}
body.sr-mobile-v4 .sr-v4-owned-toggle>input:checked+i:after{
    left:19px;
    background:var(--sr-accent);
}
body.sr-mobile-v4 .sr-v4-auto-filters{margin-top:0;}
body.sr-mobile-v4 .sr-v4-auto-card{margin:0 0 9px;}
body.sr-mobile-v4 .sr-v4-auto-card.owned{border-color:rgba(255,120,24,.42);}
body.sr-mobile-v4 .sr-v4-auto-card>header>em.preview{
    background:var(--sr-surface-3);
    color:var(--sr-muted);
}
body.sr-mobile-v4 .sr-v4-auto-stage{height:142px;}
body.sr-mobile-v4 .sr-v4-auto-stage .sr-v4-auto-car-img{
    position:static!important;
    display:block!important;
    width:88%!important;
    height:auto!important;
    max-width:330px!important;
    max-height:126px!important;
    margin:auto!important;
    object-fit:contain!important;
    filter:drop-shadow(0 9px 7px rgba(0,0,0,.30));
}
body.sr-mobile-v4 .sr-v4-auto-meta{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    align-items:center;
    min-height:50px;
    padding:6px 7px;
    border-top:1px solid var(--sr-border-soft);
}
body.sr-mobile-v4 .sr-v4-auto-meta>span{
    min-width:0;
    padding:0 5px;
    border-right:1px solid var(--sr-border-soft);
}
body.sr-mobile-v4 .sr-v4-auto-meta>span:last-child{border-right:0;}
body.sr-mobile-v4 .sr-v4-auto-meta img{width:14px!important;height:14px!important;float:left;margin:3px 4px 0 0;object-fit:contain;}
body.sr-mobile-v4 .sr-v4-auto-meta small{display:block;color:var(--sr-muted);font-size:6px!important;line-height:8px;white-space:nowrap;}
body.sr-mobile-v4 .sr-v4-auto-meta b{display:block;overflow:hidden;color:var(--sr-text);font-size:8px;line-height:11px;white-space:nowrap;text-overflow:ellipsis;}
body.sr-mobile-v4 .sr-v4-auto-meta s{color:var(--sr-muted);font-weight:normal;}
body.sr-mobile-v4 .sr-v4-auto-footer{grid-template-columns:1fr!important;}
body.sr-mobile-v4 .sr-v4-auto-footer>a{grid-column:1/-1;}
body.sr-mobile-v4 .sr-v4-auto-disabled{
    min-height:32px;
    display:flex;
    align-items:center;
    justify-content:center;
    grid-column:1/-1;
    border:1px solid var(--sr-border);
    border-radius:9px;
    background:var(--sr-surface-3);
    color:var(--sr-muted);
    font-size:8px;
    font-weight:900;
}
body.sr-mobile-v4 .sr-v4-park-subfilters,
body.sr-mobile-v4 .sr-v4-auto-tabs,
body.sr-mobile-v4 .sr-v4-owned-toggle{position:relative;z-index:20;}
body.sr-mobile-v4 .sr-v4-park-subfilters>a,
body.sr-mobile-v4 .sr-v4-auto-tabs>a,
body.sr-mobile-v4 .sr-v4-owned-toggle{pointer-events:auto!important;touch-action:manipulation;}

@media (max-width:360px){
    body.sr-mobile-v4 .sr-v4-auto-meta{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:7px;}
    body.sr-mobile-v4 .sr-v4-auto-meta>span:nth-child(2){border-right:0;}
    body.sr-mobile-v4 .sr-v4-auto-meta>span:nth-child(n+3){padding-top:5px;border-top:1px solid var(--sr-border-soft);}
}


/* =========================================================================
 * Mobile v4.3.14 - Bar-style NPC dialogue + tuning icons + render trim
 * ========================================================================= */
/* NPC dialogue intentionally has no Mobile v4 override here.
 * sr_v4_personage_message() delegates to the canonical personage() renderer,
 * so avatar/text layout is exactly the same as in the Bar. */

body.sr-mobile-v4 .sr-v4-garage-subcontent-tuning .sr-v4-tuning-part-icon{
    width:45px!important;
    height:45px!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    object-fit:contain!important;
}

/* Long garage/autosalon lists paint only as cards approach the viewport.
 * Unsupported browsers ignore content-visibility and keep the old behavior. */
body.sr-mobile-v4 .sr-v4-car-list>.sr-v4-car-card,
body.sr-mobile-v4 .sr-v4-auto-card{
    content-visibility:auto;
    contain-intrinsic-size:320px;
}
body.sr-mobile-v4 .sr-v4-garage-subcontent-tuning>.div1{
    content-visibility:auto;
    contain-intrinsic-size:104px;
}

/* =========================================================================
 * Mobile v4.3.15 - tuning car preview + native v4 section headings
 * ========================================================================= */
body.sr-mobile-v4 .sr-v4-tuning-car-preview{
    position:relative;
    height:126px;
    margin:0 0 10px;
    overflow:hidden;
    border:1px solid var(--sr-border);
    border-radius:14px;
    background:url('/img/mobile-v4/garage-stage-v431-dark.png') center 58%/cover no-repeat;
    box-shadow:var(--sr-shadow-soft);
}
body.sr-mobile-v4.sr-theme-light .sr-v4-tuning-car-preview{
    background-image:url('/img/mobile-v4/garage-stage-v431-light.png');
}
body.sr-mobile-v4 .sr-v4-tuning-car-preview:after{
    content:'';
    position:absolute;
    left:13%;
    right:13%;
    bottom:11px;
    height:13px;
    border-radius:50%;
    background:rgba(0,0,0,.35);
    filter:blur(5px);
    pointer-events:none;
}
body.sr-mobile-v4 .sr-v4-tuning-car-stage{
    position:absolute;
    inset:7px 12px 8px;
    display:flex;
    align-items:flex-end;
    justify-content:center;
    z-index:2;
}
body.sr-mobile-v4 .sr-v4-tuning-car-stage img[alt="car"],
body.sr-mobile-v4 .sr-v4-tuning-car-img{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    display:block!important;
    width:auto!important;
    height:auto!important;
    max-width:88%!important;
    max-height:105px!important;
    margin:0 auto!important;
    object-fit:contain!important;
    transform:none!important;
    filter:drop-shadow(0 8px 7px rgba(0,0,0,.50));
}

/* div('tt3', ...) is emitted by the legacy helper as .div4.pd6.small.
 * Restyle only section headings inside Mobile v4 garage subpages. */
body.sr-mobile-v4 .sr-v4-garage-subcontent>.div4.pd6.small{
    box-sizing:border-box!important;
    min-height:38px!important;
    display:flex!important;
    align-items:center!important;
    margin:10px 0 6px!important;
    padding:8px 11px 8px 13px!important;
    overflow:hidden!important;
    border:1px solid var(--sr-border)!important;
    border-radius:11px!important;
    background-image:none!important;
    background-color:var(--sr-surface)!important;
    color:var(--sr-text)!important;
    font-size:11px!important;
    line-height:16px!important;
    font-weight:900!important;
    text-shadow:none!important;
    box-shadow:var(--sr-shadow-soft)!important;
}
body.sr-mobile-v4 .sr-v4-garage-subcontent>.div4.pd6.small:before{
    content:'';
    width:4px;
    height:18px;
    flex:0 0 4px;
    margin-right:8px;
    border-radius:4px;
    background:var(--sr-accent);
}
body.sr-mobile-v4 .sr-v4-garage-subcontent>.div4.pd6.small:first-child{
    margin-top:0!important;
}

/* The tuning page has only a handful of rows. Rendering them normally avoids
 * visible delayed painting while scrolling on some mobile browsers. */
body.sr-mobile-v4 .sr-v4-garage-subcontent-tuning>.div1{
    content-visibility:visible!important;
    contain-intrinsic-size:auto!important;
}

@media (max-width:360px){
    body.sr-mobile-v4 .sr-v4-tuning-car-preview{height:112px;}
    body.sr-mobile-v4 .sr-v4-tuning-car-stage img[alt="car"],
    body.sr-mobile-v4 .sr-v4-tuning-car-img{max-height:92px!important;}
}



/* =========================================================================
 * Mobile v4.3.16 - theme-aware legacy logo pack
 * ========================================================================= */

body.sr-mobile-v4.sr-noauth .sr-v4-auth-wordmark{padding:8px 10px 7px;}
body.sr-mobile-v4.sr-noauth .sr-v4-auth-wordmark>span{display:none;}
body.sr-mobile-v4.sr-noauth .sr-v4-auth-wordmark>img{
    display:block;
    width:164px!important;
    max-width:46vw!important;
    height:auto!important;
}
body.sr-mobile-v4.sr-noauth .sr-v4-auth-wordmark small{
    display:block;
    margin-top:3px;
    text-align:left;
}

body.sr-mobile-v4.sr-noauth .sr-v4-noauth-footer-brand{
    display:inline-flex;
    flex-direction:column;
    align-items:flex-start;
    gap:2px;
    color:var(--sr-text)!important;
    text-decoration:none!important;
}
body.sr-mobile-v4.sr-noauth .sr-v4-noauth-footer-brand>span{display:none;}
body.sr-mobile-v4.sr-noauth .sr-v4-noauth-footer-brand>img{
    display:block;
    width:136px!important;
    max-width:44vw!important;
    height:auto!important;
}
body.sr-mobile-v4.sr-noauth .sr-v4-noauth-footer-brand small{
    display:block;
    margin-top:1px;
    color:var(--sr-muted);
    font-size:6px!important;
    line-height:8px;
    letter-spacing:.45px;
    text-transform:uppercase;
}


/* =========================================================================
 * Mobile v4.3.17 - branded logo plates for noauth screens
 * ========================================================================= */
body.sr-mobile-v4.sr-noauth .sr-v4-brand-plate{
    position:relative;
    z-index:2;
    align-self:flex-start;
    display:inline-flex;
    flex-direction:column;
    align-items:flex-start;
    min-width:196px;
    padding:12px 12px 10px;
    border:1px solid rgba(255,255,255,.14);
    border-radius:16px;
    background:linear-gradient(180deg,rgba(10,18,25,.88) 0%, rgba(13,21,30,.76) 100%);
    box-shadow:0 14px 28px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.03);
    text-decoration:none!important;
    backdrop-filter:blur(6px);
}
body.sr-mobile-v4.sr-noauth.sr-theme-light .sr-v4-brand-plate{
    border-color:rgba(72,101,121,.18);
    background:linear-gradient(180deg,rgba(255,255,255,.95) 0%, rgba(242,247,250,.90) 100%);
    box-shadow:0 12px 24px rgba(46,74,94,.12), inset 0 1px 0 rgba(255,255,255,.8);
}
body.sr-mobile-v4.sr-noauth .sr-v4-brand-plate:after{
    content:'';
    position:absolute;
    left:12px;
    right:12px;
    bottom:28px;
    height:1px;
    background:linear-gradient(90deg,rgba(255,124,34,.70),rgba(255,124,34,.12));
}
body.sr-mobile-v4.sr-noauth .sr-v4-brand-plate-stage{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    width:100%;
    min-height:88px;
}
body.sr-mobile-v4.sr-noauth .sr-v4-brand-plate-stage>img{
    display:block;
    width:176px!important;
    max-width:100%!important;
    height:auto!important;
}
body.sr-mobile-v4.sr-noauth .sr-v4-brand-plate small{
    display:block;
    position:relative;
    z-index:1;
    margin-top:8px;
    color:#aab8c4;
    font-size:6px!important;
    line-height:8px;
    font-weight:800;
    letter-spacing:.65px;
    text-transform:uppercase;
}
body.sr-mobile-v4.sr-noauth.sr-theme-light .sr-v4-brand-plate small{color:#6f8596;}
body.sr-mobile-v4.sr-noauth .sr-v4-auth-wordmark{padding:0!important;background:none!important;border:0!important;backdrop-filter:none!important;box-shadow:none!important;}
body.sr-mobile-v4.sr-noauth .sr-v4-auth-wordmark>img{display:none!important;}
body.sr-mobile-v4.sr-noauth .sr-v4-auth-hero-copy{
    width:78%;
    margin-top:14px;
}
body.sr-mobile-v4.sr-noauth .sr-v4-auth-hero-copy h1{
    max-width:295px;
    font-size:20px;
    line-height:22px;
    letter-spacing:-.3px;
}
body.sr-mobile-v4.sr-noauth .sr-v4-auth-hero-copy p{
    max-width:292px;
    margin-top:6px;
}
body.sr-mobile-v4.sr-noauth .sr-v4-noauth-footer-brand{
    padding:0!important;
    background:none!important;
    border:0!important;
    box-shadow:none!important;
}
body.sr-mobile-v4.sr-noauth .sr-v4-brand-plate-compact{
    min-width:166px;
    padding:10px 10px 9px;
    border-radius:14px;
}
body.sr-mobile-v4.sr-noauth .sr-v4-brand-plate-compact .sr-v4-brand-plate-stage{
    min-height:66px;
}
body.sr-mobile-v4.sr-noauth .sr-v4-brand-plate-compact .sr-v4-brand-plate-stage>img{
    width:142px!important;
}
body.sr-mobile-v4.sr-noauth .sr-v4-brand-plate-compact:after{bottom:24px;}
body.sr-mobile-v4.sr-noauth .sr-v4-noauth-footer-brand>img,
body.sr-mobile-v4.sr-noauth .sr-v4-noauth-footer-brand>span{display:none!important;}
@media (max-width:360px){
    body.sr-mobile-v4.sr-noauth .sr-v4-brand-plate{min-width:180px;padding:11px 11px 9px;}
    body.sr-mobile-v4.sr-noauth .sr-v4-brand-plate-stage{min-height:80px;}
    body.sr-mobile-v4.sr-noauth .sr-v4-brand-plate-stage>img{width:164px!important;}
    body.sr-mobile-v4.sr-noauth .sr-v4-auth-hero-copy{width:84%;}
    body.sr-mobile-v4.sr-noauth .sr-v4-auth-hero-copy h1{font-size:18px;line-height:20px;}
}


/* =========================================================================
 * Mobile v4.3.18 - reference-aligned brand card
 * ========================================================================= */
body.sr-mobile-v4.sr-noauth .sr-v4-auth-wordmark.sr-v4-brand-card,
body.sr-mobile-v4.sr-noauth .sr-v4-noauth-footer-brand.sr-v4-brand-card{
    box-sizing:border-box!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    width:176px!important;
    min-width:0!important;
    max-width:48%!important;
    padding:9px 9px 8px!important;
    overflow:hidden!important;
    border:1px solid rgba(89,116,134,.48)!important;
    border-radius:12px!important;
    background:rgba(8,16,22,.86)!important;
    box-shadow:0 7px 18px rgba(0,0,0,.18)!important;
    color:#fff!important;
    text-decoration:none!important;
    backdrop-filter:blur(3px)!important;
}
body.sr-mobile-v4.sr-noauth.sr-theme-light .sr-v4-auth-wordmark.sr-v4-brand-card,
body.sr-mobile-v4.sr-noauth.sr-theme-light .sr-v4-noauth-footer-brand.sr-v4-brand-card{
    border-color:rgba(83,111,129,.32)!important;
    background:rgba(248,251,253,.92)!important;
    box-shadow:0 7px 18px rgba(45,69,84,.10)!important;
    color:#132431!important;
}
body.sr-mobile-v4.sr-noauth .sr-v4-brand-card:after{display:none!important;content:none!important;}
body.sr-mobile-v4.sr-noauth .sr-v4-brand-card-logo{
    box-sizing:border-box;
    display:flex!important;
    align-items:center;
    justify-content:center;
    width:100%;
    min-height:108px;
    padding:0;
    overflow:hidden;
}
body.sr-mobile-v4.sr-noauth .sr-v4-brand-card-logo>img{
    display:block!important;
    width:100%!important;
    max-width:158px!important;
    height:auto!important;
    max-height:110px!important;
    margin:0 auto!important;
    object-fit:contain!important;
}
body.sr-mobile-v4.sr-noauth .sr-v4-brand-card>small{
    display:block!important;
    margin:5px 0 0!important;
    padding-top:6px;
    border-top:1px solid rgba(255,125,34,.32);
    color:#aebbc5!important;
    font-size:6px!important;
    line-height:8px!important;
    font-weight:800!important;
    letter-spacing:.55px!important;
    text-align:left!important;
    text-transform:uppercase!important;
}
body.sr-mobile-v4.sr-noauth.sr-theme-light .sr-v4-brand-card>small{color:#718696!important;}
body.sr-mobile-v4.sr-noauth .sr-v4-auth-hero.landing{
    min-height:276px!important;
    padding:14px!important;
}
body.sr-mobile-v4.sr-noauth .sr-v4-auth-hero-copy{width:78%!important;margin-top:13px!important;}
body.sr-mobile-v4.sr-noauth .sr-v4-auth-hero-copy h1{max-width:300px!important;font-size:21px!important;line-height:23px!important;}
body.sr-mobile-v4.sr-noauth .sr-v4-auth-hero-copy p{max-width:300px!important;margin-top:5px!important;}
body.sr-mobile-v4.sr-noauth .sr-v4-noauth-footer-brand.sr-v4-brand-card-compact{
    width:142px!important;
    max-width:58%!important;
    padding:7px 7px 6px!important;
    border-radius:10px!important;
}
body.sr-mobile-v4.sr-noauth .sr-v4-brand-card-compact .sr-v4-brand-card-logo{min-height:76px!important;}
body.sr-mobile-v4.sr-noauth .sr-v4-brand-card-compact .sr-v4-brand-card-logo>img{max-width:126px!important;max-height:78px!important;}
body.sr-mobile-v4.sr-noauth .sr-v4-brand-card-compact>small{margin-top:3px!important;padding-top:4px!important;font-size:5.5px!important;line-height:7px!important;}
@media (max-width:360px){
    body.sr-mobile-v4.sr-noauth .sr-v4-auth-wordmark.sr-v4-brand-card{width:164px!important;max-width:52%!important;}
    body.sr-mobile-v4.sr-noauth .sr-v4-brand-card-logo{min-height:98px!important;}
    body.sr-mobile-v4.sr-noauth .sr-v4-brand-card-logo>img{max-width:146px!important;max-height:100px!important;}
    body.sr-mobile-v4.sr-noauth .sr-v4-auth-hero-copy{width:86%!important;}
    body.sr-mobile-v4.sr-noauth .sr-v4-auth-hero-copy h1{font-size:18px!important;line-height:20px!important;}
}


/* =========================================================================
 * Mobile v4.3.19 - full noauth landing redesign
 * ========================================================================= */
body.sr-mobile-v4.sr-noauth .sr-v4-landing-hero{
    position:relative;
    min-height:300px;
    margin:0 0 10px;
    overflow:hidden;
    border:1px solid var(--sr-border);
    border-radius:18px;
    background:url('/img/mobile-v4/auth-hero-dark.jpg') center 58%/cover no-repeat;
    box-shadow:var(--sr-shadow);
}
body.sr-mobile-v4.sr-noauth.sr-theme-light .sr-v4-landing-hero{
    border-color:#b7c8d3;
    background-image:url('/img/mobile-v4/auth-hero-light.jpg');
}
body.sr-mobile-v4.sr-noauth .sr-v4-landing-hero:before{
    content:'';
    position:absolute;
    inset:0;
    background:
        linear-gradient(180deg,rgba(2,7,11,.08) 0%,rgba(2,7,11,.20) 40%,rgba(2,7,11,.88) 100%),
        linear-gradient(90deg,rgba(2,7,11,.42) 0%,rgba(2,7,11,.04) 72%);
    pointer-events:none;
}
body.sr-mobile-v4.sr-noauth.sr-theme-light .sr-v4-landing-hero:before{
    background:
        linear-gradient(180deg,rgba(247,251,253,.05) 0%,rgba(247,251,253,.16) 42%,rgba(238,246,250,.93) 100%),
        linear-gradient(90deg,rgba(247,251,253,.44) 0%,rgba(247,251,253,.03) 72%);
}
body.sr-mobile-v4.sr-noauth .sr-v4-landing-hero-inner{
    position:relative;
    z-index:1;
    min-height:300px;
    display:flex;
    flex-direction:column;
    padding:18px 16px 15px;
}
body.sr-mobile-v4.sr-noauth .sr-v4-landing-logo{
    align-self:flex-start;
    display:block;
    max-width:70%;
    color:#fff!important;
    text-decoration:none!important;
}
body.sr-mobile-v4.sr-noauth .sr-v4-landing-logo>img{
    display:block;
    width:218px!important;
    max-width:100%!important;
    height:auto!important;
    margin:-3px 0 0 -4px!important;
    filter:drop-shadow(0 8px 15px rgba(0,0,0,.42));
}
body.sr-mobile-v4.sr-noauth .sr-v4-landing-logo>small{
    display:flex;
    align-items:center;
    gap:7px;
    margin-top:1px;
    color:#a9bbc6;
    font-size:7px!important;
    line-height:9px;
    font-weight:800;
    letter-spacing:.8px;
    text-transform:uppercase;
}
body.sr-mobile-v4.sr-noauth .sr-v4-landing-logo>small:before{
    content:'';
    width:28px;
    height:2px;
    flex:0 0 28px;
    border-radius:2px;
    background:var(--sr-accent);
}
body.sr-mobile-v4.sr-noauth.sr-theme-light .sr-v4-landing-logo>small{color:#5f7788;}
body.sr-mobile-v4.sr-noauth .sr-v4-landing-hero-copy{
    width:100%;
    max-width:306px;
    margin-top:auto;
}
body.sr-mobile-v4.sr-noauth .sr-v4-landing-hero-copy h1{
    margin:0;
    color:#fff;
    font-size:24px;
    line-height:26px;
    font-weight:900;
    letter-spacing:-.55px;
    text-shadow:0 3px 12px rgba(0,0,0,.52);
}
body.sr-mobile-v4.sr-noauth.sr-theme-light .sr-v4-landing-hero-copy h1{
    color:#132634;
    text-shadow:none;
}
body.sr-mobile-v4.sr-noauth .sr-v4-landing-hero-copy p{
    margin:6px 0 0;
    color:#c2d0d8;
    font-size:9px;
    line-height:13px;
}
body.sr-mobile-v4.sr-noauth.sr-theme-light .sr-v4-landing-hero-copy p{color:#496273;}
body.sr-mobile-v4.sr-noauth .sr-v4-landing-pills{
    display:flex;
    flex-wrap:wrap;
    gap:5px;
    margin-top:10px;
}
body.sr-mobile-v4.sr-noauth .sr-v4-landing-pills>span{
    padding:5px 7px;
    border:1px solid rgba(255,255,255,.13);
    border-radius:999px;
    background:rgba(4,12,18,.50);
    color:#d6e0e6;
    font-size:7px;
    line-height:9px;
    backdrop-filter:blur(2px);
}
body.sr-mobile-v4.sr-noauth.sr-theme-light .sr-v4-landing-pills>span{
    border-color:rgba(61,86,104,.16);
    background:rgba(255,255,255,.66);
    color:#40596a;
}

body.sr-mobile-v4.sr-noauth .sr-v4-landing-entry{
    margin:0 0 10px;
    padding:14px;
    border:1px solid var(--sr-border);
    border-radius:17px;
    background:linear-gradient(180deg,var(--sr-surface-2),var(--sr-surface));
    box-shadow:var(--sr-shadow-soft);
}
body.sr-mobile-v4.sr-noauth .sr-v4-landing-entry-copy>b{
    display:block;
    color:var(--sr-text);
    font-size:15px;
    line-height:18px;
}
body.sr-mobile-v4.sr-noauth .sr-v4-landing-entry-copy>p{
    max-width:285px;
    margin:4px 0 12px;
    color:var(--sr-muted);
    font-size:8px;
    line-height:12px;
}
body.sr-mobile-v4.sr-noauth .sr-v4-landing-entry-actions{
    display:grid;
    grid-template-columns:1.25fr 1fr;
    gap:8px;
}
body.sr-mobile-v4.sr-noauth .sr-v4-landing-entry-actions .sr-v4-auth-primary,
body.sr-mobile-v4.sr-noauth .sr-v4-landing-entry-actions .sr-v4-auth-secondary{
    min-height:60px;
    border-radius:13px;
}

body.sr-mobile-v4.sr-noauth .sr-v4-landing-features{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:7px;
    margin:0 0 10px;
}
body.sr-mobile-v4.sr-noauth .sr-v4-landing-features>a{
    min-width:0;
    min-height:78px;
    padding:10px 9px;
    border:1px solid var(--sr-border);
    border-radius:14px;
    background:linear-gradient(180deg,var(--sr-surface-2),var(--sr-surface));
    color:var(--sr-text)!important;
    text-decoration:none!important;
    box-shadow:var(--sr-shadow-soft);
}
body.sr-mobile-v4.sr-noauth .sr-v4-landing-feature-icon{
    width:28px;
    height:28px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:7px;
    border:1px solid rgba(255,116,26,.38);
    border-radius:9px;
    background:rgba(255,116,26,.08);
}
body.sr-mobile-v4.sr-noauth .sr-v4-landing-feature-icon>img{
    width:15px!important;
    height:15px!important;
    max-width:15px!important;
    max-height:15px!important;
}
body.sr-mobile-v4.sr-noauth .sr-v4-landing-features>a>b{
    display:block;
    font-size:10px;
    line-height:13px;
}
body.sr-mobile-v4.sr-noauth .sr-v4-landing-features>a>small{
    display:block;
    margin-top:2px;
    color:var(--sr-muted);
    font-size:6.6px!important;
    line-height:9px;
}

body.sr-mobile-v4.sr-noauth .sr-v4-landing-links{
    display:flex;
    gap:7px;
    margin:0 0 10px;
}
body.sr-mobile-v4.sr-noauth .sr-v4-landing-links>a{
    min-width:0;
    min-height:39px;
    flex:1 1 0;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:7px;
    border:1px solid var(--sr-border);
    border-radius:11px;
    background:var(--sr-surface);
    color:var(--sr-text-2)!important;
    font-size:7px;
    line-height:9px;
    font-weight:700;
    text-align:center;
    text-decoration:none!important;
}

body.sr-mobile-v4.sr-noauth .sr-v4-landing-footer{
    position:relative;
    display:flex;
    align-items:center;
    gap:10px;
    margin:4px 0 0;
    padding:10px 3px 0;
    border-top:1px solid var(--sr-border-soft);
    color:var(--sr-muted);
}
body.sr-mobile-v4.sr-noauth .sr-v4-landing-footer-copy{
    min-width:0;
    flex:1 1 auto;
}
body.sr-mobile-v4.sr-noauth .sr-v4-landing-footer-copy>b{
    display:block;
    color:var(--sr-text-2);
    font-size:8px;
    line-height:10px;
    letter-spacing:.35px;
}
body.sr-mobile-v4.sr-noauth .sr-v4-landing-footer-copy>small{
    display:block;
    margin-top:2px;
    color:var(--sr-muted);
    font-size:5.8px!important;
    line-height:8px;
}
body.sr-mobile-v4.sr-noauth .sr-v4-landing-footer>nav{
    display:flex;
    gap:8px;
}
body.sr-mobile-v4.sr-noauth .sr-v4-landing-footer>nav>a{
    color:var(--sr-muted)!important;
    font-size:6.5px;
    line-height:9px;
    text-decoration:none!important;
}
body.sr-mobile-v4.sr-noauth .sr-v4-landing-footer .sr-v4-noauth-age{
    flex:0 0 auto;
}

@media (max-width:350px){
    body.sr-mobile-v4.sr-noauth .sr-v4-landing-hero,
    body.sr-mobile-v4.sr-noauth .sr-v4-landing-hero-inner{min-height:282px;}
    body.sr-mobile-v4.sr-noauth .sr-v4-landing-hero-inner{padding:15px 13px 13px;}
    body.sr-mobile-v4.sr-noauth .sr-v4-landing-logo>img{width:196px!important;}
    body.sr-mobile-v4.sr-noauth .sr-v4-landing-hero-copy h1{font-size:21px;line-height:23px;}
    body.sr-mobile-v4.sr-noauth .sr-v4-landing-entry-actions{grid-template-columns:1fr;}
    body.sr-mobile-v4.sr-noauth .sr-v4-landing-features{grid-template-columns:1fr;}
    body.sr-mobile-v4.sr-noauth .sr-v4-landing-features>a{min-height:64px;}
    body.sr-mobile-v4.sr-noauth .sr-v4-landing-links{flex-direction:column;}
    body.sr-mobile-v4.sr-noauth .sr-v4-landing-footer{align-items:flex-start;flex-wrap:wrap;}
}


/* =========================================================================
 * Mobile v4.3.20 - approved noauth landing hero integration
 * ========================================================================= */
body.sr-mobile-v4.sr-noauth .sr-v4-landing-hero{
    min-height:0!important;
    margin:0 0 10px!important;
    padding:0!important;
    overflow:hidden;
    border:1px solid var(--sr-border);
    border-radius:18px;
    background:none!important;
    box-shadow:var(--sr-shadow);
}
body.sr-mobile-v4.sr-noauth.sr-theme-light .sr-v4-landing-hero{border-color:#cfd9e2;}
body.sr-mobile-v4.sr-noauth .sr-v4-landing-hero:before,
body.sr-mobile-v4.sr-noauth .sr-v4-landing-hero-inner,
body.sr-mobile-v4.sr-noauth .sr-v4-landing-logo,
body.sr-mobile-v4.sr-noauth .sr-v4-landing-hero-copy,
body.sr-mobile-v4.sr-noauth .sr-v4-landing-pills{display:none!important;}
body.sr-mobile-v4.sr-noauth .sr-v4-landing-hero-art{
    display:block;
    width:100%;
    height:auto;
}

body.sr-mobile-v4.sr-noauth .sr-v4-landing-entry{
    padding:14px 14px 13px;
    border-radius:17px;
}
body.sr-mobile-v4.sr-noauth .sr-v4-landing-entry-copy>b{
    font-size:16px;
    line-height:20px;
    font-weight:900;
    letter-spacing:-.25px;
}
body.sr-mobile-v4.sr-noauth .sr-v4-landing-entry-copy>b span{color:var(--sr-accent);}
body.sr-mobile-v4.sr-noauth .sr-v4-landing-entry-copy>p{
    max-width:none;
    margin:5px 0 13px;
    font-size:8.7px;
    line-height:13px;
}
body.sr-mobile-v4.sr-noauth .sr-v4-landing-entry-actions{
    grid-template-columns:1fr 1fr;
    gap:10px;
}
body.sr-mobile-v4.sr-noauth .sr-v4-landing-entry-actions .sr-v4-auth-primary,
body.sr-mobile-v4.sr-noauth .sr-v4-landing-entry-actions .sr-v4-auth-secondary{
    min-height:70px;
    padding:11px 14px;
    border-radius:15px;
}
body.sr-mobile-v4.sr-noauth .sr-v4-landing-entry-actions .sr-v4-auth-primary span,
body.sr-mobile-v4.sr-noauth .sr-v4-landing-entry-actions .sr-v4-auth-secondary span{
    font-size:13px;
    line-height:16px;
}
body.sr-mobile-v4.sr-noauth .sr-v4-landing-entry-actions .sr-v4-auth-primary small,
body.sr-mobile-v4.sr-noauth .sr-v4-landing-entry-actions .sr-v4-auth-secondary small{
    margin-top:4px;
    font-size:7px!important;
    line-height:9px;
}

body.sr-mobile-v4.sr-noauth .sr-v4-landing-features{display:none!important;}
body.sr-mobile-v4.sr-noauth .sr-v4-landing-links{
    display:grid!important;
    gap:8px;
    margin:0 0 10px;
}
body.sr-mobile-v4.sr-noauth .sr-v4-landing-links>a{
    position:relative;
    display:block;
    min-height:56px;
    padding:12px 36px 11px 13px;
    border:1px solid var(--sr-border);
    border-radius:14px;
    background:linear-gradient(180deg,var(--sr-surface-2),var(--sr-surface));
    color:var(--sr-text)!important;
    text-align:left;
    box-shadow:var(--sr-shadow-soft);
}
body.sr-mobile-v4.sr-noauth .sr-v4-landing-links>a:after{
    content:'›';
    position:absolute;
    right:13px;
    top:50%;
    transform:translateY(-50%);
    color:var(--sr-accent);
    font-size:18px;
    line-height:18px;
    font-weight:900;
}
body.sr-mobile-v4.sr-noauth .sr-v4-landing-links>a>b{
    display:block;
    font-size:10px;
    line-height:13px;
    font-weight:800;
}
body.sr-mobile-v4.sr-noauth .sr-v4-landing-links>a>small{
    display:block;
    margin-top:2px;
    color:var(--sr-muted);
    font-size:6.6px!important;
    line-height:9px;
}

body.sr-mobile-v4.sr-noauth .sr-v4-landing-footer{
    align-items:flex-start;
    justify-content:space-between;
    gap:8px;
    padding:11px 2px 0;
}
body.sr-mobile-v4.sr-noauth .sr-v4-landing-footer-copy>b{
    font-size:12px;
    line-height:14px;
    font-style:italic;
    font-weight:900;
    letter-spacing:-.25px;
    text-transform:uppercase;
}
body.sr-mobile-v4.sr-noauth .sr-v4-landing-footer-copy>small{
    margin-top:4px;
    font-size:7px!important;
    line-height:10px;
}
body.sr-mobile-v4.sr-noauth .sr-v4-landing-footer>nav{display:none!important;}
body.sr-mobile-v4.sr-noauth .sr-v4-landing-footer .sr-v4-noauth-counter{
    position:absolute;
    width:1px;
    height:1px;
    margin:-1px;
    padding:0;
    overflow:hidden;
    clip:rect(0,0,0,0);
    border:0;
}
@media (max-width:350px){
    body.sr-mobile-v4.sr-noauth .sr-v4-landing-entry-actions{grid-template-columns:1fr;}
}


/* =========================================================================
 * Mobile v4.3.21 - noauth pages unified + hero text moved back to code
 * ========================================================================= */
body.sr-mobile-v4.sr-noauth .sr-v4-landing-hero{
    position:relative;
    min-height:0!important;
    margin:0 0 10px!important;
    padding:0!important;
    overflow:hidden;
    border:1px solid var(--sr-border);
    border-radius:18px;
    background:none!important;
    box-shadow:var(--sr-shadow);
}
body.sr-mobile-v4.sr-noauth.sr-theme-light .sr-v4-landing-hero{border-color:#cfd9e2;}
body.sr-mobile-v4.sr-noauth .sr-v4-landing-hero:before,
body.sr-mobile-v4.sr-noauth .sr-v4-landing-hero-inner{display:none!important;}
body.sr-mobile-v4.sr-noauth .sr-v4-landing-hero-art{
    display:block;
    width:100%;
    height:auto;
}
body.sr-mobile-v4.sr-noauth .sr-v4-landing-hero-overlay{
    position:absolute;
    inset:0;
    display:flex;
    flex-direction:column;
    padding:16px 14px 14px;
    background:
        linear-gradient(180deg,rgba(4,10,15,.16) 0%, rgba(4,10,15,.08) 26%, rgba(4,10,15,.22) 48%, rgba(4,10,15,.74) 100%),
        linear-gradient(90deg,rgba(4,10,15,.38) 0%, rgba(4,10,15,.10) 55%, rgba(4,10,15,.02) 100%);
}
body.sr-mobile-v4.sr-noauth.sr-theme-light .sr-v4-landing-hero-overlay{
    background:
        linear-gradient(180deg,rgba(255,255,255,.05) 0%, rgba(255,255,255,.02) 28%, rgba(223,233,240,.06) 50%, rgba(150,170,188,.14) 100%),
        linear-gradient(90deg,rgba(16,31,44,.18) 0%, rgba(16,31,44,.05) 52%, rgba(16,31,44,0) 100%);
}
body.sr-mobile-v4.sr-noauth .sr-v4-landing-logo{
    align-self:flex-start;
    display:block;
    max-width:62%;
    color:#fff!important;
    text-decoration:none!important;
}
body.sr-mobile-v4.sr-noauth .sr-v4-landing-logo>img{
    display:block;
    width:206px!important;
    max-width:100%!important;
    height:auto!important;
    margin:-2px 0 0 -4px!important;
    filter:drop-shadow(0 8px 16px rgba(0,0,0,.44));
}
body.sr-mobile-v4.sr-noauth .sr-v4-landing-logo>small{
    display:flex;
    align-items:center;
    gap:7px;
    margin-top:1px;
    color:#c4d0d9;
    font-size:7px!important;
    line-height:9px;
    font-weight:800;
    letter-spacing:.78px;
    text-transform:uppercase;
}
body.sr-mobile-v4.sr-noauth.sr-theme-light .sr-v4-landing-logo>small{color:#5a7284;}
body.sr-mobile-v4.sr-noauth .sr-v4-landing-logo>small:before{
    content:'';
    width:28px;
    height:2px;
    flex:0 0 28px;
    border-radius:2px;
    background:var(--sr-accent);
}
body.sr-mobile-v4.sr-noauth .sr-v4-landing-hero-copy{
    display:block!important;
    width:100%;
    max-width:320px;
    margin-top:auto;
}
body.sr-mobile-v4.sr-noauth .sr-v4-landing-hero-copy h1{
    margin:0;
    color:#eef4f8;
    font-size:24px;
    line-height:26px;
    font-weight:900;
    letter-spacing:-.55px;
    text-shadow:0 4px 14px rgba(0,0,0,.46);
}
body.sr-mobile-v4.sr-noauth .sr-v4-landing-hero-copy h1 span{color:var(--sr-accent);}
body.sr-mobile-v4.sr-noauth.sr-theme-light .sr-v4-landing-hero-copy h1{
    color:#f8fbfe;
    text-shadow:0 3px 14px rgba(13,28,39,.26);
}
body.sr-mobile-v4.sr-noauth .sr-v4-landing-hero-copy p{
    margin:6px 0 0;
    color:#d0dbe2;
    font-size:9px;
    line-height:13px;
    text-shadow:0 2px 8px rgba(0,0,0,.35);
}
body.sr-mobile-v4.sr-noauth.sr-theme-light .sr-v4-landing-hero-copy p{color:#ebf2f7;text-shadow:0 2px 8px rgba(13,28,39,.24);}
body.sr-mobile-v4.sr-noauth .sr-v4-landing-pills{
    display:flex!important;
    flex-wrap:wrap;
    gap:6px;
    margin-top:11px;
}
body.sr-mobile-v4.sr-noauth .sr-v4-landing-pills>span{
    padding:6px 10px;
    border:1px solid rgba(158,190,213,.22);
    border-radius:999px;
    background:rgba(8,18,26,.56);
    color:#eef4f8;
    font-size:7px;
    line-height:9px;
    font-weight:700;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}
body.sr-mobile-v4.sr-noauth.sr-theme-light .sr-v4-landing-pills>span{
    border-color:rgba(73,101,119,.18);
    background:rgba(76,96,112,.38);
    color:#fff;
}

body.sr-mobile-v4.sr-noauth .sr-v4-auth-hero{
    position:relative;
    min-height:212px;
    margin:0 0 10px;
    overflow:hidden;
    border:1px solid var(--sr-border);
    border-radius:18px;
    background:none!important;
    box-shadow:var(--sr-shadow);
}
body.sr-mobile-v4.sr-noauth.sr-theme-light .sr-v4-auth-hero{border-color:#cfd9e2;}
body.sr-mobile-v4.sr-noauth .sr-v4-auth-hero:before,
body.sr-mobile-v4.sr-noauth .sr-v4-auth-wordmark,
body.sr-mobile-v4.sr-noauth .sr-v4-brand-card{display:none!important;}
body.sr-mobile-v4.sr-noauth .sr-v4-auth-hero-art{
    display:block;
    width:100%;
    height:auto;
}
body.sr-mobile-v4.sr-noauth .sr-v4-auth-hero-overlay{
    position:absolute;
    inset:0;
    display:flex;
    flex-direction:column;
    padding:14px 14px 13px;
    background:
        linear-gradient(180deg,rgba(4,10,15,.20) 0%, rgba(4,10,15,.12) 35%, rgba(4,10,15,.72) 100%),
        linear-gradient(90deg,rgba(4,10,15,.40) 0%, rgba(4,10,15,.10) 54%, rgba(4,10,15,.02) 100%);
}
body.sr-mobile-v4.sr-noauth.sr-theme-light .sr-v4-auth-hero-overlay{
    background:
        linear-gradient(180deg,rgba(255,255,255,.04) 0%, rgba(255,255,255,.03) 34%, rgba(177,194,208,.16) 100%),
        linear-gradient(90deg,rgba(16,31,44,.16) 0%, rgba(16,31,44,.04) 54%, rgba(16,31,44,0) 100%);
}
body.sr-mobile-v4.sr-noauth .sr-v4-auth-brand{
    align-self:flex-start;
    display:block;
    max-width:54%;
    color:#fff!important;
    text-decoration:none!important;
}
body.sr-mobile-v4.sr-noauth .sr-v4-auth-brand>img{
    display:block;
    width:148px!important;
    max-width:100%!important;
    height:auto!important;
    margin:-2px 0 0 -4px!important;
    filter:drop-shadow(0 6px 14px rgba(0,0,0,.34));
}
body.sr-mobile-v4.sr-noauth .sr-v4-auth-brand>small{
    display:flex;
    align-items:center;
    gap:6px;
    margin-top:1px;
    color:#c4d0d9;
    font-size:6px!important;
    line-height:8px;
    font-weight:800;
    letter-spacing:.75px;
    text-transform:uppercase;
}
body.sr-mobile-v4.sr-noauth .sr-v4-auth-brand>small:before{
    content:'';
    width:24px;
    height:2px;
    flex:0 0 24px;
    border-radius:2px;
    background:var(--sr-accent);
}
body.sr-mobile-v4.sr-noauth.sr-theme-light .sr-v4-auth-brand>small{color:#5a7284;}
body.sr-mobile-v4.sr-noauth .sr-v4-auth-hero-copy{
    width:100%!important;
    max-width:300px!important;
    margin-top:auto!important;
}
body.sr-mobile-v4.sr-noauth .sr-v4-auth-hero-copy h1{
    margin:0;
    color:#eef4f8!important;
    font-size:21px!important;
    line-height:23px!important;
    text-shadow:0 4px 14px rgba(0,0,0,.44);
}
body.sr-mobile-v4.sr-noauth.sr-theme-light .sr-v4-auth-hero-copy h1{color:#f9fbfd!important;text-shadow:0 3px 12px rgba(13,28,39,.22)!important;}
body.sr-mobile-v4.sr-noauth .sr-v4-auth-hero-copy p{
    margin:5px 0 0!important;
    color:#d0dbe2!important;
    max-width:280px!important;
    font-size:8.5px!important;
    line-height:12px!important;
    text-shadow:0 2px 8px rgba(0,0,0,.32);
}
body.sr-mobile-v4.sr-noauth.sr-theme-light .sr-v4-auth-hero-copy p{color:#edf3f7!important;text-shadow:0 2px 8px rgba(13,28,39,.20)!important;}

body.sr-mobile-v4.sr-noauth .sr-v4-landing-entry-copy>b span{color:var(--sr-accent);}
body.sr-mobile-v4.sr-noauth .sr-v4-landing-footer,
body.sr-mobile-v4.sr-noauth .sr-v4-landing-footer.sr-v4-landing-footer-subpage{
    position:relative;
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:8px;
    margin:4px 0 0;
    padding:11px 2px 0;
    border-top:1px solid var(--sr-border-soft);
    color:var(--sr-muted);
}
body.sr-mobile-v4.sr-noauth .sr-v4-landing-footer-copy{min-width:0;flex:1 1 auto;}
body.sr-mobile-v4.sr-noauth .sr-v4-landing-footer-copy>b{
    display:block;
    color:var(--sr-text-2);
    font-size:12px;
    line-height:14px;
    font-style:italic;
    font-weight:900;
    letter-spacing:-.25px;
    text-transform:uppercase;
}
body.sr-mobile-v4.sr-noauth .sr-v4-landing-footer-copy>small{
    display:block;
    margin-top:4px;
    color:var(--sr-muted);
    font-size:7px!important;
    line-height:10px;
}
body.sr-mobile-v4.sr-noauth .sr-v4-landing-footer>nav,
body.sr-mobile-v4.sr-noauth .sr-v4-noauth-footer,
body.sr-mobile-v4.sr-noauth .sr-v4-noauth-footer-top,
body.sr-mobile-v4.sr-noauth .sr-v4-noauth-footer-links,
body.sr-mobile-v4.sr-noauth .sr-v4-noauth-footer-copy{display:none!important;}
body.sr-mobile-v4.sr-noauth .sr-v4-landing-footer .sr-v4-noauth-counter{
    position:absolute;
    width:1px;
    height:1px;
    margin:-1px;
    padding:0;
    overflow:hidden;
    clip:rect(0,0,0,0);
    border:0;
}
@media (max-width:350px){
    body.sr-mobile-v4.sr-noauth .sr-v4-landing-logo>img{width:188px!important;}
    body.sr-mobile-v4.sr-noauth .sr-v4-landing-hero-copy h1{font-size:21px;line-height:23px;}
    body.sr-mobile-v4.sr-noauth .sr-v4-auth-brand>img{width:136px!important;}
    body.sr-mobile-v4.sr-noauth .sr-v4-auth-hero-copy h1{font-size:18px!important;line-height:20px!important;}
}

/* Mobile v4.3.22 - unify guest pages before authorization */
body.sr-mobile-v4.sr-noauth .sr-v4-landing-hero-copy h1{font-size:24px!important;line-height:26px!important;max-width:340px!important;}
body.sr-mobile-v4.sr-noauth .sr-v4-landing-hero-copy p{font-size:13px!important;line-height:16px!important;max-width:340px!important;}
body.sr-mobile-v4.sr-noauth .sr-v4-welcome-copy>b{font-size:22px!important;line-height:24px!important;}
body.sr-mobile-v4.sr-noauth .sr-v4-welcome-copy>p{font-size:13px!important;line-height:18px!important;}
body.sr-mobile-v4.sr-noauth .sr-v4-auth-primary span,
body.sr-mobile-v4.sr-noauth .sr-v4-auth-secondary span{font-size:18px!important;line-height:20px!important;}
body.sr-mobile-v4.sr-noauth .sr-v4-auth-primary small,
body.sr-mobile-v4.sr-noauth .sr-v4-auth-secondary small{font-size:10px!important;line-height:12px!important;}
body.sr-mobile-v4.sr-noauth .sr-v4-auth-links>a>b,
body.sr-mobile-v4.sr-noauth .sr-v4-social-login>a b,
body.sr-mobile-v4.sr-noauth .sr-v4-welcome-links>a>b{font-size:15px!important;line-height:18px!important;}
body.sr-mobile-v4.sr-noauth .sr-v4-auth-links>a>small,
body.sr-mobile-v4.sr-noauth .sr-v4-social-login>a small,
body.sr-mobile-v4.sr-noauth .sr-v4-welcome-links>a>small{font-size:11px!important;line-height:14px!important;}
body.sr-mobile-v4.sr-noauth .sr-v4-auth-form>label>span{font-size:14px!important;line-height:16px!important;}
body.sr-mobile-v4.sr-noauth .sr-v4-auth-form>label>small,
body.sr-mobile-v4.sr-noauth .sr-v4-auth-legal{font-size:11px!important;line-height:15px!important;}
body.sr-mobile-v4.sr-noauth .sr-v4-auth-form input.text,
body.sr-mobile-v4.sr-noauth .sr-v4-auth-form select.text{font-size:16px!important;}
body.sr-mobile-v4.sr-noauth .sr-v4-auth-submit{font-size:18px!important;line-height:20px!important;}
body.sr-mobile-v4.sr-noauth .sr-v4-share-card .sr-v4-share-copy>b,
body.sr-mobile-v4.sr-noauth .sr-v4-static-copy>b{display:block;font-size:18px;line-height:22px;font-weight:900;color:var(--sr-text);margin-bottom:8px;}
body.sr-mobile-v4.sr-noauth .sr-v4-share-card .sr-v4-share-copy>p,
body.sr-mobile-v4.sr-noauth .sr-v4-static-copy>p{margin:0;font-size:13px;line-height:18px;color:var(--sr-muted);}
body.sr-mobile-v4.sr-noauth .sr-v4-share-widget{margin-top:14px;padding:10px;border-radius:18px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);overflow:hidden;}
body.sr-mobile-v4.sr-noauth.sr-theme-light .sr-v4-share-widget{background:rgba(255,255,255,.56);border-color:#d6e0e8;}
body.sr-mobile-v4.sr-noauth .sr-v4-about-page{display:block;margin:0 0 10px;}
body.sr-mobile-v4.sr-noauth .sr-v4-about-page .title{display:none!important;}
body.sr-mobile-v4.sr-noauth .sr-v4-about-page .tt3{margin:10px 0 8px;padding:0 4px;color:var(--sr-muted);font-size:11px;line-height:14px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;}
body.sr-mobile-v4.sr-noauth .sr-v4-about-page .menu{display:grid;gap:8px;margin:0 0 10px;padding:0;background:none!important;border:0!important;}
body.sr-mobile-v4.sr-noauth .sr-v4-about-page .menu>a{position:relative;display:flex;align-items:center;gap:12px;min-height:64px;padding:14px 42px 14px 14px;border-radius:18px;background:var(--sr-surface);border:1px solid var(--sr-border);box-shadow:var(--sr-shadow);text-decoration:none;color:var(--sr-text);font-weight:800;font-size:15px;line-height:18px;}
body.sr-mobile-v4.sr-noauth .sr-v4-about-page .menu>a:after{content:'›';position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:24px;line-height:1;color:var(--sr-accent);font-weight:400;}
body.sr-mobile-v4.sr-noauth .sr-v4-about-page .menu>a .icns,
body.sr-mobile-v4.sr-noauth .sr-v4-about-page .menu>a img.fl{float:none!important;margin:0!important;display:inline-flex;align-items:center;justify-content:center;width:26px;min-width:26px;height:26px;opacity:.95;}
body.sr-mobile-v4.sr-noauth .sr-v4-about-page .div1{margin:0 0 10px;padding:14px;border-radius:18px;background:var(--sr-surface);border:1px solid var(--sr-border);box-shadow:var(--sr-shadow);color:var(--sr-text);}
body.sr-mobile-v4.sr-noauth .sr-v4-about-page .div1 a{color:var(--sr-accent);}
body.sr-mobile-v4.sr-noauth .sr-v4-about-page .div1.small,
body.sr-mobile-v4.sr-noauth .sr-v4-about-page .small{font-size:12px!important;line-height:18px!important;}
body.sr-mobile-v4.sr-noauth .sr-v4-about-page .gray{color:var(--sr-muted)!important;}
body.sr-mobile-v4.sr-noauth .sr-v4-about-page .red{color:#ff8d7f!important;}
body.sr-mobile-v4.sr-noauth .sr-v4-about-page .green{color:#7ad7a1!important;}
body.sr-mobile-v4.sr-noauth.sr-theme-light .sr-v4-about-page .red{color:#d05d42!important;}
body.sr-mobile-v4.sr-noauth.sr-theme-light .sr-v4-about-page .green{color:#2f8d55!important;}
body.sr-mobile-v4.sr-noauth .sr-v4-about-page .dotted{margin:10px 0;border-top:1px dashed var(--sr-border);}
body.sr-mobile-v4.sr-noauth .sr-v4-about-page .pr.div1.hidden{padding:10px 8px;background:var(--sr-surface-alt);overflow:hidden;}
body.sr-mobile-v4.sr-noauth .sr-v4-about-page .pr.div1.hidden>a{display:flex!important;align-items:center;justify-content:center;min-height:40px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.08);border-radius:12px;color:var(--sr-text);text-decoration:none;}
body.sr-mobile-v4.sr-noauth.sr-theme-light .sr-v4-about-page .pr.div1.hidden>a{background:rgba(255,255,255,.8);border-color:#d6e0e8;}
body.sr-mobile-v4.sr-noauth .sr-v4-about-page .class{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;border-radius:8px;padding:0 6px;font-size:12px;line-height:12px;vertical-align:middle;}
body.sr-mobile-v4.sr-noauth .sr-v4-about-page .center .cSpeed,
body.sr-mobile-v4.sr-noauth .sr-v4-about-page .center .cMoney,
body.sr-mobile-v4.sr-noauth .sr-v4-about-page .center .cGold{display:inline-flex;align-items:center;gap:4px;margin:6px 6px 0;font-size:12px;line-height:14px;}
body.sr-mobile-v4.sr-noauth .sr-v4-about-page .center .cSpeed img,
body.sr-mobile-v4.sr-noauth .sr-v4-about-page .center .cMoney img,
body.sr-mobile-v4.sr-noauth .sr-v4-about-page .center .cGold img{width:14px;height:14px;}
body.sr-mobile-v4.sr-noauth .sr-v4-about-page .center3 img,
body.sr-mobile-v4.sr-noauth .sr-v4-about-page .mw200px{max-width:100%;height:auto;}
body.sr-mobile-v4.sr-noauth .sr-v4-about-page .person_text{font-size:13px!important;line-height:18px!important;}
body.sr-mobile-v4.sr-noauth .sr-v4-about-page .person_text a{font-weight:700;}
body.sr-mobile-v4.sr-noauth .sr-v4-about-page .nav1,
body.sr-mobile-v4.sr-noauth .sr-v4-about-page .nav2,
body.sr-mobile-v4.sr-noauth .sr-v4-about-page .pages{margin:10px 0;}
body.sr-mobile-v4.sr-noauth .sr-v4-about-page .pages a,
body.sr-mobile-v4.sr-noauth .sr-v4-about-page .pages span{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;margin:0 4px 4px 0;border-radius:12px;padding:0 10px;background:var(--sr-surface);border:1px solid var(--sr-border);color:var(--sr-text);text-decoration:none;}

/* Mobile v4.3.23 - secondary noauth pages cleanup */
body.sr-mobile-v4.sr-noauth .sr-v4-auth-hero.sr-v4-auth-hero-plain .sr-v4-auth-hero-overlay{
    justify-content:flex-end;
}
body.sr-mobile-v4.sr-noauth .sr-v4-auth-hero.sr-v4-auth-hero-plain .sr-v4-auth-hero-copy{
    width:100%!important;
    max-width:300px!important;
    margin-top:auto!important;
}
body.sr-mobile-v4.sr-noauth .sr-v4-auth-hero.sr-v4-auth-hero-plain .sr-v4-auth-brand{display:none!important;}
body.sr-mobile-v4.sr-noauth .sr-v4-footer.sr-v4-footer-noauth{
    margin:6px 0 0;
}
body.sr-mobile-v4.sr-noauth .sr-v4-footer.sr-v4-footer-noauth .sr-v4-footer-main{
    min-height:52px;
}
body.sr-mobile-v4.sr-noauth .sr-v4-footer.sr-v4-footer-noauth .sr-v4-footer-brand{
    max-width:none;
}
body.sr-mobile-v4.sr-noauth .sr-v4-footer.sr-v4-footer-noauth .sr-v4-footer-brand>span{
    font-size:12px;
    line-height:14px;
}
body.sr-mobile-v4.sr-noauth .sr-v4-footer.sr-v4-footer-noauth .sr-v4-footer-brand>small{
    font-size:6.5px!important;
    line-height:8px;
}
body.sr-mobile-v4.sr-noauth .sr-v4-footer.sr-v4-footer-noauth .sr-v4-footer-badge{
    position:static;
    min-width:36px;
    height:28px;
    padding:0 10px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border:1px solid var(--sr-border-soft);
    border-radius:11px;
    background:var(--sr-surface-3);
    color:var(--sr-text);
    font-size:13px;
    line-height:13px;
}
body.sr-mobile-v4.sr-noauth .sr-v4-footer.sr-v4-footer-noauth .sr-v4-footer-meta{
    flex-direction:column;
    align-items:flex-start;
    gap:6px;
}
body.sr-mobile-v4.sr-noauth .sr-v4-footer.sr-v4-footer-noauth .sr-v4-footer-links{
    flex-wrap:wrap;
}
body.sr-mobile-v4.sr-noauth .sr-v4-footer.sr-v4-footer-noauth .sr-v4-footer-links>a{
    font-size:11px;
    line-height:14px;
}
body.sr-mobile-v4.sr-noauth .sr-v4-footer.sr-v4-footer-noauth .sr-v4-footer-time{
    white-space:normal;
    font-size:9px;
    line-height:12px;
}
body.sr-mobile-v4.sr-noauth .sr-v4-footer.sr-v4-footer-noauth .sr-v4-noauth-counter{
    position:absolute;
    width:1px;
    height:1px;
    margin:-1px;
    padding:0;
    overflow:hidden;
    clip:rect(0,0,0,0);
    border:0;
}
@media (max-width: 370px){
    body.sr-mobile-v4.sr-noauth .sr-v4-footer.sr-v4-footer-noauth .sr-v4-footer-links>a{font-size:10px;}
    body.sr-mobile-v4.sr-noauth .sr-v4-footer.sr-v4-footer-noauth .sr-v4-footer-time{font-size:8px;}
}


/* Mobile v4.3.24 - subpage hero fit like landing */
body.sr-mobile-v4.sr-noauth .sr-v4-auth-hero.sr-v4-auth-hero-plain{
    padding:0!important;
    min-height:0!important;
    display:block!important;
    background:none!important;
    border-radius:18px!important;
    overflow:hidden!important;
}
body.sr-mobile-v4.sr-noauth .sr-v4-auth-hero.sr-v4-auth-hero-plain .sr-v4-auth-hero-art{
    display:block;
    width:100%;
    height:auto;
    margin:0;
}
body.sr-mobile-v4.sr-noauth .sr-v4-auth-hero.sr-v4-auth-hero-plain .sr-v4-auth-hero-overlay{
    inset:0;
    padding:14px 14px 13px!important;
}
body.sr-mobile-v4.sr-noauth .sr-v4-auth-hero.sr-v4-auth-hero-plain .sr-v4-auth-hero-copy h1{
    max-width:300px!important;
}
body.sr-mobile-v4.sr-noauth .sr-v4-auth-hero.sr-v4-auth-hero-plain .sr-v4-auth-hero-copy p{
    max-width:290px!important;
}
body.sr-mobile-v4.sr-noauth.sr-theme-light .sr-v4-auth-hero.sr-v4-auth-hero-plain{
    border-color:#cfd9e2!important;
}


/* Mobile v4.3.25 - unified noauth typography */
body.sr-mobile-v4.sr-noauth .sr-v4-landing-hero-copy h1,
body.sr-mobile-v4.sr-noauth .sr-v4-auth-hero.sr-v4-auth-hero-plain .sr-v4-auth-hero-copy h1{
    font-size:24px!important;
    line-height:26px!important;
    font-weight:900!important;
    letter-spacing:-.55px!important;
}
body.sr-mobile-v4.sr-noauth .sr-v4-landing-hero-copy p,
body.sr-mobile-v4.sr-noauth .sr-v4-auth-hero.sr-v4-auth-hero-plain .sr-v4-auth-hero-copy p{
    font-size:13px!important;
    line-height:16px!important;
}
body.sr-mobile-v4.sr-noauth .sr-v4-auth-hero.sr-v4-auth-hero-plain .sr-v4-auth-hero-copy{
    max-width:340px!important;
}
body.sr-mobile-v4.sr-noauth .sr-v4-auth-hero.sr-v4-auth-hero-plain .sr-v4-auth-hero-copy h1,
body.sr-mobile-v4.sr-noauth .sr-v4-auth-hero.sr-v4-auth-hero-plain .sr-v4-auth-hero-copy p{
    max-width:340px!important;
}
@media (max-width:350px){
    body.sr-mobile-v4.sr-noauth .sr-v4-landing-hero-copy h1,
    body.sr-mobile-v4.sr-noauth .sr-v4-auth-hero.sr-v4-auth-hero-plain .sr-v4-auth-hero-copy h1{
        font-size:21px!important;
        line-height:23px!important;
    }
    body.sr-mobile-v4.sr-noauth .sr-v4-landing-hero-copy p,
    body.sr-mobile-v4.sr-noauth .sr-v4-auth-hero.sr-v4-auth-hero-plain .sr-v4-auth-hero-copy p{
        font-size:12px!important;
        line-height:15px!important;
    }
}


/* Mobile v4.3.27 - richer hero text structure for noauth subpages */
body.sr-mobile-v4.sr-noauth .sr-v4-auth-hero.sr-v4-auth-hero-plain .sr-v4-auth-hero-overlay{
    justify-content:flex-end;
    padding:16px 14px 14px!important;
}
body.sr-mobile-v4.sr-noauth .sr-v4-auth-hero.sr-v4-auth-hero-plain .sr-v4-auth-hero-copy{
    width:100%!important;
    max-width:320px!important;
}
body.sr-mobile-v4.sr-noauth .sr-v4-auth-hero.sr-v4-auth-hero-plain .sr-v4-auth-hero-copy h1{
    margin:0;
    max-width:320px!important;
    color:#eef4f8!important;
    font-size:24px!important;
    line-height:26px!important;
    font-weight:900!important;
    letter-spacing:-.55px!important;
    text-shadow:0 4px 14px rgba(0,0,0,.46)!important;
}
body.sr-mobile-v4.sr-noauth .sr-v4-auth-hero.sr-v4-auth-hero-plain .sr-v4-auth-hero-copy h1 span{color:var(--sr-accent)!important;}
body.sr-mobile-v4.sr-noauth.sr-theme-light .sr-v4-auth-hero.sr-v4-auth-hero-plain .sr-v4-auth-hero-copy h1{
    color:#f8fbfe!important;
    text-shadow:0 3px 14px rgba(13,28,39,.26)!important;
}
body.sr-mobile-v4.sr-noauth .sr-v4-auth-hero.sr-v4-auth-hero-plain .sr-v4-auth-hero-copy p{
    margin:6px 0 0!important;
    max-width:320px!important;
    color:#d0dbe2!important;
    font-size:13px!important;
    line-height:16px!important;
    text-shadow:0 2px 8px rgba(0,0,0,.35)!important;
}
body.sr-mobile-v4.sr-noauth.sr-theme-light .sr-v4-auth-hero.sr-v4-auth-hero-plain .sr-v4-auth-hero-copy p{
    color:#ebf2f7!important;
    text-shadow:0 2px 8px rgba(13,28,39,.24)!important;
}
body.sr-mobile-v4.sr-noauth .sr-v4-auth-hero.sr-v4-auth-hero-plain .sr-v4-landing-pills{
    display:flex!important;
    flex-wrap:wrap;
    gap:6px;
    margin-top:11px;
}
body.sr-mobile-v4.sr-noauth .sr-v4-auth-hero.sr-v4-auth-hero-plain .sr-v4-landing-pills>span{
    padding:6px 10px;
    border:1px solid rgba(158,190,213,.22);
    border-radius:999px;
    background:rgba(8,18,26,.56);
    color:#eef4f8;
    font-size:7px;
    line-height:9px;
    font-weight:700;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}
body.sr-mobile-v4.sr-noauth.sr-theme-light .sr-v4-auth-hero.sr-v4-auth-hero-plain .sr-v4-landing-pills>span{
    border-color:rgba(73,101,119,.18);
    background:rgba(76,96,112,.38);
    color:#fff;
}
@media (max-width:350px){
    body.sr-mobile-v4.sr-noauth .sr-v4-auth-hero.sr-v4-auth-hero-plain .sr-v4-auth-hero-copy h1{
        font-size:21px!important;
        line-height:23px!important;
    }
    body.sr-mobile-v4.sr-noauth .sr-v4-auth-hero.sr-v4-auth-hero-plain .sr-v4-auth-hero-copy p{
        font-size:11px!important;
        line-height:14px!important;
    }
}


/* Mobile v4.3.29 - enlarge landing page typography */
body.sr-mobile-v4.sr-noauth .sr-v4-landing-entry-copy>b{
    font-size:22px!important;
    line-height:24px!important;
    font-weight:900!important;
    letter-spacing:-.45px!important;
}
body.sr-mobile-v4.sr-noauth .sr-v4-landing-entry-copy>p{
    margin:6px 0 14px!important;
    font-size:13px!important;
    line-height:18px!important;
    color:var(--sr-text-2)!important;
}
body.sr-mobile-v4.sr-noauth .sr-v4-landing-entry-actions .sr-v4-auth-primary,
body.sr-mobile-v4.sr-noauth .sr-v4-landing-entry-actions .sr-v4-auth-secondary{
    min-height:76px!important;
    padding:12px 16px!important;
}
body.sr-mobile-v4.sr-noauth .sr-v4-landing-entry-actions .sr-v4-auth-primary span,
body.sr-mobile-v4.sr-noauth .sr-v4-landing-entry-actions .sr-v4-auth-secondary span{
    font-size:18px!important;
    line-height:20px!important;
    font-weight:900!important;
    letter-spacing:-.2px!important;
}
body.sr-mobile-v4.sr-noauth .sr-v4-landing-entry-actions .sr-v4-auth-primary small,
body.sr-mobile-v4.sr-noauth .sr-v4-landing-entry-actions .sr-v4-auth-secondary small{
    margin-top:5px!important;
    font-size:10px!important;
    line-height:12px!important;
    opacity:.86!important;
}
body.sr-mobile-v4.sr-noauth .sr-v4-landing-links>a{
    min-height:64px!important;
    padding:13px 40px 12px 14px!important;
}
body.sr-mobile-v4.sr-noauth .sr-v4-landing-links>a>b{
    font-size:15px!important;
    line-height:18px!important;
    font-weight:800!important;
}
body.sr-mobile-v4.sr-noauth .sr-v4-landing-links>a>small{
    margin-top:3px!important;
    font-size:10px!important;
    line-height:13px!important;
}
body.sr-mobile-v4.sr-noauth .sr-v4-landing-links>a:after{
    font-size:24px!important;
    line-height:24px!important;
}
body.sr-mobile-v4.sr-noauth .sr-v4-footer.sr-v4-footer-noauth .sr-v4-footer-links>a{
    font-size:12px!important;
    line-height:15px!important;
}
body.sr-mobile-v4.sr-noauth .sr-v4-footer.sr-v4-footer-noauth .sr-v4-footer-time{
    font-size:10px!important;
    line-height:13px!important;
}
@media (max-width:350px){
    body.sr-mobile-v4.sr-noauth .sr-v4-landing-entry-copy>b{
        font-size:19px!important;
        line-height:22px!important;
    }
    body.sr-mobile-v4.sr-noauth .sr-v4-landing-entry-copy>p{
        font-size:12px!important;
        line-height:16px!important;
    }
    body.sr-mobile-v4.sr-noauth .sr-v4-landing-entry-actions .sr-v4-auth-primary span,
    body.sr-mobile-v4.sr-noauth .sr-v4-landing-entry-actions .sr-v4-auth-secondary span{
        font-size:16px!important;
        line-height:18px!important;
    }
    body.sr-mobile-v4.sr-noauth .sr-v4-landing-entry-actions .sr-v4-auth-primary small,
    body.sr-mobile-v4.sr-noauth .sr-v4-landing-entry-actions .sr-v4-auth-secondary small,
    body.sr-mobile-v4.sr-noauth .sr-v4-landing-links>a>small{
        font-size:9px!important;
        line-height:12px!important;
    }
    body.sr-mobile-v4.sr-noauth .sr-v4-landing-links>a>b{
        font-size:14px!important;
        line-height:17px!important;
    }
}


/* Mobile v4.3.31 - safeguard authenticated about icons sizing */
body.sr-mobile-v4:not(.sr-noauth) .menu>a img.fl,
body.sr-mobile-v4:not(.sr-noauth) .menu .hidden>a img.fl,
body.sr-mobile-v4:not(.sr-noauth) .hidden .menu>a img.fl{
    float:none!important;
    display:inline-block!important;
    vertical-align:middle!important;
    width:18px!important;
    min-width:18px!important;
    height:18px!important;
    margin:0 8px 0 0!important;
    object-fit:contain!important;
}
body.sr-mobile-v4:not(.sr-noauth) .menu>a .icns,
body.sr-mobile-v4:not(.sr-noauth) .menu .hidden>a .icns,
body.sr-mobile-v4:not(.sr-noauth) .hidden .menu>a .icns{
    margin-right:8px!important;
}

/* =========================================================================
 * Mobile v4.3.32 - Garage news restore + City redesign
 * ========================================================================= */
body.sr-mobile-v4 .sr-v4-garage-news{
    margin:0 0 10px;
}
body.sr-mobile-v4 .sr-v4-garage-news>header{
    min-height:38px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin:0 0 7px;
    padding:8px 10px;
    border:1px solid var(--sr-border);
    border-radius:13px;
    background:linear-gradient(180deg,var(--sr-surface-2),var(--sr-surface));
    box-shadow:var(--sr-shadow-soft);
}
body.sr-mobile-v4 .sr-v4-garage-news>header>b{
    color:var(--sr-text);
    font-size:12px;
    line-height:15px;
}
body.sr-mobile-v4 .sr-v4-garage-news>header>a{
    color:var(--sr-accent)!important;
    font-size:8px;
    line-height:10px;
    text-decoration:none!important;
}
body.sr-mobile-v4 .sr-v4-garage-news-feed>.div1,
body.sr-mobile-v4 .sr-v4-garage-news-feed>.div11{
    margin:0 0 7px!important;
    padding:7px!important;
    overflow:hidden;
    border:1px solid var(--sr-border)!important;
    border-radius:13px!important;
    background:var(--sr-surface)!important;
    box-shadow:var(--sr-shadow-soft)!important;
}
body.sr-mobile-v4 .sr-v4-garage-news-feed>.div1>img.fl{
    float:left!important;
    width:48px!important;
    max-width:48px!important;
    height:48px!important;
    min-height:48px!important;
    margin:0 8px 0 0!important;
    border:2px solid var(--sr-accent);
    border-radius:11px;
    object-fit:cover;
}
body.sr-mobile-v4 .sr-v4-garage-news-feed .person_text{
    min-height:48px!important;
    padding:1px 2px!important;
    color:var(--sr-text)!important;
    font-size:10px!important;
    line-height:13px!important;
}
body.sr-mobile-v4 .sr-v4-garage-news-feed .person_text a{
    color:var(--sr-accent)!important;
    font-weight:700;
}
body.sr-mobile-v4 .sr-v4-garage-news-feed>.div11[style*="text-align"]{
    padding:10px!important;
    text-align:center!important;
}
body.sr-mobile-v4 .sr-v4-garage-news-feed>.div11[style*="text-align"] img{
    max-width:100%!important;
    height:auto;
}

body.sr-mobile-v4 .sr-v4-city-hero{
    position:relative;
    min-height:132px;
    display:flex;
    justify-content:space-between;
    gap:10px;
    margin:0 0 10px;
    padding:13px;
    overflow:hidden;
    border:1px solid var(--sr-border);
    border-radius:16px;
    background:
        radial-gradient(circle at 78% 28%,rgba(255,120,24,.10),transparent 34%),
        linear-gradient(135deg,var(--sr-surface-2),var(--sr-surface));
    box-shadow:var(--sr-shadow);
}
body.sr-mobile-v4 .sr-v4-city-hero:after{
    content:'';
    position:absolute;
    right:76px;
    bottom:10px;
    width:128px;
    height:54px;
    opacity:.18;
    background:
        linear-gradient(to top,rgba(255,120,24,.55) 0 2px,transparent 2px) 0 100%/100% 100% no-repeat,
        repeating-linear-gradient(90deg,transparent 0 13px,rgba(255,120,24,.28) 13px 15px,transparent 15px 23px);
    clip-path:polygon(0 85%,9% 78%,18% 81%,27% 55%,35% 62%,44% 31%,53% 50%,62% 23%,71% 41%,80% 12%,89% 30%,100% 4%,100% 100%,0 100%);
    pointer-events:none;
}
body.sr-mobile-v4 .sr-v4-city-hero-copy{
    position:relative;
    z-index:2;
    min-width:0;
    flex:1 1 auto;
}
body.sr-mobile-v4 .sr-v4-city-hero-copy>small{
    display:block;
    margin-bottom:3px;
    color:var(--sr-accent);
    font-size:7px!important;
    line-height:9px;
    font-weight:900;
    letter-spacing:.08em;
}
body.sr-mobile-v4 .sr-v4-city-hero-copy>h1{
    margin:0;
    color:var(--sr-text);
    font-size:20px;
    line-height:23px;
    font-weight:900;
    letter-spacing:-.45px;
}
body.sr-mobile-v4 .sr-v4-city-hero-copy>p{
    max-width:245px;
    margin:5px 0 24px;
    color:var(--sr-muted);
    font-size:9px;
    line-height:13px;
}
body.sr-mobile-v4 .sr-v4-city-owner{
    position:absolute;
    left:0;
    bottom:0;
    color:var(--sr-muted);
    font-size:7px;
    line-height:10px;
}
body.sr-mobile-v4 .sr-v4-city-owner>a,
body.sr-mobile-v4 .sr-v4-city-owner>b{
    color:var(--sr-text-2)!important;
    font-weight:700;
    text-decoration:none!important;
}
body.sr-mobile-v4 .sr-v4-city-hero-stats{
    position:relative;
    z-index:2;
    width:70px;
    flex:0 0 70px;
    display:grid;
    gap:5px;
    align-content:start;
}
body.sr-mobile-v4 .sr-v4-city-hero-stats>span,
body.sr-mobile-v4 .sr-v4-city-hero-stats>a{
    min-height:42px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:6px 7px;
    border:1px solid var(--sr-border-soft);
    border-radius:9px;
    background:rgba(5,20,30,.20);
    color:var(--sr-text)!important;
    text-decoration:none!important;
}
body.sr-mobile-v4.sr-theme-light .sr-v4-city-hero-stats>span,
body.sr-mobile-v4.sr-theme-light .sr-v4-city-hero-stats>a{background:rgba(255,255,255,.50);}
body.sr-mobile-v4 .sr-v4-city-hero-stats small{
    color:var(--sr-muted);
    font-size:6px!important;
    line-height:8px;
}
body.sr-mobile-v4 .sr-v4-city-hero-stats b{
    margin-top:2px;
    color:var(--sr-text);
    font-size:10px;
    line-height:12px;
}
body.sr-mobile-v4 .sr-v4-city-section-title{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin:0 2px 7px;
}
body.sr-mobile-v4 .sr-v4-city-section-title>b{
    color:var(--sr-text);
    font-size:12px;
    line-height:15px;
}
body.sr-mobile-v4 .sr-v4-city-section-title>a{
    color:var(--sr-text-2)!important;
    font-size:7px;
    line-height:10px;
    text-decoration:none!important;
}
body.sr-mobile-v4 .sr-v4-city-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:7px;
    margin:0 0 10px;
}
body.sr-mobile-v4 .sr-v4-city-card{
    position:relative;
    min-height:82px;
    display:flex;
    align-items:center;
    gap:9px;
    padding:11px 9px;
    overflow:hidden;
    border:1px solid var(--sr-border);
    border-radius:13px;
    background:linear-gradient(180deg,var(--sr-surface-2),var(--sr-surface));
    color:var(--sr-text)!important;
    text-decoration:none!important;
    box-shadow:var(--sr-shadow-soft);
}
body.sr-mobile-v4.sr-theme-dark .sr-v4-city-card{
    background:linear-gradient(180deg,#132431,#0e1e29);
    border-color:#31536b;
}
body.sr-mobile-v4.sr-theme-light .sr-v4-city-card{
    background:linear-gradient(180deg,#ffffff,#f4f9fc);
}
body.sr-mobile-v4 .sr-v4-city-card:active{
    transform:translateY(1px);
    background:var(--sr-surface-hover);
}
body.sr-mobile-v4 .sr-v4-city-card.accent{
    border-color:var(--sr-accent)!important;
    box-shadow:inset 3px 0 var(--sr-accent),var(--sr-shadow-soft);
}
body.sr-mobile-v4 .sr-v4-city-card.locked{opacity:.70;}
body.sr-mobile-v4 .sr-v4-city-card-icon{
    width:32px;
    height:32px;
    flex:0 0 32px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(255,120,24,.32);
    border-radius:9px;
    background:rgba(255,120,24,.04);
}
body.sr-mobile-v4 .sr-v4-city-card-icon>img{
    width:21px!important;
    height:21px!important;
    max-width:21px!important;
    max-height:21px!important;
}
body.sr-mobile-v4 .sr-v4-city-card-copy{
    min-width:0;
    display:block;
    padding-top:4px;
}
body.sr-mobile-v4 .sr-v4-city-card-copy>b{
    display:block;
    overflow:hidden;
    color:var(--sr-text);
    font-size:10px;
    line-height:13px;
    white-space:nowrap;
    text-overflow:ellipsis;
}
body.sr-mobile-v4 .sr-v4-city-card-copy>small{
    display:block;
    margin-top:3px;
    overflow:hidden;
    color:var(--sr-muted);
    font-size:6.5px!important;
    line-height:9px;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
}
body.sr-mobile-v4 .sr-v4-city-card>em{
    position:absolute;
    top:5px;
    right:6px;
    max-width:74px;
    overflow:hidden;
    padding:2px 5px;
    border-radius:999px;
    background:rgba(73,144,188,.13);
    color:#6cb6e6;
    font-size:5.5px;
    line-height:7px;
    font-style:normal;
    font-weight:700;
    white-space:nowrap;
    text-overflow:ellipsis;
}
body.sr-mobile-v4 .sr-v4-city-card.accent>em{
    background:rgba(255,120,24,.14);
    color:var(--sr-accent);
}
body.sr-mobile-v4.sr-theme-light .sr-v4-city-card>em{
    background:#e8f3fa;
    color:#367eaa;
}
body.sr-mobile-v4.sr-theme-light .sr-v4-city-card.accent>em{
    background:#fff0e4;
    color:#e56510;
}
@media (max-width:350px){
    body.sr-mobile-v4 .sr-v4-city-grid{gap:6px;}
    body.sr-mobile-v4 .sr-v4-city-card{min-height:78px;gap:7px;padding:10px 7px;}
    body.sr-mobile-v4 .sr-v4-city-card-icon{width:29px;height:29px;flex-basis:29px;}
    body.sr-mobile-v4 .sr-v4-city-card-icon>img{width:19px!important;height:19px!important;}
    body.sr-mobile-v4 .sr-v4-city-card-copy>b{font-size:9px;line-height:12px;}
    body.sr-mobile-v4 .sr-v4-city-card-copy>small{font-size:6px!important;line-height:8px;}
}


/* =========================================================================
 * Mobile v4.3.33 - garage NPC news cleanup + styling fallback
 * ========================================================================= */
body.sr-mobile-v4 .sr-v4-garage-news-feed>.div1{
    margin:0 0 7px!important;
    padding:6px!important;
    overflow:hidden!important;
    border:1px solid var(--sr-border)!important;
    border-radius:12px!important;
    background:var(--sr-surface)!important;
    box-shadow:var(--sr-shadow-soft)!important;
}
body.sr-mobile-v4 .sr-v4-garage-news-feed>.div1>img.fl{
    float:left!important;
    width:50px!important;
    max-width:50px!important;
    height:50px!important;
    min-height:50px!important;
    margin:0 8px 0 0!important;
    border:2px solid var(--sr-accent)!important;
    border-radius:11px!important;
    object-fit:cover!important;
}
body.sr-mobile-v4 .sr-v4-garage-news-feed>.div1 .person_text{
    min-height:50px!important;
    padding:2px 3px!important;
    color:var(--sr-text)!important;
    font-size:13px!important;
    line-height:16px!important;
}
body.sr-mobile-v4 .sr-v4-garage-news-feed>.div1 .person_text a{
    color:var(--sr-accent)!important;
    font-weight:700!important;
}
body.sr-mobile-v4 .sr-v4-garage-news-feed>.div11[style*="text-align"]{
    display:none!important;
}

/* =========================================================================
 * Mobile v4.3.39 - garage news dialogues aligned with Daily Bonus layout
 * ========================================================================= */
body.sr-mobile-v4 .sr-v4-garage-news-feed > .div1{
    display:flex!important;
    align-items:flex-start!important;
    gap:10px!important;
    padding:8px!important;
}
body.sr-mobile-v4 .sr-v4-garage-news-feed > .div1 > img.fl{
    float:none!important;
    display:block!important;
    flex:0 0 50px!important;
    width:50px!important;
    max-width:50px!important;
    height:50px!important;
    min-height:50px!important;
    margin:0!important;
    border:2px solid var(--sr-accent)!important;
    border-radius:11px!important;
    object-fit:cover!important;
}
body.sr-mobile-v4 .sr-v4-garage-news-feed > .div1 .person_text{
    flex:1 1 auto!important;
    min-height:50px!important;
    margin:0!important;
    padding:1px 0!important;
    overflow:hidden!important;
    color:var(--sr-text)!important;
    font-size:13px!important;
    line-height:16px!important;
    text-align:left!important;
}
body.sr-mobile-v4 .sr-v4-garage-news-feed > .div1 .person_text img{
    vertical-align:-2px;
}
body.sr-mobile-v4 .sr-v4-garage-news-feed > .div1 .clrb{
    display:none!important;
}
@media (max-width:350px){
    body.sr-mobile-v4 .sr-v4-garage-news-feed > .div1{
        gap:8px!important;
        padding:7px!important;
    }
    body.sr-mobile-v4 .sr-v4-garage-news-feed > .div1 > img.fl{
        flex-basis:46px!important;
        width:46px!important;
        max-width:46px!important;
        height:46px!important;
        min-height:46px!important;
    }
    body.sr-mobile-v4 .sr-v4-garage-news-feed > .div1 .person_text{
        min-height:46px!important;
        font-size:12px!important;
        line-height:15px!important;
    }
}

/* =========================================================================
 * Mobile v4.3.40 - remove outer accent frame from garage news avatars
 * ========================================================================= */
body.sr-mobile-v4 .sr-v4-garage-news-feed > .div1 > img.fl{
    border:0!important;
    box-shadow:none!important;
}

/* =========================================================================
 * Mobile v4.3.41 - preserve full garage news avatar image without cropping
 * ========================================================================= */
body.sr-mobile-v4 .sr-v4-garage-news-feed > .div1 > img.fl{
    flex:0 0 56px!important;
    width:56px!important;
    max-width:56px!important;
    height:50px!important;
    min-height:50px!important;
    object-fit:contain!important;
    object-position:center center!important;
    background:transparent!important;
}
body.sr-mobile-v4 .sr-v4-garage-news-feed > .div1 .person_text{
    min-height:50px!important;
}
@media (max-width:350px){
    body.sr-mobile-v4 .sr-v4-garage-news-feed > .div1 > img.fl{
        flex-basis:52px!important;
        width:52px!important;
        max-width:52px!important;
        height:46px!important;
        min-height:46px!important;
    }
    body.sr-mobile-v4 .sr-v4-garage-news-feed > .div1 .person_text{
        min-height:46px!important;
    }
}

/* =========================================================================
 * Mobile v4.3.42 - global NPC/personage avatar normalization
 * All legacy template personage assets are natively 56x50. Do not crop them,
 * do not add a second frame, and let the artwork's own border render intact.
 * ========================================================================= */
body.sr-mobile-v4 img.fl[src*="/template/"][src*="/personage/"]{
    width:56px!important;
    max-width:56px!important;
    height:50px!important;
    min-height:50px!important;
    object-fit:contain!important;
    object-position:center center!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    background:transparent!important;
}

/* Garage news uses flex layout; keep the same native personage geometry there. */
body.sr-mobile-v4 .sr-v4-garage-news-feed > .div1 > img.fl[src*="/template/"][src*="/personage/"]{
    flex:0 0 56px!important;
    width:56px!important;
    max-width:56px!important;
    height:50px!important;
    min-height:50px!important;
    margin:0!important;
    object-fit:contain!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
}


/* =========================================================================
 * Mobile v4.3.43 - personage avatar polish + Bar NPC crop tune
 * - add a tiny transparent breathing room so legacy 56x50 portraits do not
 *   look like a corner is clipped in light theme blocks;
 * - keep Garage news aligned with that geometry;
 * - Bar NPC avatars are intentionally zoomed a bit more to hide the old
 *   baked-in portrait frame.
 * ========================================================================= */
body.sr-mobile-v4 img.fl[src*="/template/"][src*="/personage/"]{
    display:block!important;
    box-sizing:content-box!important;
    padding:1px!important;
    background:transparent!important;
}
body.sr-mobile-v4 .div1 > img.fl[src*="/template/"][src*="/personage/"],
body.sr-mobile-v4 .div11 > img.fl[src*="/template/"][src*="/personage/"]{
    margin:0 8px 0 0!important;
}
body.sr-mobile-v4 .sr-v4-garage-news-feed > .div1 > img.fl[src*="/template/"][src*="/personage/"]{
    flex:0 0 58px!important;
    width:56px!important;
    max-width:56px!important;
    height:50px!important;
    min-height:50px!important;
    padding:1px!important;
    margin:0!important;
    box-sizing:content-box!important;
}
body.sr-mobile-v4 .sr-v4-garage-news-feed > .div1 .person_text{
    min-height:52px!important;
}
@media (max-width:350px){
    body.sr-mobile-v4 .sr-v4-garage-news-feed > .div1 > img.fl[src*="/template/"][src*="/personage/"]{
        flex-basis:54px!important;
        width:52px!important;
        max-width:52px!important;
        height:46px!important;
        min-height:46px!important;
        padding:1px!important;
    }
    body.sr-mobile-v4 .sr-v4-garage-news-feed > .div1 .person_text{
        min-height:48px!important;
    }
}


/* =========================================================================
 * Mobile v4.3.44 - personage text bubble joins avatar in garage news
 * Remove the visual gap between the legacy portrait sprite and the dialogue
 * bubble by letting the bubble slightly overlap into the avatar's transparent
 * side padding, while keeping inner text spacing comfortable.
 * ========================================================================= */
body.sr-mobile-v4 .sr-v4-garage-news-feed > .div1{
    gap:0!important;
}
body.sr-mobile-v4 .sr-v4-garage-news-feed > .div1 .person_text{
    margin-left:-6px!important;
    padding:4px 8px 4px 12px!important;
}
@media (max-width:350px){
    body.sr-mobile-v4 .sr-v4-garage-news-feed > .div1 .person_text{
        margin-left:-5px!important;
        padding:3px 7px 3px 10px!important;
    }
}


/* =========================================================================
 * Mobile v4.3.45 - garage news bubble exact avatar adjacency
 * The dialogue bubble should touch the avatar, but must not overlap it.
 * Use zero inter-element gap and no negative overlap.
 * ========================================================================= */
body.sr-mobile-v4 .sr-v4-garage-news-feed > .div1{
    gap:0!important;
}
body.sr-mobile-v4 .sr-v4-garage-news-feed > .div1 .person_text{
    margin-left:0!important;
    padding:4px 8px 4px 10px!important;
}
@media (max-width:350px){
    body.sr-mobile-v4 .sr-v4-garage-news-feed > .div1 .person_text{
        margin-left:0!important;
        padding:3px 7px 3px 9px!important;
    }
}


/* =========================================================================
 * Mobile v4.3.46 - fine tune garage news bubble join
 * v4.3.45 left a tiny visible slit. Move the bubble 2px left so it touches
 * the avatar cleanly without visually covering it.
 * ========================================================================= */
body.sr-mobile-v4 .sr-v4-garage-news-feed > .div1 .person_text{
    margin-left:-2px!important;
    padding:4px 8px 4px 11px!important;
}
@media (max-width:350px){
    body.sr-mobile-v4 .sr-v4-garage-news-feed > .div1 .person_text{
        margin-left:-2px!important;
        padding:3px 7px 3px 10px!important;
    }
}

/* =========================================================================
 * Mobile v4.3.56 - tournament race UI aligned with /race
 * ========================================================================= */
body.sr-mobile-v4 .sr-turnir-screen{margin:0 0 10px;}
body.sr-mobile-v4 .sr-turnir-card{overflow:hidden;border:1px solid #c5d3dd;border-radius:15px;background:linear-gradient(180deg,#fff,#f2f7fa);box-shadow:0 6px 16px rgba(31,55,74,.10);}
body.sr-mobile-v4 .sr-turnir-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-bottom:1px solid #d8e2e9;background:linear-gradient(180deg,#fff,#f7fbfd);}
body.sr-mobile-v4 .sr-turnir-head b{display:block;color:#152333;font-size:16px;line-height:19px;}
body.sr-mobile-v4 .sr-turnir-head small{display:block;margin-top:2px;color:#74899a;font-size:10px;line-height:13px;}
body.sr-mobile-v4 .sr-turnir-stage{overflow:hidden;position:relative;height:220px;margin:10px 4px 14px;border:1px solid #c5d3dd;border-radius:16px;background:url('/img/mobile-v4/race-stage-v4348-light.jpg') center/cover no-repeat;box-shadow:0 8px 20px rgba(31,55,74,.13);}
body.sr-mobile-v4 .sr-turnir-stage:before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(5,12,20,.10),transparent 20%,transparent 80%,rgba(5,12,20,.12)),linear-gradient(180deg,rgba(255,255,255,.02),transparent 42%,rgba(7,14,22,.15) 100%);pointer-events:none;}
body.sr-mobile-v4 .sr-turnir-stage-label{position:absolute;z-index:11;top:10px;left:10px;max-width:55%;padding:6px 9px;border:1px solid rgba(255,255,255,.28);border-radius:10px;background:rgba(8,18,27,.74);box-shadow:0 4px 12px rgba(0,0,0,.18);color:#fff;text-align:left;}
body.sr-mobile-v4 .sr-turnir-stage-label b{display:block;color:#fff;font-size:12px;line-height:14px;letter-spacing:.7px;}
body.sr-mobile-v4 .sr-turnir-stage-label small{display:block;margin-top:2px;color:#d5e1e8;font-size:8px;line-height:10px;}
body.sr-mobile-v4 .sr-turnir-stage-label-win{border-color:rgba(91,209,132,.5);background:rgba(15,74,40,.78);}
body.sr-mobile-v4 .sr-turnir-stage-label-lose{border-color:rgba(255,133,120,.48);background:rgba(93,35,32,.80);}
body.sr-mobile-v4 .sr-turnir-car{position:absolute;width:190px;max-width:64%;z-index:6;will-change:transform;transform:translate3d(0,0,0);backface-visibility:hidden;}
body.sr-mobile-v4 .sr-turnir-car img{display:block!important;width:100%!important;height:auto!important;max-width:none!important;filter:drop-shadow(0 8px 8px rgba(0,0,0,.48)) saturate(1.12) contrast(1.06)!important;}
body.sr-mobile-v4 .sr-turnir-player{z-index:9;}
body.sr-mobile-v4 .sr-turnir-enemy{z-index:8;opacity:.97;}
body.sr-mobile-v4 .sr-turnir-finish{position:absolute;left:50%;bottom:25px;z-index:7;width:12px;height:102px;transform:translateX(-50%);border-radius:3px;background:repeating-linear-gradient(180deg,#fff 0,#fff 9px,#252c33 9px,#252c33 18px);box-shadow:0 0 0 1px rgba(255,255,255,.16),0 0 12px rgba(0,0,0,.18);opacity:.58;}
body.sr-mobile-v4 .sr-turnir-speedfx{display:none;position:absolute;z-index:4;inset:0;pointer-events:none;background:repeating-linear-gradient(100deg,transparent 0,transparent 28px,rgba(255,255,255,.13) 29px,transparent 32px);background-size:150px 100%;}
body.sr-mobile-v4 .sr-turnir-stage.sr-turnir-running .sr-turnir-speedfx{display:block;opacity:.58;animation:srTurnirRoadRush .42s linear infinite;}
body.sr-mobile-v4 .sr-turnir-stage.sr-turnir-running .sr-turnir-player{animation:srTurnirPlayerGo .82s cubic-bezier(.15,.75,.20,1) forwards;}
body.sr-mobile-v4 .sr-turnir-stage.sr-turnir-running .sr-turnir-enemy{animation:srTurnirEnemyGo .82s cubic-bezier(.15,.75,.20,1) forwards;}
@keyframes srTurnirRoadRush{0%{background-position:0 0}100%{background-position:-150px 0}}
@keyframes srTurnirPlayerGo{0%{transform:translate3d(0,0,0)}100%{transform:translate3d(155px,0,0)}}
@keyframes srTurnirEnemyGo{0%{transform:translate3d(0,0,0)}100%{transform:translate3d(145px,0,0)}}
body.sr-mobile-v4 .sr-turnir-matchup{display:grid;grid-template-columns:minmax(0,1fr) 54px minmax(0,1fr);gap:10px;align-items:center;padding:0 14px 11px;}
body.sr-mobile-v4 .sr-turnir-entry{text-align:center;min-width:0;}
body.sr-mobile-v4 .sr-turnir-entry a{display:block;color:inherit!important;text-decoration:none!important;}
body.sr-mobile-v4 .sr-turnir-avatar{width:56px;height:56px;margin:0 auto 7px;padding:3px;border:1px solid #ff7818;border-radius:14px;background:#eff4f8;}
body.sr-mobile-v4 .sr-turnir-avatar img.avatar{display:block;width:48px!important;height:48px!important;max-width:48px!important;max-height:48px!important;border:0!important;border-radius:10px!important;object-fit:cover;}
body.sr-mobile-v4 .sr-turnir-entry b{display:block;overflow:hidden;color:#152333;font-size:13px;line-height:17px;white-space:nowrap;text-overflow:ellipsis;}
body.sr-mobile-v4 .sr-turnir-entry span{display:inline-flex;align-items:center;gap:4px;margin-top:4px;color:#0094ff;font-size:12px;line-height:15px;font-weight:bold;}
body.sr-mobile-v4 .sr-turnir-entry span img{width:15px!important;height:15px!important;}
body.sr-mobile-v4 .sr-turnir-vs,body.sr-mobile-v4 .sr-turnir-result-badge{display:flex;align-items:center;justify-content:center;height:42px;border-radius:12px;font-size:17px;font-weight:900;letter-spacing:.7px;}
body.sr-mobile-v4 .sr-turnir-vs{border:1px solid #ffd1ac;background:linear-gradient(180deg,#fff0e3,#ffe3ca);color:#ff7818;}
body.sr-mobile-v4 .sr-turnir-result-win{border:1px solid #b8e5c8;background:linear-gradient(180deg,#effcf4,#daf5e2);color:#2c9c56;}
body.sr-mobile-v4 .sr-turnir-result-lose{border:1px solid #efc2bb;background:linear-gradient(180deg,#fff2f0,#fce0dc);color:#cf4d42;}
body.sr-mobile-v4 .sr-turnir-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0 14px 12px;}
body.sr-mobile-v4 .sr-turnir-metrics>div{padding:9px 8px;border:1px solid #d8e2e9;border-radius:12px;background:#f9fcfe;text-align:center;}
body.sr-mobile-v4 .sr-turnir-metrics small{display:block;color:#74899a;font-size:9px;line-height:11px;}
body.sr-mobile-v4 .sr-turnir-metrics b{display:block;margin-top:3px;color:#152333;font-size:12px;line-height:15px;}
body.sr-mobile-v4 .sr-turnir-note{margin:0 14px 12px;padding:10px 11px;border:1px solid #d8e2e9;border-radius:12px;background:#f7fafc;color:#41586a;font-size:12px;line-height:16px;}
body.sr-mobile-v4 .sr-turnir-note-danger{border-color:#f0c5bf;background:#fff2f0;color:#b4483f;}
body.sr-mobile-v4 .sr-turnir-note a{color:inherit;text-decoration:underline;}
body.sr-mobile-v4 .sr-turnir-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 14px 14px;}
body.sr-mobile-v4 .sr-turnir-actions-one{grid-template-columns:1fr;}
body.sr-mobile-v4 .sr-turnir-btn{display:flex;flex-direction:column;justify-content:center;min-height:58px;padding:10px 11px;border:1px solid #d8e2e9;border-radius:13px;background:linear-gradient(180deg,#fff,#f3f8fb);box-shadow:0 4px 10px rgba(31,55,74,.07);color:#152333!important;text-decoration:none!important;text-align:left;}
body.sr-mobile-v4 .sr-turnir-btn b{display:block;font-size:13px;line-height:16px;}
body.sr-mobile-v4 .sr-turnir-btn small{display:block;margin-top:3px;color:#74899a;font-size:9px;line-height:11px;}
body.sr-mobile-v4 .sr-turnir-btn-primary{border-color:#ffbe86;background:linear-gradient(180deg,#ffad63,#ff7f1f);}
body.sr-mobile-v4 .sr-turnir-btn-primary b,body.sr-mobile-v4 .sr-turnir-btn-primary small{color:#fff;}
body.sr-mobile-v4 .sr-turnir-btn-disabled{opacity:.55;}
body.sr-mobile-v4 .sr-turnir-test-badge{flex:0 0 auto;padding:5px 7px;border-radius:8px;background:#ff7818;color:#fff;font-size:10px;font-weight:bold;letter-spacing:.6px;}
body.sr-mobile-v4.sr-theme-dark .sr-turnir-card{border-color:#29465b;background:linear-gradient(180deg,#122634,#0d1c27);box-shadow:0 6px 16px rgba(0,0,0,.20);}
body.sr-mobile-v4.sr-theme-dark .sr-turnir-head{border-bottom-color:#1c3547;background:linear-gradient(180deg,#163040,#102330);}
body.sr-mobile-v4.sr-theme-dark .sr-turnir-head b,body.sr-mobile-v4.sr-theme-dark .sr-turnir-entry b,body.sr-mobile-v4.sr-theme-dark .sr-turnir-metrics b,body.sr-mobile-v4.sr-theme-dark .sr-turnir-btn{color:#eef5fa!important;}
body.sr-mobile-v4.sr-theme-dark .sr-turnir-head small,body.sr-mobile-v4.sr-theme-dark .sr-turnir-metrics small,body.sr-mobile-v4.sr-theme-dark .sr-turnir-btn small{color:#90a7b7;}
body.sr-mobile-v4.sr-theme-dark .sr-turnir-stage{border-color:#29465b;background-image:url('/img/mobile-v4/race-stage-v4348-dark.jpg');box-shadow:0 10px 24px rgba(0,0,0,.28);}
body.sr-mobile-v4.sr-theme-dark .sr-turnir-avatar{background:#0a1620;}
body.sr-mobile-v4.sr-theme-dark .sr-turnir-vs{border-color:#8a5428;background:linear-gradient(180deg,#3b2414,#5b3215);color:#ffb06e;}
body.sr-mobile-v4.sr-theme-dark .sr-turnir-result-win{border-color:#2f6c44;background:linear-gradient(180deg,#12311e,#174128);color:#79d19a;}
body.sr-mobile-v4.sr-theme-dark .sr-turnir-result-lose{border-color:#784141;background:linear-gradient(180deg,#351819,#472021);color:#ff9c93;}
body.sr-mobile-v4.sr-theme-dark .sr-turnir-metrics>div,body.sr-mobile-v4.sr-theme-dark .sr-turnir-note{border-color:#1c3547;background:#10202c;color:#b5c7d4;}
body.sr-mobile-v4.sr-theme-dark .sr-turnir-note-danger{border-color:#6a3535;background:#271516;color:#ffb2ab;}
body.sr-mobile-v4.sr-theme-dark .sr-turnir-btn{border-color:#29465b;background:linear-gradient(180deg,#122634,#0d1c27);}
body.sr-mobile-v4.sr-theme-dark .sr-turnir-btn-primary{border-color:#a65d21;background:linear-gradient(180deg,#ffad63,#ff7f1f);}
@media(max-width:360px){
  body.sr-mobile-v4 .sr-turnir-stage{height:202px;}
  body.sr-mobile-v4 .sr-turnir-car{width:166px;max-width:65%;}
  body.sr-mobile-v4 .sr-turnir-matchup{grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr);gap:7px;padding-left:10px;padding-right:10px;}
  body.sr-mobile-v4 .sr-turnir-vs,body.sr-mobile-v4 .sr-turnir-result-badge{height:36px;font-size:14px;}
  body.sr-mobile-v4 .sr-turnir-metrics{grid-template-columns:1fr;}
}

/* =========================================================================
 * Mobile v4.3.57 - /comm theme normalization
 * Dialogue and message list use Mobile v4 theme variables instead of legacy
 * template colors. Light and dark modes now share the same component layout.
 * ========================================================================= */
body.sr-mobile-v4 .sr-chat-head,
body.sr-mobile-v4 .sr-chat-compose,
body.sr-mobile-v4 .sr-chat-history,
body.sr-mobile-v4 .sr-chat-nav,
body.sr-mobile-v4 .sr-chat-order,
body.sr-mobile-v4 .sr-comm-summary,
body.sr-mobile-v4 .sr-dialog-list,
body.sr-mobile-v4 .sr-dialog-empty,
body.sr-mobile-v4 .sr-dialog-nav{
    border:1px solid var(--sr-border)!important;
    border-radius:13px!important;
    background:var(--sr-surface)!important;
    color:var(--sr-text)!important;
    box-shadow:var(--sr-shadow-soft)!important;
}
body.sr-mobile-v4 .sr-chat-head{padding:10px!important;}
body.sr-mobile-v4 .sr-chat-head-main{margin-left:39px!important;min-height:34px!important;}
body.sr-mobile-v4 .sr-chat-head-name{color:var(--sr-text)!important;font-size:13px!important;line-height:18px!important;}
body.sr-mobile-v4 .sr-chat-head .gray,
body.sr-mobile-v4 .sr-chat-compose .gray,
body.sr-mobile-v4 .sr-chat-edit .gray,
body.sr-mobile-v4 .sr-dialog-preview,
body.sr-mobile-v4 .sr-chat-order,
body.sr-mobile-v4 .sr-chat-meta{color:var(--sr-muted)!important;opacity:1!important;}

body.sr-mobile-v4 .sr-chat-compose{
    padding:10px!important;
    margin:0 0 7px!important;
}
body.sr-mobile-v4 .sr-chat-compose textarea.text,
body.sr-mobile-v4 .sr-chat-edit textarea.text{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    height:126px!important;
    min-height:126px!important;
    padding:11px 12px!important;
    margin:0 0 7px!important;
    border:1px solid var(--sr-border)!important;
    border-radius:11px!important;
    outline:0!important;
    background:var(--sr-surface-2)!important;
    color:var(--sr-text)!important;
    box-shadow:inset 0 1px 2px rgba(0,0,0,.06)!important;
    font-family:Arial,"Segoe UI",sans-serif!important;
    font-size:14px!important;
    line-height:1.4!important;
    resize:vertical!important;
}
body.sr-mobile-v4 .sr-chat-edit textarea.text{height:104px!important;min-height:104px!important;}
body.sr-mobile-v4 .sr-chat-compose textarea.text:focus,
body.sr-mobile-v4 .sr-chat-edit textarea.text:focus{
    border-color:var(--sr-accent)!important;
    box-shadow:0 0 0 2px rgba(255,120,24,.12)!important;
}
body.sr-mobile-v4 .sr-chat-compose textarea.text[disabled]{opacity:.58!important;}
body.sr-mobile-v4 .sr-chat-compose-actions{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;min-height:42px!important;overflow:visible!important;}
body.sr-mobile-v4 .sr-chat-compose-actions .sr-chat-btn{float:none!important;}
body.sr-mobile-v4 .sr-chat-smile{float:none!important;margin:0!important;}
body.sr-mobile-v4 .sr-chat-btn{
    min-width:132px!important;
    min-height:38px!important;
    margin:0!important;
    padding:9px 16px!important;
    border:1px solid #e3670d!important;
    border-radius:10px!important;
    background:linear-gradient(180deg,var(--sr-accent-2),var(--sr-accent))!important;
    color:#fff!important;
    box-shadow:0 5px 12px rgba(255,120,24,.18)!important;
    font-weight:bold!important;
    line-height:18px!important;
}
body.sr-mobile-v4 .sr-chat-smile img{
    width:40px!important;
    height:38px!important;
    padding:7px!important;
    border:1px solid var(--sr-border)!important;
    border-radius:10px!important;
    background:var(--sr-surface-2)!important;
    object-fit:contain!important;
}

body.sr-mobile-v4 .sr-chat-history{padding:8px!important;}
body.sr-mobile-v4 .sr-chat-row{margin:7px 0!important;overflow:visible!important;}
body.sr-mobile-v4 .sr-chat-bubble.div1{
    max-width:86%!important;
    padding:9px 11px!important;
    border:1px solid var(--sr-border)!important;
    border-radius:13px!important;
    color:var(--sr-text)!important;
    box-shadow:0 3px 9px rgba(0,0,0,.06)!important;
}
body.sr-mobile-v4 .sr-chat-row.mine .sr-chat-bubble.div1{
    margin-left:14%!important;
    border-right:3px solid var(--sr-accent)!important;
}
body.sr-mobile-v4 .sr-chat-row.other .sr-chat-bubble.div1{
    margin-right:14%!important;
    border-left:3px solid var(--sr-border)!important;
}
body.sr-mobile-v4.sr-theme-light .sr-chat-row.mine .sr-chat-bubble.div1{background:#fff5ed!important;}
body.sr-mobile-v4.sr-theme-light .sr-chat-row.other .sr-chat-bubble.div1{background:#ffffff!important;}
body.sr-mobile-v4.sr-theme-dark .sr-chat-row.mine .sr-chat-bubble.div1{background:#172a37!important;border-color:#385165!important;border-right-color:var(--sr-accent)!important;}
body.sr-mobile-v4.sr-theme-dark .sr-chat-row.other .sr-chat-bubble.div1{background:#10212d!important;border-color:#29465b!important;}
body.sr-mobile-v4 .sr-chat-bubble,
body.sr-mobile-v4 .sr-chat-bubble div,
body.sr-mobile-v4 .sr-chat-bubble span{color:inherit;}
body.sr-mobile-v4 .sr-chat-bubble a{color:var(--sr-accent)!important;}
body.sr-mobile-v4 .sr-chat-mini{
    min-height:28px!important;
    padding:6px 9px!important;
    border:1px solid var(--sr-border)!important;
    border-radius:8px!important;
    background:var(--sr-surface-3)!important;
    color:var(--sr-text)!important;
    box-shadow:none!important;
    font-size:10px!important;
}
body.sr-mobile-v4 .sr-chat-mini.danger{border-color:rgba(228,72,61,.45)!important;color:#e96b62!important;}
body.sr-mobile-v4 .sr-chat-footer-actions{border-top:1px solid var(--sr-border-soft)!important;padding-top:5px!important;}
body.sr-mobile-v4 .sr-chat-nav,
body.sr-mobile-v4 .sr-chat-order{margin:6px 0!important;}

/* /comm conversation list */
body.sr-mobile-v4 .sr-dialog-list{overflow:hidden!important;}
body.sr-mobile-v4 .sr-dialog{
    padding:10px!important;
    border-bottom:1px solid var(--sr-border-soft)!important;
    background:transparent!important;
    color:var(--sr-text)!important;
}
body.sr-mobile-v4 .sr-dialog:last-child{border-bottom:0!important;}
body.sr-mobile-v4 .sr-dialog:active{background:var(--sr-surface-hover)!important;}
body.sr-mobile-v4 .sr-dialog-main{margin-left:36px!important;min-height:32px!important;}
body.sr-mobile-v4 .sr-dialog-title{color:var(--sr-text)!important;}
body.sr-mobile-v4 .sr-dialog-time{color:var(--sr-muted)!important;opacity:1!important;}
body.sr-mobile-v4 .sr-dialog-preview{font-size:11px!important;line-height:15px!important;}
body.sr-mobile-v4 .sr-dialog-unread{background:var(--sr-accent)!important;color:#fff!important;}

@media(max-width:350px){
    body.sr-mobile-v4 .sr-chat-compose textarea.text{height:116px!important;min-height:116px!important;}
    body.sr-mobile-v4 .sr-chat-bubble.div1{max-width:90%!important;}
    body.sr-mobile-v4 .sr-chat-row.mine .sr-chat-bubble.div1{margin-left:10%!important;}
    body.sr-mobile-v4 .sr-chat-row.other .sr-chat-bubble.div1{margin-right:10%!important;}
}

/* =========================================================================
 * Mobile v4.3.58 - /comm bubble theme background hard override
 * Some legacy template backgrounds from .div1 were still visible inside the
 * private dialog bubbles. Force both light/dark variants explicitly and remove
 * any inherited image/gradient backgrounds so the bubble surface follows the
 * active Mobile v4 theme.
 * ========================================================================= */
body.sr-mobile-v4.sr-theme-light{
    --sr-comm-bubble-mine:#fff5ed;
    --sr-comm-bubble-other:#ffffff;
    --sr-comm-bubble-mine-border:#efc49f;
    --sr-comm-bubble-other-border:#ccd8e0;
}
body.sr-mobile-v4.sr-theme-dark{
    --sr-comm-bubble-mine:#2c1c14;
    --sr-comm-bubble-other:#10212d;
    --sr-comm-bubble-mine-border:#8c5125;
    --sr-comm-bubble-other-border:#29465b;
}
body.sr-mobile-v4 .sr-chat-row.mine .sr-chat-bubble.div1,
body.sr-mobile-v4 .sr-chat-row.other .sr-chat-bubble.div1{
    background-color:var(--sr-comm-bubble-other)!important;
    background-image:none!important;
}
body.sr-mobile-v4 .sr-chat-row.mine .sr-chat-bubble.div1{
    background-color:var(--sr-comm-bubble-mine)!important;
    background-image:none!important;
    border-color:var(--sr-comm-bubble-mine-border)!important;
    border-right-color:var(--sr-accent)!important;
}
body.sr-mobile-v4 .sr-chat-row.other .sr-chat-bubble.div1{
    background-color:var(--sr-comm-bubble-other)!important;
    background-image:none!important;
    border-color:var(--sr-comm-bubble-other-border)!important;
    border-left-color:var(--sr-comm-bubble-other-border)!important;
}
body.sr-mobile-v4 .sr-chat-row.mine .sr-chat-bubble.div1,
body.sr-mobile-v4 .sr-chat-row.other .sr-chat-bubble.div1,
body.sr-mobile-v4 .sr-chat-row.mine .sr-chat-bubble.div1:before,
body.sr-mobile-v4 .sr-chat-row.mine .sr-chat-bubble.div1:after,
body.sr-mobile-v4 .sr-chat-row.other .sr-chat-bubble.div1:before,
body.sr-mobile-v4 .sr-chat-row.other .sr-chat-bubble.div1:after{
    background-image:none!important;
}
body.sr-mobile-v4 .sr-chat-bubble.div1 > div,
body.sr-mobile-v4 .sr-chat-bubble.div1 > form,
body.sr-mobile-v4 .sr-chat-bubble.div1 > span,
body.sr-mobile-v4 .sr-chat-bubble.div1 > p,
body.sr-mobile-v4 .sr-chat-bubble.div1 > br,
body.sr-mobile-v4 .sr-chat-bubble.div1 .sr-chat-meta,
body.sr-mobile-v4 .sr-chat-bubble.div1 .sr-chat-status,
body.sr-mobile-v4 .sr-chat-bubble.div1 .sr-chat-footer-actions,
body.sr-mobile-v4 .sr-chat-bubble.div1 .sr-chat-actions,
body.sr-mobile-v4 .sr-chat-bubble.div1 .sr-chat-reactions{
    background:transparent!important;
}
body.sr-mobile-v4.sr-theme-light .sr-chat-bubble.div1{color:#1f2d38!important;}
body.sr-mobile-v4.sr-theme-dark .sr-chat-bubble.div1{color:#eef5fa!important;}

/* =========================================================================
 * Mobile v4.3.59 - /comm real bubble theme fix
 * The dialog page has its own late inline stylesheet and actual bubbles are
 * .sr-chat-bubble without .div1. Override that real DOM explicitly.
 * ========================================================================= */
body.sr-mobile-v4.sr-route-comm.sr-theme-light .sr-chat-row.mine .sr-chat-bubble{
    background:#fff5ed!important;
    color:#1f2d38!important;
    border:1px solid #efc49f!important;
    border-right:3px solid var(--sr-accent)!important;
    box-shadow:0 3px 9px rgba(31,55,74,.07)!important;
}
body.sr-mobile-v4.sr-route-comm.sr-theme-light .sr-chat-row.other .sr-chat-bubble{
    background:#ffffff!important;
    color:#1f2d38!important;
    border:1px solid #ccd8e0!important;
    border-left:3px solid #b8c9d4!important;
    box-shadow:0 3px 9px rgba(31,55,74,.07)!important;
}
body.sr-mobile-v4.sr-route-comm.sr-theme-dark .sr-chat-row.mine .sr-chat-bubble{
    background:linear-gradient(180deg,#2d2018,#201710)!important;
    color:#eef5fa!important;
    border:1px solid #70431f!important;
    border-right:3px solid var(--sr-accent)!important;
    box-shadow:0 6px 16px rgba(0,0,0,.16)!important;
}
body.sr-mobile-v4.sr-route-comm.sr-theme-dark .sr-chat-row.other .sr-chat-bubble{
    background:linear-gradient(180deg,#142735,#0e1d28)!important;
    color:#eef5fa!important;
    border:1px solid #29465b!important;
    border-left:3px solid #385a72!important;
    box-shadow:0 6px 16px rgba(0,0,0,.16)!important;
}
body.sr-mobile-v4.sr-route-comm.sr-theme-light .sr-chat-bubble .sr-content-reaction-pill{
    background:#f7fafc!important;
    border-color:#ccd8e0!important;
    color:#314657!important;
}
body.sr-mobile-v4.sr-route-comm.sr-theme-light .sr-chat-bubble .sr-content-reaction-mine{
    background:#fff0e3!important;
    border-color:#e5a56d!important;
}
body.sr-mobile-v4.sr-route-comm.sr-theme-light .sr-chat-bubble .sr-content-reaction-choice{
    background:#f7fafc!important;
}
body.sr-mobile-v4.sr-route-comm.sr-theme-dark .sr-chat-bubble .sr-content-reaction-pill{
    background:#0b1822!important;
    border-color:#2a4357!important;
    color:#dbeaf5!important;
}
body.sr-mobile-v4.sr-route-comm.sr-theme-dark .sr-chat-bubble .sr-content-reaction-mine{
    background:#352218!important;
    border-color:#9a5c28!important;
}
body.sr-mobile-v4.sr-route-comm .sr-chat-bubble > div:not(.sr-chat-meta):not(.sr-chat-footer-actions),
body.sr-mobile-v4.sr-route-comm .sr-chat-bubble > p{
    color:inherit!important;
}
body.sr-mobile-v4.sr-route-comm.sr-theme-light .sr-chat-bubble .sr-chat-meta,
body.sr-mobile-v4.sr-route-comm.sr-theme-light .sr-chat-bubble .sr-chat-status{
    color:#718798!important;
}
body.sr-mobile-v4.sr-route-comm.sr-theme-dark .sr-chat-bubble .sr-chat-meta,
body.sr-mobile-v4.sr-route-comm.sr-theme-dark .sr-chat-bubble .sr-chat-status{
    color:#93aabc!important;
}

/* =========================================================================
 * Mobile v4.3.60 - player profile /info redesign
 * ========================================================================= */
body.sr-mobile-v4.sr-route-info .sr-info-profile-card,
body.sr-mobile-v4.sr-route-info .sr-info-pop-card,
body.sr-mobile-v4.sr-route-info .sr-info-car-card{
    margin:0 0 9px;
    overflow:hidden;
    border:1px solid var(--sr-border);
    border-radius:15px;
    background:var(--sr-surface);
    color:var(--sr-text);
    box-shadow:var(--sr-shadow-soft);
}
body.sr-mobile-v4.sr-route-info .sr-info-profile-main{display:flex;align-items:center;gap:12px;padding:13px;}
body.sr-mobile-v4.sr-route-info .sr-info-avatar{flex:0 0 72px;width:72px;height:72px;padding:3px;border:2px solid var(--sr-accent);border-radius:18px;background:var(--sr-surface-3);overflow:hidden;}
body.sr-mobile-v4.sr-route-info .sr-info-avatar img.avatar{display:block!important;width:64px!important;height:64px!important;max-width:64px!important;max-height:64px!important;border:0!important;border-radius:13px!important;object-fit:cover!important;}
body.sr-mobile-v4.sr-route-info .sr-info-identity{min-width:0;flex:1;}
body.sr-mobile-v4.sr-route-info .sr-info-name-row{display:flex;align-items:center;gap:6px;min-width:0;}
body.sr-mobile-v4.sr-route-info .sr-info-name-row h1{min-width:0;margin:0;overflow:hidden;color:var(--sr-text);font-size:18px;line-height:22px;white-space:nowrap;text-overflow:ellipsis;}
body.sr-mobile-v4.sr-route-info .sr-info-online{flex:0 0 auto;display:inline-flex;align-items:center;}
body.sr-mobile-v4.sr-route-info .sr-info-team{display:block;margin-top:4px;overflow:hidden;color:var(--sr-accent)!important;font-size:10px;font-weight:bold;line-height:14px;text-decoration:none!important;white-space:nowrap;text-overflow:ellipsis;}
body.sr-mobile-v4.sr-route-info .sr-info-team-empty{color:var(--sr-muted)!important;font-weight:normal;}
body.sr-mobile-v4.sr-route-info .sr-info-meta-inline{display:flex;flex-wrap:wrap;gap:3px 8px;margin-top:6px;color:var(--sr-muted);font-size:8px;line-height:11px;}
body.sr-mobile-v4.sr-route-info .sr-info-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--sr-border-soft);border-bottom:1px solid var(--sr-border-soft);}
body.sr-mobile-v4.sr-route-info .sr-info-stats>div{min-width:0;padding:9px 5px;text-align:center;border-right:1px solid var(--sr-border-soft);}
body.sr-mobile-v4.sr-route-info .sr-info-stats>div:last-child{border-right:0;}
body.sr-mobile-v4.sr-route-info .sr-info-stats img{display:block!important;width:18px!important;height:18px!important;margin:0 auto 4px;object-fit:contain;}
body.sr-mobile-v4.sr-route-info .sr-info-stats small,
body.sr-mobile-v4.sr-route-info .sr-info-record small{display:block;color:var(--sr-muted);font-size:7px;line-height:9px;}
body.sr-mobile-v4.sr-route-info .sr-info-stats b{display:block;margin-top:2px;overflow:hidden;color:var(--sr-text);font-size:10px;line-height:13px;white-space:nowrap;text-overflow:ellipsis;}
body.sr-mobile-v4.sr-route-info .sr-info-record{display:grid;grid-template-columns:repeat(3,1fr);padding:8px 10px;}
body.sr-mobile-v4.sr-route-info .sr-info-record>span{text-align:center;border-right:1px solid var(--sr-border-soft);}
body.sr-mobile-v4.sr-route-info .sr-info-record>span:last-child{border-right:0;}
body.sr-mobile-v4.sr-route-info .sr-info-record b{display:block;margin-top:2px;color:var(--sr-text);font-size:10px;line-height:13px;}
body.sr-mobile-v4.sr-route-info .sr-info-admin-meta{padding:8px 11px;border-top:1px solid var(--sr-border-soft);background:var(--sr-surface-3);color:var(--sr-muted);font-size:8px;line-height:12px;}

body.sr-mobile-v4.sr-route-info .sr-info-pop-card>header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 11px;border-bottom:1px solid var(--sr-border-soft);}
body.sr-mobile-v4.sr-route-info .sr-info-pop-card>header>span{display:flex;align-items:center;gap:6px;color:var(--sr-text);font-size:12px;}
body.sr-mobile-v4.sr-route-info .sr-info-pop-card>header img{width:18px!important;height:18px!important;object-fit:contain;}
body.sr-mobile-v4.sr-route-info .sr-info-pop-card>header>a{color:var(--sr-accent)!important;font-size:8px;text-decoration:none!important;}
body.sr-mobile-v4.sr-route-info .sr-info-pop-score{padding:9px 11px 2px;color:var(--sr-text);font-size:20px;font-weight:bold;line-height:23px;text-align:center;}
body.sr-mobile-v4.sr-route-info .sr-info-gifts{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;padding:9px 10px 12px;color:var(--sr-text)!important;text-decoration:none!important;}
body.sr-mobile-v4.sr-route-info .sr-info-gifts>span{display:flex;min-width:0;min-height:80px;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 2px 6px;border:1px solid var(--sr-border-soft);border-radius:10px;background:var(--sr-surface-2);}
body.sr-mobile-v4.sr-route-info .sr-info-gifts img{width:56px!important;height:56px!important;object-fit:contain;}
body.sr-mobile-v4.sr-route-info .sr-info-gifts b{max-width:100%;overflow:hidden;color:var(--sr-text);font-size:10px;line-height:12px;text-overflow:ellipsis;}
body.sr-mobile-v4.sr-route-info .sr-info-top-fan{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;padding:8px 10px;border-top:1px solid var(--sr-border-soft);color:var(--sr-text);font-size:9px;}
body.sr-mobile-v4.sr-route-info .sr-info-top-fan>small{color:var(--sr-muted);font-size:7px;}
body.sr-mobile-v4.sr-route-info .sr-info-top-fan>a{display:flex;align-items:center;gap:5px;min-width:0;color:var(--sr-text)!important;text-decoration:none!important;}
body.sr-mobile-v4.sr-route-info .sr-info-top-fan>a img.avatar{width:24px!important;height:24px!important;border-radius:6px!important;}
body.sr-mobile-v4.sr-route-info .sr-info-top-fan>a b{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
body.sr-mobile-v4.sr-route-info .sr-info-top-fan>span{display:flex;align-items:center;gap:3px;font-weight:bold;}
body.sr-mobile-v4.sr-route-info .sr-info-top-fan>span img{width:14px!important;height:14px!important;}
body.sr-mobile-v4.sr-route-info .sr-info-pop-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:8px 10px 10px;border-top:1px solid var(--sr-border-soft);}
body.sr-mobile-v4.sr-route-info .sr-info-pop-actions>a{display:flex;align-items:center;justify-content:center;min-height:34px;border:1px solid var(--sr-border);border-radius:9px;background:var(--sr-surface-2);color:var(--sr-text)!important;font-size:9px;font-weight:bold;text-decoration:none!important;}
body.sr-mobile-v4.sr-route-info .sr-info-pop-actions>a:first-child{border-color:rgba(255,120,24,.45);color:var(--sr-accent)!important;}

body.sr-mobile-v4.sr-route-info .sr-info-car-card>header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 11px;border-bottom:1px solid var(--sr-border-soft);}
body.sr-mobile-v4.sr-route-info .sr-info-car-card>header>div{min-width:0;}
body.sr-mobile-v4.sr-route-info .sr-info-car-card>header small{display:block;color:var(--sr-muted);font-size:7px;line-height:10px;text-transform:uppercase;letter-spacing:.55px;}
body.sr-mobile-v4.sr-route-info .sr-info-car-card>header b{display:inline-block;margin-top:2px;max-width:220px;overflow:hidden;color:var(--sr-text);font-size:14px;line-height:18px;vertical-align:middle;white-space:nowrap;text-overflow:ellipsis;}
body.sr-mobile-v4.sr-route-info .sr-info-car-class{display:inline-flex;align-items:center;justify-content:center;margin-left:5px;padding:2px 5px;border:1px solid var(--sr-border);border-radius:6px;background:var(--sr-surface-3);color:var(--sr-text-2);font-size:8px;font-weight:bold;vertical-align:middle;}
body.sr-mobile-v4.sr-route-info .sr-info-plate{flex:0 0 auto;width:auto!important;height:25px!important;max-width:104px!important;padding:0!important;border:1px solid rgba(0,0,0,.14);border-radius:4px;box-shadow:0 2px 5px rgba(0,0,0,.12);object-fit:contain;}
body.sr-mobile-v4.sr-route-info .sr-info-car-stage{position:relative;height:190px;overflow:hidden;background:linear-gradient(180deg,rgba(120,145,160,.08),rgba(20,35,45,.03)),repeating-linear-gradient(90deg,transparent 0,transparent 59px,rgba(117,141,157,.08) 60px),linear-gradient(180deg,#edf3f6 0,#dce6eb 58%,#b8c4ca 59%,#d8e0e4 100%);}
body.sr-mobile-v4.sr-route-info .sr-info-car-stage:before{content:'';position:absolute;left:0;right:0;bottom:0;height:46px;background:repeating-linear-gradient(90deg,rgba(38,51,60,.16) 0,rgba(38,51,60,.16) 42px,rgba(255,255,255,.13) 43px,rgba(255,255,255,.13) 85px);transform:skewY(-1deg);transform-origin:left bottom;}
body.sr-mobile-v4.sr-route-info .sr-info-stage-mark{position:absolute;right:13px;top:12px;color:rgba(58,78,91,.14);font-size:18px;font-style:italic;font-weight:900;letter-spacing:-1px;transform:rotate(-7deg);}
body.sr-mobile-v4.sr-route-info .sr-info-car-image{position:absolute!important;z-index:3;left:6%!important;bottom:16px!important;width:88%!important;height:auto!important;max-width:none!important;filter:drop-shadow(0 11px 10px rgba(0,0,0,.28));}
body.sr-mobile-v4.sr-route-info .sr-info-car-present{position:absolute;z-index:4;left:8px;bottom:7px;}
body.sr-mobile-v4.sr-route-info .sr-info-car-present img{height:48px!important;width:auto!important;}
body.sr-mobile-v4.sr-theme-dark.sr-route-info .sr-info-car-stage{background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.18)),repeating-linear-gradient(90deg,transparent 0,transparent 59px,rgba(82,110,128,.08) 60px),linear-gradient(180deg,#142733 0,#0f202b 58%,#09151e 59%,#142631 100%);}
body.sr-mobile-v4.sr-theme-dark.sr-route-info .sr-info-car-stage:before{background:repeating-linear-gradient(90deg,rgba(255,255,255,.05) 0,rgba(255,255,255,.05) 42px,rgba(0,0,0,.12) 43px,rgba(0,0,0,.12) 85px);}
body.sr-mobile-v4.sr-theme-dark.sr-route-info .sr-info-stage-mark{color:rgba(196,217,230,.09);}

body.sr-mobile-v4.sr-route-info .sr-info-section-title{margin:7px 0!important;padding:9px 11px!important;border:1px solid var(--sr-border)!important;border-radius:11px!important;background:var(--sr-surface)!important;color:var(--sr-text)!important;box-shadow:inset 3px 0 var(--sr-accent)!important;font-size:11px!important;font-weight:bold!important;line-height:14px!important;}
body.sr-mobile-v4.sr-route-info .sr-info-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:9px;}
body.sr-mobile-v4.sr-route-info .sr-info-actions>a{display:flex;align-items:center;gap:9px;min-height:54px;padding:9px 10px;border:1px solid var(--sr-border);border-radius:12px;background:linear-gradient(180deg,var(--sr-surface-2),var(--sr-surface));color:var(--sr-text)!important;box-shadow:var(--sr-shadow-soft);text-decoration:none!important;}
body.sr-mobile-v4.sr-route-info .sr-info-actions>a:active{transform:translateY(1px);background:var(--sr-surface-hover);}
body.sr-mobile-v4.sr-route-info .sr-info-actions>a>img{flex:0 0 22px;width:22px!important;height:22px!important;object-fit:contain;}
body.sr-mobile-v4.sr-route-info .sr-info-actions>a>span{min-width:0;}
body.sr-mobile-v4.sr-route-info .sr-info-actions b{display:block;overflow:hidden;color:var(--sr-text);font-size:10px;line-height:13px;white-space:nowrap;text-overflow:ellipsis;}
body.sr-mobile-v4.sr-route-info .sr-info-actions small{display:block;margin-top:2px;overflow:hidden;color:var(--sr-muted);font-size:7px;line-height:9px;white-space:nowrap;text-overflow:ellipsis;}
body.sr-mobile-v4.sr-route-info .sr-info-actions-admin{grid-template-columns:1fr;}

/* Subpages: remove obvious legacy bars/cards and keep the same visual language. */
body.sr-mobile-v4.sr-route-info .sr-info-class-filter,
body.sr-mobile-v4.sr-route-info .sr-info-pop-tabs{margin:0 0 7px!important;overflow:hidden!important;border:1px solid var(--sr-border)!important;border-radius:11px!important;background:var(--sr-surface)!important;box-shadow:var(--sr-shadow-soft)!important;}
body.sr-mobile-v4.sr-route-info .sr-info-class-filter img[src*="upbar"],
body.sr-mobile-v4.sr-route-info .sr-info-pop-tabs img[src*="upbar"]{display:none!important;}
body.sr-mobile-v4.sr-route-info .sr-info-class-filter>a,
body.sr-mobile-v4.sr-route-info .sr-info-class-filter>div,
body.sr-mobile-v4.sr-route-info .sr-info-pop-tabs>a,
body.sr-mobile-v4.sr-route-info .sr-info-pop-tabs>div{border-color:var(--sr-border-soft)!important;background:transparent!important;color:var(--sr-text)!important;}
body.sr-mobile-v4.sr-route-info .sr-info-car-list-card{margin:0 0 7px!important;border:1px solid var(--sr-border)!important;border-radius:12px!important;background:var(--sr-surface)!important;color:var(--sr-text)!important;box-shadow:var(--sr-shadow-soft)!important;}
body.sr-mobile-v4.sr-route-info .sr-info-car-list-card img[alt="number"]{height:18px!important;width:auto!important;max-width:90px!important;}
body.sr-mobile-v4.sr-route-info .sr-info-class-menu{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important;}
body.sr-mobile-v4.sr-route-info .sr-info-class-menu>a{margin:0!important;border:1px solid var(--sr-border)!important;border-radius:10px!important;background:var(--sr-surface)!important;color:var(--sr-text)!important;}

@media(max-width:350px){
    body.sr-mobile-v4.sr-route-info .sr-info-profile-main{gap:9px;padding:10px;}
    body.sr-mobile-v4.sr-route-info .sr-info-avatar{flex-basis:64px;width:64px;height:64px;}
    body.sr-mobile-v4.sr-route-info .sr-info-avatar img.avatar{width:56px!important;height:56px!important;max-width:56px!important;max-height:56px!important;}
    body.sr-mobile-v4.sr-route-info .sr-info-name-row h1{font-size:16px;line-height:20px;}
    body.sr-mobile-v4.sr-route-info .sr-info-stats{grid-template-columns:repeat(2,1fr);}
    body.sr-mobile-v4.sr-route-info .sr-info-stats>div:nth-child(2){border-right:0;}
    body.sr-mobile-v4.sr-route-info .sr-info-stats>div:nth-child(-n+2){border-bottom:1px solid var(--sr-border-soft);}
    body.sr-mobile-v4.sr-route-info .sr-info-gifts{gap:4px;padding-left:7px;padding-right:7px;}
    body.sr-mobile-v4.sr-route-info .sr-info-gifts>span{min-height:72px;padding-top:7px;}
    body.sr-mobile-v4.sr-route-info .sr-info-gifts img{width:48px!important;height:48px!important;}
    body.sr-mobile-v4.sr-route-info .sr-info-car-stage{height:174px;}
}


/* =========================================================================
 * Mobile v4.3.64 - /info popularity gifts scale
 * Approved gift artwork enlarged again for better readability in the popularity block.
 * ========================================================================= */

/* =========================================================================
 * Mobile v4.3.61 - /info current car uses the canonical garage scene
 * Keep player profile and Garage visually consistent. The car remains a live
 * game render; only the environment comes from the approved Garage artwork.
 * ========================================================================= */
body.sr-mobile-v4.sr-route-info .sr-info-car-stage{
    height:190px!important;
    overflow:hidden!important;
    background-image:url('/img/mobile-v4/garage-stage-v431-dark.png')!important;
    background-position:center center!important;
    background-size:cover!important;
    background-repeat:no-repeat!important;
}
body.sr-mobile-v4.sr-theme-light.sr-route-info .sr-info-car-stage{
    background-image:url('/img/mobile-v4/garage-stage-v431-light.png')!important;
}
body.sr-mobile-v4.sr-route-info .sr-info-car-stage:before{
    content:''!important;
    position:absolute!important;
    inset:0!important;
    width:auto!important;
    height:auto!important;
    transform:none!important;
    background:linear-gradient(180deg,rgba(0,0,0,.02),transparent 44%,rgba(0,0,0,.09))!important;
    pointer-events:none!important;
    z-index:1!important;
}
body.sr-mobile-v4.sr-theme-light.sr-route-info .sr-info-car-stage:before{
    background:linear-gradient(180deg,rgba(255,255,255,.02),transparent 50%,rgba(0,0,0,.05))!important;
}
body.sr-mobile-v4.sr-route-info .sr-info-stage-mark{
    display:none!important;
}
body.sr-mobile-v4.sr-route-info .sr-info-car-image{
    z-index:3!important;
    left:4%!important;
    bottom:11px!important;
    width:92%!important;
    max-width:none!important;
    max-height:166px!important;
    object-fit:contain!important;
    filter:drop-shadow(0 10px 9px rgba(0,0,0,.42))!important;
}
body.sr-mobile-v4.sr-theme-light.sr-route-info .sr-info-car-image{
    filter:drop-shadow(0 9px 8px rgba(29,47,60,.30))!important;
}
body.sr-mobile-v4.sr-route-info .sr-info-car-present{
    z-index:5!important;
}
@media(max-width:350px){
    body.sr-mobile-v4.sr-route-info .sr-info-car-stage{height:174px!important;}
    body.sr-mobile-v4.sr-route-info .sr-info-car-image{bottom:10px!important;max-height:151px!important;}
}


/* Mobile v4.4.1 - Night City route surface refinement.
 * mobile-v4.css loads after mobile-v3.css, so repeat only the shell-critical
 * selectors here to preserve the themed surfaces. */
body.sr-mobile-v4.sr-route-streetwar .div1.brd1.brd2,
body.sr-mobile-v4.sr-route-streetwar .div11.brd1.brd2,
body.sr-mobile-v4.sr-route-battle .div1.brd1.brd2,
body.sr-mobile-v4.sr-route-battle .div11.brd1.brd2,
body.sr-mobile-v4.sr-route-streetwar details.div1.brd1.brd2,
body.sr-mobile-v4.sr-route-battle details.div1.brd1.brd2,
body.sr-mobile-v4.sr-route-streetwar .menu>a,
body.sr-mobile-v4.sr-route-battle .menu>a,
body.sr-mobile-v4.sr-route-streetwar .div3.title,
body.sr-mobile-v4.sr-route-battle .div3.title{
    color:#eef5ff!important;
}

/* -------------------------------------------------------------------------
 * Jobs v3 mobile - single-column career dashboard
 * ------------------------------------------------------------------------- */
body.sr-mobile-v4.sr-route-jobs .sr-jobs-v3-page{display:block;width:100%;padding:0 0 8px;color:var(--sr-text);font-size:12px;line-height:1.45;}
body.sr-mobile-v4.sr-route-jobs .sr-jobs-v3-page *{box-sizing:border-box;}
body.sr-mobile-v4.sr-route-jobs .sr-jobs-v3-hero{position:relative;min-height:176px;padding:16px 14px;margin:0 0 9px;overflow:hidden;border:1px solid var(--sr-border);border-radius:14px;background:linear-gradient(180deg,rgba(5,15,24,.48),rgba(5,15,24,.92)),url('/img/fullscreen-v2/v260/work-dark.jpg') center/cover no-repeat;box-shadow:0 9px 22px rgba(0,0,0,.18);}
body.sr-mobile-v4.sr-theme-light.sr-route-jobs .sr-jobs-v3-hero{background:linear-gradient(180deg,rgba(255,255,255,.30),rgba(255,255,255,.94)),url('/img/fullscreen-v2/v260/work-light.jpg') center/cover no-repeat;}
body.sr-mobile-v4.sr-route-jobs .sr-jobs-v3-hero-copy{position:relative;z-index:2;}.sr-jobs-v3-kicker{display:block;color:var(--sr-accent);font-size:9px;font-weight:bold;letter-spacing:.08em}.sr-jobs-v3-hero h1{margin:3px 0 5px;color:var(--sr-text);font-size:27px;line-height:30px}.sr-jobs-v3-hero p{max-width:92%;margin:0 0 9px;color:var(--sr-muted);font-size:11px;line-height:1.4}.sr-jobs-v3-hero-tags{display:flex;flex-wrap:wrap;gap:5px}.sr-jobs-v3-hero-tags>span{padding:4px 6px;border:1px solid var(--sr-border);border-radius:7px;background:var(--sr-surface);color:var(--sr-muted);font-size:9px}.sr-jobs-v3-hero-tags b{color:var(--sr-text)}
body.sr-mobile-v4.sr-route-jobs .sr-jobs-v3-hero-stats{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:11px}.sr-jobs-v3-hero-stats>div{min-width:0;padding:7px;border:1px solid var(--sr-border);border-radius:9px;background:var(--sr-surface)}.sr-jobs-v3-hero-stats small,.sr-jobs-v3-hero-stats b,.sr-jobs-v3-hero-stats em{display:block}.sr-jobs-v3-hero-stats small{color:var(--sr-muted);font-size:7px;text-transform:uppercase}.sr-jobs-v3-hero-stats b{margin-top:2px;color:var(--sr-text);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sr-jobs-v3-hero-stats em{margin-top:2px;color:var(--sr-accent);font-size:7px;font-style:normal}
body.sr-mobile-v4.sr-route-jobs .sr-jobs-v3-layout,body.sr-mobile-v4.sr-route-jobs .sr-jobs-v3-main,body.sr-mobile-v4.sr-route-jobs .sr-jobs-v3-side{display:flex;flex-direction:column;gap:8px;min-width:0}.sr-jobs-v3-side{margin-top:8px}
body.sr-mobile-v4.sr-route-jobs .sr-jobs-v3-card{margin:0!important;padding:10px!important;border:1px solid var(--sr-border)!important;border-radius:12px!important;background:var(--sr-surface)!important;color:var(--sr-text);box-shadow:none!important;overflow:hidden}.sr-jobs-v3-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:8px}.sr-jobs-v3-section-head small{display:block;color:var(--sr-accent);font-size:8px;font-weight:bold;letter-spacing:.06em}.sr-jobs-v3-section-head h2{margin:1px 0 0;color:var(--sr-text);font-size:14px;line-height:17px}.sr-jobs-v3-chip{flex:0 0 auto;padding:3px 6px;border:1px solid var(--sr-border);border-radius:8px;background:var(--sr-surface-2);color:var(--sr-muted);font-size:8px}.sr-jobs-v3-chip.accent{border-color:rgba(255,128,30,.55);color:var(--sr-accent)}.sr-jobs-v3-chip.good{color:#54bc78}.sr-jobs-v3-muted{color:var(--sr-muted);font-size:8px}
body.sr-mobile-v4.sr-route-jobs .sr-jobs-v3-alert{display:flex;align-items:center;gap:8px;margin-bottom:8px;padding:9px;border:1px solid var(--sr-border);border-radius:11px;background:var(--sr-surface);color:var(--sr-text)}.sr-jobs-v3-alert-icon{width:26px;height:26px;flex:0 0 26px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:var(--sr-surface-2);color:var(--sr-accent);font-weight:bold}.sr-jobs-v3-alert>div{min-width:0;flex:1}.sr-jobs-v3-alert>div>b,.sr-jobs-v3-alert>div>span{display:block}.sr-jobs-v3-alert>div>span{color:var(--sr-muted);font-size:9px}.sr-jobs-v3-alert-reward{display:none!important}
body.sr-mobile-v4.sr-route-jobs .sr-jobs-v3-btn{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:8px 10px;border:1px solid var(--sr-border);border-radius:9px;background:var(--sr-surface-2);color:var(--sr-text)!important;text-decoration:none!important;font-size:10px;font-weight:bold}.sr-jobs-v3-btn.primary{border-color:var(--sr-accent)!important;background:var(--sr-accent)!important;color:#fff!important}.sr-jobs-v3-btn.wide{display:flex;width:100%;margin-top:8px}
body.sr-mobile-v4.sr-route-jobs .sr-jobs-v3-personal{border-color:rgba(255,132,34,.55)!important}.sr-jobs-v3-personal-body{display:grid;grid-template-columns:48px minmax(0,1fr);gap:8px;align-items:center}.sr-jobs-v3-employer-photo{width:48px!important;height:48px!important;object-fit:cover;border-radius:9px}.sr-jobs-v3-personal-copy>b,.sr-jobs-v3-personal-copy>small{display:block}.sr-jobs-v3-personal-copy>b{font-size:11px}.sr-jobs-v3-personal-copy>small{color:var(--sr-muted);font-size:8px}.sr-jobs-v3-personal-copy>p{margin:3px 0;color:var(--sr-muted);font-size:9px}.sr-jobs-v3-meta-row{display:flex;flex-wrap:wrap;gap:3px 7px;font-size:8px}.sr-jobs-v3-trust-line{margin-top:3px;color:var(--sr-accent);font-size:8px}.sr-jobs-v3-personal-body>.sr-jobs-v3-btn{grid-column:1/-1;width:100%}
body.sr-mobile-v4.sr-route-jobs .sr-jobs-v3-chain-body{display:grid;grid-template-columns:38px minmax(0,1fr);gap:7px;align-items:center}.sr-jobs-v3-chain-body>img{width:34px!important;height:34px!important}.sr-jobs-v3-chain-body b,.sr-jobs-v3-chain-body small{display:block}.sr-jobs-v3-chain-body small{color:var(--sr-muted);font-size:8px}.sr-jobs-v3-chain-body p{margin:3px 0;color:var(--sr-muted);font-size:8px}.sr-jobs-v3-chain-body>.sr-jobs-v3-btn{grid-column:1/-1}.sr-jobs-v3-feature-foot{display:block;margin-top:7px;padding-top:6px;border-top:1px solid var(--sr-border);color:var(--sr-muted);font-size:8px}.sr-jobs-v3-feature-foot>span{display:block;margin-top:2px}
.sr-jobs-v3-exchange-meta{display:flex;flex-direction:column;gap:3px;margin-bottom:8px;padding:7px;border-radius:8px;background:var(--sr-surface-2);color:var(--sr-muted);font-size:8px}.sr-jobs-v3-exchange-meta a{color:var(--sr-accent)!important}.sr-jobs-v3-refresh{color:var(--sr-muted);font-size:8px}.sr-jobs-v3-refresh b{color:var(--sr-accent)}
body.sr-mobile-v4.sr-route-jobs .sr-jobs-v3-offer-grid{display:grid;grid-template-columns:1fr;gap:7px}.sr-jobs-v3-offer{position:relative;padding:9px;border:1px solid var(--sr-border);border-radius:10px;background:var(--sr-surface-2);overflow:hidden}.sr-jobs-v3-offer:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--jobs-accent,var(--sr-accent))}.sr-jobs-v3-offer-top{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:7px;align-items:center}.sr-jobs-v3-offer-top>img{width:38px!important;height:38px!important;object-fit:contain}.sr-jobs-v3-offer-top small,.sr-jobs-v3-offer-top h3,.sr-jobs-v3-offer-top span{display:block}.sr-jobs-v3-offer-top small{color:var(--sr-accent);font-size:7px}.sr-jobs-v3-offer-top h3{margin:1px 0;font-size:11px;line-height:14px}.sr-jobs-v3-offer-top span{color:var(--sr-muted);font-size:8px}.sr-jobs-v3-offer-top strong{font-size:10px;white-space:nowrap}.sr-jobs-v3-offer>p{margin:6px 0;color:var(--sr-muted);font-size:9px;line-height:1.35}.sr-jobs-v3-offer-meta{display:flex;flex-wrap:wrap;gap:3px}.sr-jobs-v3-offer-meta>span{padding:2px 5px;border-radius:6px;background:var(--sr-surface);color:var(--sr-muted);font-size:8px}.sr-jobs-v3-offer-meta .good{color:#56bd78}.sr-jobs-v3-offer-meta .gold{color:#d6a454}.sr-jobs-v3-offer-note{margin-top:5px;color:#c99b59;font-size:8px}
.sr-jobs-v3-prof-grid{display:grid;grid-template-columns:1fr;gap:6px}.sr-jobs-v3-prof{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:7px;align-items:center;padding:8px;border:1px solid var(--sr-border);border-radius:9px;background:var(--sr-surface-2);overflow:hidden}.sr-jobs-v3-prof:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--jobs-accent,var(--sr-accent))}.sr-jobs-v3-prof>img{width:32px!important;height:32px!important}.sr-jobs-v3-prof b,.sr-jobs-v3-prof span,.sr-jobs-v3-prof small{display:block}.sr-jobs-v3-prof b{font-size:10px}.sr-jobs-v3-prof span,.sr-jobs-v3-prof small{color:var(--sr-muted);font-size:8px}.sr-jobs-v3-prof small{color:#d7a85d}.sr-jobs-v3-prof>em{font-size:7px;color:var(--sr-muted);font-style:normal}.sr-jobs-v3-progress{grid-column:2/-1;height:5px;border-radius:4px;background:var(--sr-bg);overflow:hidden}.sr-jobs-v3-progress>i{display:block;height:100%;background:var(--jobs-accent,var(--sr-accent))}
.sr-jobs-v3-spec-grid{display:grid;grid-template-columns:1fr;gap:6px}.sr-jobs-v3-spec-grid>a{padding:9px;border:1px solid rgba(255,132,34,.35);border-radius:9px;background:var(--sr-surface-2);color:var(--sr-text)!important;text-decoration:none!important}.sr-jobs-v3-spec-grid b,.sr-jobs-v3-spec-grid span{display:block}.sr-jobs-v3-spec-grid span{margin-top:3px;color:var(--sr-muted);font-size:9px}
.sr-jobs-v3-side p{margin:4px 0;color:var(--sr-muted);font-size:9px}.sr-jobs-v3-city-bonus{margin-top:5px;color:#55bc78;font-size:9px}.sr-jobs-v3-city-state>small{display:block;margin-top:4px;color:var(--sr-muted);font-size:8px}.sr-jobs-v3-plan-row{display:grid;grid-template-columns:15px minmax(0,1fr) auto;gap:5px;align-items:center;padding:6px 0;border-top:1px solid var(--sr-border);font-size:9px}.sr-jobs-v3-plan-row i{width:12px;height:12px;border:1px solid var(--sr-muted);border-radius:50%}.sr-jobs-v3-plan-row.done i{border-color:#4ab570;background:#4ab570;box-shadow:inset 0 0 0 3px var(--sr-surface)}.sr-jobs-v3-plan-reward{margin-top:5px;color:var(--sr-muted);font-size:8px}.sr-jobs-v3-week{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}.sr-jobs-v3-week span{height:29px;display:flex;align-items:center;justify-content:center;border:1px solid var(--sr-border);border-radius:7px;background:var(--sr-surface-2);color:var(--sr-muted);font:bold 9px Arial}.sr-jobs-v3-week span.done{color:#54bb77}.sr-jobs-v3-week span.today{border-color:var(--sr-accent);color:var(--sr-accent)}.sr-jobs-v3-attendance-next,.sr-jobs-v3-streak-benefit{margin-top:6px;color:var(--sr-muted);font-size:8px}.sr-jobs-v3-streak-benefit{color:#54bb77}
.sr-jobs-v3-employer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.sr-jobs-v3-employer-grid>a{display:flex;align-items:center;gap:5px;min-width:0;padding:6px;border:1px solid var(--sr-border);border-radius:9px;background:var(--sr-surface-2);color:var(--sr-text)!important;text-decoration:none!important}.sr-jobs-v3-employer-grid>a.active{border-color:var(--sr-accent)}.sr-jobs-v3-employer-grid img{width:30px!important;height:30px!important;object-fit:cover;border-radius:7px}.sr-jobs-v3-employer-grid span{min-width:0}.sr-jobs-v3-employer-grid b,.sr-jobs-v3-employer-grid small,.sr-jobs-v3-employer-grid em{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sr-jobs-v3-employer-grid b{font-size:8px}.sr-jobs-v3-employer-grid small,.sr-jobs-v3-employer-grid em{color:var(--sr-muted);font-size:7px;font-style:normal}.sr-jobs-v3-employer-detail{display:grid;grid-template-columns:52px minmax(0,1fr);gap:7px;margin-top:7px;padding-top:7px;border-top:1px solid var(--sr-border)}.sr-jobs-v3-employer-detail>img{width:50px!important;height:50px!important;object-fit:cover;border-radius:9px}.sr-jobs-v3-employer-detail b,.sr-jobs-v3-employer-detail span,.sr-jobs-v3-employer-detail em{display:block}.sr-jobs-v3-employer-detail b{font-size:9px}.sr-jobs-v3-employer-detail span,.sr-jobs-v3-employer-detail em{color:var(--sr-muted);font-size:8px;font-style:normal}.sr-jobs-v3-employer-detail p{margin:2px 0;font-size:8px}
.sr-jobs-v3-details{padding:0!important}.sr-jobs-v3-details summary{display:flex;justify-content:space-between;padding:10px;cursor:pointer}.sr-jobs-v3-details summary b{font-size:10px}.sr-jobs-v3-details summary span{color:var(--sr-accent);font-size:9px}.sr-jobs-v3-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:8px}.sr-jobs-v3-stats-grid>span{padding:6px;border-radius:7px;background:var(--sr-surface-2);text-align:center}.sr-jobs-v3-stats-grid small,.sr-jobs-v3-stats-grid b{display:block}.sr-jobs-v3-stats-grid small{color:var(--sr-muted);font-size:7px}.sr-jobs-v3-stats-grid b{font-size:9px}.sr-jobs-v3-achievement,.sr-jobs-v3-history{display:flex;justify-content:space-between;gap:6px;padding:7px 9px;border-top:1px solid var(--sr-border);font-size:8px}.sr-jobs-v3-history b,.sr-jobs-v3-history small{display:block}.sr-jobs-v3-history small{color:var(--sr-muted)}.sr-jobs-v3-bottom-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}.sr-jobs-v3-bottom-actions>a{padding:9px;border:1px solid var(--sr-border);border-radius:9px;background:var(--sr-surface);color:var(--sr-text)!important;text-align:center;text-decoration:none!important;font-size:9px;font-weight:bold}
/* active shift */
body.sr-mobile-v4.sr-route-jobs .sr-jobs-v3-active-hero{min-height:154px}.sr-jobs-v3-active-job-icon{position:absolute;z-index:2;right:8px;bottom:7px;width:94px;height:72px;display:flex;align-items:center;justify-content:center}.sr-jobs-v3-active-job-icon img{max-width:78px!important;max-height:65px!important;object-fit:contain;filter:drop-shadow(0 7px 7px rgba(0,0,0,.35))}.sr-jobs-v3-live-time{padding:4px 7px;border:1px solid var(--sr-accent);border-radius:8px;color:var(--sr-accent);font:bold 11px Arial}.sr-jobs-v3-live-progress{position:relative;height:17px;margin:6px 0 9px;border:1px solid var(--sr-border);border-radius:8px;background:var(--sr-bg);overflow:hidden}.sr-jobs-v3-live-progress>i{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,#ff7d1e,#ffaa41)}.sr-jobs-v3-live-progress>span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font:bold 8px Arial;text-shadow:0 1px 2px #000}.sr-jobs-v3-live-progress>em{position:absolute;top:0;bottom:0;width:2px;background:#fff;opacity:.55}.sr-jobs-v3-live-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px}.sr-jobs-v3-live-grid>div{padding:7px;border:1px solid var(--sr-border);border-radius:8px;background:var(--sr-surface-2)}.sr-jobs-v3-live-grid small,.sr-jobs-v3-live-grid span,.sr-jobs-v3-live-grid em{display:block}.sr-jobs-v3-live-grid small{color:var(--sr-muted);font-size:7px}.sr-jobs-v3-live-grid span{min-height:23px;display:flex;align-items:center;gap:4px;margin-top:3px;font-size:8px}.sr-jobs-v3-live-grid span img{width:21px!important;height:21px!important;border-radius:5px}.sr-jobs-v3-live-grid em{color:var(--sr-muted);font-size:7px;font-style:normal}.sr-jobs-v3-live-flags{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.sr-jobs-v3-live-flags>span{padding:3px 5px;border-radius:6px;background:var(--sr-surface-2);color:var(--sr-muted);font-size:7px}.sr-jobs-v3-event.ready{border-color:rgba(255,128,30,.65)!important}.sr-jobs-v3-event>p{margin:0 0 7px;color:var(--sr-muted);font-size:9px}.sr-jobs-v3-event-actions{display:grid;grid-template-columns:1fr;gap:6px}.sr-jobs-v3-event-actions>a{padding:9px;border:1px solid var(--sr-border);border-radius:9px;background:var(--sr-surface-2);color:var(--sr-text)!important;text-decoration:none!important}.sr-jobs-v3-event-actions b,.sr-jobs-v3-event-actions span,.sr-jobs-v3-event-actions em{display:block}.sr-jobs-v3-event-actions b{font-size:10px}.sr-jobs-v3-event-actions span{margin-top:3px;color:var(--sr-muted);font-size:8px}.sr-jobs-v3-event-actions em{margin-top:4px;color:var(--sr-accent);font-size:8px;font-style:normal}.sr-jobs-v3-event-outcome{padding:7px;border-radius:7px;background:var(--sr-surface-2);color:#58bb79;font-size:8px}.sr-jobs-v3-prof-active{display:grid;grid-template-columns:46px minmax(0,1fr);gap:7px;align-items:center}.sr-jobs-v3-prof-active>img{width:42px!important;height:42px!important}.sr-jobs-v3-prof-active b,.sr-jobs-v3-prof-active span{display:block}.sr-jobs-v3-prof-active span{color:var(--sr-muted);font-size:8px}.sr-jobs-v3-prof-active .sr-jobs-v3-progress{grid-column:auto;margin-top:4px}.sr-jobs-v3-cancel p{margin:4px 0 7px}.sr-jobs-v3-cancel>a{color:#d98585!important;text-decoration:none!important;font-size:9px;font-weight:bold}
@media(max-width:360px){body.sr-mobile-v4.sr-route-jobs .sr-jobs-v3-hero-stats{grid-template-columns:1fr 1fr}.sr-jobs-v3-hero-stats>div:last-child{grid-column:1/-1}.sr-jobs-v3-employer-grid{grid-template-columns:1fr}.sr-jobs-v3-live-grid{grid-template-columns:1fr}.sr-jobs-v3-offer-top{grid-template-columns:36px minmax(0,1fr)}.sr-jobs-v3-offer-top strong{grid-column:2}.sr-jobs-v3-bottom-actions{grid-template-columns:1fr}}

/* -------------------------------------------------------------------------
 * Jobs v3.1 mobile - readable typography
 * mobile v4.4.3
 * ------------------------------------------------------------------------- */
body.sr-mobile-v4.sr-route-jobs .sr-jobs-v3-page{font-size:13px;line-height:1.5;}
body.sr-mobile-v4.sr-route-jobs .sr-jobs-v3-kicker,
body.sr-mobile-v4.sr-route-jobs .sr-jobs-v3-section-head small{font-size:9px;}
body.sr-mobile-v4.sr-route-jobs .sr-jobs-v3-hero p{font-size:12px;}
body.sr-mobile-v4.sr-route-jobs .sr-jobs-v3-hero-tags>span{font-size:10px;}
body.sr-mobile-v4.sr-route-jobs .sr-jobs-v3-hero-stats small{font-size:8.5px;}
body.sr-mobile-v4.sr-route-jobs .sr-jobs-v3-hero-stats b{font-size:11px;}
body.sr-mobile-v4.sr-route-jobs .sr-jobs-v3-hero-stats em{font-size:8.5px;}
body.sr-mobile-v4.sr-route-jobs .sr-jobs-v3-section-head h2{font-size:15px;line-height:18px;}
body.sr-mobile-v4.sr-route-jobs .sr-jobs-v3-chip,
body.sr-mobile-v4.sr-route-jobs .sr-jobs-v3-muted,
body.sr-mobile-v4.sr-route-jobs .sr-jobs-v3-refresh{font-size:9.5px;}
body.sr-mobile-v4.sr-route-jobs .sr-jobs-v3-btn{font-size:10.5px;}
body.sr-mobile-v4.sr-route-jobs .sr-jobs-v3-personal-copy>b,
body.sr-mobile-v4.sr-route-jobs .sr-jobs-v3-chain-body b,
body.sr-mobile-v4.sr-route-jobs .sr-jobs-v3-offer-top h3{font-size:12px;}
body.sr-mobile-v4.sr-route-jobs .sr-jobs-v3-personal-copy>small,
body.sr-mobile-v4.sr-route-jobs .sr-jobs-v3-personal-copy>p,
body.sr-mobile-v4.sr-route-jobs .sr-jobs-v3-meta-row,
body.sr-mobile-v4.sr-route-jobs .sr-jobs-v3-trust-line,
body.sr-mobile-v4.sr-route-jobs .sr-jobs-v3-chain-body small,
body.sr-mobile-v4.sr-route-jobs .sr-jobs-v3-chain-body p,
body.sr-mobile-v4.sr-route-jobs .sr-jobs-v3-feature-foot,
body.sr-mobile-v4.sr-route-jobs .sr-jobs-v3-exchange-meta{font-size:10px;}
body.sr-mobile-v4.sr-route-jobs .sr-jobs-v3-offer-top small{font-size:8.5px;}
body.sr-mobile-v4.sr-route-jobs .sr-jobs-v3-offer-top span,
body.sr-mobile-v4.sr-route-jobs .sr-jobs-v3-offer-meta>span,
body.sr-mobile-v4.sr-route-jobs .sr-jobs-v3-offer-note{font-size:9.5px;}
body.sr-mobile-v4.sr-route-jobs .sr-jobs-v3-offer>p{font-size:10.5px;line-height:1.4;}
body.sr-mobile-v4.sr-route-jobs .sr-jobs-v3-prof b,
body.sr-mobile-v4.sr-route-jobs .sr-jobs-v3-employer-detail b{font-size:11px;}
body.sr-mobile-v4.sr-route-jobs .sr-jobs-v3-prof span,
body.sr-mobile-v4.sr-route-jobs .sr-jobs-v3-prof small,
body.sr-mobile-v4.sr-route-jobs .sr-jobs-v3-prof>em,
body.sr-mobile-v4.sr-route-jobs .sr-jobs-v3-spec-grid span,
body.sr-mobile-v4.sr-route-jobs .sr-jobs-v3-side p,
body.sr-mobile-v4.sr-route-jobs .sr-jobs-v3-city-bonus,
body.sr-mobile-v4.sr-route-jobs .sr-jobs-v3-city-state>small,
body.sr-mobile-v4.sr-route-jobs .sr-jobs-v3-plan-row,
body.sr-mobile-v4.sr-route-jobs .sr-jobs-v3-plan-reward,
body.sr-mobile-v4.sr-route-jobs .sr-jobs-v3-attendance-next,
body.sr-mobile-v4.sr-route-jobs .sr-jobs-v3-streak-benefit{font-size:10px;}
body.sr-mobile-v4.sr-route-jobs .sr-jobs-v3-employer-grid b{font-size:10px;}
body.sr-mobile-v4.sr-route-jobs .sr-jobs-v3-employer-grid small,
body.sr-mobile-v4.sr-route-jobs .sr-jobs-v3-employer-grid em,
body.sr-mobile-v4.sr-route-jobs .sr-jobs-v3-employer-detail span,
body.sr-mobile-v4.sr-route-jobs .sr-jobs-v3-employer-detail em,
body.sr-mobile-v4.sr-route-jobs .sr-jobs-v3-employer-detail p{font-size:9.5px;}
body.sr-mobile-v4.sr-route-jobs .sr-jobs-v3-details summary b{font-size:11px;}
body.sr-mobile-v4.sr-route-jobs .sr-jobs-v3-details summary span{font-size:10px;}
body.sr-mobile-v4.sr-route-jobs .sr-jobs-v3-stats-grid small,
body.sr-mobile-v4.sr-route-jobs .sr-jobs-v3-achievement,
body.sr-mobile-v4.sr-route-jobs .sr-jobs-v3-history{font-size:9.5px;}
body.sr-mobile-v4.sr-route-jobs .sr-jobs-v3-stats-grid b,
body.sr-mobile-v4.sr-route-jobs .sr-jobs-v3-bottom-actions>a{font-size:10px;}
body.sr-mobile-v4.sr-route-jobs .sr-jobs-v3-live-grid small,
body.sr-mobile-v4.sr-route-jobs .sr-jobs-v3-live-grid em,
body.sr-mobile-v4.sr-route-jobs .sr-jobs-v3-live-flags>span{font-size:9px;}
body.sr-mobile-v4.sr-route-jobs .sr-jobs-v3-live-grid span{font-size:10.5px;}
body.sr-mobile-v4.sr-route-jobs .sr-jobs-v3-event>p{font-size:10.5px;}
body.sr-mobile-v4.sr-route-jobs .sr-jobs-v3-event-actions b{font-size:11px;}
body.sr-mobile-v4.sr-route-jobs .sr-jobs-v3-event-actions span,
body.sr-mobile-v4.sr-route-jobs .sr-jobs-v3-event-actions em,
body.sr-mobile-v4.sr-route-jobs .sr-jobs-v3-event-outcome,
body.sr-mobile-v4.sr-route-jobs .sr-jobs-v3-prof-active span,
body.sr-mobile-v4.sr-route-jobs .sr-jobs-v3-cancel>a{font-size:9.5px;}


/* Mobile v4.4.4 - Jobs employer emphasis. */
body.sr-mobile-v4.sr-route-jobs .sr-jobs-v3-side .sr-jobs-v3-city-state{order:1;}
body.sr-mobile-v4.sr-route-jobs .sr-jobs-v3-side .sr-jobs-v3-employers-prominent{order:2;}
body.sr-mobile-v4.sr-route-jobs .sr-jobs-v3-side .sr-jobs-v3-plan{order:3;}
body.sr-mobile-v4.sr-route-jobs .sr-jobs-v3-side .sr-jobs-v3-attendance{order:4;}
body.sr-mobile-v4.sr-route-jobs .sr-jobs-v3-side .sr-jobs-v3-details{order:5;}
body.sr-mobile-v4.sr-route-jobs .sr-jobs-v3-employers-prominent{
    border-color:rgba(255,128,30,.62)!important;
    box-shadow:inset 3px 0 var(--sr-accent),0 7px 18px rgba(0,0,0,.10)!important;
}
body.sr-mobile-v4.sr-route-jobs .sr-jobs-v3-employers-lead{
    margin:-2px 0 8px!important;color:var(--sr-muted)!important;font-size:10px!important;line-height:1.35!important;
}
body.sr-mobile-v4.sr-route-jobs .sr-jobs-v3-employer-grid{gap:7px!important;}
body.sr-mobile-v4.sr-route-jobs .sr-jobs-v3-employer-grid>a{min-height:58px!important;padding:7px!important;}
body.sr-mobile-v4.sr-route-jobs .sr-jobs-v3-employer-grid img{width:40px!important;height:40px!important;border-radius:9px!important;}
body.sr-mobile-v4.sr-route-jobs .sr-jobs-v3-employer-grid b{font-size:11px!important;}
body.sr-mobile-v4.sr-route-jobs .sr-jobs-v3-employer-grid small{font-size:9.5px!important;}
body.sr-mobile-v4.sr-route-jobs .sr-jobs-v3-employer-grid em{font-size:9px!important;}
body.sr-mobile-v4.sr-route-jobs .sr-jobs-v3-offer-employer{
    display:inline-block!important;max-width:100%;margin-top:2px;padding:2px 5px;border:1px solid rgba(255,128,30,.34);border-radius:6px;
    background:rgba(255,128,30,.08);color:var(--sr-accent)!important;font-size:10px!important;line-height:1.2!important;text-decoration:none!important;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}


/* -------------------------------------------------------------------------
 * Mobile v4.4.5 - Rate v3
 * ------------------------------------------------------------------------- */
body.sr-mobile-v4.sr-route-rate{
    --rate-m-bg:#09151f;
    --rate-m-card:#0f202d;
    --rate-m-card-2:#112735;
    --rate-m-border:#29485d;
    --rate-m-text:#eef7ff;
    --rate-m-muted:#89a5b7;
    --rate-m-chip:#162d3d;
    --rate-m-orange:#ff8128;
}
body.sr-mobile-v4.sr-theme-light.sr-route-rate{
    --rate-m-bg:#eef4f7;
    --rate-m-card:#fff;
    --rate-m-card-2:#f3f7f9;
    --rate-m-border:#cad8e1;
    --rate-m-text:#203744;
    --rate-m-muted:#5c7484;
    --rate-m-chip:#edf4f7;
}
body.sr-mobile-v4.sr-route-rate>.title,
body.sr-mobile-v4.sr-route-rate>.div3.title{display:none!important;}
body.sr-mobile-v4.sr-route-rate .sr-rate-v3-page{margin:0 0 7px;}
body.sr-mobile-v4.sr-route-rate .sr-rate-v3-hero{
    min-height:88px;display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:9px;padding:10px;
    border:1px solid var(--rate-m-border);border-radius:12px;
    background:linear-gradient(100deg,rgba(7,20,30,.97),rgba(7,20,30,.76)),url('/img/streetwar/night_city_skyline.png') repeat-x center bottom 5px / auto 58px;
    overflow:hidden;
}
body.sr-mobile-v4.sr-theme-light.sr-route-rate .sr-rate-v3-hero{background:linear-gradient(100deg,rgba(255,255,255,.97),rgba(255,255,255,.78)),url('/img/streetwar/night_city_skyline.png') repeat-x center bottom 5px / auto 58px;}
body.sr-mobile-v4.sr-route-rate .sr-rate-v3-hero-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,129,40,.45);border-radius:10px;background:rgba(255,129,40,.10);}
body.sr-mobile-v4.sr-route-rate .sr-rate-v3-hero-icon img{width:25px;height:25px;filter:brightness(0) saturate(100%) invert(58%) sepia(94%) saturate(2471%) hue-rotate(345deg) brightness(103%) contrast(101%);}
body.sr-mobile-v4.sr-route-rate .sr-rate-v3-hero-copy{min-width:0;}
body.sr-mobile-v4.sr-route-rate .sr-rate-v3-hero-copy>small{display:block;color:var(--rate-m-orange);font-size:7px;font-weight:800;}
body.sr-mobile-v4.sr-route-rate .sr-rate-v3-hero-copy h1{margin:2px 0;color:var(--rate-m-text);font-size:18px;line-height:20px;}
body.sr-mobile-v4.sr-route-rate .sr-rate-v3-hero-copy p{margin:0;color:var(--rate-m-muted);font-size:9px;line-height:1.25;}
body.sr-mobile-v4.sr-route-rate .sr-rate-v3-hero-badge{padding:6px;border:1px solid var(--rate-m-border);border-radius:8px;background:var(--rate-m-chip);text-align:center;}
body.sr-mobile-v4.sr-route-rate .sr-rate-v3-hero-badge small{display:block;color:var(--rate-m-muted);font-size:6px;}
body.sr-mobile-v4.sr-route-rate .sr-rate-v3-hero-badge b{display:block;color:var(--rate-m-orange);font-size:10px;}
body.sr-mobile-v4.sr-route-rate .sr-rate-v3-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:6px;padding-bottom:1px;}
body.sr-mobile-v4.sr-route-rate .sr-rate-v3-subnav{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px;overflow:visible;padding-bottom:1px;}
body.sr-mobile-v4.sr-route-rate .sr-rate-v3-nav>a,
body.sr-mobile-v4.sr-route-rate .sr-rate-v3-subnav>a,
body.sr-mobile-v4.sr-route-rate .sr-rate-v3-subnav>span{min-height:34px;display:flex;align-items:center;justify-content:center;padding:6px 9px;border:1px solid var(--rate-m-border);border-radius:8px;background:var(--rate-m-card);color:var(--rate-m-muted)!important;text-decoration:none!important;font-size:9px;font-weight:700;line-height:1.15;text-align:center;}
body.sr-mobile-v4.sr-route-rate .sr-rate-v3-nav>a{min-width:0;padding:7px 6px;white-space:normal;word-break:break-word;}
body.sr-mobile-v4.sr-route-rate .sr-rate-v3-subnav>a,
body.sr-mobile-v4.sr-route-rate .sr-rate-v3-subnav>span{flex:0 0 auto;white-space:nowrap;}
body.sr-mobile-v4.sr-route-rate .sr-rate-v3-nav>a.active,
body.sr-mobile-v4.sr-route-rate .sr-rate-v3-subnav>span.active,
body.sr-mobile-v4.sr-route-rate .sr-rate-v3-subnav>a.active{border-color:#ef7b1e;background:linear-gradient(180deg,#ff963a,#f1781d);color:#fff!important;}
body.sr-mobile-v4.sr-route-rate .sr-rate-v3-subnav{margin:0 0 6px;}
body.sr-mobile-v4.sr-route-rate .sr-rate-v3-intro,
body.sr-mobile-v4.sr-route-rate .sr-rate-v3-summary,
body.sr-mobile-v4.sr-route-rate .sr-rate-v3-empty,
body.sr-mobile-v4.sr-route-rate .rate-night-reward,
body.sr-mobile-v4.sr-route-rate .rate-night-endless-score{margin:0 0 6px!important;padding:9px!important;border:1px solid var(--rate-m-border)!important;border-radius:10px!important;background:var(--rate-m-card)!important;color:var(--rate-m-text)!important;}
body.sr-mobile-v4.sr-route-rate .sr-rate-v3-intro{display:block;}
body.sr-mobile-v4.sr-route-rate .sr-rate-v3-intro b{display:block;color:var(--rate-m-orange);font-size:8px;text-transform:uppercase;}
body.sr-mobile-v4.sr-route-rate .sr-rate-v3-intro p{margin:3px 0;color:var(--rate-m-muted);font-size:10px;line-height:1.3;}
body.sr-mobile-v4.sr-route-rate .sr-rate-v3-intro>span{display:inline-flex;margin-top:3px;padding:3px 6px;border-radius:10px;background:var(--rate-m-chip);color:var(--rate-m-muted);font-size:8px;}
body.sr-mobile-v4.sr-route-rate .sr-rate-v3-summary{display:flex;flex-direction:column;gap:2px;}
body.sr-mobile-v4.sr-route-rate .sr-rate-v3-summary>span{color:var(--rate-m-orange);font-size:8px;font-weight:800;text-transform:uppercase;}
body.sr-mobile-v4.sr-route-rate .sr-rate-v3-summary>b{color:var(--rate-m-text);font-size:11px;}
body.sr-mobile-v4.sr-route-rate .sr-rate-v3-summary>small{color:var(--rate-m-muted);font-size:8px;}
body.sr-mobile-v4.sr-route-rate .sr-rate-v3-list{display:grid;grid-template-columns:1fr;gap:6px;}
body.sr-mobile-v4.sr-route-rate .sr-rate-v3-card{position:relative;display:grid;grid-template-columns:36px 45px minmax(0,1fr);grid-template-areas:'place avatar copy' 'car car car';align-items:center;gap:7px;padding:8px;border:1px solid var(--rate-m-border);border-radius:10px;background:linear-gradient(155deg,var(--rate-m-card),var(--rate-m-card-2));color:var(--rate-m-text);overflow:hidden;}
body.sr-mobile-v4.sr-route-rate .sr-rate-v3-card.is-top{border-color:#8e602f;box-shadow:inset 3px 0 var(--rate-m-orange);}
body.sr-mobile-v4.sr-route-rate .sr-rate-v3-place{grid-area:place;width:34px;height:34px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--rate-m-border);border-radius:9px;background:var(--rate-m-chip);}
body.sr-mobile-v4.sr-route-rate .sr-rate-v3-place b{color:var(--rate-m-text);font-size:13px;line-height:13px;}
body.sr-mobile-v4.sr-route-rate .sr-rate-v3-place small{color:var(--rate-m-muted);font-size:6px;}
body.sr-mobile-v4.sr-route-rate .sr-rate-v3-avatar{grid-area:avatar;width:43px;height:43px;display:block;overflow:hidden;border:1px solid var(--rate-m-border);border-radius:9px;}
body.sr-mobile-v4.sr-route-rate .sr-rate-v3-avatar img{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover;}
body.sr-mobile-v4.sr-route-rate .sr-rate-v3-user-copy{grid-area:copy;min-width:0;}
body.sr-mobile-v4.sr-route-rate .sr-rate-v3-name{display:block;color:var(--rate-m-text)!important;text-decoration:none!important;font-size:11px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
body.sr-mobile-v4.sr-route-rate .sr-rate-v3-metric{display:flex;align-items:center;gap:4px;margin-top:3px;color:var(--rate-m-orange);font-size:10px;font-weight:700;}
body.sr-mobile-v4.sr-route-rate .sr-rate-v3-metric img{width:12px!important;height:12px!important;}
body.sr-mobile-v4.sr-route-rate .sr-rate-v3-subtitle{margin-top:3px;color:var(--rate-m-muted);font-size:8.5px;line-height:1.25;}
body.sr-mobile-v4.sr-route-rate .sr-rate-v3-car{grid-area:car;height:82px;display:flex;align-items:center;justify-content:center;border-top:1px solid var(--rate-m-border);overflow:hidden;}
body.sr-mobile-v4.sr-route-rate .sr-rate-v3-car img{position:static!important;width:auto!important;height:auto!important;max-width:92%!important;max-height:76px!important;object-fit:contain;}
body.sr-mobile-v4.sr-route-rate .sr-rate-v3-team{grid-template-areas:'place logo copy';grid-template-columns:36px 52px minmax(0,1fr);}
body.sr-mobile-v4.sr-route-rate .sr-rate-v3-team .sr-rate-v3-place{grid-area:place;}
body.sr-mobile-v4.sr-route-rate .sr-rate-v3-team-logo{grid-area:logo;width:50px;height:50px;display:flex;align-items:center;justify-content:center;border:1px solid var(--rate-m-border);border-radius:10px;background:var(--rate-m-chip);overflow:hidden;}
body.sr-mobile-v4.sr-route-rate .sr-rate-v3-team-logo img{max-width:88%!important;max-height:88%!important;}
body.sr-mobile-v4.sr-route-rate .sr-rate-v3-team-copy{grid-area:copy;min-width:0;}
body.sr-mobile-v4.sr-route-rate .sr-rate-v3-you{display:inline-flex;margin-top:3px;padding:2px 5px;border-radius:9px;background:rgba(84,190,112,.14);color:#64c57d;font-size:7px;font-weight:800;}
body.sr-mobile-v4.sr-route-rate .sr-rate-v3-team-stats{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px;}
body.sr-mobile-v4.sr-route-rate .sr-rate-v3-team-stats>span{padding:3px 5px;border-radius:6px;background:var(--rate-m-chip);color:var(--rate-m-muted);font-size:7.5px;}
body.sr-mobile-v4.sr-route-rate .sr-rate-v3-section-title{display:flex;align-items:flex-end;justify-content:space-between;margin:7px 2px 5px;}
body.sr-mobile-v4.sr-route-rate .sr-rate-v3-section-title b{color:var(--rate-m-text);font-size:12px;}
body.sr-mobile-v4.sr-route-rate .sr-rate-v3-section-title span{color:var(--rate-m-muted);font-size:8px;}
body.sr-mobile-v4.sr-route-rate .rate-night-tabs{margin-bottom:6px;}
body.sr-mobile-v4.sr-route-rate .rate-night-reward{padding:10px!important;}
body.sr-mobile-v4.sr-route-rate .rate-night-rank{text-align:left;font-size:13px;line-height:1.3;}
body.sr-mobile-v4.sr-route-rate .rate-night-next{text-align:left;color:var(--rate-m-muted);font-size:9px;line-height:1.3;}
body.sr-mobile-v4.sr-route-rate .rate-night-claim{display:flex;align-items:center;justify-content:center;width:100%;min-height:38px;margin:7px 0 0;border:0;border-radius:8px;background:linear-gradient(180deg,#ff963a,#f1781d);color:#fff;font-size:10px;font-weight:800;}
body.sr-mobile-v4.sr-route-rate .rate-night-rewards{margin-top:8px;border-top:1px solid var(--rate-m-border);}
body.sr-mobile-v4.sr-route-rate .rate-night-rewards summary{padding:8px 0;color:var(--rate-m-text);font-size:10px;font-weight:700;}
body.sr-mobile-v4.sr-route-rate .rate-night-reward-row{display:grid;grid-template-columns:42px 1fr;gap:6px;padding:6px 0;border-top:1px solid var(--rate-m-border);}
body.sr-mobile-v4.sr-route-rate .rate-night-reward-level{display:flex;align-items:center;justify-content:center;height:26px;border:1px solid var(--rate-m-border)!important;border-radius:7px;background:var(--rate-m-chip)!important;color:var(--rate-m-text)!important;font-size:8px;font-weight:800;}
body.sr-mobile-v4.sr-route-rate .rate-night-reward-main b{display:block;color:var(--rate-m-text);font-size:9px;}
body.sr-mobile-v4.sr-route-rate .rate-night-reward-state{color:var(--rate-m-muted);font-size:7px;}
body.sr-mobile-v4.sr-route-rate .rate-night-reward-prize{grid-column:2;color:var(--rate-m-muted);font-size:8px;}
body.sr-mobile-v4.sr-route-rate .rate-night-endless-score{text-align:left!important;font-size:10px!important;}
body.sr-mobile-v4.sr-route-rate .rate-night-endless-score>b{color:var(--rate-m-orange);font-size:16px;}
body.sr-mobile-v4.sr-route-rate .div1:not(.sr-rate-v3-card):not(.rate-night-reward):not(.rate-night-endless-score){border-color:var(--rate-m-border)!important;border-radius:10px!important;background:var(--rate-m-card)!important;color:var(--rate-m-text)!important;}


body.sr-mobile-v4.sr-route-rate .sr-rate-v3-place.medal.gold{border-color:#b98024;background:#4c3916;}
body.sr-mobile-v4.sr-route-rate .sr-rate-v3-place.medal.silver{border-color:#82909b;background:#35434c;}
body.sr-mobile-v4.sr-route-rate .sr-rate-v3-place.medal.bronze{border-color:#9a5d35;background:#493023;}
body.sr-mobile-v4.sr-theme-light.sr-route-rate .sr-rate-v3-place.medal.gold{background:#fff5d9;}
body.sr-mobile-v4.sr-theme-light.sr-route-rate .sr-rate-v3-place.medal.silver{background:#f0f4f6;}
body.sr-mobile-v4.sr-theme-light.sr-route-rate .sr-rate-v3-place.medal.bronze{background:#fff0e6;}

/* -------------------------------------------------------------------------
 * Mobile v4.4.6 - theme-aware scrollbars and chat history loader
 * ------------------------------------------------------------------------- */
body.sr-mobile-v4.sr-theme-dark,
body.sr-mobile-v4.sr-theme-dark *{
    scrollbar-width:thin;
    scrollbar-color:#38546a #07121a;
}
body.sr-mobile-v4.sr-theme-dark::-webkit-scrollbar,
body.sr-mobile-v4.sr-theme-dark *::-webkit-scrollbar{width:8px;height:8px;}
body.sr-mobile-v4.sr-theme-dark::-webkit-scrollbar-track,
body.sr-mobile-v4.sr-theme-dark *::-webkit-scrollbar-track{background:#07121a;}
body.sr-mobile-v4.sr-theme-dark::-webkit-scrollbar-thumb,
body.sr-mobile-v4.sr-theme-dark *::-webkit-scrollbar-thumb{
    border:2px solid #07121a;
    border-radius:999px;
    background:#38546a;
}
body.sr-mobile-v4.sr-theme-light,
body.sr-mobile-v4.sr-theme-light *{
    scrollbar-width:thin;
    scrollbar-color:#b7c8d3 #edf3f6;
}
body.sr-mobile-v4.sr-theme-light::-webkit-scrollbar,
body.sr-mobile-v4.sr-theme-light *::-webkit-scrollbar{width:8px;height:8px;}
body.sr-mobile-v4.sr-theme-light::-webkit-scrollbar-track,
body.sr-mobile-v4.sr-theme-light *::-webkit-scrollbar-track{background:#edf3f6;}
body.sr-mobile-v4.sr-theme-light::-webkit-scrollbar-thumb,
body.sr-mobile-v4.sr-theme-light *::-webkit-scrollbar-thumb{
    border:2px solid #edf3f6;
    border-radius:999px;
    background:#b7c8d3;
}
body.sr-mobile-v4 .sr-chat-history-loader{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    min-height:38px!important;
    margin:6px 0!important;
    padding:8px 10px!important;
    border-radius:10px!important;
    text-align:center!important;
}
body.sr-mobile-v4.sr-theme-dark .sr-chat-history-loader{
    border-color:#29465b!important;
    background:#0d1d29!important;
    color:#8ea6b8!important;
}
body.sr-mobile-v4.sr-theme-light .sr-chat-history-loader{
    border-color:#d0dce4!important;
    background:#f7fafc!important;
    color:#607989!important;
}


/* -------------------------------------------------------------------------
 * Mobile v4.4.8 - Bar v3
 * ------------------------------------------------------------------------- */
body.sr-mobile-v4.sr-route-bar{--bar4-card:#0d1d29;--bar4-card2:#112633;--bar4-border:#294a60;--bar4-text:#edf6fd;--bar4-muted:#8ba5b6;--bar4-orange:#ff8128;}
body.sr-mobile-v4.sr-theme-light.sr-route-bar{--bar4-card:#fff;--bar4-card2:#f1f6f8;--bar4-border:#cad8e1;--bar4-text:#223a46;--bar4-muted:#607888;--bar4-orange:#ef781d;}
body.sr-mobile-v4.sr-route-bar>.title,body.sr-mobile-v4.sr-route-bar>.div3.title{display:none!important;}
body.sr-mobile-v4.sr-route-bar .sr-bar-v3-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin:0 0 7px;}
body.sr-mobile-v4.sr-route-bar .sr-bar-v3-nav>a{min-height:44px;display:flex;flex-direction:column;justify-content:center;padding:6px 8px;border:1px solid var(--bar4-border);border-radius:9px;background:var(--bar4-card);color:var(--bar4-text)!important;text-decoration:none!important;}
body.sr-mobile-v4.sr-route-bar .sr-bar-v3-nav>a b{font-size:10px;color:inherit!important;}body.sr-mobile-v4.sr-route-bar .sr-bar-v3-nav>a small{margin-top:1px;color:var(--bar4-muted);font-size:7.5px;}
body.sr-mobile-v4.sr-route-bar .sr-bar-v3-nav>a.active{border-color:#ee7b22;background:linear-gradient(180deg,#ff963a,#ef761d);color:#fff!important;}body.sr-mobile-v4.sr-route-bar .sr-bar-v3-nav>a.active small{color:#fff1e6;}
body.sr-mobile-v4.sr-route-bar .sr-bar-v3-shell{display:block;}.sr-bar-v3-main{min-width:0;}
body.sr-mobile-v4.sr-route-bar .sr-bar-v3-hero{margin-bottom:7px;padding:9px;border:1px solid var(--bar4-border);border-radius:11px;background:var(--bar4-card);}
body.sr-mobile-v4.sr-route-bar .sr-bar-v3-hero-copy>small{color:var(--bar4-orange);font-size:7px;font-weight:800;}body.sr-mobile-v4.sr-route-bar .sr-bar-v3-hero-copy h1{margin:2px 0;color:var(--bar4-text);font-size:20px;}body.sr-mobile-v4.sr-route-bar .sr-bar-v3-hero-copy p{margin:0 0 7px;color:var(--bar4-muted);font-size:9px;line-height:1.3;}
body.sr-mobile-v4.sr-route-bar .sr-bar-v3-barman .personage,body.sr-mobile-v4.sr-route-bar .sr-bar-v3-barman .personage2,body.sr-mobile-v4.sr-route-bar .sr-bar-v3-barman .personage3{margin:0!important;border:1px solid var(--bar4-border)!important;border-radius:9px!important;background:var(--bar4-card2)!important;color:var(--bar4-text)!important;}
body.sr-mobile-v4.sr-route-bar .sr-bar-v3-barman .pd3{font-size:10px!important;line-height:1.35!important;}
body.sr-mobile-v4.sr-route-bar .sr-bar-v3-section-title{display:flex;justify-content:space-between;align-items:flex-end;margin:7px 2px 5px;}body.sr-mobile-v4.sr-route-bar .sr-bar-v3-section-title b{color:var(--bar4-text);font-size:12px;}body.sr-mobile-v4.sr-route-bar .sr-bar-v3-section-title span{color:var(--bar4-muted);font-size:7.5px;}
body.sr-mobile-v4.sr-route-bar .sr-bar-v3-drinks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;}body.sr-mobile-v4.sr-route-bar .sr-bar-v3-drink{display:flex;align-items:center;gap:6px;min-height:64px;padding:7px;border:1px solid var(--bar4-border);border-radius:9px;background:var(--bar4-card);color:var(--bar4-text)!important;text-decoration:none!important;}body.sr-mobile-v4.sr-route-bar .sr-bar-v3-drink-media{width:45px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:7px;background:var(--bar4-card2);}body.sr-mobile-v4.sr-route-bar .sr-bar-v3-drink-media img{max-width:40px!important;max-height:42px!important;}body.sr-mobile-v4.sr-route-bar .sr-bar-v3-drink b{display:block;font-size:10px;}body.sr-mobile-v4.sr-route-bar .sr-bar-v3-drink small{display:flex;align-items:center;gap:2px;margin-top:2px;color:#58ae6d;font-size:8px;}body.sr-mobile-v4.sr-route-bar .sr-bar-v3-drink small img{width:12px!important;height:12px!important;}
body.sr-mobile-v4.sr-route-bar .sr-bar-v3-tournament-filter,body.sr-mobile-v4.sr-route-bar .sr-bar-v3-compose{margin-top:7px;padding:8px;border:1px solid var(--bar4-border);border-radius:9px;background:var(--bar4-card);color:var(--bar4-text);}
body.sr-mobile-v4.sr-route-bar .sr-bar-v3-compose textarea.text{min-height:78px!important;width:100%!important;box-sizing:border-box!important;border:1px solid var(--bar4-border)!important;border-radius:8px!important;background:var(--bar4-card2)!important;color:var(--bar4-text)!important;}body.sr-mobile-v4.sr-route-bar .sr-bar-v3-compose input.btn1{height:38px!important;min-width:120px!important;border:0!important;border-radius:8px!important;background:linear-gradient(180deg,#ff963a,#ef761d)!important;color:#fff!important;font-weight:800!important;}
body.sr-mobile-v4.sr-route-bar .sr-bar-v3-chat{margin-top:7px;}body.sr-mobile-v4.sr-route-bar .sr-bar-v3-feed{display:flex;flex-direction:column;gap:7px;padding:0!important;}body.sr-mobile-v4.sr-route-bar .sr-bar-v3-message{display:flex;align-items:flex-start;gap:5px;width:100%;margin:0!important;}body.sr-mobile-v4.sr-route-bar .sr-bar-v3-message.mine{flex-direction:row-reverse;}body.sr-mobile-v4.sr-route-bar .sr2-bar-chat-avatar{flex:0 0 34px;width:34px;height:34px;}body.sr-mobile-v4.sr-route-bar .sr2-bar-chat-avatar img{width:34px!important;height:34px!important;max-width:none!important;max-height:none!important;object-fit:cover;border:1px solid var(--bar4-border)!important;border-radius:9px!important;}body.sr-mobile-v4.sr-route-bar .sr2-bar-chat-bubble{max-width:calc(100% - 45px)!important;padding:8px 9px!important;border:1px solid var(--bar4-border)!important;border-radius:4px 10px 10px 10px!important;background:var(--bar4-card)!important;color:var(--bar4-text)!important;}body.sr-mobile-v4.sr-route-bar .sr-bar-v3-message.mine .sr2-bar-chat-bubble{border-color:#87501f!important;border-radius:10px 4px 10px 10px!important;background:linear-gradient(180deg,#432713,#28170d)!important;}body.sr-mobile-v4.sr-theme-light.sr-route-bar .sr-bar-v3-message.mine .sr2-bar-chat-bubble{border-color:#e3b07e!important;background:linear-gradient(180deg,#fff3e6,#f9e7d6)!important;color:#3d3028!important;}body.sr-mobile-v4.sr-route-bar .sr2-bar-chat-meta{display:flex;justify-content:space-between;gap:5px;margin-bottom:4px;}body.sr-mobile-v4.sr-route-bar .sr2-bar-chat-name,body.sr-mobile-v4.sr-route-bar .sr2-bar-chat-name>a{color:var(--bar4-text)!important;font-size:9px;font-weight:800;}body.sr-mobile-v4.sr-route-bar .sr2-bar-chat-time{color:var(--bar4-muted)!important;font-size:7px!important;white-space:nowrap;}body.sr-mobile-v4.sr-route-bar .sr2-bar-chat-text{font-size:10.5px!important;line-height:1.35!important;}body.sr-mobile-v4.sr-route-bar .sr-bar-v3-role-icon{width:12px!important;height:12px!important;}
body.sr-mobile-v4.sr-route-bar .sr-bar-v3-sentinel{margin:7px 0;padding:8px;text-align:center;border:1px dashed var(--bar4-border);border-radius:8px;background:var(--bar4-card2);color:var(--bar4-muted);font-size:8.5px;}body.sr-mobile-v4.sr-route-bar .sr-bar-v3-fallback{display:inline-block;margin-left:5px;color:var(--bar4-orange)!important;}body.sr-mobile-v4.sr-route-bar .sr-bar-v3-empty{padding:16px;text-align:center;border:1px solid var(--bar4-border);border-radius:9px;background:var(--bar4-card);color:var(--bar4-muted);}
body.sr-mobile-v4.sr-route-bar .sr-bar-v3-aside{display:none!important;}

/* Mobile v4.5.0 - Bar v3 NPC avatar exact crop */
body.sr-mobile-v4.sr-route-bar .sr-bar-v3-message.npc .sr2-bar-chat-avatar{
    overflow:hidden!important;
    border:0!important;
    border-radius:9px!important;
    background:transparent!important;
}
body.sr-mobile-v4.sr-route-bar .sr-bar-v3-message.npc .sr2-bar-chat-avatar img{
    width:56px!important;
    height:50px!important;
    max-width:none!important;
    max-height:none!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    object-fit:initial!important;
    transform:translate(-11px,-8px);
}


/* -------------------------------------------------------------------------
 * Mobile v4.5.0 - StreetWar light theme
 * Keep the road/battle scene cinematic, but render the surrounding HUD,
 * actions and event cards with the same light surfaces as the rest of v4.
 * ------------------------------------------------------------------------- */
body.sr-mobile-v4.sr-theme-light.sr-route-streetwar,
body.sr-mobile-v4.sr-theme-light.sr-route-battle{
    background:var(--sr-page-bg)!important;
    color:var(--sr-text)!important;
}
body.sr-mobile-v4.sr-theme-light.sr-route-streetwar .div3.title,
body.sr-mobile-v4.sr-theme-light.sr-route-battle .div3.title{
    border-color:var(--sr-border)!important;
    border-left:4px solid var(--sr-accent)!important;
    background:var(--sr-surface)!important;
    background-image:none!important;
    box-shadow:var(--sr-shadow-soft)!important;
    color:var(--sr-text)!important;
}
body.sr-mobile-v4.sr-theme-light.sr-route-streetwar .tt3,
body.sr-mobile-v4.sr-theme-light.sr-route-battle .tt3,
body.sr-mobile-v4.sr-theme-light.sr-route-streetwar .menu>a,
body.sr-mobile-v4.sr-theme-light.sr-route-battle .menu>a{
    border-color:var(--sr-border)!important;
    background:var(--sr-surface)!important;
    background-image:none!important;
    color:var(--sr-text)!important;
    box-shadow:var(--sr-shadow-soft)!important;
}
body.sr-mobile-v4.sr-theme-light.sr-route-streetwar .div1.brd1.brd2,
body.sr-mobile-v4.sr-theme-light.sr-route-streetwar .div11.brd1.brd2,
body.sr-mobile-v4.sr-theme-light.sr-route-battle .div1.brd1.brd2,
body.sr-mobile-v4.sr-theme-light.sr-route-battle .div11.brd1.brd2,
body.sr-mobile-v4.sr-theme-light.sr-route-streetwar details.div1.brd1.brd2,
body.sr-mobile-v4.sr-theme-light.sr-route-battle details.div1.brd1.brd2{
    border-color:var(--sr-border)!important;
    background:var(--sr-surface)!important;
    background-image:none!important;
    color:var(--sr-text)!important;
    box-shadow:var(--sr-shadow-soft)!important;
}
body.sr-mobile-v4.sr-theme-light.sr-route-streetwar .sw-battle-card,
body.sr-mobile-v4.sr-theme-light.sr-route-battle .sw-battle-card{
    background:var(--sr-surface)!important;
    color:var(--sr-text)!important;
}
body.sr-mobile-v4.sr-theme-light.sr-route-streetwar .sw-battle-scene,
body.sr-mobile-v4.sr-theme-light.sr-route-battle .sw-battle-scene{
    border-color:#344b5b!important;
    background-color:#171c20!important;
    box-shadow:inset 0 -25px 38px rgba(0,0,0,.22),0 7px 16px rgba(31,55,74,.13)!important;
}
body.sr-mobile-v4.sr-theme-light.sr-route-streetwar .sw-progress,
body.sr-mobile-v4.sr-theme-light.sr-route-battle .sw-progress,
body.sr-mobile-v4.sr-theme-light.sr-route-streetwar .sw-hp-cell,
body.sr-mobile-v4.sr-theme-light.sr-route-battle .sw-hp-cell{
    border-color:var(--sr-border)!important;
    background:var(--sr-surface-2)!important;
    color:var(--sr-text)!important;
    box-shadow:none!important;
}
body.sr-mobile-v4.sr-theme-light.sr-route-streetwar .sw-hp-name,
body.sr-mobile-v4.sr-theme-light.sr-route-battle .sw-hp-name,
body.sr-mobile-v4.sr-theme-light.sr-route-streetwar .sw-hp-name b,
body.sr-mobile-v4.sr-theme-light.sr-route-battle .sw-hp-name b,
body.sr-mobile-v4.sr-theme-light.sr-route-streetwar .sw-intent-title,
body.sr-mobile-v4.sr-theme-light.sr-route-battle .sw-intent-title,
body.sr-mobile-v4.sr-theme-light.sr-route-streetwar .sw-special-name,
body.sr-mobile-v4.sr-theme-light.sr-route-battle .sw-special-name{
    color:var(--sr-text)!important;
}
body.sr-mobile-v4.sr-theme-light.sr-route-streetwar .sw-intent,
body.sr-mobile-v4.sr-theme-light.sr-route-battle .sw-intent,
body.sr-mobile-v4.sr-theme-light.sr-route-streetwar .sw-events-top,
body.sr-mobile-v4.sr-theme-light.sr-route-battle .sw-events-top,
body.sr-mobile-v4.sr-theme-light.sr-route-streetwar .sw-actions-panel,
body.sr-mobile-v4.sr-theme-light.sr-route-battle .sw-actions-panel{
    border-color:var(--sr-border)!important;
    border-left-color:var(--sr-accent)!important;
    background:var(--sr-surface)!important;
    background-image:none!important;
    color:var(--sr-text)!important;
}
body.sr-mobile-v4.sr-theme-light.sr-route-streetwar .sw-event-latest,
body.sr-mobile-v4.sr-theme-light.sr-route-battle .sw-event-latest{
    background:rgba(255,120,24,.09)!important;
}
body.sr-mobile-v4.sr-theme-light.sr-route-streetwar .sw-event-line,
body.sr-mobile-v4.sr-theme-light.sr-route-battle .sw-event-line{
    border-color:var(--sr-border-soft)!important;
    color:var(--sr-text-2)!important;
}
body.sr-mobile-v4.sr-theme-light.sr-route-streetwar .small,
body.sr-mobile-v4.sr-theme-light.sr-route-battle .small,
body.sr-mobile-v4.sr-theme-light.sr-route-streetwar .sw-status,
body.sr-mobile-v4.sr-theme-light.sr-route-battle .sw-status,
body.sr-mobile-v4.sr-theme-light.sr-route-streetwar .sw-action-comment,
body.sr-mobile-v4.sr-theme-light.sr-route-battle .sw-action-comment,
body.sr-mobile-v4.sr-theme-light.sr-route-streetwar .sw-action-cost,
body.sr-mobile-v4.sr-theme-light.sr-route-battle .sw-action-cost{
    color:var(--sr-muted)!important;
}
body.sr-mobile-v4.sr-theme-light.sr-route-streetwar .sw-action-secondary,
body.sr-mobile-v4.sr-theme-light.sr-route-battle .sw-action-secondary{
    border-color:var(--sr-border)!important;
    background:var(--sr-surface-2)!important;
    color:var(--sr-text)!important;
    box-shadow:none!important;
}

/* -------------------------------------------------------------------------
 * Mobile v4.5.1 - interface mode switch
 * ------------------------------------------------------------------------- */
body.sr-mobile-v4 .sr-interface-switch-card{
    --if-card:#0d1b27;
    --if-border:#29475c;
    --if-text:#e9f3f8;
    --if-muted:#89a2b3;
    --if-track:#132a3a;
    --if-track-border:#35566d;
    margin:7px 0;
    padding:14px 10px;
    border:1px solid var(--if-border);
    border-radius:12px;
    background:var(--if-card);
}
body.sr-mobile-v4.sr-theme-light .sr-interface-switch-card{
    --if-card:#fff;
    --if-border:#cad9e2;
    --if-text:#203744;
    --if-muted:#667f8f;
    --if-track:#e8f0f5;
    --if-track-border:#bfd0db;
}
body.sr-mobile-v4 .sr-interface-switch{
    display:grid;
    grid-template-columns:minmax(0,1fr) 62px minmax(0,1fr);
    align-items:center;
    gap:6px;
}
body.sr-mobile-v4 .sr-interface-switch-label{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:38px;
    padding:5px 6px;
    border:1px solid transparent;
    border-radius:9px;
    color:var(--if-muted)!important;
    font-size:10px;
    line-height:1.15;
    font-weight:800;
    text-align:center;
    text-decoration:none!important;
}
body.sr-mobile-v4 .sr-interface-switch-label.is-active{
    border-color:#f18427;
    background:rgba(241,132,39,.10);
    color:#f18427!important;
}
body.sr-mobile-v4 .sr-interface-switch-track{
    position:relative;
    display:block;
    width:62px;
    height:34px;
    border:1px solid var(--if-track-border);
    border-radius:20px;
    background:var(--if-track);
    box-shadow:inset 0 2px 5px rgba(0,0,0,.12);
}
body.sr-mobile-v4 .sr-interface-switch-knob{
    position:absolute;
    top:4px;
    left:4px;
    width:24px;
    height:24px;
    border-radius:50%;
    background:linear-gradient(180deg,#ff9b45,#ef771c);
    box-shadow:0 3px 7px rgba(0,0,0,.22);
    transition:left .18s ease;
}
body.sr-mobile-v4 .sr-interface-switch-track.is-fullscreen .sr-interface-switch-knob{left:32px;}
body.sr-mobile-v4 .sr-interface-switch-status{
    margin-top:9px;
    color:var(--if-muted);
    font-size:9px;
    text-align:center;
}
body.sr-mobile-v4 .sr-interface-switch-status b{color:var(--if-text);}
body.sr-mobile-v4 .sr-interface-back{margin-top:7px;}

/* -------------------------------------------------------------------------
 * Mobile v4.5.2 - Bank v3
 * ------------------------------------------------------------------------- */
body.sr-mobile-v4.sr-route-bank .sr-bank-v3{
    --bank-m-card:#0d1d29;--bank-m-card2:#112432;--bank-m-border:#28465a;--bank-m-text:#eef7fb;--bank-m-muted:#8ba3b2;--bank-m-chip:#132a39;--bank-m-orange:#ff7f2a;--bank-m-green:#58c97a;--bank-m-red:#e86c62;
    color:var(--bank-m-text);
}
body.sr-mobile-v4.sr-theme-light.sr-route-bank .sr-bank-v3{
    --bank-m-card:#ffffff;--bank-m-card2:#f4f8fa;--bank-m-border:#cad9e2;--bank-m-text:#203744;--bank-m-muted:#5f7786;--bank-m-chip:#edf4f7;
}
body.sr-mobile-v4.sr-route-bank>.title,
body.sr-mobile-v4.sr-route-bank>.div3.title{display:none!important;}
body.sr-mobile-v4.sr-route-bank .sr-bank-v3{margin:0 0 7px;}
body.sr-mobile-v4.sr-route-bank .sr-bank-v3-hero{display:grid;grid-template-columns:48px minmax(0,1fr);gap:9px;padding:10px;border:1px solid var(--bank-m-border);border-radius:12px;background:linear-gradient(100deg,rgba(7,20,30,.97),rgba(7,20,30,.76)),url('/img/streetwar/night_city_skyline.png') repeat-x center bottom 5px / auto 58px;overflow:hidden;}
body.sr-mobile-v4.sr-theme-light.sr-route-bank .sr-bank-v3-hero{background:linear-gradient(100deg,rgba(255,255,255,.97),rgba(255,255,255,.79)),url('/img/streetwar/night_city_skyline.png') repeat-x center bottom 5px / auto 58px;}
body.sr-mobile-v4.sr-route-bank .sr-bank-v3-hero-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,127,42,.45);border-radius:10px;background:rgba(255,127,42,.10);}
body.sr-mobile-v4.sr-route-bank .sr-bank-v3-hero-icon img{width:25px!important;height:25px!important;filter:brightness(0) saturate(100%) invert(57%) sepia(99%) saturate(2125%) hue-rotate(346deg) brightness(103%) contrast(101%);}
body.sr-mobile-v4.sr-route-bank .sr-bank-v3-hero-copy small,
body.sr-mobile-v4.sr-route-bank .sr-bank-v3-section-head small{display:block;color:var(--bank-m-orange);font-size:7px;font-weight:900;letter-spacing:.04em;}
body.sr-mobile-v4.sr-route-bank .sr-bank-v3-hero-copy h1{margin:2px 0;color:var(--bank-m-text);font-size:19px;line-height:20px;}
body.sr-mobile-v4.sr-route-bank .sr-bank-v3-hero-copy p{margin:0;color:var(--bank-m-muted);font-size:9px;line-height:1.25;}
body.sr-mobile-v4.sr-route-bank .sr-bank-v3-balances{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:2px;}
body.sr-mobile-v4.sr-route-bank .sr-bank-v3-balances>div{min-width:0;padding:6px;border:1px solid var(--bank-m-border);border-radius:8px;background:var(--bank-m-card);}
body.sr-mobile-v4.sr-route-bank .sr-bank-v3-balances span{display:block;color:var(--bank-m-muted);font-size:6px;text-transform:uppercase;}
body.sr-mobile-v4.sr-route-bank .sr-bank-v3-balances b{display:flex;align-items:center;gap:3px;margin-top:2px;color:var(--bank-m-text)!important;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
body.sr-mobile-v4.sr-route-bank .sr-bank-v3-balances img{width:11px!important;height:11px!important;}
body.sr-mobile-v4.sr-route-bank .sr-bank-v3-balances .is-active b{color:var(--bank-m-green)!important;}
body.sr-mobile-v4.sr-route-bank .sr-bank-v3-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:6px 0;}
body.sr-mobile-v4.sr-route-bank .sr-bank-v3-tabs a{display:flex;align-items:center;justify-content:center;min-height:38px;padding:7px 5px;border:1px solid var(--bank-m-border);border-radius:8px;background:var(--bank-m-card);color:var(--bank-m-muted)!important;text-decoration:none!important;font-size:9px;font-weight:800;}
body.sr-mobile-v4.sr-route-bank .sr-bank-v3-tabs a.active{border-color:#ef7b1e;background:linear-gradient(180deg,#ff963a,#f1781d);color:#fff!important;}
body.sr-mobile-v4.sr-route-bank .sr-bank-v3-section-head{margin:9px 2px 6px;}
body.sr-mobile-v4.sr-route-bank .sr-bank-v3-section-head h2{margin:2px 0;color:var(--bank-m-text);font-size:14px;line-height:1.15;}
body.sr-mobile-v4.sr-route-bank .sr-bank-v3-section-head p{margin:2px 0 0;color:var(--bank-m-muted);font-size:8.5px;line-height:1.3;}
body.sr-mobile-v4.sr-route-bank .sr-bank-v3-notice{margin:0 0 6px;padding:8px;border:1px solid var(--bank-m-border);border-radius:9px;background:var(--bank-m-card);color:var(--bank-m-muted);font-size:9px;line-height:1.35;}
body.sr-mobile-v4.sr-route-bank .sr-bank-v3-notice.success{border-color:rgba(88,201,122,.42);background:rgba(88,201,122,.09);color:var(--bank-m-green);}
body.sr-mobile-v4.sr-route-bank .sr-bank-v3-notice.error{border-color:rgba(232,108,98,.42);background:rgba(232,108,98,.09);color:var(--bank-m-red);}
body.sr-mobile-v4.sr-route-bank .sr-bank-v3-graffiti{padding:9px;border:1px solid var(--bank-m-border);border-radius:10px;background:var(--bank-m-card);}
body.sr-mobile-v4.sr-route-bank .sr-bank-v3-graffiti-head{display:flex;align-items:flex-start;justify-content:space-between;gap:7px;margin-bottom:7px;}
body.sr-mobile-v4.sr-route-bank .sr-bank-v3-graffiti-head small,
body.sr-mobile-v4.sr-route-bank .sr-bank-v3-car-meta small,
body.sr-mobile-v4.sr-route-bank .sr-bank-v3-promo-copy small,
body.sr-mobile-v4.sr-route-bank .sr-bank-v3-package-copy small,
body.sr-mobile-v4.sr-route-bank .sr-bank-v3-vip-summary small,
body.sr-mobile-v4.sr-route-bank .sr-bank-v3-confirm small,
body.sr-mobile-v4.sr-route-bank .sr-bank-v3-payment-total small{display:block;color:var(--bank-m-orange);font-size:7px;font-weight:900;}
body.sr-mobile-v4.sr-route-bank .sr-bank-v3-graffiti-head h2{margin:2px 0;color:var(--bank-m-text);font-size:15px;}
body.sr-mobile-v4.sr-route-bank .sr-bank-v3-graffiti-head p{margin:0;color:var(--bank-m-muted);font-size:8px;line-height:1.3;}
body.sr-mobile-v4.sr-route-bank .sr-bank-v3-graffiti-progress-total{flex:0 0 auto;padding:6px;border-radius:8px;background:var(--bank-m-chip);}
body.sr-mobile-v4.sr-route-bank .sr-bank-v3-graffiti-progress-total span{display:block;color:var(--bank-m-muted);font-size:6px;}
body.sr-mobile-v4.sr-route-bank .sr-bank-v3-graffiti-progress-total b{display:flex;align-items:center;gap:3px;color:var(--bank-m-text)!important;font-size:9px;}
body.sr-mobile-v4.sr-route-bank .sr-bank-v3-graffiti-progress-total img{width:11px!important;height:11px!important;}
body.sr-mobile-v4.sr-route-bank .sr-bank-v3-car-grid,
body.sr-mobile-v4.sr-route-bank .sr-bank-v3-promo-grid,
body.sr-mobile-v4.sr-route-bank .sr-bank-v3-package-grid{display:grid;grid-template-columns:1fr;gap:6px;}
body.sr-mobile-v4.sr-route-bank .sr-bank-v3-car-card{padding:9px;border:1px solid var(--bank-m-border);border-radius:9px;background:var(--bank-m-card2);}
body.sr-mobile-v4.sr-route-bank .sr-bank-v3-car-card.is-ready{border-color:#e07828;}
body.sr-mobile-v4.sr-route-bank .sr-bank-v3-car-card.is-owned{border-color:rgba(88,201,122,.42);}
body.sr-mobile-v4.sr-route-bank .sr-bank-v3-car-meta{display:flex;justify-content:space-between;gap:6px;}
body.sr-mobile-v4.sr-route-bank .sr-bank-v3-car-meta h3{margin:2px 0;color:var(--bank-m-text);font-size:12px;}
body.sr-mobile-v4.sr-route-bank .sr-bank-v3-car-art{height:100px;display:flex;align-items:center;justify-content:center;margin:4px 0;overflow:hidden;}
body.sr-mobile-v4.sr-route-bank .sr-bank-v3-car-art img{position:static!important;width:auto!important;height:auto!important;max-width:96%!important;max-height:94px!important;object-fit:contain;}
body.sr-mobile-v4.sr-route-bank .sr-bank-v3-car-stats{display:flex;justify-content:space-between;color:var(--bank-m-muted);font-size:8px;}
body.sr-mobile-v4.sr-route-bank .sr-bank-v3-car-stats span{display:flex;align-items:center;gap:3px;}
body.sr-mobile-v4.sr-route-bank .sr-bank-v3-car-stats img{width:11px!important;height:11px!important;}
body.sr-mobile-v4.sr-route-bank .sr-bank-v3-progress{height:6px;margin-top:6px;border-radius:6px;background:var(--bank-m-chip);overflow:hidden;}
body.sr-mobile-v4.sr-route-bank .sr-bank-v3-progress i{display:block;height:100%;background:linear-gradient(90deg,#f2721b,#ffac45);}
body.sr-mobile-v4.sr-route-bank .sr-bank-v3-progress-copy{display:flex;justify-content:space-between;margin:3px 0 6px;color:var(--bank-m-muted);font-size:7px;}
body.sr-mobile-v4.sr-route-bank .sr-bank-v3-state{display:flex;align-items:center;justify-content:center;min-height:34px;border-radius:8px;background:var(--bank-m-chip);color:var(--bank-m-muted);font-size:8px;font-weight:800;}
body.sr-mobile-v4.sr-route-bank .sr-bank-v3-state.success{background:rgba(88,201,122,.10);color:var(--bank-m-green);}
body.sr-mobile-v4.sr-route-bank .sr-bank-v3-promo-card{display:grid;grid-template-columns:78px minmax(0,1fr);gap:8px;padding:9px;border:1px solid var(--bank-m-border);border-radius:9px;background:var(--bank-m-card);}
body.sr-mobile-v4.sr-route-bank .sr-bank-v3-promo-art{height:66px;display:flex;align-items:center;justify-content:center;overflow:hidden;}
body.sr-mobile-v4.sr-route-bank .sr-bank-v3-promo-art img{position:static!important;width:auto!important;height:auto!important;max-width:100%!important;max-height:64px!important;object-fit:contain;}
body.sr-mobile-v4.sr-route-bank .sr-bank-v3-promo-copy h3{margin:2px 0;color:var(--bank-m-text);font-size:11px;}
body.sr-mobile-v4.sr-route-bank .sr-bank-v3-promo-copy p{margin:0;color:var(--bank-m-muted);font-size:8px;line-height:1.3;}
body.sr-mobile-v4.sr-route-bank .sr-bank-v3-promo-buy{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:7px;}
body.sr-mobile-v4.sr-route-bank .sr-bank-v3-promo-buy>b{color:var(--bank-m-text)!important;font-size:9px;}
body.sr-mobile-v4.sr-route-bank .sr-bank-v3-package-card{display:grid;grid-template-columns:48px minmax(0,1fr);gap:8px;align-items:center;padding:9px;border:1px solid var(--bank-m-border);border-radius:9px;background:var(--bank-m-card);}
body.sr-mobile-v4.sr-route-bank .sr-bank-v3-package-card>form,
body.sr-mobile-v4.sr-route-bank .sr-bank-v3-package-card>.sr-bank-v3-btn{grid-column:1/-1;}
body.sr-mobile-v4.sr-route-bank .sr-bank-v3-package-icon{width:46px;height:46px;display:flex;align-items:center;justify-content:center;border-radius:9px;background:var(--bank-m-chip);color:var(--bank-m-orange);font-size:12px;font-weight:900;overflow:hidden;}
body.sr-mobile-v4.sr-route-bank .sr-bank-v3-package-icon img{width:31px!important;height:31px!important;}
body.sr-mobile-v4.sr-route-bank .sr-bank-v3-package-copy h3{display:flex;align-items:center;gap:3px;margin:2px 0;color:var(--bank-m-text);font-size:12px;}
body.sr-mobile-v4.sr-route-bank .sr-bank-v3-package-copy h3 img,
body.sr-mobile-v4.sr-route-bank .sr-bank-v3-package-copy p img{width:11px!important;height:11px!important;}
body.sr-mobile-v4.sr-route-bank .sr-bank-v3-package-copy p{margin:0;color:var(--bank-m-muted);font-size:8px;}
body.sr-mobile-v4.sr-route-bank .sr-bank-v3-package-copy p b{color:var(--bank-m-green)!important;}
body.sr-mobile-v4.sr-route-bank .sr-bank-v3-package-copy>span{color:var(--bank-m-text);font-size:9px;font-weight:700;}
body.sr-mobile-v4.sr-route-bank .sr-bank-v3-btn{display:flex!important;align-items:center;justify-content:center;min-height:36px;padding:8px 10px;border:1px solid var(--bank-m-border)!important;border-radius:8px!important;background:var(--bank-m-chip)!important;color:var(--bank-m-text)!important;text-decoration:none!important;font-size:9px!important;font-weight:800!important;box-sizing:border-box;}
body.sr-mobile-v4.sr-route-bank .sr-bank-v3-btn.primary{border-color:#e77722!important;background:linear-gradient(180deg,#ff963b,#f1781d)!important;color:#fff!important;}
body.sr-mobile-v4.sr-route-bank .sr-bank-v3-btn.secondary{background:transparent!important;}
body.sr-mobile-v4.sr-route-bank .sr-bank-v3-exchange-card{display:grid;grid-template-columns:1fr;gap:6px;padding:9px;border:1px solid var(--bank-m-border);border-radius:10px;background:var(--bank-m-card);}
body.sr-mobile-v4.sr-route-bank .sr-bank-v3-rate{padding:10px;border-radius:8px;background:var(--bank-m-chip);}
body.sr-mobile-v4.sr-route-bank .sr-bank-v3-rate>span{color:var(--bank-m-orange);font-size:7px;font-weight:900;}
body.sr-mobile-v4.sr-route-bank .sr-bank-v3-rate strong{display:flex;align-items:center;gap:5px;margin:6px 0;color:var(--bank-m-text);font-size:17px;}
body.sr-mobile-v4.sr-route-bank .sr-bank-v3-rate strong img{width:20px!important;height:20px!important;}
body.sr-mobile-v4.sr-route-bank .sr-bank-v3-rate strong em{font-style:normal;color:var(--bank-m-muted);}
body.sr-mobile-v4.sr-route-bank .sr-bank-v3-rate small{color:var(--bank-m-muted);font-size:8px;}
body.sr-mobile-v4.sr-route-bank .sr-bank-v3-form label{display:block;margin-bottom:5px;color:var(--bank-m-text);font-size:9px;font-weight:800;}
body.sr-mobile-v4.sr-route-bank .sr-bank-v3-input-row{display:grid;grid-template-columns:1fr;gap:5px;}
body.sr-mobile-v4.sr-route-bank .sr-bank-v3-form input[type="number"],
body.sr-mobile-v4.sr-route-bank .sr-bank-v3-form input[type="text"]{width:100%;min-height:38px;padding:8px;border:1px solid var(--bank-m-border);border-radius:8px;background:var(--bank-m-card2);color:var(--bank-m-text);box-sizing:border-box;}
body.sr-mobile-v4.sr-route-bank .sr-bank-v3-calc{margin-top:5px;color:var(--bank-m-muted);font-size:8px;}
body.sr-mobile-v4.sr-route-bank .sr-bank-v3-vip-summary{display:grid;grid-template-columns:54px minmax(0,1fr);gap:8px;padding:9px;border:1px solid var(--bank-m-border);border-radius:10px;background:var(--bank-m-card);}
body.sr-mobile-v4.sr-route-bank .sr-bank-v3-vip-mark{width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:11px;background:rgba(255,127,42,.10);color:var(--bank-m-orange);font-size:14px;font-weight:900;}
body.sr-mobile-v4.sr-route-bank .sr-bank-v3-vip-summary h3,
body.sr-mobile-v4.sr-route-bank .sr-bank-v3-confirm h3{margin:2px 0;color:var(--bank-m-text);font-size:12px;}
body.sr-mobile-v4.sr-route-bank .sr-bank-v3-vip-summary p,
body.sr-mobile-v4.sr-route-bank .sr-bank-v3-confirm p{margin:0;color:var(--bank-m-muted);font-size:8px;}
body.sr-mobile-v4.sr-route-bank .sr-bank-v3-vip-summary ul{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin:0;padding:0;list-style:none;}
body.sr-mobile-v4.sr-route-bank .sr-bank-v3-vip-summary li{padding:5px;border-radius:6px;background:var(--bank-m-chip);color:var(--bank-m-muted);font-size:7.5px;}
body.sr-mobile-v4.sr-route-bank .sr-bank-v3-confirm{display:block;margin-bottom:6px;padding:9px;border:1px solid rgba(255,127,42,.42);border-radius:9px;background:rgba(255,127,42,.08);}
body.sr-mobile-v4.sr-route-bank .sr-bank-v3-confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:7px;}
body.sr-mobile-v4.sr-route-bank .sr-bank-v3-payment-card{padding:9px;border:1px solid var(--bank-m-border);border-radius:10px;background:var(--bank-m-card);}
body.sr-mobile-v4.sr-route-bank .sr-bank-v3-payment-total{margin-bottom:7px;padding:9px;border-radius:8px;background:var(--bank-m-chip);}
body.sr-mobile-v4.sr-route-bank .sr-bank-v3-payment-total strong{display:block;margin:2px 0;color:var(--bank-m-text);font-size:16px;}
body.sr-mobile-v4.sr-route-bank .sr-bank-v3-payment-total span{display:flex;align-items:center;gap:3px;color:var(--bank-m-muted);font-size:8px;}
body.sr-mobile-v4.sr-route-bank .sr-bank-v3-payment-total img{width:11px!important;height:11px!important;}
body.sr-mobile-v4.sr-route-bank .sr-bank-v3-payment-form{margin-bottom:6px;padding:8px;border:1px solid var(--bank-m-border);border-radius:8px;background:var(--bank-m-card2);overflow:hidden;}


/* Mobile v4.5.3 - centered Bank gold packages */
body.sr-mobile-v4.sr-route-bank .sr-bank-v3-package-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:7px;padding:11px 10px;}
body.sr-mobile-v4.sr-route-bank .sr-bank-v3-package-card>form{width:100%;display:flex;justify-content:center;}
body.sr-mobile-v4.sr-route-bank .sr-bank-v3-package-card>form .sr-bank-v3-btn{width:min(100%,150px);}
body.sr-mobile-v4.sr-route-bank .sr-bank-v3-package-icon{width:62px;height:62px;border:0;background:transparent;}
body.sr-mobile-v4.sr-route-bank .sr-bank-v3-package-icon img{width:58px!important;height:58px!important;object-fit:contain;filter:drop-shadow(0 5px 8px rgba(0,0,0,.14));}
body.sr-mobile-v4.sr-route-bank .sr-bank-v3-package-copy{width:100%;text-align:center;}
body.sr-mobile-v4.sr-route-bank .sr-bank-v3-package-copy h3{justify-content:center;}