:root {
  --bg:#05090b;
  --panel:#0a1217;
  --panel-2:#0d181e;
  --text:#f5fbff;
  --muted:#91a4ae;
  --line:rgba(135,225,255,.12);
  --line-strong:rgba(6,183,232,.32);
  --cyan:#0283F7;
  --blue:#06B7E8;
  --radius:20px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-width:320px;color:var(--text);background:
 radial-gradient(circle at 50% -12%,rgba(6,183,232,.12),transparent 35%),var(--bg);
 font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
 line-height:1.5;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.7;
 background-image:linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);
 background-size:52px 52px;mask-image:linear-gradient(to bottom,#000,transparent 85%)}
a{color:inherit;text-decoration:none}
button{border:0;color:inherit;font:inherit;cursor:pointer;background:none}
.container{width:min(1160px,calc(100% - 40px));margin:0 auto}

header{position:fixed;z-index:10;top:0;left:0;right:0;background:linear-gradient(to bottom,rgba(5,9,11,.92),rgba(5,9,11,.48),transparent);backdrop-filter:blur(12px)}
.nav{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand{font-size:15px;font-weight:900;letter-spacing:.2em;white-space:nowrap}
.nav-links{display:flex;align-items:center;gap:3px;padding:6px;border:1px solid var(--line);border-radius:999px;background:rgba(10,18,23,.76);font-size:13px;color:#b9c8cf}
.nav-links a,.nav-links button{padding:10px 14px;border-radius:999px;white-space:nowrap;transition:.2s}
.nav-links a:hover,.nav-links button:hover{color:#fff;background:rgba(6,183,232,.07)}

.hero{min-height:820px;padding:190px 0 110px;display:flex;align-items:center;position:relative}
.hero::after{content:"";position:absolute;width:540px;height:540px;right:-260px;top:120px;border:1px solid rgba(6,183,232,.07);border-radius:50%;box-shadow:0 0 0 100px rgba(6,183,232,.012),0 0 0 200px rgba(6,183,232,.008)}
.hero-content{position:relative;z-index:1;width:100%;max-width:980px;margin:0 auto;text-align:center}
.eyebrow{display:flex;align-items:center;justify-content:center;gap:9px;color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;margin:0 0 22px}
.status-dot{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 18px var(--cyan)}
h1{margin:0;font-size:clamp(62px,11vw,146px);line-height:.86;letter-spacing:-.08em;font-weight:900}
h1 span,h2 span{background:linear-gradient(110deg,var(--cyan),var(--blue));background-clip:text;-webkit-background-clip:text;color:transparent}
.tagline{margin:34px 0;font-size:clamp(20px,3vw,30px);letter-spacing:-.03em;color:#c6d4da}
.actions{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}
.primary,.secondary{min-height:52px;padding:0 22px;border:1px solid var(--line-strong);border-radius:14px;display:inline-flex;gap:11px;align-items:center;justify-content:center;font-weight:800;font-size:14px;transition:transform .2s,background .2s,border-color .2s}
.primary{color:#08131F;background:linear-gradient(135deg,#0283F7,#06B7E8);border-color:transparent}
.secondary{color:#eefaff;background:rgba(255,255,255,.025)}
.primary:hover,.secondary:hover{transform:translateY(-2px)}
.secondary:hover{background:rgba(6,183,232,.06);border-color:var(--line-strong)}
.copy-icon{display:grid;place-items:center;line-height:0}.copy-icon svg{width:16px;height:16px;fill:currentColor}
.server-note{margin:18px 0 0;color:var(--muted);font-size:13px}
.server-meta{max-width:650px;margin:58px auto 0;padding-top:24px;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);gap:20px;text-align:left}
.server-meta div{display:flex;flex-direction:column;gap:4px}.server-meta small{font-size:10px;letter-spacing:.14em;color:var(--muted)}.server-meta strong{font-size:17px}

section{padding:110px 0;border-top:1px solid var(--line)}
.section-kicker{margin:0 0 10px;color:var(--cyan);text-transform:uppercase;letter-spacing:.2em;font-size:11px;font-weight:800}
h2{margin:0 0 42px;font-size:clamp(38px,6vw,68px);letter-spacing:-.06em;line-height:.98}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.feature{position:relative;overflow:hidden;padding:27px;min-height:230px;text-align:left;background:linear-gradient(145deg,rgba(15,29,36,.94),rgba(7,13,17,.96));border:1px solid var(--line);border-radius:var(--radius);transition:.25s}
.feature::before{content:"";position:absolute;width:180px;height:180px;right:-80px;bottom:-100px;border-radius:50%;background:rgba(6,183,232,.10);filter:blur(28px);transition:.35s}
.feature::after{content:"";position:absolute;left:27px;top:0;width:45px;height:2px;background:linear-gradient(90deg,var(--cyan),var(--blue));opacity:.9}
.feature:hover{transform:translateY(-7px);border-color:var(--line-strong)}
.feature:hover::before{transform:scale(1.6)}
.feature h3{position:relative;z-index:1;margin:63px 0 9px;font-size:22px;letter-spacing:-.03em}
.feature p{margin:0;color:var(--muted);font-size:14px}

.vote-panel{padding:52px;display:grid;grid-template-columns:1.05fr .95fr;gap:70px;border:1px solid rgba(6,183,232,.18);border-radius:28px;background:radial-gradient(circle at 15% 5%,rgba(6,183,232,.13),transparent 34%),linear-gradient(145deg,#0b1a21,#070d11)}
.vote-copy h2{margin-bottom:20px}.vote-lead{max-width:560px;color:var(--muted);font-size:16px;line-height:1.75}
.reward-chip{margin:28px 0 24px;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:5px}
.reward-chip small{color:var(--muted);font-size:10px;letter-spacing:.15em;font-weight:800}.reward-chip strong{font-size:25px;color:var(--cyan)}
.vote-steps{display:flex;flex-direction:column;justify-content:center}.vote-step{min-height:74px;display:grid;grid-template-columns:52px 1fr;align-items:center;border-bottom:1px solid var(--line)}
.vote-step span{font-size:11px;font-weight:900;color:var(--cyan)}.vote-step p{margin:0;color:#cbd8de;font-size:14px}


.online-meta strong{display:flex;align-items:baseline;gap:5px}
.online-meta #onlineCount{font-size:22px;color:var(--cyan)}
.online-max{font-size:12px;color:var(--muted);font-weight:700}
.online-state{display:flex;align-items:center;gap:7px;margin-top:2px;font-size:10px;color:var(--muted)}
.online-state i{width:6px;height:6px;border-radius:50%;background:#64757d;box-shadow:0 0 0 3px rgba(100,117,125,.08)}
.online-state.is-online i{background:#54f28b;box-shadow:0 0 12px rgba(84,242,139,.7)}
.online-state.is-online{color:#9ccdaf}
.online-state.is-offline i{background:#ff6f73;box-shadow:0 0 12px rgba(255,111,115,.55)}
.online-state.is-error i{background:#ffc45d}

.modes-head{display:grid;grid-template-columns:1fr minmax(280px,430px);column-gap:70px;align-items:end;margin-bottom:36px}
.modes-head .section-kicker{grid-column:1/-1}
.modes-head h2{margin-bottom:0}
.modes-lead{margin:0;color:var(--muted);font-size:16px;line-height:1.75}
.modes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.mode-card{position:relative;min-height:520px;padding:30px;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:26px;background:linear-gradient(150deg,rgba(14,29,36,.96),rgba(6,12,16,.98));transition:transform .25s,border-color .25s}
.mode-card::before{content:"";position:absolute;width:300px;height:300px;border-radius:50%;right:-120px;top:-120px;filter:blur(30px);opacity:.24;pointer-events:none}
.mode-grief::before{background:#0283F7}
.mode-survival::before{background:#06B7E8}
.mode-card:hover{transform:translateY(-6px);border-color:var(--line-strong)}
.mode-top{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:15px}
.mode-index{font-size:12px;font-weight:900;color:var(--cyan)}
.mode-badge{padding:8px 11px;border:1px solid var(--line);border-radius:999px;color:#ccecf4;background:rgba(255,255,255,.025);font-size:10px;font-weight:900;letter-spacing:.12em}
.mode-copy{position:relative;z-index:1;margin-top:auto}
.mode-copy h3{margin:0 0 15px;font-size:clamp(29px,4vw,45px);line-height:1;letter-spacing:-.05em}
.mode-copy p{margin:0 0 20px;color:var(--muted);line-height:1.7}
.mode-copy ul{margin:0;padding:0;list-style:none;display:grid;gap:9px}
.mode-copy li{position:relative;padding-left:18px;color:#c7d5db;font-size:13px}
.mode-copy li::before{content:"";position:absolute;left:0;top:.65em;width:6px;height:6px;border-radius:50%;background:linear-gradient(135deg,var(--cyan),var(--blue))}
.mode-link{position:relative;z-index:1;margin-top:28px;align-self:flex-start;padding:0;color:#e8faff;font-weight:800;font-size:13px}
.mode-link span{margin-left:6px;color:var(--cyan)}
.mode-link:hover{color:var(--cyan)}

.contacts-wrap{display:grid;gap:42px;text-align:center}.contacts-wrap h2{margin-bottom:0}
.contact-list{display:flex;justify-content:center;align-items:center;gap:14px;width:100%}
.contact-link{width:78px;height:78px;padding:0 20px;display:flex;flex:0 0 78px;justify-content:flex-start;align-items:center;gap:15px;overflow:hidden;border:1px solid transparent;border-radius:20px;color:#eee;background:transparent;transition:.25s}
.contact-link:hover,.contact-link:focus-visible{width:218px;flex-basis:218px;transform:translateY(-5px);border-color:var(--line-strong);color:#fff;outline:none}
.contact-link.telegram:hover{background:#229ed9}.contact-link.vk:hover{background:#0077ff}.contact-link.donate:hover{background:#b7862d}.contact-link.youtube:hover{background:#e62117}.contact-link.bot:hover{background:#6855d9}
.contact-icon{width:54px;height:54px;flex:0 0 54px;display:grid;place-items:center;color:#eee;font-size:21px;font-weight:800}.contact-icon svg{width:34px;height:34px;fill:currentColor}
.contact-info{min-width:135px;text-align:left;opacity:0;transform:translateX(-8px);transition:.2s}.contact-link:hover .contact-info,.contact-link:focus-visible .contact-info{opacity:1;transform:none}
.contact-label{display:block;font-weight:700;font-size:14px;white-space:nowrap}.contact-handle{display:block;margin-top:3px;color:rgba(255,255,255,.62);font-size:11px;white-space:nowrap}

.final-cta{text-align:center}.final-cta-inner{padding:40px 0}.final-cta h2{margin-bottom:30px}
footer{padding:30px 0;border-top:1px solid var(--line);color:var(--muted);font-size:12px}.footer-inner{display:flex;justify-content:space-between;gap:20px}

.modal-backdrop{position:fixed;z-index:20;inset:0;display:grid;place-items:center;padding:20px;background:rgba(0,0,0,.8);opacity:0;visibility:hidden;transition:.2s}
.modal-backdrop.open{opacity:1;visibility:visible}.modal{width:min(700px,100%);max-height:min(760px,calc(100vh - 40px));overflow:auto;padding:30px;position:relative;background:#091116;border:1px solid var(--line-strong);border-radius:20px;transform:translateY(12px);transition:.2s}
.modal-backdrop.open .modal{transform:none}.modal h2{margin:0 45px 24px 0;font-size:32px}.modal h3{margin:24px 0 7px;font-size:16px}.modal p,.modal li{color:#b8c8cf;font-size:14px}.modal em{color:#d9e9ef}.modal-close{position:absolute;top:18px;right:20px;width:38px;height:38px;border:1px solid var(--line);border-radius:50%;color:var(--muted);font-size:23px}
.toast{position:fixed;z-index:30;bottom:24px;left:50%;padding:12px 18px;background:var(--cyan);color:#08131F;border-radius:999px;font-size:13px;font-weight:800;transform:translate(-50%,20px);opacity:0;pointer-events:none;transition:.25s}.toast.show{transform:translate(-50%,0);opacity:1}

@keyframes reveal-up{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}
.hero-content{animation:reveal-up .8s cubic-bezier(.22,1,.36,1) both}.reveal{opacity:0;transform:translateY(28px)}.reveal.is-visible{animation:reveal-up .7s cubic-bezier(.22,1,.36,1) both}
.feature-grid .reveal:nth-child(2),.contact-list .reveal:nth-child(2){animation-delay:.1s}.feature-grid .reveal:nth-child(3),.contact-list .reveal:nth-child(3){animation-delay:.2s}.contact-list .reveal:nth-child(4){animation-delay:.3s}.contact-list .reveal:nth-child(5){animation-delay:.4s}

@media(max-width:950px){.nav-links{font-size:11px}.nav-links a,.nav-links button{padding:9px}.vote-panel{grid-template-columns:1fr;gap:32px}.contact-list{flex-wrap:wrap}}
@media(max-width:760px){.container{width:min(100% - 28px,600px)}.nav{min-height:76px}.nav-links{gap:1px;padding:5px}.nav-links a:nth-child(1),.nav-links button[data-modal="prava"]{display:none}.hero{min-height:720px;padding-top:140px}section{padding:80px 0}.feature-grid{grid-template-columns:1fr}.feature{min-height:170px}.feature h3{margin-top:32px}.server-meta{grid-template-columns:1fr;text-align:center}.vote-panel{padding:26px}
.online-meta strong{display:flex;align-items:baseline;gap:5px}
.online-meta #onlineCount{font-size:22px;color:var(--cyan)}
.online-max{font-size:12px;color:var(--muted);font-weight:700}
.online-state{display:flex;align-items:center;gap:7px;margin-top:2px;font-size:10px;color:var(--muted)}
.online-state i{width:6px;height:6px;border-radius:50%;background:#64757d;box-shadow:0 0 0 3px rgba(100,117,125,.08)}
.online-state.is-online i{background:#54f28b;box-shadow:0 0 12px rgba(84,242,139,.7)}
.online-state.is-online{color:#9ccdaf}
.online-state.is-offline i{background:#ff6f73;box-shadow:0 0 12px rgba(255,111,115,.55)}
.online-state.is-error i{background:#ffc45d}

.modes-head{display:grid;grid-template-columns:1fr minmax(280px,430px);column-gap:70px;align-items:end;margin-bottom:36px}
.modes-head .section-kicker{grid-column:1/-1}
.modes-head h2{margin-bottom:0}
.modes-lead{margin:0;color:var(--muted);font-size:16px;line-height:1.75}
.modes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.mode-card{position:relative;min-height:520px;padding:30px;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:26px;background:linear-gradient(150deg,rgba(14,29,36,.96),rgba(6,12,16,.98));transition:transform .25s,border-color .25s}
.mode-card::before{content:"";position:absolute;width:300px;height:300px;border-radius:50%;right:-120px;top:-120px;filter:blur(30px);opacity:.24;pointer-events:none}
.mode-grief::before{background:#0283F7}
.mode-survival::before{background:#06B7E8}
.mode-card:hover{transform:translateY(-6px);border-color:var(--line-strong)}
.mode-top{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:15px}
.mode-index{font-size:12px;font-weight:900;color:var(--cyan)}
.mode-badge{padding:8px 11px;border:1px solid var(--line);border-radius:999px;color:#ccecf4;background:rgba(255,255,255,.025);font-size:10px;font-weight:900;letter-spacing:.12em}
.mode-copy{position:relative;z-index:1;margin-top:auto}
.mode-copy h3{margin:0 0 15px;font-size:clamp(29px,4vw,45px);line-height:1;letter-spacing:-.05em}
.mode-copy p{margin:0 0 20px;color:var(--muted);line-height:1.7}
.mode-copy ul{margin:0;padding:0;list-style:none;display:grid;gap:9px}
.mode-copy li{position:relative;padding-left:18px;color:#c7d5db;font-size:13px}
.mode-copy li::before{content:"";position:absolute;left:0;top:.65em;width:6px;height:6px;border-radius:50%;background:linear-gradient(135deg,var(--cyan),var(--blue))}
.mode-link{position:relative;z-index:1;margin-top:28px;align-self:flex-start;padding:0;color:#e8faff;font-weight:800;font-size:13px}
.mode-link span{margin-left:6px;color:var(--cyan)}
.mode-link:hover{color:var(--cyan)}

.contacts-wrap{gap:35px}.contact-list{gap:6px}.contact-link{width:68px;flex-basis:68px;padding:0 7px}.contact-link:hover,.contact-link:focus-visible{width:205px;flex-basis:205px}.contact-icon{width:54px;flex-basis:54px}.footer-inner{flex-direction:column;gap:6px}}
@media(max-width:520px){.brand{font-size:12px}.nav-links a[href="#contacts"],.nav-links button[data-modal="survival"]{display:none}.primary,.secondary{width:100%}.vote-copy h2{font-size:42px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}

@media(max-width:900px){
  .modes-head{grid-template-columns:1fr;gap:20px}
  .modes-grid{grid-template-columns:1fr}
  .mode-card{min-height:430px}
}
@media(max-width:760px){
  .nav-links a[href="#modes"]{display:none}
  .online-meta strong{justify-content:center}
  .online-state{justify-content:center}
}
@media(max-width:520px){
  .mode-card{min-height:390px;padding:24px}
}

/* ===== WorldLock account ===== */
.account-main{min-height:100vh;padding:150px 0 90px}.account-login{display:grid;place-items:center}.account-login-card{width:min(720px,100%);padding:48px;border:1px solid var(--line);border-radius:30px;background:radial-gradient(circle at 15% 0,rgba(6,183,232,.13),transparent 35%),linear-gradient(145deg,#0b1a21,#070d11)}
.account-title{font-size:clamp(54px,8vw,92px);margin:12px 0 24px}.account-copy{max-width:580px;color:var(--muted);font-size:17px;line-height:1.7}.account-copy strong{color:var(--cyan)}
.link-form{display:grid;gap:12px;margin-top:34px}.link-form label{font-size:11px;letter-spacing:.15em;font-weight:900;color:var(--muted);text-transform:uppercase}.link-form input{width:100%;height:70px;padding:0 20px;border:1px solid var(--line-strong);border-radius:16px;outline:none;background:rgba(0,0,0,.22);color:#fff;font:800 28px/1 Inter,system-ui;letter-spacing:.16em;text-transform:uppercase}.link-form input:focus{border-color:var(--cyan);box-shadow:0 0 0 4px rgba(6,183,232,.07)}.account-submit{margin-top:4px}.form-error{margin:0;color:#ff898d;font-size:13px}
.login-security{margin-top:34px;padding-top:22px;border-top:1px solid var(--line);display:grid;grid-template-columns:34px 1fr;gap:12px 8px;align-items:start}.login-security span{color:var(--cyan);font-size:11px;font-weight:900}.login-security p{margin:0;color:var(--muted);font-size:13px}
.account-dashboard{padding-top:10px}.dashboard-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:38px}.dashboard-title{margin:5px 0 5px;font-size:clamp(48px,8vw,90px)}.uuid-line{margin:0;color:var(--muted);font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}.logout-button{min-height:46px}
.account-overview{display:grid;gap:18px}
.profile-kicker{display:block;color:var(--cyan);font-size:10px;letter-spacing:.18em;font-weight:900}
.identity-card{position:relative;overflow:hidden;padding:34px;border:1px solid rgba(6,183,232,.18);border-radius:28px;background:radial-gradient(circle at 88% 5%,rgba(6,183,232,.12),transparent 28%),linear-gradient(145deg,rgba(14,29,36,.98),rgba(6,12,16,.98))}
.identity-glow{position:absolute;width:280px;height:280px;right:-120px;top:-150px;border-radius:50%;background:var(--cyan);filter:blur(90px);opacity:.09;pointer-events:none}
.identity-top{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:24px}
.identity-top h2{margin:8px 0 0;font-size:clamp(38px,6vw,68px);line-height:.95;letter-spacing:-.06em}
.verified-chip{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid rgba(84,242,139,.18);border-radius:999px;color:#baf3cc;background:rgba(84,242,139,.05);font-size:11px;font-weight:800;white-space:nowrap}
.verified-chip i{width:7px;height:7px;border-radius:50%;background:#54f28b;box-shadow:0 0 13px rgba(84,242,139,.75)}
.visit-grid{position:relative;z-index:1;margin-top:34px;padding-top:24px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:14px}
.visit-item{min-height:100px;padding:18px;display:flex;align-items:center;gap:16px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.018)}
.visit-icon{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border-radius:13px;color:var(--cyan);background:rgba(6,183,232,.08);border:1px solid rgba(6,183,232,.12);font-weight:900}
.visit-item div{display:grid;grid-template-columns:auto auto;column-gap:9px;align-items:baseline}
.visit-item small{grid-column:1/-1;margin-bottom:5px;color:var(--muted);font-size:9px;letter-spacing:.14em;font-weight:900}
.visit-item strong{font-size:18px;letter-spacing:-.02em}
.visit-item div>span{color:var(--cyan);font-size:12px;font-weight:800}

.stats-section{padding:28px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,rgba(11,22,28,.92),rgba(7,13,17,.94))}
.stats-title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:20px}
.stats-title-row h3{margin:5px 0 0;font-size:25px;letter-spacing:-.035em}
.stats-hint{color:var(--muted);font-size:11px}
.playtime-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.playtime-card{position:relative;overflow:hidden;min-height:170px;padding:20px;display:flex;flex-direction:column;justify-content:flex-end;border:1px solid var(--line);border-radius:20px;background:linear-gradient(160deg,rgba(6,183,232,.04),rgba(255,255,255,.012))}
.stat-orb{position:absolute;width:100px;height:100px;right:-42px;top:-40px;border-radius:50%;background:var(--cyan);filter:blur(34px);opacity:.10}
.stat-period{position:absolute;left:20px;top:18px;color:var(--muted);font-size:9px;letter-spacing:.15em;font-weight:900}
.playtime-card strong{position:relative;font-size:clamp(30px,4vw,43px);line-height:1;letter-spacing:-.055em;color:#fff}
.stat-caption{margin-top:8px;color:#708690;font-size:11px}

.punishment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.punishment-card{min-height:92px;padding:16px 18px;display:flex;align-items:center;gap:15px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.016)}
.punishment-mark{width:45px;height:45px;flex:0 0 45px;display:grid;place-items:center;border-radius:14px;color:var(--cyan);background:linear-gradient(145deg,rgba(6,183,232,.12),rgba(6,183,232,.06));border:1px solid rgba(6,183,232,.12);font-size:13px;font-weight:900}
.punishment-card div{display:flex;align-items:baseline;justify-content:space-between;gap:15px;width:100%}
.punishment-card small{color:var(--muted);font-size:9px;letter-spacing:.14em;font-weight:900}
.punishment-card strong{font-size:28px;color:#fff;letter-spacing:-.04em}
.dashboard-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.account-alert{padding:25px;color:#c8d6dc;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,rgba(14,29,36,.94),rgba(7,13,17,.96))}
.account-nav{color:var(--cyan)!important}

@media(max-width:760px){
  .account-main{padding-top:120px}
  .account-login-card{padding:28px}
  .dashboard-head{align-items:flex-start;flex-direction:column}
  .account-top-links a:nth-child(1){display:block}
  .link-form input{font-size:22px;letter-spacing:.12em}
  .identity-card{padding:24px}
  .identity-top{flex-direction:column}
  .visit-grid,.playtime-grid,.punishment-grid{grid-template-columns:1fr}
  .stats-section{padding:20px}
  .stats-title-row{align-items:flex-start;flex-direction:column}
  .playtime-card{min-height:145px}
}


/* WORLDLOCK ORANGE THEME V4.5 */
:root{
  --cyan:#0283F7;
  --blue:#06B7E8;
  --accent:#0283F7;
  --accent-2:#06B7E8;
}
body{
  background:
    radial-gradient(circle at 50% -12%,rgba(6,183,232,.13),transparent 35%),
    var(--bg);
}
.primary{
  color:#08131F;
  background:linear-gradient(135deg,#0283F7,#06B7E8);
}
.gradient-text,h1 span,h2 span{
  background:linear-gradient(110deg,#0283F7,#06B7E8);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.status-dot{
  background:#0283F7;
  box-shadow:0 0 18px rgba(6,183,232,.75);
}


/* WORLDLOCK V4.6 — brighter orange + animated orange/red gradient */
:root{
  --cyan:#0283F7;
  --blue:#04A1EE;
  --accent:#0283F7;
  --accent-2:#04A1EE;
  --line:rgba(57,192,255,.15);
  --line-strong:rgba(57,192,255,.38);
}
body{
  background:
    radial-gradient(ellipse at 18% 0%,rgba(2,131,247,.13),transparent 36%),
    radial-gradient(ellipse at 84% 8%,rgba(6,183,232,.10),transparent 34%),
    var(--bg);
}
.hero{isolation:isolate}
.hero::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:80px -10vw 0;
  pointer-events:none;
  background:
    radial-gradient(ellipse at 30% 35%,rgba(2,124,249,.16),transparent 34%),
    radial-gradient(ellipse at 70% 45%,rgba(4,161,238,.13),transparent 35%);
  filter:blur(18px);
  animation:worldlock-hero-glow 9s ease-in-out infinite alternate;
}
h1 span,h2 span,.gradient-text{
  background:linear-gradient(110deg,#58C9FF 0%,#0283F7 28%,#027CF9 57%,#0283F7 78%,#04A1EE 100%);
  background-size:260% 260%;
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  animation:worldlock-gradient-flow 7s ease-in-out infinite;
}
.primary{
  color:#061220;
  background:linear-gradient(115deg,#0283F7 0%,#0283F7 42%,#0175FB 100%);
  background-size:220% 220%;
  animation:worldlock-button-flow 8s ease-in-out infinite;
}
.primary:hover{filter:saturate(1.08) brightness(1.04)}
.feature::after,.mode-card::before,.section-kicker{
  background-image:linear-gradient(90deg,#0283F7,#0283F7,#0392F3);
}
.status-dot{
  background:#0283F7;
  box-shadow:0 0 18px rgba(57,192,255,.85);
}
@keyframes worldlock-gradient-flow{
  0%,100%{background-position:0% 50%}
  50%{background-position:100% 50%}
}
@keyframes worldlock-button-flow{
  0%,100%{background-position:0% 50%}
  50%{background-position:100% 50%}
}
@keyframes worldlock-hero-glow{
  0%{transform:translate3d(-1.5%,0,0) scale(.98);opacity:.75}
  100%{transform:translate3d(1.5%,1%,0) scale(1.04);opacity:1}
}
@media(prefers-reduced-motion:reduce){
  h1 span,h2 span,.gradient-text,.primary,.hero::before{animation:none}
}


/* ===== WORLDLOCK V5.6: compact account header + navigation footer ===== */
.account-dashboard .dashboard-head{
  position:relative;
  overflow:hidden;
  margin-bottom:22px;
  padding:22px 24px;
  align-items:center;
  border:1px solid rgba(6,183,232,.16);
  border-radius:20px;
  background:linear-gradient(145deg,rgba(15,31,48,.96),rgba(8,18,29,.98));
  box-shadow:0 18px 48px rgba(0,0,0,.16)
}
.account-dashboard .dashboard-head::after{
  content:"";
  position:absolute;
  left:24px;
  right:24px;
  top:0;
  height:2px;
  background:linear-gradient(90deg,#0283F7,#06B7E8,transparent 82%);
  opacity:.85
}
.account-dashboard .dashboard-head .section-kicker{margin:0 0 7px}
.account-dashboard .dashboard-title{
  max-width:100%;
  margin:0;
  color:#f2f8ff;
  font-size:clamp(32px,4.2vw,54px);
  line-height:1;
  letter-spacing:-.045em;
  overflow-wrap:anywhere
}
.account-dashboard .uuid-line{display:none!important}

.site-footer{
  position:relative;
  z-index:2;
  margin-top:72px;
  padding:44px 0 0;
  border-top:1px solid rgba(6,183,232,.12);
  background:linear-gradient(180deg,#101b2b 0%,#0d1725 100%);
  color:#8da8c0;
  font-size:13px
}
.site-footer-grid{
  display:grid;
  grid-template-columns:minmax(250px,1.35fr) repeat(4,minmax(130px,1fr));
  gap:44px;
  align-items:start
}
.site-footer-brand{padding-right:18px}
.site-footer-logo{
  display:inline-block;
  margin-bottom:14px;
  color:#fff;
  font-size:19px;
  font-weight:1000;
  letter-spacing:-.035em
}
.site-footer-logo:hover{color:#58c9ff}
.site-footer-brand p{
  max-width:360px;
  margin:0 0 17px;
  color:#8ca9c2;
  font-size:13px;
  line-height:1.75
}
.site-footer-ip{
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:#58c9ff;
  font-size:12px;
  font-weight:800
}
.site-footer-ip:hover{color:#fff}
.site-footer-column{display:flex;flex-direction:column;gap:13px}
.site-footer-column strong{
  margin-bottom:5px;
  color:#fff;
  font-size:12px;
  font-weight:950;
  letter-spacing:.025em
}
.site-footer-column a{
  width:max-content;
  max-width:100%;
  color:#91aec7;
  font-size:13px;
  transition:color .18s ease,transform .18s ease
}
.site-footer-column a:hover,
.site-footer-column a:focus-visible{
  color:#58c9ff;
  transform:translateX(3px)
}
.site-footer-bottom{
  margin-top:38px;
  min-height:62px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  border-top:1px solid rgba(255,255,255,.055);
  color:#627b91;
  font-size:11px
}
@media(max-width:1050px){
  .site-footer-grid{grid-template-columns:1.3fr repeat(2,1fr);gap:34px}
  .site-footer-brand{grid-row:span 2}
}
@media(max-width:720px){
  .account-dashboard .dashboard-head{padding:19px 18px;align-items:flex-start}
  .account-dashboard .dashboard-title{font-size:clamp(30px,10vw,44px)}
  .site-footer{margin-top:50px;padding-top:34px}
  .site-footer-grid{grid-template-columns:1fr 1fr;gap:30px 20px}
  .site-footer-brand{grid-column:1/-1;grid-row:auto;padding-right:0}
  .site-footer-bottom{align-items:flex-start;flex-direction:column;justify-content:center;gap:5px;padding:18px 0}
}
@media(max-width:440px){
  .site-footer-grid{grid-template-columns:1fr}
  .site-footer-brand{grid-column:auto}
}