html { scroll-behavior: smooth; }
body.rw-site-body {
padding: 0;
margin: 0;
background: #071015;
color: #f4ead8;
font-family: Arial, sans-serif;
}
body.rw-site-body > .rw-site-content-root { width: 100%; min-height: 45vh; }
.rw-site-global-header, .rw-site-global-header *, .rw-site-footer, .rw-site-footer * { box-sizing: border-box; }
.rw-site-shell { width: min(1380px, calc(100% - 48px)); margin: 0 auto; }
.rw2-topbar.rw-site-global-header { display:block; width:100%; top:0; left:0; z-index:120; border:0; }
.rw2-topbar.rw-site-global-header-home { position:absolute; background:transparent; }
.rw2-topbar.rw-site-global-header-inner { position:relative; background:linear-gradient(180deg,#071015 0%,#08131a 100%); border-bottom:1px solid rgba(130,164,181,.16); }
.rw-site-global-header .rw2-topbar-inner { min-height:74px; width:min(1380px,calc(100% - 40px)); margin:0 auto; display:flex; align-items:flex-start; gap:18px; padding:0; }
.rw-site-global-header .rw2-left-panel { display:inline-flex; align-items:center; gap:28px; min-height:64px; padding:8px 28px 8px 24px; border-right:1px solid rgba(130,164,181,.24); border-bottom:1px solid rgba(130,164,181,.24); border-radius:0 0 28px 0; background:linear-gradient(100deg,rgba(4,12,17,.88) 0%,rgba(6,18,24,.74) 62%,rgba(8,23,30,.48) 100%); -webkit-backdrop-filter:blur(8px) saturate(115%); backdrop-filter:blur(8px) saturate(115%); box-shadow:12px 12px 34px rgba(0,0,0,.12); }
.rw-site-global-header .rw2-brand { display:inline-flex; align-items:center; gap:10px; flex:0 0 auto; color:#f0c77d !important; text-decoration:none !important; white-space:nowrap; }
.rw-site-global-header .rw2-brand img { display:block; width:auto; height:45px; max-width:220px; object-fit:contain; }
.rw-site-global-header .rw2-brand-name { color:#f0c77d; font-family:Georgia,serif; font-size:25px; font-weight:700; letter-spacing:.01em; }
.rw-site-global-header .rw2-nav { display:flex; align-items:center; gap:32px; padding:0; border:0; background:transparent; }
.rw-site-global-header .rw2-nav a, .rw-site-global-header .rw2-top-link { color:#e8e6df !important; text-decoration:none !important; font-size:14px; }
.rw-site-global-header .rw2-nav a { display:inline-flex; align-items:center; min-height:34px; padding:0; text-shadow:0 2px 12px rgba(0,0,0,.65); }
.rw-site-global-header .rw2-nav a:hover, .rw-site-global-header .rw2-nav a.is-active, .rw-site-global-header .rw2-top-link:hover { color:#e7bb73 !important; }
.rw-site-global-header .rw2-nav a.is-active { box-shadow:inset 0 -1px 0 rgba(231,187,115,.65); }
.rw-site-global-header .rw2-top-actions { display:flex; align-items:center; gap:14px; margin-left:auto; padding-top:10px; }
.rw-site-global-header .rw2-top-link { min-height:38px; display:inline-flex; align-items:center; gap:9px; padding:0 15px; border:1px solid rgba(214,168,97,.12); border-radius:8px; background:linear-gradient(90deg,rgba(9,17,21,.72),rgba(12,20,23,.42)); -webkit-backdrop-filter:blur(7px); backdrop-filter:blur(7px); color:#edc47c !important; text-shadow:0 2px 12px rgba(0,0,0,.68); }
.rw-site-global-header .rw2-create-world-icon { width:18px; height:18px; flex:0 0 18px; object-fit:contain; }
.rw-site-global-header .rw2-button { min-height:44px; display:inline-flex; align-items:center; justify-content:center; gap:9px; padding:0 20px; border:1px solid rgba(222,174,99,.65); border-radius:9px; color:#f3c981 !important; text-decoration:none !important; font-weight:700; transition:.2s ease; }
.rw-site-global-header .rw2-button:hover { transform:translateY(-1px); border-color:#efc47a; box-shadow:0 10px 28px rgba(0,0,0,.3); }
.rw-site-global-header .rw2-button-primary { border-color:#efc47a; background:linear-gradient(180deg,#f7d497 0%,#dfa75f 100%); color:#17120d !important; }
.rw-site-mobile-menu-button {
display: none;
width: 42px;
height: 42px;
flex: 0 0 42px;
padding: 0;
border: 1px solid rgba(226,181,106,.48);
border-radius: 9px;
background: linear-gradient(180deg, rgba(9,20,26,.94), rgba(5,13,18,.97));
color: #f3d7a1;
cursor: pointer;
box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 8px 24px rgba(0,0,0,.2);
}
.rw-site-mobile-menu-button span {
display: block;
width: 18px;
height: 2px;
margin: 3px auto;
border-radius: 2px;
background: #e8c27c;
transition: transform .18s ease, opacity .18s ease;
}
.rw-site-mobile-menu-button.is-open span:nth-child(1) { transform: translateY(5px) rotate(45deg); }
.rw-site-mobile-menu-button.is-open span:nth-child(2) { opacity: 0; }
.rw-site-mobile-menu-button.is-open span:nth-child(3) { transform: translateY(-5px) rotate(-45deg); }
.rw-site-mobile-menu {
display: none;
}
.rw-site-content-root > main:not(.rw2-main) {
width: min(1380px, calc(100% - 48px)) !important;
max-width: 1380px !important;
margin: 34px auto 56px !important;
padding: 0 !important;
box-sizing: border-box;
text-align: left;
}
.rw-site-content-root .page-wrap,
.rw-site-content-root .site-posts-wrap,
.rw-site-content-root .rw-request-shell {
width: 100% !important;
max-width: none !important;
margin-left: auto !important;
margin-right: auto !important;
box-sizing: border-box;
}
.rw-site-content-root .rw-about-content,
.rw-site-content-root .rw-article-content {
box-sizing: border-box;
}
.rw-site-footer { width:100%; border-top:1px solid rgba(130,164,181,.16); background:linear-gradient(180deg,#061015 0%,#040a0d 100%); color:#aebbc1; text-align:left; }
.rw-site-footer-main { display:grid; grid-template-columns:minmax(260px,1.45fr) 1fr 1fr; gap:48px; padding-top:42px; padding-bottom:34px; }
.rw-site-footer-brand { max-width:420px; }
.rw-site-footer-logo { display:inline-flex; align-items:center; gap:10px; color:#f0c77d !important; text-decoration:none !important; font-family:Georgia,serif; font-size:24px; font-weight:700; }
.rw-site-footer-logo img { width:39px; height:39px; object-fit:contain; }
.rw-site-footer-tagline { margin-top:12px; max-width:380px; color:#85969e; font-size:13px; line-height:1.55; }
.rw-site-footer-links { display:flex; flex-direction:column; align-items:flex-start; gap:10px; padding-top:5px; }
.rw-site-footer-links a, .rw-site-footer-bottom a { color:#cbd5d9 !important; text-decoration:none !important; font-size:13px; }
.rw-site-footer-links a:hover, .rw-site-footer-bottom a:hover { color:#efc47a !important; }
.rw-site-footer-bottom { min-height:54px; display:flex; align-items:center; justify-content:space-between; gap:20px; border-top:1px solid rgba(130,164,181,.11); color:#667982; font-size:12px; }
@media (max-width:980px) {
.rw-site-global-header .rw2-topbar-inner {
position: relative;
align-items: center;
gap: 10px;
}
.rw-site-global-header .rw2-left-panel {
min-width: 0;
flex: 1 1 auto;
}
.rw-site-global-header .rw2-nav,
.rw-site-global-header .rw2-top-link,
.rw-site-global-header .rw-site-play-button {
display: none !important;
}
.rw-site-global-header .rw2-top-actions {
flex: 0 0 auto;
gap: 8px;
margin-left: auto;
}
.rw-site-mobile-menu-button {
display: inline-flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.rw-site-mobile-menu[hidden] {
display: none !important;
}
.rw-site-mobile-menu {
display: block;
position: absolute;
top: 66px;
right: 12px;
z-index: 1500;
width: min(340px, calc(100% - 24px));
overflow: hidden;
padding: 10px;
box-sizing: border-box;
border: 1px solid rgba(226,181,106,.45);
border-radius: 14px;
background: rgba(5,15,20,.985);
box-shadow: 0 24px 60px rgba(0,0,0,.5);
-webkit-backdrop-filter: blur(12px);
backdrop-filter: blur(12px);
}
.rw-site-mobile-menu-links {
display: grid;
gap: 3px;
}
.rw-site-mobile-menu-links a {
min-height: 42px;
display: flex;
align-items: center;
padding: 0 12px;
border-radius: 8px;
color: #d8e0e2 !important;
text-decoration: none !important;
font-size: 14px;
}
.rw-site-mobile-menu-links a:hover,
.rw-site-mobile-menu-links a.is-active {
background: rgba(226,181,106,.09);
color: #efc47a !important;
}
.rw-site-mobile-menu-actions {
display: grid;
grid-template-columns: 1fr auto;
gap: 8px;
margin-top: 9px;
padding-top: 9px;
border-top: 1px solid rgba(126,154,167,.16);
}
.rw-site-mobile-create,
.rw-site-mobile-play {
min-height: 42px;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
box-sizing: border-box;
border-radius: 8px;
text-decoration: none !important;
font-size: 12px;
font-weight: 700;
}
.rw-site-mobile-create {
padding: 0 12px;
border: 1px solid rgba(226,181,106,.2);
background: rgba(110,75,28,.12);
color: #e6c27c !important;
}
.rw-site-mobile-create img {
width: 17px;
height: 17px;
object-fit: contain;
}
.rw-site-mobile-play {
padding: 0 15px;
border: 1px solid #efc47a;
background: linear-gradient(180deg,#f7d497 0%,#dfa75f 100%);
color: #17120d !important;
}
.rw-site-footer-main { grid-template-columns:1.4fr 1fr 1fr; gap:28px; }
}
@media (max-width:700px) {
.rw-site-shell { width:min(100% - 24px,1380px); }
.rw-site-content-root > main:not(.rw2-main) { width:calc(100% - 24px) !important; margin-top:22px !important; margin-bottom:40px !important; }
.rw-site-global-header .rw2-topbar-inner {
width: calc(100% - 16px);
min-height: 60px;
align-items: center;
}
.rw-site-global-header .rw2-left-panel {
min-height: 54px;
max-width: none;
padding: 6px 12px 6px 10px;
border-radius: 0 0 18px 0;
}
.rw-site-global-header .rw2-brand img { height:36px; max-width:170px; }
.rw-site-global-header .rw2-brand-name { font-size:21px; }
.rw-site-global-header .rw2-top-actions {
padding-top: 0;
gap: 7px;
}
.rw-site-mobile-menu {
top: 62px;
right: 8px;
width: calc(100% - 16px);
}
.rw-site-footer-main { grid-template-columns:1fr; gap:24px; padding-top:32px; padding-bottom:28px; }
.rw-site-footer-bottom { align-items:flex-start; flex-direction:column; justify-content:center; gap:6px; padding:14px 0; }
}
@media (max-width:430px) {
.rw-site-global-header .rw2-topbar-inner {
gap: 6px;
}
.rw-site-global-header .rw2-left-panel {
flex: 1 1 auto;
min-width: 0;
max-width: none;
gap: 8px;
padding-left: 8px;
padding-right: 10px;
}
.rw-site-global-header .rw2-brand {
min-width: 0;
gap: 8px;
}
.rw-site-global-header .rw2-brand img {
height: 32px;
}
.rw-site-global-header .rw2-brand-name {
display: inline;
overflow: hidden;
font-size: 18px;
line-height: 1;
text-overflow: ellipsis;
}
.rw-site-global-header .rw2-top-actions {
margin-left: auto;
gap: 6px;
}
.rw-site-global-header .rw-site-user-menu summary {
min-height: 40px;
padding-left: 6px;
padding-right: 6px;
}
.rw-site-mobile-menu-button {
width: 40px;
height: 40px;
flex-basis: 40px;
}
.rw-site-mobile-menu-actions {
grid-template-columns: 1fr;
}
.rw-site-mobile-create,
.rw-site-mobile-play {
width: 100%;
}
}
@media (max-width:350px) {
.rw-site-global-header .rw2-brand img {
height: 30px;
}
.rw-site-global-header .rw2-brand-name {
font-size: 16px;
}
.rw-site-global-header .rw2-left-panel {
gap: 6px;
padding-left: 6px;
padding-right: 8px;
}
.rw-site-global-header .rw2-brand {
gap: 6px;
}
.rw-site-mobile-menu-button {
width: 38px;
height: 38px;
flex-basis: 38px;
}
}
.rw-site-login-button {
min-height: 44px;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 9px;
padding: 0 17px;
border: 1px solid rgba(226, 181, 106, .48);
border-radius: 9px;
background: linear-gradient(180deg, rgba(9, 20, 26, .92), rgba(5, 13, 18, .96));
color: #f3d7a1 !important;
text-decoration: none !important;
font-size: 14px;
font-weight: 700;
white-space: nowrap;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035), 0 8px 24px rgba(0, 0, 0, .2);
transition: .2s ease;
}
.rw-site-login-button:hover,
.rw-site-login-button.is-active {
color: #fff0c7 !important;
border-color: #e9bd73;
background: linear-gradient(180deg, rgba(31, 41, 43, .98), rgba(10, 20, 25, .98));
box-shadow: 0 9px 26px rgba(0, 0, 0, .28), 0 0 18px rgba(222, 174, 99, .1);
}
.rw-site-login-icon {
width: 18px;
height: 18px;
display: inline-flex;
align-items: center;
justify-content: center;
border: 1px solid rgba(239, 196, 122, .7);
border-radius: 50%;
color: #efc47a;
font-size: 7px;
line-height: 1;
}
.rw-auth-page {
width: min(1380px, calc(100% - 48px)) !important;
max-width: 1380px !important;
margin: 44px auto 70px !important;
padding: 0 !important;
box-sizing: border-box;
}
.rw-auth-layout {
max-width: 1050px;
margin: 0 auto;
display: grid;
grid-template-columns: minmax(0, 1.05fr) minmax(330px, .95fr);
overflow: hidden;
border: 1px solid rgba(125, 161, 179, .22);
border-radius: 22px;
background: linear-gradient(145deg, rgba(13, 27, 36, .98), rgba(6, 15, 20, .99));
box-shadow: 0 28px 70px rgba(0, 0, 0, .32);
text-align: left;
}
.rw-auth-card {
padding: 42px 46px 40px;
background: radial-gradient(circle at 15% 0%, rgba(83, 116, 139, .13), transparent 42%);
}
.rw-auth-tabs {
display: inline-flex;
gap: 5px;
margin-bottom: 34px;
padding: 4px;
border: 1px solid rgba(120, 153, 170, .2);
border-radius: 10px;
background: rgba(3, 10, 14, .48);
}
.rw-auth-tabs a {
min-height: 34px;
display: inline-flex;
align-items: center;
padding: 0 13px;
border-radius: 7px;
color: #95aab4 !important;
text-decoration: none !important;
font-size: 13px;
}
.rw-auth-tabs a.is-active {
background: rgba(224, 172, 94, .13);
color: #efc47a !important;
}
.rw-auth-kicker {
margin-bottom: 8px;
color: #daa957;
font-size: 11px;
font-weight: 700;
letter-spacing: .14em;
text-transform: uppercase;
}
.rw-auth-card h1 {
margin: 0;
color: #f5e8d0;
font-family: Georgia, serif;
font-size: 36px;
line-height: 1.15;
font-weight: 500;
}
.rw-auth-lead {
max-width: 570px;
margin: 13px 0 27px;
color: #aebdc4;
font-size: 14px;
line-height: 1.55;
}
.rw-auth-form {
display: grid;
gap: 16px;
}
.rw-auth-form > label {
display: grid;
gap: 7px;
margin: 0;
}
.rw-auth-form label > span {
color: #d9e1e3;
font-size: 13px;
font-weight: 700;
}
.rw-auth-form label small {
margin-left: 5px;
color: #71858e;
font-size: 11px;
font-weight: 400;
}
.rw-auth-form input[type="text"],
.rw-auth-form input[type="password"],
.rw-auth-form input[type="email"] {
width: 100%;
min-height: 47px;
box-sizing: border-box;
padding: 0 14px;
border: 1px solid rgba(118, 151, 168, .26);
border-radius: 9px;
outline: none;
background: rgba(2, 9, 13, .7);
color: #eef2f2;
font: inherit;
font-size: 14px;
transition: .18s ease;
}
.rw-auth-form input:focus {
border-color: rgba(226, 179, 101, .78);
box-shadow: 0 0 0 3px rgba(226, 179, 101, .08);
}
.rw-auth-form input::placeholder { color: #5e7079; }
.rw-auth-password {
position: relative;
}
.rw-auth-password input {
padding-right: 48px !important;
}
.rw-auth-password-toggle {
position: absolute;
top: 50%;
right: 7px;
width: 36px;
height: 36px;
margin: -18px 0 0;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
border: 0;
border-radius: 8px;
background: transparent;
color: #7f949e;
cursor: pointer;
transition: background .18s ease, color .18s ease;
}
.rw-auth-password-toggle:hover,
.rw-auth-password-toggle:focus {
outline: none;
background: rgba(226, 179, 101, .1);
color: #e4b76c;
}
.rw-auth-eye {
width: 20px;
height: 20px;
fill: currentColor;
}
.rw-auth-eye-closed { display: none; }
.rw-auth-password-toggle.is-visible .rw-auth-eye-open { display: none; }
.rw-auth-password-toggle.is-visible .rw-auth-eye-closed { display: block; }
.rw-auth-row {
min-height: 28px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 18px;
margin-top: -2px;
}
.rw-auth-row a,
.rw-auth-switch a {
color: #e4b76c !important;
text-decoration: none !important;
}
.rw-auth-row a:hover,
.rw-auth-switch a:hover { color: #f4d59d !important; }
.rw-auth-check {
display: inline-flex !important;
grid-template-columns: none !important;
align-items: center;
gap: 8px !important;
color: #8799a2;
font-size: 12px;
font-weight: 400 !important;
}
.rw-auth-check span { color: #8799a2 !important; font-size: 12px !important; font-weight: 400 !important; }
.rw-auth-submit {
min-height: 49px;
margin-top: 2px;
border: 1px solid #e6b86e;
border-radius: 9px;
background: linear-gradient(180deg, #f4d08f, #dda45b);
color: #17110b;
font-family: Arial, sans-serif;
font-size: 14px;
font-weight: 800;
cursor: pointer;
box-shadow: 0 10px 24px rgba(0, 0, 0, .23);
}
.rw-auth-submit span { margin-left: 6px; }
.rw-auth-submit:hover { filter: brightness(1.04); }
.rw-auth-switch {
margin-top: 21px;
color: #81949d;
font-size: 13px;
text-align: center;
}
.rw-auth-side {
position: relative;
padding: 52px 45px 44px;
border-left: 1px solid rgba(123, 158, 176, .17);
background:
radial-gradient(circle at 82% 13%, rgba(203, 145, 65, .17), transparent 28%),
linear-gradient(145deg, rgba(10, 30, 40, .96), rgba(6, 17, 23, .99));
}
.rw-auth-side-icon {
width: 46px;
height: 46px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 23px;
border: 1px solid rgba(235, 187, 107, .55);
border-radius: 50%;
color: #edbd70;
font-size: 21px;
box-shadow: 0 0 24px rgba(218, 158, 75, .08);
}
.rw-auth-side-title {
max-width: 350px;
color: #f2e6d1;
font-family: Georgia, serif;
font-size: 25px;
line-height: 1.25;
}
.rw-auth-benefits {
display: grid;
gap: 19px;
margin-top: 30px;
}
.rw-auth-benefits div {
display: grid;
gap: 4px;
padding-left: 15px;
border-left: 2px solid rgba(219, 167, 89, .48);
}
.rw-auth-benefits strong { color: #e8eceb; font-size: 14px; }
.rw-auth-benefits span { color: #82959e; font-size: 12.5px; line-height: 1.45; }
.rw-auth-side-note {
margin-top: 32px;
padding: 12px 14px;
border: 1px solid rgba(83, 151, 181, .17);
border-radius: 9px;
background: rgba(4, 13, 18, .42);
color: #718b97;
font-size: 11.5px;
line-height: 1.5;
}
@media (max-width: 980px) {
.rw-site-global-header .rw2-top-actions { gap: 8px; }
.rw-site-login-button { padding: 0 14px; }
.rw-auth-layout { grid-template-columns: minmax(0, 1fr) 340px; }
.rw-auth-card { padding-left: 34px; padding-right: 34px; }
.rw-auth-side { padding-left: 31px; padding-right: 31px; }
}
@media (max-width: 760px) {
.rw-site-global-header .rw2-top-actions { gap: 7px; }
.rw-site-login-button { min-height: 40px; padding: 0 11px; font-size: 12px; }
.rw-site-login-icon { display: none; }
.rw-auth-page { width: calc(100% - 24px) !important; margin: 24px auto 44px !important; }
.rw-auth-layout { grid-template-columns: 1fr; }
.rw-auth-card { padding: 30px 22px 28px; }
.rw-auth-side { padding: 29px 22px; border-left: 0; border-top: 1px solid rgba(123, 158, 176, .17); }
.rw-auth-card h1 { font-size: 30px; }
}
@media (max-width: 430px) {
.rw-site-login-button { padding: 0 12px; }
.rw-auth-row { align-items: flex-start; flex-direction: column; gap: 7px; }
}
.rw-auth-message {
margin: -10px 0 20px;
padding: 12px 14px;
border-radius: 9px;
font-size: 13px;
line-height: 1.5;
}
.rw-auth-message-error {
border: 1px solid rgba(215, 101, 88, .35);
background: rgba(117, 35, 29, .18);
color: #f1b0a8;
}
.rw-auth-message-info {
border: 1px solid rgba(103, 172, 204, .3);
background: rgba(30, 83, 108, .18);
color: #b9ddea;
}
.rw-site-user-menu {
position: relative;
min-width: 0;
}
.rw-site-user-menu summary {
min-height: 44px;
display: inline-flex;
align-items: center;
gap: 9px;
padding: 0 12px 0 8px;
border: 1px solid rgba(226, 181, 106, .48);
border-radius: 9px;
background: linear-gradient(180deg, rgba(9, 20, 26, .94), rgba(5, 13, 18, .97));
color: #f3d7a1;
font-size: 13px;
font-weight: 700;
list-style: none;
cursor: pointer;
box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 8px 24px rgba(0,0,0,.2);
}
.rw-site-user-menu summary::-webkit-details-marker { display: none; }
.rw-site-user-menu[open] summary,
.rw-site-user-menu.is-active summary {
border-color: #e9bd73;
color: #fff0c7;
}
.rw-site-user-avatar {
width: 29px;
height: 29px;
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 29px;
border: 1px solid rgba(239,196,122,.62);
border-radius: 50%;
background: radial-gradient(circle at 35% 30%, rgba(170,83,221,.58), rgba(36,23,57,.94));
color: #f4d797;
font-family: Georgia, serif;
font-size: 14px;
}
.rw-site-user-name {
max-width: 120px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.rw-site-user-caret { color: #9dacb1; font-size: 12px; }
.rw-site-user-dropdown {
position: absolute;
top: calc(100% + 8px);
right: 0;
z-index: 1400;
width: 245px;
overflow: hidden;
padding: 10px;
border: 1px solid rgba(226,181,106,.52);
border-radius: 13px;
background: rgba(6, 16, 21, .985);
box-shadow: 0 22px 60px rgba(0,0,0,.46);
}
.rw-site-user-dropdown-head {
display: flex;
align-items: center;
gap: 11px;
padding: 5px 7px 12px;
margin-bottom: 5px;
border-bottom: 1px solid rgba(126,154,167,.17);
}
.rw-site-user-avatar img {
width: 100%;
height: 100%;
display: block;
border-radius: inherit;
object-fit: cover;
}
.rw-site-user-avatar-large { width: 38px; height: 38px; flex-basis: 38px; font-size: 17px; }
.rw-site-user-dropdown-head div { min-width: 0; display: grid; gap: 3px; }
.rw-site-user-dropdown-head strong { color: #f2e4cc; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; }
.rw-site-user-dropdown-head span { color: #738790; font-size: 11px; }
.rw-site-user-dropdown > a,
.rw-site-user-dropdown form button {
width: 100%;
min-height: 39px;
display: flex;
align-items: center;
box-sizing: border-box;
padding: 0 10px;
border: 0;
border-radius: 7px;
background: transparent;
color: #ced8dc !important;
text-decoration: none !important;
font-family: Arial, sans-serif;
font-size: 13px;
text-align: left;
cursor: pointer;
}
.rw-site-user-dropdown > a:hover,
.rw-site-user-dropdown form button:hover { background: rgba(226,181,106,.08); color: #f0c77d !important; }
.rw-site-user-dropdown form { margin: 5px 0 0; padding-top: 5px; border-top: 1px solid rgba(126,154,167,.17); }
.rw-account-page {
width: min(1380px, calc(100% - 48px)) !important;
max-width: 1380px !important;
margin: 42px auto 70px !important;
padding: 0 !important;
text-align: left;
box-sizing: border-box;
}
.rw-account-head {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 24px;
margin-bottom: 28px;
}
.rw-account-head h1 { margin: 2px 0 7px; color: #f4e7cf; font-family: Georgia, serif; font-size: 38px; font-weight: 500; }
.rw-account-head p { max-width: 720px; margin: 0; color: #91a4ad; line-height: 1.55; font-size: 14px; }
.rw-account-logout {
min-height: 41px;
padding: 0 16px;
border: 1px solid rgba(196,125,103,.32);
border-radius: 8px;
background: rgba(88,35,29,.18);
color: #ddb2a5;
cursor: pointer;
}
.rw-account-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
.rw-account-card {
padding: 22px;
border: 1px solid rgba(122,158,175,.2);
border-radius: 14px;
background: linear-gradient(145deg,rgba(12,27,35,.95),rgba(6,16,21,.97));
box-shadow: 0 14px 34px rgba(0,0,0,.18);
}
.rw-account-card-wide { grid-column: 1 / -1; }
.rw-account-card-title { margin-bottom: 16px; color:#ffd78f; font-family:Georgia,serif; font-size:21px; font-weight:700; letter-spacing:.01em; text-shadow:0 0 16px rgba(229,177,89,.16); }
.rw-account-row { min-height: 39px; display:flex; align-items:center; justify-content:space-between; gap:16px; border-top:1px solid rgba(122,158,175,.1); color:#7f949e; font-size:13px; }
.rw-account-row:first-of-type { border-top:0; }
.rw-account-row strong { color:#d9e2e4; font-weight:600; }
.rw-account-status { display:flex; align-items:center; gap:9px; color:#c1ccd0; font-size:14px; font-weight:700; }
.rw-account-status > span { width:9px; height:9px; border-radius:50%; background:#b07c55; box-shadow:0 0 12px rgba(176,124,85,.35); }
.rw-account-status.is-ok > span { background:#35c47a; box-shadow:0 0 12px rgba(53,196,122,.35); }
.rw-account-muted,
.rw-account-empty { margin-top:10px; color:#80939c; font-size:13px; line-height:1.55; }
@media (max-width:760px) {
.rw-site-user-name { display:none; }
.rw-site-user-menu summary { padding-right:8px; }
.rw-account-page { width:calc(100% - 24px) !important; margin:25px auto 45px !important; }
.rw-account-head { align-items:flex-start; flex-direction:column; }
.rw-account-grid { grid-template-columns:1fr; }
.rw-account-card-wide { grid-column:auto; }
}
.rw-account-notice {
margin: -8px 0 20px;
padding: 13px 15px;
border: 1px solid rgba(103,168,151,.24);
border-radius: 10px;
background: rgba(37,91,77,.14);
color: #a9c9bf;
font-size: 13px;
line-height: 1.5;
}
.rw-account-row-first { margin-top: 14px; }
.rw-account-inline-form { margin: 17px 0 0; }
.rw-account-secondary-button {
min-height: 38px;
padding: 0 14px;
border: 1px solid rgba(154,177,187,.23);
border-radius: 8px;
background: rgba(21,43,53,.48);
color: #aebdc3;
font-size: 12px;
cursor: pointer;
}
.rw-account-secondary-button:hover { border-color: rgba(219,181,116,.38); color: #e3c793; }
.rw-account-telegram-button {
width: fit-content;
min-height: 43px;
margin-top: 17px;
padding: 0 17px;
display: inline-flex;
align-items: center;
gap: 9px;
border: 1px solid rgba(73,158,201,.35);
border-radius: 9px;
background: linear-gradient(135deg,rgba(27,107,151,.52),rgba(21,67,92,.64));
color: #dceff7 !important;
font-size: 13px;
font-weight: 700;
text-decoration: none !important;
box-shadow: 0 8px 22px rgba(0,0,0,.16);
}
.rw-account-telegram-button:hover { border-color: rgba(101,187,230,.55); color: #fff !important; filter: brightness(1.06); }
.rw-account-telegram-plane { color: #78c9ed; font-size: 15px; transform: rotate(-20deg); }
.rw-account-link-wait {
margin-top: 11px;
display: flex;
align-items: center;
gap: 8px;
color: #70858e;
font-size: 11.5px;
}
.rw-account-link-wait > span {
width: 6px;
height: 6px;
border-radius: 50%;
background: #6c9fb5;
box-shadow: 0 0 9px rgba(108,159,181,.55);
}
.rw-account-link-error { margin-top: 14px; color: #d79a8b; font-size: 12px; line-height: 1.45; }
.rw-account-card-title-row { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:16px; padding-bottom:11px; border-bottom:1px solid rgba(225,179,99,.13); }
.rw-account-card-title-row .rw-account-card-title { margin-bottom:0; }
.rw-account-card-count { min-width:28px; height:28px; padding:0 9px; display:inline-flex; align-items:center; justify-content:center; border:1px solid rgba(224,180,105,.25); border-radius:999px; background:rgba(224,180,105,.07); color:#e9c37f; font-size:12px; font-weight:700; box-sizing:border-box; }
.rw-account-games { display:grid; gap:13px; }
.rw-account-game { display:grid; grid-template-columns:190px minmax(0,1fr); min-height:132px; overflow:hidden; border:1px solid rgba(122,158,175,.18); border-radius:12px; background:rgba(6,17,23,.62); }
.rw-account-game-cover { min-height:132px; background:#091218; overflow:hidden; }
.rw-account-game-cover img { width:100%; height:100%; min-height:132px; display:block; object-fit:cover; }
.rw-account-game-cover-empty { width:100%; height:100%; min-height:132px; display:flex; align-items:center; justify-content:center; color:rgba(226,181,106,.45); font-family:Georgia,serif; font-size:30px; background:radial-gradient(circle at 50% 45%,rgba(37,74,89,.5),rgba(5,14,19,.95) 70%); }
.rw-account-game-body { padding:17px 18px; display:flex; flex-direction:column; justify-content:space-between; gap:13px; }
.rw-account-game-top { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; }
.rw-account-game-world { color:#f0e4cf; font-family:Georgia,serif; font-size:20px; line-height:1.2; }
.rw-account-game-chapter { margin-top:4px; color:#869aa4; font-size:12px; line-height:1.4; }
.rw-account-game-status { flex:0 0 auto; display:inline-flex; align-items:center; gap:7px; padding:5px 9px; border:1px solid rgba(122,158,175,.17); border-radius:999px; color:#98a8af; font-size:11px; white-space:nowrap; }
.rw-account-game-status span { width:7px; height:7px; border-radius:50%; background:#87949a; }
.rw-account-game-status.is-play { color:#86c9a6; border-color:rgba(62,176,111,.2); background:rgba(39,118,76,.08); }
.rw-account-game-status.is-play span { background:#39c879; box-shadow:0 0 8px rgba(57,200,121,.38); }
.rw-account-game-status.is-pause { color:#cbb47f; border-color:rgba(203,180,127,.2); background:rgba(108,83,37,.08); }
.rw-account-game-status.is-pause span { background:#d2aa57; }
.rw-account-game-status.is-init { color:#8fb8ca; border-color:rgba(94,159,189,.2); background:rgba(42,90,112,.08); }
.rw-account-game-status.is-init span { background:#67b6d8; }
.rw-account-game-meta { display:flex; flex-wrap:wrap; gap:7px 18px; color:#71868f; font-size:11.5px; }
.rw-account-game-meta strong { color:#b8c7cc; font-weight:600; }
.rw-account-game-actions { display:flex; align-items:center; gap:10px; }
.rw-account-game-open,
.rw-account-games-main-button { width:fit-content; min-height:37px; padding:0 13px; display:inline-flex; align-items:center; justify-content:center; border:1px solid rgba(222,177,102,.3); border-radius:8px; background:linear-gradient(180deg,rgba(115,79,29,.2),rgba(68,43,18,.18)); color:#e7c582 !important; font-size:12px; font-weight:700; text-decoration:none !important; }
.rw-account-game-open:hover,
.rw-account-games-main-button:hover { border-color:rgba(239,193,116,.48); color:#f7d797 !important; }
.rw-account-games-main-button { margin-top:14px; }
@media (max-width:700px) {
.rw-account-game { grid-template-columns:1fr; }
.rw-account-game-cover { height:150px; min-height:150px; }
.rw-account-game-cover img { min-height:150px; }
.rw-account-game-top { flex-direction:column; gap:9px; }
}
.rw-account-errors {
margin: 0 0 18px;
padding: 12px 14px;
border: 1px solid rgba(196, 93, 78, .28);
border-radius: 10px;
background: rgba(117, 39, 31, .12);
color: #e0a79e;
font-size: 13px;
line-height: 1.55;
}
.rw-account-worlds { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:13px; }
.rw-account-world { min-height:132px; display:grid; grid-template-columns:155px minmax(0,1fr); overflow:hidden; border:1px solid rgba(122,158,175,.18); border-radius:12px; background:rgba(6,17,23,.62); }
.rw-account-world-cover { min-height:132px; overflow:hidden; background:#091218; }
.rw-account-world-cover img { width:100%; height:100%; min-height:132px; display:block; object-fit:cover; }
.rw-account-world-cover-empty { width:100%; height:100%; min-height:132px; display:flex; align-items:center; justify-content:center; color:rgba(226,181,106,.45); font-family:Georgia,serif; font-size:28px; background:radial-gradient(circle at 50% 45%,rgba(37,74,89,.5),rgba(5,14,19,.95) 70%); }
.rw-account-world-body { padding:16px; display:flex; flex-direction:column; justify-content:space-between; gap:14px; }
.rw-account-world-top { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
.rw-account-world-name { color:#f0e4cf; font-family:Georgia,serif; font-size:18px; line-height:1.25; }
.rw-account-world-meta { margin-top:5px; color:#788d96; font-size:11.5px; }
.rw-account-world-status { flex:0 0 auto; display:inline-flex; align-items:center; gap:7px; padding:5px 9px; border:1px solid rgba(122,158,175,.17); border-radius:999px; color:#98a8af; font-size:10.5px; white-space:nowrap; }
.rw-account-world-status span { width:7px; height:7px; border-radius:50%; background:#87949a; }
.rw-account-world-status.is-public { color:#86c9a6; border-color:rgba(62,176,111,.2); background:rgba(39,118,76,.08); }
.rw-account-world-status.is-public span { background:#39c879; box-shadow:0 0 8px rgba(57,200,121,.38); }
.rw-account-world-status.is-preview { color:#d4bc84; border-color:rgba(203,180,127,.2); background:rgba(108,83,37,.08); }
.rw-account-world-status.is-preview span { background:#d2aa57; }
.rw-account-world-status.is-ready { color:#8fb8ca; border-color:rgba(94,159,189,.2); background:rgba(42,90,112,.08); }
.rw-account-world-status.is-ready span { background:#67b6d8; }
.rw-account-world-status.is-draft span { background:#68767d; }
.rw-account-world-actions { display:flex; align-items:center; gap:10px; }
.rw-account-world-hint { color:#748991; font-size:11.5px; line-height:1.4; }
.rw-account-world-create { margin-top:14px; }
.rw-account-settings-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.rw-account-settings-form { padding:16px; border:1px solid rgba(122,158,175,.14); border-radius:11px; background:rgba(4,15,21,.36); }
.rw-account-settings-title { margin-bottom:3px; color:#e8cf9f; font-size:15px; font-weight:700; }
.rw-account-settings-form label { display:block; margin:14px 0 6px; color:#93a5ad; font-size:12px; }
.rw-account-settings-form > input,
.rw-account-password input { width:100%; height:42px; box-sizing:border-box; border:1px solid rgba(112,149,166,.23); border-radius:8px; background:#08161c; color:#dbe4e6; padding:0 12px; outline:none; font-family:inherit; font-size:13px; }
.rw-account-settings-form > input:focus,
.rw-account-password input:focus { border-color:rgba(222,177,102,.48); box-shadow:0 0 0 2px rgba(222,177,102,.06); }
.rw-account-password { position:relative; }
.rw-account-password input { padding-right:46px; }
.rw-account-password-toggle { position:absolute; top:0; right:0; width:42px; height:42px; border:0; background:transparent; color:#758b95; cursor:pointer; font-size:17px; line-height:42px; text-align:center; }
.rw-account-password-toggle:hover,
.rw-account-password-toggle.is-visible { color:#e4bd78; }
.rw-account-settings-button { margin-top:16px; min-height:39px; padding:0 14px; border:1px solid rgba(222,177,102,.32); border-radius:8px; background:linear-gradient(180deg,rgba(120,81,28,.28),rgba(69,43,17,.24)); color:#e9c681; cursor:pointer; font-family:inherit; font-size:12px; font-weight:700; }
.rw-account-settings-button:hover { border-color:rgba(239,193,116,.5); color:#f8d99b; }
@media (max-width: 900px) {
.rw-account-worlds,
.rw-account-settings-grid { grid-template-columns:1fr; }
}
@media (max-width: 620px) {
.rw-account-world { grid-template-columns:1fr; }
.rw-account-world-cover { height:145px; min-height:145px; }
.rw-account-world-cover img { min-height:145px; }
.rw-account-world-top { flex-direction:column; gap:9px; }
}
.rw-account-card-tools { display:flex; align-items:center; gap:9px; }
.rw-account-collapse-toggle {
min-height:28px;
padding:0 9px 0 10px;
display:inline-flex;
align-items:center;
justify-content:center;
gap:6px;
border:1px solid rgba(122,158,175,.18);
border-radius:999px;
background:rgba(7,22,29,.62);
color:#81969f;
font-family:inherit;
font-size:10.5px;
line-height:1;
cursor:pointer;
}
.rw-account-collapse-toggle b { color:#d4ae69; font-size:13px; font-weight:400; line-height:1; }
.rw-account-collapse-toggle:hover { border-color:rgba(220,178,105,.32); color:#c0ccd1; background:rgba(17,35,43,.72); }
.rw-account-collapsible.is-collapsed { border-color:rgba(225,179,99,.24); background:linear-gradient(145deg,rgba(15,31,38,.98),rgba(7,18,23,.98)); }
.rw-account-collapsible.is-collapsed .rw-account-card-title-row { margin-bottom:0; padding-bottom:0; border-bottom:0; }
.rw-account-collapsible.is-collapsed .rw-account-collapse-toggle { border-color:rgba(225,179,99,.32); color:#d7c6a2; background:rgba(90,60,22,.16); }
.rw-account-collapse-body[hidden] { display:none !important; }
@media (max-width:620px) {
.rw-account-collapse-toggle span { display:none; }
.rw-account-collapse-toggle { width:30px; padding:0; }
}
.rw-account-head-profile { display:flex; align-items:center; gap:18px; min-width:0; }
.rw-account-avatar { width:68px; height:68px; flex:0 0 68px; display:flex; align-items:center; justify-content:center; border:1px solid rgba(231,184,103,.42); border-radius:50%; background:radial-gradient(circle at 35% 30%,rgba(229,177,89,.2),rgba(7,23,31,.92) 68%); color:#ffd58b; font-family:Georgia,serif; font-size:29px; line-height:1; box-shadow:inset 0 0 24px rgba(229,177,89,.06),0 0 20px rgba(0,0,0,.2); }
.rw-account-email-ok { color:#75d5a2 !important; }
.rw-account-email-wait { color:#e9be70 !important; }
.rw-account-email-state { margin-top:12px; padding:9px 11px; border-radius:8px; font-size:12px; line-height:1.35; }
.rw-account-email-state.is-ok { border:1px solid rgba(85,190,137,.23); background:rgba(32,112,75,.12); color:#78d8a7; }
.rw-account-email-state.is-wait { border:1px solid rgba(226,178,91,.24); background:rgba(122,83,25,.12); color:#edc77d; }
.rw-account-email-verify-form { border-color:rgba(226,178,91,.25); background:linear-gradient(180deg,rgba(78,53,18,.13),rgba(4,15,21,.36)); }
@media (max-width:700px) {
.rw-account-head-profile { align-items:flex-start; gap:12px; }
.rw-account-avatar { width:52px; height:52px; flex-basis:52px; font-size:23px; }
}
.rw-account-avatar { overflow:hidden; }
.rw-account-avatar img { width:100%; height:100%; display:block; object-fit:cover; }
.rw-account-profile-bio { margin:12px 0 4px; padding:12px 13px; border:1px solid rgba(119,153,168,.13); border-radius:9px; background:rgba(5,17,23,.38); color:#b3c0c5; font-size:12.5px; line-height:1.6; }
.rw-account-public-contact { color:#e3bd76 !important; text-decoration:none !important; }
.rw-account-public-contact:hover { color:#f3d391 !important; }
.rw-account-profile-form { grid-column:1 / -1; }
.rw-account-textarea,
.rw-account-select { width:100%; box-sizing:border-box; border:1px solid rgba(112,149,166,.23); border-radius:8px; background:#08161c; color:#dbe4e6; outline:none; font-family:inherit; font-size:13px; }
.rw-account-textarea { min-height:128px; padding:11px 12px; line-height:1.55; resize:vertical; }
.rw-account-select { height:42px; padding:0 11px; }
.rw-account-textarea:focus,
.rw-account-select:focus { border-color:rgba(222,177,102,.48); box-shadow:0 0 0 2px rgba(222,177,102,.06); }
.rw-account-contact-grid { display:grid; grid-template-columns:180px minmax(0,1fr); gap:12px; }
.rw-account-contact-grid label { margin-top:14px; }
.rw-account-contact-fill { margin-top:10px; padding:0; border:0; background:transparent; color:#d3ad68; cursor:pointer; font-family:inherit; font-size:11.5px; text-decoration:underline; text-decoration-color:rgba(211,173,104,.35); text-underline-offset:3px; }
.rw-account-contact-fill:hover { color:#efd18f; }
.rw-account-checkbox { display:flex !important; align-items:flex-start; gap:9px; margin-top:14px !important; color:#aebdc3 !important; cursor:pointer; line-height:1.4; }
.rw-account-checkbox input { width:15px; height:15px; margin:1px 0 0; accent-color:#c89b52; }
.rw-account-avatar-editor { display:flex; align-items:center; gap:16px; margin-top:15px; }
.rw-account-avatar-large { width:86px; height:86px; flex:0 0 86px; font-size:34px; }
.rw-account-avatar-actions { min-width:0; flex:1 1 auto; display:flex; flex-direction:column; align-items:flex-start; gap:9px; }
.rw-account-avatar-actions form { width:100%; margin:0; }
.rw-account-file { display:block; width:100%; max-width:100%; color:#95a7ae; font-family:inherit; font-size:11.5px; }
.rw-account-file::file-selector-button { margin-right:9px; padding:7px 10px; border:1px solid rgba(222,177,102,.24); border-radius:7px; background:rgba(90,59,22,.16); color:#d9b775; cursor:pointer; }
.rw-account-avatar-actions .rw-account-settings-button { margin-top:10px; }
.rw-account-avatar-actions .rw-account-secondary-button { margin-top:0; }
.rw-account-profile-preview { background:linear-gradient(150deg,rgba(17,38,47,.54),rgba(5,16,22,.62)); }
.rw-account-profile-preview-card { display:flex; align-items:flex-start; gap:14px; margin-top:14px; padding:14px; border:1px solid rgba(225,180,103,.18); border-radius:11px; background:rgba(5,16,21,.58); }
.rw-account-avatar-preview { width:58px; height:58px; flex:0 0 58px; font-size:24px; }
.rw-account-profile-preview-body { min-width:0; display:flex; flex-direction:column; align-items:flex-start; gap:7px; }
.rw-account-profile-preview-body strong { color:#f1e4ce; font-family:Georgia,serif; font-size:17px; font-weight:400; }
.rw-account-profile-preview-body p { margin:0; color:#a5b5bb; font-size:11.5px; line-height:1.55; white-space:normal; }
.rw-account-profile-preview-body p.is-empty,
.rw-account-preview-contact-empty { color:#687d85; font-size:11px; }
.rw-account-profile-preview-body a { color:#dfb86f; font-size:11.5px; text-decoration:none; }
.rw-account-profile-preview-body a:hover { color:#f0d08e; }
@media (max-width:700px) {
.rw-account-contact-grid { grid-template-columns:1fr; gap:0; }
.rw-account-avatar-editor { align-items:flex-start; }
.rw-account-avatar-large { width:70px; height:70px; flex-basis:70px; font-size:29px; }
.rw-account-profile-preview-card { padding:12px; }
}
.rw-account-tabs {
display:flex;
align-items:flex-end;
justify-content:flex-start;
gap:3px;
width:100%;
margin:0;
padding:0 0 0 8px;
overflow-x:auto;
overflow-y:hidden;
box-sizing:border-box;
border-bottom:1px solid rgba(122,158,175,.2);
scrollbar-width:thin;
}
.rw-account-tab {
position:relative;
z-index:1;
min-height:42px;
margin:0 0 -1px;
padding:0 15px;
flex:0 0 auto;
display:inline-flex;
align-items:center;
justify-content:center;
gap:8px;
box-sizing:border-box;
border:1px solid rgba(122,158,175,.14);
border-bottom-color:rgba(122,158,175,.2);
border-radius:10px 10px 0 0;
background:rgba(5,16,22,.64);
color:#8fa3ac !important;
font-size:12.5px;
font-weight:700;
text-decoration:none !important;
white-space:nowrap;
transition:background .15s ease,border-color .15s ease,color .15s ease;
}
.rw-account-tab:hover {
color:#d9e4e7 !important;
border-color:rgba(122,158,175,.27);
border-bottom-color:rgba(122,158,175,.2);
background:rgba(14,32,40,.82);
}
.rw-account-tab.is-active {
z-index:3;
color:#f4cf8a !important;
border-color:rgba(222,177,102,.34);
border-bottom-color:#0c1b23;
background:#0c1b23;
box-shadow:inset 0 1px 0 rgba(243,203,134,.07);
}
.rw-account-tab > span {
min-width:21px;
height:21px;
padding:0 6px;
display:inline-flex;
align-items:center;
justify-content:center;
border:1px solid rgba(122,158,175,.16);
border-radius:999px;
background:rgba(0,0,0,.14);
color:#a8bbc3;
font-size:10.5px;
box-sizing:border-box;
}
.rw-account-tab.is-active > span {
border-color:rgba(222,177,102,.27);
color:#efca86;
}
.rw-account-tab-panels {
display:block;
position:relative;
z-index:2;
width:100%;
}
.rw-account-tab-panels > [data-account-section] {
display:none !important;
}
.rw-account-tab-panels > [data-account-section].is-tab-active {
display:block !important;
}
.rw-account-tab-panels .rw-account-collapse-toggle {
display:none !important;
}
.rw-account-tab-panels .rw-account-card {
width:100%;
box-sizing:border-box;
border-radius:0 14px 14px 14px;
}
.rw-account-tab-panels .rw-account-card-title-row {
margin-bottom:18px;
}
@media (max-width:720px) {
.rw-account-tabs {
padding-left:4px;
}
.rw-account-tab {
min-height:39px;
padding:0 11px;
font-size:12px;
}
.rw-account-tab-panels .rw-account-card {
border-radius:0 10px 10px 10px;
}
}
.rw-site-user-dropdown-profile-link { text-decoration:none; }
.rw-site-user-dropdown-profile-link:hover { background:rgba(225,180,103,.07); }
.rw-account-avatar-link { text-decoration:none; transition:border-color .18s ease,transform .18s ease; }
.rw-account-avatar-link:hover { border-color:rgba(241,199,124,.82); transform:translateY(-1px); }
.rw-account-profile-title-link { color:inherit; text-decoration:none; }
.rw-account-profile-title-link:hover { color:#f3cf8a; }
.rw-public-profile-page { width:min(1040px,calc(100% - 28px)); margin:34px auto 72px; text-align:left; }
.rw-public-profile-card { padding:28px; border:1px solid rgba(225,180,103,.24); border-radius:16px; background:linear-gradient(145deg,rgba(12,31,39,.92),rgba(5,15,21,.96)); box-shadow:0 18px 48px rgba(0,0,0,.24); }
.rw-public-profile-main { display:flex; align-items:flex-start; gap:24px; }
.rw-public-profile-avatar { width:112px; height:112px; flex:0 0 112px; display:flex; align-items:center; justify-content:center; overflow:hidden; border:1px solid rgba(231,184,103,.5); border-radius:50%; background:radial-gradient(circle at 35% 30%,rgba(229,177,89,.22),rgba(7,23,31,.96) 68%); color:#ffd58b; font-family:Georgia,serif; font-size:42px; box-shadow:inset 0 0 28px rgba(229,177,89,.06),0 12px 35px rgba(0,0,0,.25); }
.rw-public-profile-avatar img { width:100%; height:100%; display:block; object-fit:cover; }
.rw-public-profile-info { min-width:0; flex:1 1 auto; }
.rw-public-profile-info h1 { margin:4px 0 7px; color:#f0e3cf; font-family:Georgia,serif; font-size:34px; font-weight:400; line-height:1.1; }
.rw-public-profile-meta { display:flex; flex-wrap:wrap; align-items:center; gap:9px; margin-bottom:18px; }
.rw-public-profile-username { color:#8fa8b2; font-size:13px; }
.rw-public-profile-role { display:inline-flex; align-items:center; min-height:25px; padding:2px 9px; border:1px solid rgba(138,166,177,.18); border-radius:999px; background:rgba(9,26,34,.7); color:#b6c6cc; font-size:11px; }
.rw-public-profile-role-admin { border-color:rgba(225,180,103,.35); background:rgba(225,180,103,.09); color:#e9c781; }
.rw-public-profile-bio { max-width:760px; color:#b5c2c7; font-size:14px; line-height:1.7; white-space:normal; }
.rw-public-profile-contact { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin-top:18px; color:#7f949d; font-size:12px; }
.rw-public-profile-contact a { color:#dfb86f; text-decoration:none; }
.rw-public-profile-contact a:hover { color:#f0d08e; }
.rw-public-profile-section { margin-top:18px; padding:22px; border:1px solid rgba(119,153,168,.14); border-radius:14px; background:rgba(5,17,23,.72); }
.rw-public-profile-section-head { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-bottom:14px; }
.rw-public-profile-section-head h2 { margin:0; color:#eadbc5; font-family:Georgia,serif; font-size:20px; font-weight:400; }
.rw-public-profile-section-head span { color:#738993; font-size:12px; }
.rw-public-profile-worlds { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:11px; }
.rw-public-profile-world { min-width:0; display:flex; align-items:center; gap:12px; padding:10px; border:1px solid rgba(119,153,168,.13); border-radius:10px; background:rgba(8,24,31,.66); color:inherit; text-decoration:none; transition:border-color .18s ease,background .18s ease,transform .18s ease; }
.rw-public-profile-world:hover { border-color:rgba(225,180,103,.28); background:rgba(13,34,42,.82); transform:translateY(-1px); }
.rw-public-profile-world-image { width:58px; height:58px; flex:0 0 58px; display:flex; align-items:center; justify-content:center; overflow:hidden; border-radius:8px; background:rgba(225,180,103,.08); color:#cda85f; font-family:Georgia,serif; }
.rw-public-profile-world-image img { width:100%; height:100%; display:block; object-fit:cover; }
.rw-public-profile-world-body { min-width:0; flex:1 1 auto; display:flex; flex-direction:column; gap:5px; }
.rw-public-profile-world-body strong { overflow:hidden; color:#e9ddca; font-size:13px; font-weight:600; text-overflow:ellipsis; white-space:nowrap; }
.rw-public-profile-world-body span { color:#7f949d; font-size:11px; }
.rw-public-profile-world > b { color:#d8b46f; font-size:17px; font-weight:400; }
.rw-public-profile-not-found { max-width:640px; margin:70px auto 0; text-align:center; }
.rw-public-profile-not-found h1 { margin:8px 0 10px; color:#efe1cb; font-family:Georgia,serif; font-size:30px; font-weight:400; }
.rw-public-profile-not-found p { margin:0 0 20px; color:#9eafb6; }
@media (max-width:760px) {
.rw-public-profile-page { width:min(100% - 18px,1040px); margin-top:18px; }
.rw-public-profile-card { padding:18px; }
.rw-public-profile-main { gap:15px; }
.rw-public-profile-avatar { width:78px; height:78px; flex-basis:78px; font-size:31px; }
.rw-public-profile-info h1 { font-size:26px; }
.rw-public-profile-worlds { grid-template-columns:1fr; }
}
@media (max-width:470px) {
.rw-public-profile-main { flex-direction:column; }
.rw-public-profile-avatar { width:88px; height:88px; flex-basis:88px; }
}
.rw-public-profile-stats { display:grid; grid-template-columns:repeat(4,minmax(0,150px)); gap:9px; margin-top:20px; }
.rw-public-profile-stat { min-width:0; padding:11px 13px 10px; border:1px solid rgba(119,153,168,.14); border-radius:10px; background:rgba(5,18,24,.58); }
.rw-public-profile-stat strong { display:block; margin-bottom:3px; color:#edc982; font-family:Georgia,serif; font-size:24px; font-weight:400; line-height:1; }
.rw-public-profile-stat span { display:block; color:#8298a1; font-size:10.5px; line-height:1.35; }
@media (max-width:620px) {
.rw-public-profile-stats { grid-template-columns:repeat(4,minmax(0,1fr)); }
.rw-public-profile-stat { padding:10px 9px; }
.rw-public-profile-stat strong { font-size:21px; }
.rw-public-profile-stat span { font-size:9.5px; }
}
.rw-account-profile-section-subtitle { margin-top:3px; color:#7f939c; font-size:12px; line-height:1.45; font-weight:400; }
.rw-account-profile-open { flex:0 0 auto; color:#e6bf77 !important; font-size:12px; font-weight:700; text-decoration:none !important; }
.rw-account-profile-open:hover { color:#f5d89c !important; }
.rw-account-profile-cover-editor { position:relative; min-height:205px; margin-bottom:18px; overflow:hidden; border:1px solid rgba(225,180,103,.18); border-radius:13px; background:radial-gradient(circle at 18% 15%,rgba(137,82,179,.24),transparent 33%),linear-gradient(120deg,#102b38,#0a161d 58%,#1d1720); background-size:cover; background-position:center; }
.rw-account-profile-cover-shade { position:absolute; inset:0; background:linear-gradient(180deg,rgba(2,9,13,.04),rgba(2,9,13,.14) 45%,rgba(2,9,13,.82)); }
.rw-account-profile-cover-person { position:absolute; left:20px; right:20px; bottom:18px; display:flex; align-items:center; gap:13px; }
.rw-account-profile-cover-person .rw-account-avatar { width:74px; height:74px; flex-basis:74px; border-width:2px; box-shadow:0 10px 30px rgba(0,0,0,.3); }
.rw-account-profile-cover-person > div:last-child { min-width:0; display:grid; gap:3px; }
.rw-account-profile-cover-person strong { color:#fff0d6; font-family:Georgia,serif; font-size:21px; font-weight:400; text-shadow:0 2px 12px rgba(0,0,0,.7); }
.rw-account-profile-cover-person span { color:#c1cbd0; font-size:11.5px; text-shadow:0 2px 9px rgba(0,0,0,.8); }
.rw-account-profile-grid { display:grid; grid-template-columns:1fr; gap:16px; }
.rw-account-profile-media-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.rw-account-profile-media-grid .rw-account-settings-form { min-width:0; }
.rw-account-cover-mini { position:relative; height:92px; margin:14px 0 12px; padding:14px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px; overflow:hidden; box-sizing:border-box; border:1px dashed rgba(133,163,176,.34); border-radius:9px; background:linear-gradient(120deg,rgba(22,50,62,.8),rgba(18,24,31,.8)); background-size:cover; background-position:center; color:#8ba0a9; font-size:11px; text-align:center; cursor:pointer; transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease,transform .16s ease; }
.rw-account-cover-mini::after { content:''; position:absolute; inset:0; pointer-events:none; background:rgba(3,13,18,.28); opacity:0; transition:opacity .16s ease; }
.rw-account-cover-mini.has-cover::after,
.rw-account-cover-mini.has-preview::after { opacity:1; background:linear-gradient(180deg,rgba(3,13,18,.16),rgba(3,13,18,.5)); }
.rw-account-cover-mini > span { position:relative; z-index:1; text-shadow:0 1px 8px rgba(0,0,0,.9); }
.rw-account-cover-drop-title { color:#bfd0d6; font-size:12px; font-weight:700; }
.rw-account-cover-drop-hint { color:#718790; font-size:10.5px; }
.rw-account-cover-mini:hover { border-color:rgba(225,180,103,.48); box-shadow:0 0 0 3px rgba(225,180,103,.055); }
.rw-account-cover-mini.is-dragover { border-style:solid; border-color:#e3b96f; background-color:rgba(83,119,74,.22); box-shadow:0 0 0 4px rgba(225,180,103,.1),inset 0 0 34px rgba(225,180,103,.08); transform:translateY(-1px); }
.rw-account-cover-mini.is-dragover::after { opacity:1; background:rgba(46,72,49,.32); }
.rw-account-cover-mini.is-dragover .rw-account-cover-drop-title { color:#ffe0a4; }
.rw-account-cover-input { display:none !important; }
.rw-account-cover-file-name { margin:2px 0 0; color:#7f949d; font-size:11px; line-height:1.4; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.rw-account-cover-form > form { margin:0; }
.rw-account-cover-form > form + form { margin-top:9px; }
.rw-account-profile-identity-form,.rw-account-showcase-form { grid-column:1 / -1; }
.rw-profile-editor-group { margin-top:19px; padding-top:16px; border-top:1px solid rgba(122,158,175,.1); }
.rw-profile-editor-label { display:flex; align-items:center; gap:8px; margin-bottom:10px; color:#d9e3e5; font-size:12.5px; font-weight:700; }
.rw-profile-editor-label span { color:#657b84; font-size:10px; font-weight:400; }
.rw-profile-choice-grid { display:flex; flex-wrap:wrap; gap:8px; }
.rw-profile-choice { position:relative; margin:0 !important; cursor:pointer; }
.rw-profile-choice input { position:absolute; opacity:0; pointer-events:none; }
.rw-profile-choice span { min-height:30px; display:inline-flex; align-items:center; padding:0 11px; border:1px solid rgba(121,155,170,.2); border-radius:999px; background:rgba(7,21,28,.72); color:#93a6ae; font-size:11.5px; transition:.16s ease; }
.rw-profile-choice:hover span { border-color:rgba(214,173,105,.32); color:#c9d4d8; }
.rw-profile-choice input:checked + span { border-color:rgba(229,181,101,.45); background:linear-gradient(180deg,rgba(124,82,28,.24),rgba(73,47,20,.2)); color:#efcb88; box-shadow:inset 0 0 0 1px rgba(240,197,122,.04); }
.rw-profile-prompts { margin-top:20px; padding-top:17px; border-top:1px solid rgba(122,158,175,.1); }
.rw-profile-prompts label { margin-top:15px; color:#c5d0d4; font-size:12px; font-weight:700; }
.rw-profile-prompt-textarea { min-height:76px; }
.rw-showcase-editor-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-top:16px; }
.rw-showcase-editor-card { position:relative; min-width:0; padding:14px; border:1px solid rgba(121,155,170,.15); border-radius:10px; background:rgba(4,14,19,.48); }
.rw-showcase-editor-number { position:absolute; top:10px; right:11px; color:#5f747d; font-family:Georgia,serif; font-size:14px; }
.rw-showcase-editor-card label { margin-top:10px; }
.rw-showcase-editor-card label:first-of-type { margin-top:0; }
.rw-showcase-editor-card > input { width:100%; height:42px; box-sizing:border-box; border:1px solid rgba(112,149,166,.23); border-radius:8px; background:#08161c; color:#dbe4e6; padding:0 12px; outline:none; font-family:inherit; font-size:13px; }
.rw-showcase-editor-card > input:focus { border-color:rgba(222,177,102,.48); box-shadow:0 0 0 2px rgba(222,177,102,.06); }
.rw-showcase-editor-description { min-height:82px; }
.rw-showcase-editor-image { width:100%; aspect-ratio:16/9; margin-top:7px; overflow:hidden; display:flex; align-items:center; justify-content:center; border:1px solid rgba(112,149,166,.18); border-radius:8px; background:#07141a; }
.rw-showcase-editor-image img { width:100%; height:100%; display:block; object-fit:cover; }
.rw-showcase-editor-image.is-empty { border-style:dashed; color:#657b84; font-size:11px; }
.rw-showcase-file { height:auto !important; min-height:42px; padding:8px !important; }
.rw-showcase-editor-hint { display:block; margin-top:5px; color:#71858e; font-size:10.5px; line-height:1.4; }
.rw-showcase-remove-image { display:flex; align-items:center; gap:7px; margin:7px 0 0 !important; color:#9dabb0; font-size:11px; font-weight:400 !important; cursor:pointer; }
.rw-showcase-remove-image input { margin:0; }
.rw-showcase-links-title { margin-top:16px; padding-top:13px; border-top:1px solid rgba(121,155,170,.12); color:#d0b276; font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.05em; }
.rw-public-profile-cover { width:100%; height:250px; overflow:hidden; border:1px solid rgba(118,153,169,.16); border-radius:18px; background:radial-gradient(circle at 16% 20%,rgba(124,72,165,.28),transparent 34%),radial-gradient(circle at 84% 10%,rgba(197,137,67,.18),transparent 30%),linear-gradient(120deg,#102d3a,#09161d 55%,#1b1620); background-size:cover; background-position:center; box-sizing:border-box; box-shadow:0 18px 45px rgba(0,0,0,.18); }
.rw-public-profile-card-overlap { position:relative; z-index:2; width:calc(100% - 36px); margin:-58px auto 0; box-sizing:border-box; background:linear-gradient(145deg,rgba(12,31,39,.97),rgba(5,15,21,.99)); }
.rw-public-profile-role-tags { display:flex; flex-wrap:wrap; gap:7px; margin:0 0 16px; }
.rw-public-profile-role-tags span { display:inline-flex; align-items:center; min-height:27px; padding:0 10px; border:1px solid rgba(225,180,103,.3); border-radius:999px; background:rgba(111,75,28,.12); color:#e5c37f; font-size:11px; font-weight:700; }
.rw-public-profile-tag-row { display:grid; grid-template-columns:120px minmax(0,1fr); gap:16px; align-items:flex-start; padding:10px 0; border-top:1px solid rgba(119,153,168,.1); }
.rw-public-profile-tag-row:first-of-type { border-top:0; padding-top:0; }
.rw-public-profile-tag-row:last-child { padding-bottom:0; }
.rw-public-profile-tag-row > strong { color:#80949d; font-size:11.5px; font-weight:700; }
.rw-public-profile-tag-row > div { display:flex; flex-wrap:wrap; gap:7px; }
.rw-public-profile-tag-row span { display:inline-flex; align-items:center; min-height:27px; padding:0 9px; border:1px solid rgba(119,153,168,.16); border-radius:999px; background:rgba(8,24,31,.58); color:#b6c5ca; font-size:10.5px; }
.rw-public-profile-prompts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:11px; }
.rw-public-profile-prompts article { min-width:0; padding:15px; border:1px solid rgba(119,153,168,.13); border-radius:11px; background:linear-gradient(145deg,rgba(9,27,35,.74),rgba(5,17,23,.62)); }
.rw-public-profile-prompts article > span { display:block; margin-bottom:8px; color:#d2ae6b; font-size:10.5px; font-weight:700; line-height:1.4; }
.rw-public-profile-prompts p { margin:0; color:#b8c5ca; font-size:12.5px; line-height:1.6; }
.rw-public-profile-collab-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:11px; }
.rw-public-profile-collab-card { padding:15px; border:1px solid rgba(83,166,137,.17); border-radius:11px; background:rgba(32,103,75,.08); }
.rw-public-profile-collab-card.is-looking { border-color:rgba(225,180,103,.2); background:rgba(102,69,26,.08); }
.rw-public-profile-collab-card > strong { display:block; margin-bottom:10px; color:#afd0c1; font-size:12px; }
.rw-public-profile-collab-card.is-looking > strong { color:#dfc28a; }
.rw-public-profile-collab-card > div { display:flex; flex-wrap:wrap; gap:7px; }
.rw-public-profile-collab-card span { display:inline-flex; align-items:center; min-height:26px; padding:0 9px; border:1px solid rgba(120,163,149,.17); border-radius:999px; background:rgba(5,20,18,.32); color:#a9c2b7; font-size:10.5px; }
.rw-public-profile-collab-card.is-looking span { border-color:rgba(193,159,99,.17); background:rgba(46,32,13,.25); color:#cdb889; }
.rw-public-profile-world-section { border-color:rgba(225,180,103,.18); background:linear-gradient(145deg,rgba(11,29,36,.78),rgba(5,17,23,.76)); }
.rw-public-profile-showcase { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:11px; }
.rw-public-profile-showcase-card { min-width:0; min-height:150px; overflow:hidden; display:flex; flex-direction:column; box-sizing:border-box; border:1px solid rgba(119,153,168,.13); border-radius:11px; background:rgba(8,24,31,.6); color:inherit; }
.rw-public-profile-showcase-image { width:100%; aspect-ratio:16/9; overflow:hidden; background:#07141a; }
.rw-public-profile-showcase-image img { width:100%; height:100%; display:block; object-fit:cover; }
.rw-public-profile-showcase-body { min-width:0; flex:1; display:flex; flex-direction:column; align-items:flex-start; padding:15px; }
.rw-public-profile-showcase-body > span { color:#7d929b; font-size:10px; text-transform:uppercase; letter-spacing:.06em; }
.rw-public-profile-showcase-body > strong { margin-top:8px; color:#eadcc8; font-family:Georgia,serif; font-size:17px; font-weight:400; line-height:1.25; }
.rw-public-profile-showcase-body > p { margin:8px 0 0; color:#9eafb5; font-size:11.5px; line-height:1.55; }
.rw-public-profile-showcase-links { display:flex; flex-wrap:wrap; gap:6px; margin-top:auto; padding-top:13px; }
.rw-public-profile-showcase-links a { display:inline-flex; align-items:center; min-height:27px; padding:0 9px; border:1px solid rgba(225,180,103,.24); border-radius:7px; background:rgba(83,57,22,.1); color:#d8b975 !important; font-size:10.5px; font-weight:700; text-decoration:none !important; }
.rw-public-profile-showcase-links a:hover { border-color:rgba(225,180,103,.48); background:rgba(106,72,27,.18); color:#f0d298 !important; }
@media (max-width:900px) {
.rw-showcase-editor-grid,.rw-public-profile-prompts,.rw-public-profile-showcase { grid-template-columns:1fr; }
}
@media (max-width:760px) {
.rw-account-profile-media-grid { grid-template-columns:1fr; }
.rw-account-profile-cover-editor { min-height:180px; }
.rw-public-profile-cover { height:190px; border-radius:13px; }
.rw-public-profile-card-overlap { width:calc(100% - 14px); margin-top:-42px; }
.rw-public-profile-collab-grid { grid-template-columns:1fr; }
.rw-public-profile-tag-row { grid-template-columns:1fr; gap:8px; }
}
@media (max-width:520px) {
.rw-account-profile-cover-person { left:14px; right:14px; bottom:14px; }
.rw-account-profile-cover-person .rw-account-avatar { width:62px; height:62px; flex-basis:62px; }
.rw-account-profile-cover-person strong { font-size:18px; }
.rw-profile-choice span { min-height:29px; padding:0 9px; font-size:10.5px; }
.rw-public-profile-card-overlap { width:100%; }
}
.rw-account-contact-grid input { width:100%; height:42px; box-sizing:border-box; border:1px solid rgba(112,149,166,.23); border-radius:8px; background:#08161c; color:#dbe4e6; padding:0 12px; outline:none; font-family:inherit; font-size:13px; }
.rw-account-contact-grid input:focus { border-color:rgba(222,177,102,.48); box-shadow:0 0 0 2px rgba(222,177,102,.06); }
.rw-account-password-open { margin-top:16px; }
#rw-account-password-fields[data-ready="1"] { margin-top:4px; }
.rw-site-email-warning {
position: relative;
z-index: 118;
border-bottom: 1px solid rgba(204, 148, 36, 0.58);
background: rgba(255, 238, 176, 0.98);
color: #3f2f0f;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.14);
}
.rw-site-email-warning-inner {
width: min(1380px, calc(100% - 36px));
margin: 0 auto;
min-height: 56px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 18px;
padding: 10px 0;
box-sizing: border-box;
}
.rw-site-email-warning-text {
display: flex;
align-items: baseline;
gap: 9px;
min-width: 0;
font-size: 13px;
line-height: 1.45;
}
.rw-site-email-warning-text strong {
flex: 0 0 auto;
color: #805000;
}
.rw-site-email-warning-text span {
color: #54421f;
}
.rw-site-email-warning-actions {
display: flex;
align-items: center;
gap: 9px;
flex: 0 0 auto;
}
.rw-site-email-warning-actions form {
margin: 0;
}
.rw-site-email-warning-actions button,
.rw-site-email-warning-actions a {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 34px;
padding: 7px 12px;
border-radius: 8px;
font: inherit;
font-size: 12px;
font-weight: 700;
text-decoration: none;
cursor: pointer;
box-sizing: border-box;
}
.rw-site-email-warning-actions button {
border: 1px solid rgba(137, 91, 5, 0.48);
background: #f3cf72;
color: #3d2b08;
}
.rw-site-email-warning-actions button:hover {
background: #e5b94e;
color: #2f2106;
border-color: rgba(113, 72, 2, 0.62);
}
.rw-site-email-warning-actions a {
border: 1px solid rgba(137, 91, 5, 0.38);
background: rgba(255, 250, 225, 0.72);
color: #3f2d0b;
}
.rw-site-email-warning-actions a:hover,
.rw-site-email-warning-actions a:focus,
.rw-site-email-warning-actions a:active {
background: #fff7d5;
color: #2f2106 !important;
-webkit-text-fill-color: #2f2106;
border-color: rgba(113, 72, 2, 0.54);
}
.rw-site-email-warning-home {
position: absolute;
top: 60px;
right: max(20px, calc((100% - 1380px) / 2));
width: min(680px, calc(100% - 40px));
border: 1px solid rgba(204, 148, 36, 0.62);
border-radius: 10px;
background: rgba(255, 238, 176, 0.98);
-webkit-backdrop-filter: blur(9px);
backdrop-filter: blur(9px);
box-shadow: 0 12px 30px rgba(0, 0, 0, 0.24);
}
.rw-site-email-warning-home .rw-site-email-warning-inner {
width: 100%;
min-height: 52px;
padding: 11px 13px;
gap: 14px;
}
.rw-site-email-warning-home .rw-site-email-warning-text {
display: block;
font-size: 12px;
}
.rw-site-email-warning-home .rw-site-email-warning-text strong {
margin-right: 5px;
}
.rw-site-email-warning-home .rw-site-email-warning-actions {
gap: 7px;
}
.rw-site-email-warning-home .rw-site-email-warning-actions button,
.rw-site-email-warning-home .rw-site-email-warning-actions a {
min-height: 32px;
padding: 6px 10px;
font-size: 11px;
}
@media (max-width: 900px) {
.rw-site-email-warning-inner {
align-items: flex-start;
flex-direction: column;
gap: 8px;
padding: 10px 0;
}
.rw-site-email-warning-text {
display: block;
}
.rw-site-email-warning-text strong {
margin-right: 5px;
}
.rw-site-email-warning-home {
top: 58px;
right: 12px;
width: calc(100% - 24px);
}
.rw-site-email-warning-home .rw-site-email-warning-inner {
flex-direction: row;
align-items: center;
}
}
@media (max-width: 620px) {
.rw-site-email-warning-home {
top: 56px;
}
.rw-site-email-warning-home .rw-site-email-warning-inner {
align-items: flex-start;
flex-direction: column;
}
.rw-site-email-warning-actions {
flex-wrap: wrap;
}
}
.rw-auth-email-required-note {
margin-top: 7px;
color: #9fb0c7;
font-size: 12px;
line-height: 1.45;
}
.rw-public-profile-unverified {
width: min(760px, calc(100% - 32px));
margin: 70px auto;
padding: 28px;
border: 1px solid rgba(251, 191, 36, 0.22);
border-radius: 18px;
background: rgba(15, 23, 42, 0.88);
text-align: center;
}
.rw-public-profile-unverified h1 {
margin: 0 0 10px;
}
.rw-public-profile-unverified p {
margin: 0 0 18px;
color: #a9b7ca;
line-height: 1.55;
}
.rw-public-profile-unverified a {
display: inline-flex;
padding: 10px 14px;
border-radius: 10px;
background: linear-gradient(90deg, #6a5cff, #00a3ea);
color: #ffffff;
text-decoration: none;
font-weight: 700;
}
@media (max-width: 760px) {
.rw-site-email-warning-inner,
.rw-site-email-warning-text,
.rw-site-email-warning-actions {
align-items: stretch;
flex-direction: column;
}
.rw-site-email-warning-inner {
gap: 8px;
padding: 10px 0;
}
.rw-site-email-warning-text,
.rw-site-email-warning-actions {
gap: 6px;
}
.rw-site-email-warning-actions {
flex-direction: row;
flex-wrap: wrap;
}
}
.rw-profile-community-box { margin-top:20px; padding:16px; border:1px solid rgba(97,166,145,.18); border-radius:12px; background:linear-gradient(135deg,rgba(24,75,60,.12),rgba(6,23,29,.45)); }
.rw-profile-community-head { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; margin-bottom:12px; }
.rw-profile-community-head > div { min-width:0; display:grid; gap:4px; }
.rw-profile-community-head strong { color:#dce8e2; font-size:13px; }
.rw-profile-community-head span { max-width:700px; color:#7f9890; font-size:11.5px; line-height:1.5; }
.rw-profile-community-head a { flex:0 0 auto; color:#dcb970 !important; font-size:11.5px; text-decoration:none !important; }
.rw-profile-community-toggle { position:relative; display:flex !important; align-items:flex-start !important; gap:11px !important; margin:8px 0 0 !important; padding:11px 12px; border:1px solid rgba(119,153,168,.12); border-radius:10px; background:rgba(4,16,21,.42); cursor:pointer; }
.rw-profile-community-toggle input { width:18px !important; height:18px !important; min-height:0 !important; margin:1px 0 0 !important; flex:0 0 18px; accent-color:#dcae62; }
.rw-profile-community-toggle > span { display:grid; gap:3px; }
.rw-profile-community-toggle b { color:#d5dfe1; font-size:12.5px; line-height:1.35; }
.rw-profile-community-toggle small { color:#91a5ad; font-size:11.5px; line-height:1.55; }
.rw-profile-community-main-toggle { border-color:rgba(218,174,98,.2); background:rgba(75,52,19,.09); }
.rw-profile-intents { margin-top:13px; padding-top:13px; border-top:1px solid rgba(119,153,168,.1); }
.rw-profile-intents-head { display:grid; gap:4px; margin-bottom:9px; }
.rw-profile-intents-head strong { color:#d9e2e4; font-size:12.5px; }
.rw-profile-intents-head span { color:#8da0a8; font-size:11.5px; line-height:1.5; }
.rw-profile-intents-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.rw-profile-intent-toggle { display:flex !important; align-items:flex-start !important; gap:10px !important; margin:0 !important; padding:11px; border:1px solid rgba(119,153,168,.12); border-radius:9px; background:rgba(4,16,21,.38); cursor:pointer; }
.rw-profile-intent-toggle input { width:17px !important; height:17px !important; min-height:0 !important; margin:1px 0 0 !important; flex:0 0 17px; accent-color:#55bd87; }
.rw-profile-intent-toggle > span { display:grid; gap:3px; }
.rw-profile-intent-toggle b { color:#d3dfe2; font-size:12.5px; line-height:1.35; }
.rw-profile-intent-toggle small { color:#91a5ad; font-size:11.5px; line-height:1.55; }
.rw-profile-intent-toggle:has(input:checked) { border-color:rgba(75,194,132,.28); background:rgba(31,98,70,.12); }
.rw-profile-community-note { margin-top:10px; color:#c5a96e; font-size:10.5px; }
.rw-public-profile-availability { width:fit-content; display:flex; align-items:center; gap:7px; margin:-7px 0 14px; color:#91d2b2; font-size:11px; font-weight:700; }
.rw-public-profile-availability > span { width:8px; height:8px; border-radius:50%; background:#50c887; box-shadow:0 0 12px rgba(80,200,135,.48); }
.rw-public-profile-intents { display:flex; flex-wrap:wrap; gap:7px; margin:-7px 0 14px; }
.rw-public-profile-intents > span { min-height:27px; display:inline-flex; align-items:center; padding:0 10px; border:1px solid rgba(82,189,132,.2); border-radius:999px; background:rgba(31,101,71,.11); color:#9ed8b8; font-size:10.5px; font-weight:700; }
.rw-public-profile-intents > span.is-world_collab { border-color:rgba(218,174,98,.23); background:rgba(92,63,20,.1); color:#d8ba7d; }
.rw-public-profile-intents > span.is-testing_open { border-color:rgba(111,154,211,.2); background:rgba(31,60,96,.1); color:#a7c7e8; }
.rw-people-page { width:min(1230px,calc(100% - 48px)) !important; max-width:1230px !important; margin:38px auto 70px !important; color:#e9e2d7; }
.rw-people-hero { position:relative; overflow:hidden; padding:30px; border:1px solid rgba(126,160,176,.18); border-radius:20px; background:radial-gradient(circle at 82% -8%,rgba(193,132,62,.17),transparent 35%),radial-gradient(circle at 3% 85%,rgba(79,119,145,.13),transparent 36%),linear-gradient(145deg,rgba(11,29,37,.98),rgba(5,15,21,.99)); box-shadow:0 24px 55px rgba(0,0,0,.2); }
.rw-people-hero-row { display:flex; align-items:flex-start; justify-content:space-between; gap:30px; }
.rw-people-hero h1 { max-width:760px; margin:1px 0 10px; color:#f3e5cc; font-family:Georgia,serif; font-size:38px; line-height:1.12; font-weight:400; }
.rw-people-hero p { max-width:760px; margin:0; color:#91a4ad; font-size:14px; line-height:1.6; }
.rw-people-join-card { width:280px; flex:0 0 280px; display:grid; gap:5px; padding:14px 15px; border:1px solid rgba(221,176,101,.26); border-radius:11px; background:rgba(95,66,27,.1); text-decoration:none !important; }
.rw-people-join-card strong { color:#e7c57f; font-size:12px; }
.rw-people-join-card span { color:#82949b; font-size:10.5px; line-height:1.45; }
.rw-people-join-card:hover { border-color:rgba(229,184,106,.47); background:rgba(115,78,29,.14); }
.rw-people-modes { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin-top:26px; }
.rw-people-modes a { min-width:0; display:grid; grid-template-columns:34px minmax(0,1fr); grid-template-rows:auto auto; column-gap:10px; padding:12px 13px; border:1px solid rgba(119,153,168,.15); border-radius:11px; background:rgba(5,17,23,.52); text-decoration:none !important; transition:.16s ease; }
.rw-people-modes a > span { grid-row:1 / 3; width:34px; height:34px; display:flex; align-items:center; justify-content:center; align-self:center; border-radius:9px; background:rgba(255,255,255,.035); font-size:16px; }
.rw-people-modes a b { color:#cdd7da; font-size:12px; }
.rw-people-modes a small { margin-top:2px; color:#6f838c; font-size:10px; }
.rw-people-modes a:hover,.rw-people-modes a.is-active { border-color:rgba(226,180,104,.4); background:rgba(103,70,27,.11); }
.rw-people-modes a.is-active b { color:#edca85; }
.rw-people-intents { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin-top:17px; }
.rw-people-intents > span { margin-right:3px; color:#6f848d; font-size:10.5px; font-weight:700; text-transform:uppercase; letter-spacing:.05em; }
.rw-people-intents a { min-height:29px; display:inline-flex; align-items:center; padding:0 10px; border:1px solid rgba(119,153,168,.14); border-radius:999px; background:rgba(3,14,19,.38); color:#a8bac0 !important; font-size:10.5px; text-decoration:none !important; }
.rw-people-intents a:hover { border-color:rgba(225,180,103,.35); color:#e3c27e !important; }
.rw-people-intents a.rw-people-intent-live { border-color:rgba(76,188,133,.28); background:rgba(34,100,72,.1); color:#9bd3b5 !important; }
.rw-people-intents a.rw-people-intent-live:hover { border-color:rgba(79,199,133,.48); color:#c2ebd4 !important; }
.rw-people-filter { margin-top:15px; padding:16px; border:1px solid rgba(121,157,174,.17); border-radius:15px; background:rgba(7,20,27,.86); box-shadow:0 16px 35px rgba(0,0,0,.13); }
.rw-people-search-row { display:grid; grid-template-columns:minmax(260px,1fr) auto auto auto auto; gap:10px; align-items:center; }
.rw-people-search { position:relative; display:block; margin:0 !important; }
.rw-people-search > span { position:absolute; z-index:1; left:14px; top:50%; transform:translateY(-50%); color:#708790; font-size:20px; line-height:1; }
.rw-people-search input { width:100%; height:44px; box-sizing:border-box; padding:0 14px 0 39px; border:1px solid rgba(118,153,169,.22); border-radius:10px; outline:none; background:#07151b; color:#e4ecee; font:inherit; font-size:13px; }
.rw-people-search input:focus { border-color:rgba(225,180,103,.5); box-shadow:0 0 0 3px rgba(225,180,103,.06); }
.rw-people-search input::placeholder { color:#5e737d; }
.rw-people-availability {
height: 42px;
display: flex;
align-items: center;
gap: 8px;
padding: 0 5px 0 11px;
box-sizing: border-box;
border: 1px solid rgba(124,157,171,.18);
border-radius: 10px;
background: rgba(7,18,24,.74);
white-space: nowrap;
}
.rw-people-availability > span {
color: #718b97;
font-size: 10px;
}
.rw-people-availability > div {
display: flex;
gap: 3px;
}
.rw-people-availability a {
min-height: 30px;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0 10px;
border: 1px solid transparent;
border-radius: 7px;
color: #8fa4ad !important;
font-size: 10.5px;
font-weight: 700;
text-decoration: none !important;
}
.rw-people-availability a:hover {
color: #d8e3e6 !important;
background: rgba(255,255,255,.035);
}
.rw-people-availability a.is-active {
border-color: rgba(79,194,132,.32);
background: rgba(36,111,80,.16);
color: #a9ddc1 !important;
box-shadow: inset 0 0 0 1px rgba(79,194,132,.04);
}
.rw-people-open-toggle { margin:0 !important; cursor:pointer; }
.rw-people-open-toggle input { position:absolute; opacity:0; pointer-events:none; }
.rw-people-open-toggle > span { height:42px; display:flex; align-items:center; gap:8px; padding:0 12px; border:1px solid rgba(83,166,137,.18); border-radius:10px; background:rgba(28,83,65,.09); color:#8fb6a6; font-size:11px; white-space:nowrap; }
.rw-people-open-toggle i { width:8px; height:8px; border-radius:50%; background:#55786a; box-shadow:none; }
.rw-people-open-toggle input:checked + span { border-color:rgba(79,194,132,.4); color:#a9ddc1; background:rgba(36,111,80,.13); }
.rw-people-open-toggle input:checked + span i { background:#4fc785; box-shadow:0 0 11px rgba(79,199,133,.45); }
.rw-people-avatar-toggle > span { border-color:rgba(196,164,101,.18); background:rgba(92,70,31,.08); color:#b5a37f; }
.rw-people-avatar-toggle input:checked + span { border-color:rgba(218,176,99,.38); background:rgba(110,78,29,.13); color:#d9bc84; }
.rw-people-avatar-toggle input:checked + span i { background:#d8ac61; box-shadow:0 0 11px rgba(216,172,97,.36); }
.rw-people-game-toggle > span { border-color:rgba(104,150,205,.19); background:rgba(34,70,105,.09); color:#91aac4; }
.rw-people-game-toggle input:checked + span { border-color:rgba(102,166,230,.42); background:rgba(38,90,139,.13); color:#b8d5ef; }
.rw-people-game-toggle input:checked + span i { background:#69aee8; box-shadow:0 0 11px rgba(105,174,232,.42); }
.rw-people-search-row > button,.rw-people-filter-footer button { height:44px; padding:0 18px; border:1px solid #dfb36d; border-radius:10px; background:linear-gradient(180deg,#f1cc88,#d7a057); color:#17110b; font:inherit; font-size:12px; font-weight:800; cursor:pointer; }
.rw-people-filter-details { margin-top:11px; border-top:1px solid rgba(119,153,168,.1); }
.rw-people-filter-details > summary { min-height:40px; display:flex; align-items:center; justify-content:space-between; gap:16px; cursor:pointer; list-style:none; color:#83979f; font-size:11px; }
.rw-people-filter-details > summary::-webkit-details-marker { display:none; }
.rw-people-filter-details > summary span { color:#c1ced2; font-weight:700; }
.rw-people-filter-details > summary b { color:#d4ae68; font-size:10.5px; font-weight:600; }
.rw-people-filter-body { padding-top:7px; }
.rw-people-filter-group { display:grid; grid-template-columns:145px minmax(0,1fr); gap:15px; align-items:flex-start; padding:12px 0; border-top:1px solid rgba(119,153,168,.075); }
.rw-people-filter-group:first-child { border-top:0; }
.rw-people-filter-group > strong { padding-top:7px; color:#82969e; font-size:11px; }
.rw-people-filter-group > div { display:flex; flex-wrap:wrap; gap:7px; }
.rw-people-filter-chip { position:relative; margin:0 !important; cursor:pointer; }
.rw-people-filter-chip input { position:absolute; opacity:0; pointer-events:none; }
.rw-people-filter-chip span { min-height:29px; display:inline-flex; align-items:center; padding:0 10px; border:1px solid rgba(119,153,168,.16); border-radius:999px; background:rgba(5,17,23,.46); color:#92a5ad; font-size:10.5px; }
.rw-people-filter-chip:hover span { color:#c8d3d6; border-color:rgba(178,160,126,.25); }
.rw-people-filter-chip input:checked + span { border-color:rgba(224,178,101,.43); background:rgba(104,70,26,.17); color:#e8c680; }
.rw-people-filter-footer { display:flex; align-items:center; justify-content:flex-end; gap:14px; padding-top:12px; border-top:1px solid rgba(119,153,168,.09); }
.rw-people-filter-footer a { color:#8398a0 !important; font-size:11px; text-decoration:none !important; }
.rw-people-filter-footer button { height:38px; }
.rw-people-results { margin-top:25px; }
.rw-people-results-head { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; margin-bottom:13px; padding:0 2px; }
.rw-people-results-head > div { display:flex; align-items:baseline; gap:8px; }
.rw-people-results-head span { color:#6f848c; font-size:11px; }
.rw-people-results-head strong { color:#e5d7c0; font-family:Georgia,serif; font-size:20px; font-weight:400; }
.rw-people-results-head p { margin:0; color:#657a83; font-size:10.5px; }
.rw-people-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:13px; }
.rw-person-card { min-width:0; overflow:hidden; border:1px solid rgba(119,153,168,.16); border-radius:14px; background:linear-gradient(150deg,rgba(10,27,35,.96),rgba(5,16,22,.98)); box-shadow:0 13px 30px rgba(0,0,0,.13); transition:.17s ease; }
.rw-person-card:hover { transform:translateY(-2px); border-color:rgba(215,176,107,.28); box-shadow:0 18px 38px rgba(0,0,0,.2); }
.rw-person-cover { display:block; height:95px; background:radial-gradient(circle at 17% 20%,rgba(110,67,151,.26),transparent 35%),radial-gradient(circle at 83% 10%,rgba(185,126,59,.17),transparent 35%),linear-gradient(120deg,#102b38,#09161d 58%,#18151d); background-size:cover; background-position:center; }
.rw-person-body { position:relative; padding:0 16px 16px; }
.rw-person-avatar { width:62px; height:62px; display:flex; align-items:center; justify-content:center; margin-top:-31px; overflow:hidden; border:2px solid #0b2029; border-radius:50%; background:radial-gradient(circle at 35% 30%,#6d3f83,#1c2230); color:#f0cf8b !important; font-family:Georgia,serif; font-size:23px; text-decoration:none !important; box-shadow:0 9px 24px rgba(0,0,0,.28); }
.rw-person-avatar img { width:100%; height:100%; display:block; object-fit:cover; }
.rw-person-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:10px; margin-top:8px; }
.rw-person-heading > div { min-width:0; display:grid; gap:2px; }
.rw-person-heading a { overflow:hidden; color:#f0e3cf !important; font-family:Georgia,serif; font-size:18px; text-decoration:none !important; text-overflow:ellipsis; white-space:nowrap; }
.rw-person-heading span { color:#72868e; font-size:10.5px; }
.rw-person-open { display:flex; align-items:center; gap:5px; flex:0 0 auto; padding:4px 7px; border:1px solid rgba(79,199,133,.2); border-radius:999px; background:rgba(36,111,80,.1); color:#91d2b1; font-size:9.5px; font-weight:700; white-space:nowrap; }
.rw-person-open i { width:7px; height:7px; border-radius:50%; background:#4fc785; box-shadow:0 0 9px rgba(79,199,133,.5); }
.rw-person-intents { display:flex; flex-wrap:wrap; gap:5px; margin:8px 0 9px; }
.rw-person-intents span { min-height:23px; display:inline-flex; align-items:center; padding:0 8px; border:1px solid rgba(78,188,131,.18); border-radius:999px; background:rgba(28,93,67,.1); color:#9bd2b4; font-size:9.5px; font-weight:700; }
.rw-person-intents span.is-world_collab { border-color:rgba(219,176,101,.2); background:rgba(91,62,19,.09); color:#d2b477; }
.rw-person-intents span.is-testing_open { border-color:rgba(102,151,207,.18); background:rgba(28,55,88,.09); color:#9fc2e2; }
.rw-people-filter-chip-intent span { border-color:rgba(78,188,131,.18) !important; background:rgba(28,93,67,.06) !important; }
.rw-people-filter-chip-intent input:checked + span { border-color:rgba(78,188,131,.5) !important; background:rgba(28,93,67,.19) !important; color:#b6e4ca !important; }
.rw-people-intent-status { border-color:rgba(78,188,131,.2) !important; color:#9bd4b5 !important; }
.rw-person-role-tags { display:flex; flex-wrap:wrap; gap:5px; margin-top:10px; }
.rw-person-role-tags span { min-height:24px; display:inline-flex; align-items:center; padding:0 8px; border:1px solid rgba(222,176,99,.23); border-radius:999px; background:rgba(105,70,26,.1); color:#d6b675; font-size:9.5px; }
.rw-person-bio { display:-webkit-box; min-height:36px; margin:10px 0 0; overflow:hidden; color:#93a5ac; font-size:11px; line-height:1.55; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.rw-person-line { display:grid; grid-template-columns:55px minmax(0,1fr); gap:8px; align-items:baseline; margin-top:11px; }
.rw-person-line > strong { padding-top:0; color:#bfa66f; font-size:9.5px; font-weight:700; line-height:1.35; text-transform:uppercase; letter-spacing:.04em; }
.rw-person-line > div { display:flex; flex-wrap:wrap; align-items:baseline; gap:5px; }
.rw-person-line span { color:#a8b8bd; font-size:10px; line-height:1.35; }
.rw-person-line span + span::before { content:'ยท'; margin-right:5px; color:#52666e; }
.rw-person-line-muted { grid-template-columns:auto minmax(0,1fr); gap:9px; align-items:baseline; }
.rw-person-line-muted > strong { padding-top:0; color:#788e97; line-height:1.35; }
.rw-person-line-muted > div { align-items:baseline; }
.rw-person-line-muted span { color:#80949c; }
.rw-person-game { margin-top:13px; padding:10px; border:1px solid rgba(94,139,176,.16); border-radius:10px; background:linear-gradient(135deg,rgba(17,41,54,.58),rgba(7,22,29,.72)); }
.rw-person-game.is-joinable { border-color:rgba(70,180,127,.25); background:linear-gradient(135deg,rgba(22,67,51,.22),rgba(7,24,28,.72)); }
.rw-person-game-top { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:8px; }
.rw-person-game-live { display:flex; align-items:center; gap:6px; color:#8fb0c1; font-size:9.5px; font-weight:800; text-transform:uppercase; letter-spacing:.04em; }
.rw-person-game-live i { width:7px; height:7px; border-radius:50%; background:#5aa4cd; box-shadow:0 0 9px rgba(90,164,205,.38); }
.rw-person-game.is-joinable .rw-person-game-live { color:#8fd0ad; }
.rw-person-game.is-joinable .rw-person-game-live i { background:#50c887; box-shadow:0 0 10px rgba(80,200,135,.45); }
.rw-person-game-more { color:#617985; font-size:9px; }
.rw-person-game-main { display:flex; align-items:center; gap:9px; min-width:0; }
.rw-person-game-image { width:43px; height:43px; flex:0 0 43px; overflow:hidden; border-radius:8px; background:#0b1b22; }
.rw-person-game-image img { width:100%; height:100%; display:block; object-fit:cover; }
.rw-person-game-info { min-width:0; display:grid; gap:2px; }
.rw-person-game-info > a,.rw-person-game-info > strong { overflow:hidden; color:#dce6e7 !important; font-size:11px; font-weight:800; text-decoration:none !important; text-overflow:ellipsis; white-space:nowrap; }
.rw-person-game-info > a:hover { color:#efca82 !important; }
.rw-person-game-info > span { overflow:hidden; color:#718892; font-size:9.5px; text-overflow:ellipsis; white-space:nowrap; }
.rw-person-game-info > small { color:#83989f; font-size:9.5px; }
.rw-person-game-info > small b { color:#88cba8; font-weight:700; }
.rw-person-game-join { min-height:31px; display:flex; align-items:center; justify-content:center; margin-top:9px; border:1px solid rgba(72,187,130,.26); border-radius:8px; background:rgba(38,111,77,.14); color:#a6dfbf !important; font-size:10px; font-weight:800; text-decoration:none !important; }
.rw-person-game-join:hover { border-color:rgba(77,204,139,.47); background:rgba(42,128,87,.2); color:#d0f2de !important; }
.rw-person-match { margin-top:12px; padding:8px 9px; border:1px solid rgba(75,151,126,.13); border-radius:8px; background:rgba(30,85,68,.08); font-size:9.8px; line-height:1.45; }
.rw-person-match b { margin-right:6px; color:#88c2a9; }
.rw-person-match span { color:#789489; }
.rw-person-open-profile { min-height:35px; display:flex; align-items:center; justify-content:space-between; margin-top:13px; padding-top:11px; border-top:1px solid rgba(119,153,168,.09); color:#d9b66f !important; font-size:11px; font-weight:700; text-decoration:none !important; }
.rw-person-open-profile span { font-size:15px; }
.rw-people-empty { padding:55px 24px; border:1px dashed rgba(119,153,168,.2); border-radius:15px; background:rgba(7,20,26,.52); text-align:center; }
.rw-people-empty > div { color:#cba761; font-size:25px; }
.rw-people-empty h2 { margin:10px 0 8px; color:#eadcc6; font-family:Georgia,serif; font-size:24px; font-weight:400; }
.rw-people-empty p { max-width:650px; margin:0 auto 17px; color:#7d9199; font-size:12px; line-height:1.55; }
.rw-people-empty a { color:#dfb96f !important; font-size:12px; text-decoration:none !important; }
.rw-people-pagination { display:flex; align-items:center; justify-content:center; gap:15px; margin-top:22px; }
.rw-people-pagination a,.rw-people-pagination span { min-height:35px; display:inline-flex; align-items:center; padding:0 11px; border:1px solid rgba(119,153,168,.14); border-radius:8px; color:#9cafb6 !important; font-size:10.5px; text-decoration:none !important; }
.rw-people-pagination a:hover { border-color:rgba(225,180,103,.31); color:#e0bb74 !important; }
.rw-public-profile-live-games { display:grid; gap:10px; }
.rw-public-profile-live-game { display:grid; grid-template-columns:70px minmax(0,1fr) auto; gap:13px; align-items:center; padding:11px; border:1px solid rgba(104,145,166,.16); border-radius:11px; background:linear-gradient(135deg,rgba(12,33,43,.74),rgba(7,20,27,.82)); }
.rw-public-profile-live-game.is-joinable { border-color:rgba(75,183,127,.24); }
.rw-public-profile-live-game-image { width:70px; height:52px; display:flex; align-items:center; justify-content:center; overflow:hidden; border-radius:8px; background:#0b1b22; color:#826f4f; font-family:Georgia,serif; font-size:14px; }
.rw-public-profile-live-game-image img { width:100%; height:100%; display:block; object-fit:cover; }
.rw-public-profile-live-game-info { min-width:0; display:grid; gap:3px; }
.rw-public-profile-live-game-state { display:flex; align-items:center; gap:6px; color:#79949f; font-size:9.5px; font-weight:800; text-transform:uppercase; letter-spacing:.04em; }
.rw-public-profile-live-game-state i { width:7px; height:7px; border-radius:50%; background:#5aa4cd; }
.rw-public-profile-live-game.is-joinable .rw-public-profile-live-game-state { color:#8bc6a5; }
.rw-public-profile-live-game.is-joinable .rw-public-profile-live-game-state i { background:#50c887; box-shadow:0 0 9px rgba(80,200,135,.4); }
.rw-public-profile-live-game-info > a,.rw-public-profile-live-game-info > strong { overflow:hidden; color:#e7ded0 !important; font-family:Georgia,serif; font-size:15px; font-weight:700; text-decoration:none !important; text-overflow:ellipsis; white-space:nowrap; }
.rw-public-profile-live-game-info > a:hover { color:#efc47a !important; }
.rw-public-profile-live-game-info > span { color:#778d96; font-size:10.5px; }
.rw-public-profile-live-game-info > small { color:#879aa1; font-size:10.5px; }
.rw-public-profile-live-game-info > small b { color:#8fd0ad; }
.rw-public-profile-live-game-actions a { min-height:35px; display:inline-flex; align-items:center; padding:0 12px; border:1px solid rgba(76,185,130,.28); border-radius:8px; background:rgba(37,108,76,.13); color:#a9dfc0 !important; font-size:10.5px; font-weight:800; text-decoration:none !important; white-space:nowrap; }
.rw-public-profile-live-game-actions a:hover { border-color:rgba(79,200,137,.48); color:#d3f3e0 !important; }
@media (max-width:1050px) {
.rw-people-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.rw-people-search-row { grid-template-columns:minmax(240px,1fr) auto; }
.rw-people-search-row > button { grid-column:1 / -1; }
}
@media (max-width:760px) {
.rw-public-profile-live-game { grid-template-columns:54px minmax(0,1fr); }
.rw-public-profile-live-game-image { width:54px; height:48px; }
.rw-public-profile-live-game-actions { grid-column:1 / -1; }
.rw-public-profile-live-game-actions a { width:100%; box-sizing:border-box; justify-content:center; }
.rw-profile-community-head { flex-direction:column; gap:8px; }
.rw-profile-intents-grid { grid-template-columns:1fr; }
.rw-people-page { width:calc(100% - 24px) !important; margin-top:22px !important; }
.rw-people-hero { padding:22px 16px; border-radius:15px; }
.rw-people-hero-row { flex-direction:column; gap:17px; }
.rw-people-hero h1 { font-size:30px; }
.rw-people-join-card { width:auto; flex:auto; }
.rw-people-modes { grid-template-columns:1fr; }
.rw-people-search-row { grid-template-columns:1fr; }
.rw-people-availability { justify-content:space-between; }
.rw-people-availability > div { flex:1; }
.rw-people-availability a { flex:1; }
.rw-people-open-toggle > span { justify-content:center; }
.rw-people-filter-group { grid-template-columns:1fr; gap:8px; }
.rw-people-filter-group > strong { padding-top:0; }
.rw-people-results-head { align-items:flex-start; flex-direction:column; gap:5px; }
.rw-people-grid { grid-template-columns:1fr; }
}
.rw-account-test-notice { margin:0 0 14px; padding:11px 13px; border:1px solid rgba(205,167,91,.2); border-radius:10px; background:rgba(86,60,21,.1); color:#d3ba82; font-size:11px; }
.rw-account-test-notice.is-success { border-color:rgba(74,190,128,.24); background:rgba(27,100,69,.1); color:#a4d9bb; }
.rw-account-test-notice.is-error { border-color:rgba(211,95,95,.22); background:rgba(116,38,38,.09); color:#dfa0a0; }
.rw-account-test-pool { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:0 0 14px; padding:12px 14px; border:1px solid rgba(119,153,168,.12); border-radius:10px; background:rgba(5,18,24,.36); }
.rw-account-test-pool strong { color:#d7e1e4; font-size:12px; }
.rw-account-test-pool span { color:#78909a; font-size:10.5px; }
.rw-account-test-box { margin-top:13px; padding:12px; border:1px solid rgba(76,185,132,.17); border-radius:10px; background:rgba(20,72,53,.07); }
.rw-account-test-box-head { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:8px; }
.rw-account-test-box-head strong { color:#b9ddca; font-size:11.5px; }
.rw-account-test-box-head span { color:#718891; font-size:10px; }
.rw-account-test-description { margin:0 0 10px; color:#82969f; font-size:10.5px; line-height:1.5; }
.rw-account-test-stats { display:flex; flex-wrap:wrap; gap:6px; margin-bottom:9px; }
.rw-account-test-stats span { padding:5px 8px; border:1px solid rgba(119,153,168,.11); border-radius:999px; background:rgba(4,17,22,.38); color:#81959d; font-size:9.5px; }
.rw-account-test-stats b { color:#c9d7db; }
.rw-account-test-button { min-height:36px; padding:0 13px; border:1px solid rgba(72,195,129,.3); border-radius:8px; background:rgba(34,116,79,.19); color:#a9dec2; font:inherit; font-size:10.5px; font-weight:700; cursor:pointer; }
.rw-account-test-button:hover { background:rgba(34,116,79,.28); color:#c3ead5; }
.rw-account-test-button:disabled { opacity:.45; cursor:default; }
.rw-account-test-link { display:inline-flex; align-items:center; min-height:31px; color:#9dd8b8 !important; font-size:10.5px; font-weight:700; text-decoration:none !important; }
.rw-account-test-link:hover { color:#c2e9d4 !important; }
.rw-account-test-empty { color:#748992; font-size:10.5px; line-height:1.45; }
@media (max-width: 680px) {
.rw-account-test-pool, .rw-account-test-box-head { align-items:flex-start; flex-direction:column; }
}
.rw-account-test-summary { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-bottom:14px; }
.rw-account-test-summary .rw-account-test-pool { margin:0; }
.rw-account-promo-box { margin-top:10px; padding:12px; border:1px solid rgba(216,174,96,.16); border-radius:10px; background:rgba(91,62,19,.055); }
.rw-account-promo-list { display:grid; gap:6px; margin:0 0 10px; }
.rw-account-promo-row { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:8px 10px; border:1px solid rgba(119,153,168,.1); border-radius:8px; background:rgba(4,17,22,.3); }
.rw-account-promo-row > div { display:grid; gap:2px; }
.rw-account-promo-row strong { color:#cbd8dc; font-size:10.5px; }
.rw-account-promo-row span { color:#718891; font-size:9.5px; }
.rw-account-promo-row a { color:#d7b978 !important; font-size:10px; font-weight:700; text-decoration:none !important; white-space:nowrap; }
.rw-account-promo-row a:hover { color:#efd49a !important; }
.rw-campaign-modal[hidden] { display:none !important; }
.rw-campaign-modal { position:fixed; inset:0; z-index:1000; display:flex; align-items:center; justify-content:center; padding:20px; box-sizing:border-box; }
.rw-campaign-modal-backdrop { position:absolute; inset:0; background:rgba(0,0,0,.72); -webkit-backdrop-filter:blur(5px); backdrop-filter:blur(5px); }
.rw-campaign-modal-dialog { position:relative; z-index:1; width:min(520px,100%); padding:25px; box-sizing:border-box; border:1px solid rgba(220,178,104,.25); border-radius:16px; background:linear-gradient(145deg,#0d1b22,#071116); box-shadow:0 30px 80px rgba(0,0,0,.55); }
.rw-campaign-modal-close { position:absolute; top:10px; right:12px; width:34px; height:34px; padding:0; border:0; border-radius:8px; background:transparent; color:#718891; font-size:24px; cursor:pointer; }
.rw-campaign-modal-close:hover { background:rgba(255,255,255,.04); color:#dce5e7; }
.rw-campaign-modal-kicker { margin-bottom:7px; color:#d7ad67; font-size:10px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
.rw-campaign-modal-dialog h2 { margin:0 34px 9px 0; color:#f0e4cf; font-family:Georgia,serif; font-size:23px; font-weight:500; }
.rw-campaign-modal-text { color:#9badb4; font-size:12px; line-height:1.55; }
.rw-campaign-modal-label { display:grid; gap:6px; margin-top:15px; }
.rw-campaign-modal-label span { color:#ccd8db; font-size:11px; font-weight:700; }
.rw-campaign-modal-label input { width:100%; min-height:41px; box-sizing:border-box; padding:0 11px; border:1px solid rgba(119,153,168,.2); border-radius:8px; outline:none; background:rgba(2,9,13,.68); color:#eef2f2; font:inherit; font-size:12px; }
.rw-campaign-modal-label input:focus { border-color:rgba(216,174,96,.55); box-shadow:0 0 0 3px rgba(216,174,96,.07); }
.rw-campaign-modal-warning { margin-top:15px; padding:9px 10px; border:1px solid rgba(216,174,96,.13); border-radius:8px; background:rgba(91,62,19,.07); color:#927d58; font-size:10px; line-height:1.45; }
.rw-campaign-modal-actions { display:flex; justify-content:flex-end; gap:8px; margin-top:19px; }
.rw-campaign-modal-cancel, .rw-campaign-modal-confirm { min-height:38px; padding:0 14px; border-radius:8px; font:inherit; font-size:11px; font-weight:700; cursor:pointer; }
.rw-campaign-modal-cancel { border:1px solid rgba(119,153,168,.15); background:rgba(255,255,255,.025); color:#82969e; }
.rw-campaign-modal-confirm { border:1px solid rgba(76,193,131,.32); background:rgba(34,116,79,.22); color:#b4e1c8; }
.rw-campaign-modal-confirm:hover { background:rgba(34,116,79,.32); }
.rw-campaign-modal-confirm:disabled { opacity:.55; cursor:wait; }
@media (max-width: 680px) {
.rw-account-test-summary { grid-template-columns:1fr; }
.rw-account-promo-row { align-items:flex-start; flex-direction:column; }
.rw-campaign-modal-dialog { padding:21px 18px; }
.rw-campaign-modal-actions { flex-direction:column-reverse; }
.rw-campaign-modal-cancel, .rw-campaign-modal-confirm { width:100%; }
}
.rw-account-username-card { margin:0 0 14px; }
.rw-account-username-form { max-width:none; }
.rw-account-username-row { display:flex; align-items:stretch; margin-top:10px; }
.rw-account-username-prefix { display:flex; align-items:center; padding:0 10px; border:1px solid rgba(111,145,159,.24); border-right:0; border-radius:8px 0 0 8px; background:rgba(5,17,23,.72); color:#7f939c; font-size:12px; white-space:nowrap; }
.rw-account-username-row input { min-width:0; flex:1; border-radius:0 8px 8px 0 !important; }
.rw-account-username-status { min-height:19px; margin-top:7px; font-size:11.5px; line-height:1.4; }
.rw-account-username-status.is-current,.rw-account-username-status.is-checking { color:#82969f; }
.rw-account-username-status.is-available { color:#78c99b; }
.rw-account-username-status.is-taken,.rw-account-username-status.is-reserved,.rw-account-username-status.is-invalid { color:#e19a8f; }
.rw-account-username-form .rw-account-settings-button:disabled { opacity:.45; cursor:default; }
@media (max-width:520px) {
.rw-account-username-prefix { padding:0 8px; font-size:11px; }
}
@media (max-width:430px) {
.rw-site-global-header .rw2-topbar-inner {
flex-wrap: nowrap !important;
align-items: center !important;
}
.rw-site-global-header .rw2-left-panel {
flex: 1 1 0 !important;
min-width: 0 !important;
}
.rw-site-global-header .rw2-top-actions {
display: flex !important;
flex: 0 0 auto !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
align-items: center !important;
justify-content: flex-end !important;
gap: 6px !important;
margin-left: auto !important;
padding-top: 0 !important;
white-space: nowrap !important;
}
.rw-site-global-header .rw-site-user-menu,
.rw-site-global-header .rw-site-mobile-menu-button {
flex: 0 0 auto !important;
}
.rw-site-global-header .rw-site-mobile-menu-button {
display: inline-flex !important;
margin: 0 !important;
}
}