/* RudeTropolis 6.7.3 — mobile/PWA/profile/animated-world visual repair */
:root{--v673-glass:rgba(5,15,28,.84);--v673-glass2:rgba(8,25,43,.88);--v673-line:rgba(54,162,239,.58)}
body.v673-skin{background:#020812!important;min-height:100vh;overflow-x:hidden}
.v673-world-bg{position:fixed;inset:-7%;z-index:0;pointer-events:none;background-image:var(--v673-bg,url('/assets/rudetropolis-banner.png'));background-size:cover;background-position:center;filter:saturate(1.15) contrast(1.04) brightness(.5);animation:v673WorldMove 30s ease-in-out infinite alternate;transform-origin:center center;will-change:transform,background-position}
.v673-world-bg:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 20%,rgba(10,117,218,.16),transparent 35%),linear-gradient(180deg,rgba(1,5,10,.18),rgba(1,7,14,.76))}
body.v673-skin> *:not(.v673-world-bg):not(.v673-drawer):not(.v673-mobile-tools):not(.v673-toast){position:relative;z-index:1}
@keyframes v673WorldMove{0%{transform:scale(1.04) translate3d(-1%,0,0);background-position:45% 50%}50%{transform:scale(1.10) translate3d(1.5%,-1%,0);background-position:55% 46%}100%{transform:scale(1.06) translate3d(-1%,1%,0);background-position:48% 55%}}
body.v673-skin main,body.v673-skin .content{background:transparent!important}
body.v673-skin .side{background:linear-gradient(180deg,rgba(3,10,19,.93),rgba(4,13,24,.84))!important;backdrop-filter:blur(10px)}
body.v673-skin .panel,body.v673-skin .card,body.v673-skin .me-card,body.v673-skin .me,body.v673-skin .thread-pane,body.v673-skin .chat-details{background:linear-gradient(145deg,var(--v673-glass2),var(--v673-glass))!important;backdrop-filter:blur(7px);box-shadow:0 18px 60px rgba(0,0,0,.18)}
body.v673-skin .hero,body.v673-skin .visual-hero,body.v673-skin .messenger-hero,body.v673-skin .dating-hero{box-shadow:0 24px 70px rgba(0,0,0,.25)}
.v673-mobile-tools{display:none}.v673-drawer{display:none}.v673-toast{position:fixed;left:50%;bottom:92px;transform:translateX(-50%);z-index:10000;background:#06192b;border:1px solid #278fd5;color:#fff;padding:11px 14px;border-radius:12px;max-width:min(92vw,560px);box-shadow:0 18px 60px #0008}
.v673-top-profile{margin-left:7px}.v673-install-desktop{margin-left:7px}
.v673-profile-hero{min-height:330px;border:1px solid var(--v673-line);border-radius:24px;overflow:hidden;background-size:cover;background-position:center;position:relative;display:flex;align-items:flex-end;padding:24px;margin-bottom:14px}
.v673-profile-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 10%,rgba(2,8,16,.88) 90%)}
.v673-profile-copy{position:relative;z-index:1;display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:end;width:100%}.v673-profile-avatar{width:120px;height:120px;border-radius:50%;object-fit:cover;border:4px solid #fff;background:#123a5c}.v673-profile-copy h1{margin:0;font-size:36px}.v673-profile-copy p{margin:5px 0;color:#c4d8ea}
.v673-app-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.v673-app-card{min-height:230px;border:1px solid var(--v673-line);border-radius:20px;padding:17px;background:linear-gradient(145deg,rgba(7,28,48,.92),rgba(4,12,23,.92));background-size:cover;background-position:center;position:relative;overflow:hidden;display:flex;align-items:flex-end}.v673-app-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(1,5,10,.05),rgba(1,7,14,.94))}.v673-app-card>div{position:relative;z-index:1}.v673-app-card h3{font-size:23px;margin:4px 0}.v673-app-card .row{margin-top:9px}
.v673-teen-card{cursor:pointer}.v673-permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.v673-permission-grid label{border:1px solid #245b83;border-radius:10px;padding:9px;background:#061626}.v673-permission-grid input{width:auto}
.v673-safe-preview{border:1px solid #2f7aae;border-radius:18px;padding:14px;background:rgba(3,17,31,.82)}
.v673-safe-preview .locked{opacity:.55}.v673-safe-preview .open{border-color:#36b7ff}
.v673-privacy{border-left:5px solid #ffd34d!important}
@media(max-width:1100px){.v673-app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:980px){
  .v673-mobile-tools{display:flex;position:fixed;left:10px;right:10px;top:max(8px,env(safe-area-inset-top));z-index:9998;justify-content:space-between;gap:7px;pointer-events:none}
  .v673-mobile-tools button{pointer-events:auto;min-width:48px;min-height:46px;border-radius:14px;background:rgba(4,15,28,.92)!important;border:1px solid #277eb7!important;box-shadow:0 8px 30px rgba(0,0,0,.3);backdrop-filter:blur(10px)}
  .v673-drawer{display:block;position:fixed;z-index:9999;inset:0;pointer-events:none;background:rgba(0,0,0,0);transition:.2s}.v673-drawer.open{pointer-events:auto;background:rgba(0,0,0,.62)}
  .v673-drawer-panel{position:absolute;left:0;top:0;bottom:0;width:min(88vw,390px);background:linear-gradient(180deg,#06182a,#020811);border-right:1px solid #2a78aa;transform:translateX(-102%);transition:.22s;overflow:auto;padding:calc(70px + env(safe-area-inset-top)) 14px calc(24px + env(safe-area-inset-bottom));box-shadow:18px 0 70px #0008}.v673-drawer.open .v673-drawer-panel{transform:translateX(0)}
  .v673-drawer-panel h2{margin:0 0 12px}.v673-drawer-panel button,.v673-drawer-panel a{width:100%;display:block;text-align:left;padding:13px;margin:4px 0;border-radius:12px;background:#081c31;border:1px solid #214f72;color:#fff;text-decoration:none;font-weight:800;min-height:46px}
  body.v673-skin .top{padding-left:64px!important;min-height:64px;height:auto}
  body.v673-skin .main,body.v673-skin main{padding-left:12px!important;padding-right:12px!important}
  body.v673-skin button,body.v673-skin .btn,body.v673-skin .linkbtn{min-height:44px}
  body.v673-skin input,body.v673-skin textarea,body.v673-skin select{font-size:16px!important;min-height:44px}
  body.v673-skin .hero,body.v673-skin .visual-hero{min-height:300px}
  .v673-top-profile,.v673-install-desktop{display:none!important}
}
@media(max-width:620px){.v673-app-grid{grid-template-columns:1fr}.v673-profile-copy{grid-template-columns:1fr;text-align:center}.v673-profile-avatar{margin:auto}.v673-profile-copy h1{font-size:30px}.v673-permission-grid{grid-template-columns:1fr}.v673-world-bg{inset:-14%}.v673-mobile-tools{left:7px;right:7px}}
@media(prefers-reduced-motion:reduce){.v673-world-bg{animation:none!important;transform:none!important}}