:root{--accent:#ff7b1b;--accent-light:#ffaf6c;--accent-rgb:255,123,27;--surface:#151413;--line:#ff7b1b30;--page:#0b0c0d;--red:var(--accent)}
body[data-server=profanum]{--accent:#c5a047;--accent-light:#ead59b;--accent-rgb:197,160,71;--surface:#10182c;--line:#bd9c4540;--page:#080e1c}
body[data-server=skyrp]{--accent:#79d4fa;--accent-light:#bfefff;--accent-rgb:121,212,250;--surface:#102534;--line:#79d4fa35;--page:#07131d}
body[data-server=minecraft]{--accent:#8dbb5c;--accent-light:#c2e39a;--accent-rgb:141,187,92;--surface:#172419;--line:#8dbb5c40;--page:#0a130d}
body[data-server=hogwart]{--accent:#c8ac67;--accent-light:#f1dfae;--accent-rgb:200,172,103;--surface:#23182e;--line:#c8ac6740;--page:#100b18}
body{background:var(--page);transition:background .35s,color .35s}body[data-server] .eyebrow,body[data-server] .wl-jump,body[data-server] .article a,body[data-server] .notice a{color:var(--accent-light)}body[data-server] .eyebrow:before{background:var(--accent)}
body[data-server] .btn,body[data-server=profanum] .page-hero .btn{background:linear-gradient(135deg,var(--accent-light),var(--accent));color:#101216;border-color:var(--accent);box-shadow:0 5px 30px rgba(var(--accent-rgb),.12)}
body[data-server] .btn.secondary{background:transparent;color:var(--accent-light);border-color:var(--line);box-shadow:none}body[data-server] .btn:hover{box-shadow:0 7px 35px rgba(var(--accent-rgb),.24)}body[data-server] .wl,body[data-server] .notice,body[data-server] .placeholder{background:var(--surface);border-color:var(--line)}body[data-server] .notice{border-left-color:var(--accent)}body[data-server] .wl input:not([type=checkbox]),body[data-server] .wl textarea{background:var(--page);border-color:var(--line)}body[data-server] .wl input:focus,body[data-server] .wl textarea:focus{outline-color:var(--accent)}body[data-server] .wl .check input{accent-color:var(--accent)}body[data-server] .server-link[aria-current]:before{background:var(--accent)}body[data-server] .server-link[aria-current] span{color:var(--accent-light)}body[data-server] .subnav a{background:var(--surface);border-color:var(--line)}body[data-server] .subnav a:hover{border-color:var(--accent);color:var(--accent-light)}body[data-server] footer{background:var(--page);border-color:var(--line)}
.page-hero{overflow:hidden;min-height:540px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 5% 30px;border-color:var(--line)}.page-hero h1{max-width:950px;text-shadow:0 6px 30px #0008}.page-hero h1 span,.page-hero h1 em{color:var(--accent)!important}.page-project-logo{width:205px;height:205px;margin-bottom:20px;filter:drop-shadow(0 0 32px rgba(var(--accent-rgb),.22))}.page-hero:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none}
body[data-server=dayz] .page-hero{background:linear-gradient(0deg,#0b0c0d,#0809087a 55%,#080908a6),url('assets/dayz.png') center 45%/cover;min-height:650px}body[data-server=dayz] .page-project-logo{width:250px;height:250px}body[data-server=dayz] .article .hp-hero{display:none}body[data-server=dayz] .article .hp-step-card,body[data-server=dayz] .article .hp-about-season{background:#171410;border-color:#ff7b1b25}body[data-server=dayz] .page-hero .btn{color:#fff}
body[data-server=profanum] .page-hero{background:radial-gradient(ellipse at 50% 32%,#293f7955,transparent 62%),linear-gradient(135deg,#070d1b,#111d38 50%,#080e1c)}body[data-server=profanum] .page-hero:after{background:linear-gradient(0deg,#080e1c,transparent 50%),repeating-linear-gradient(120deg,transparent 0,transparent 160px,#d4b05b08 161px,transparent 162px);border-bottom:1px solid #c5a04745}body[data-server=profanum] .page-project-logo{width:225px;height:225px}body[data-server=profanum] .coming h2{color:#ead59b}
body[data-server=skyrp] .page-hero{background:radial-gradient(ellipse at 60% 10%,#3d7c9c85,transparent 65%),linear-gradient(#0d2b42,#07131d)}body[data-server=skyrp] .page-hero:after{background:linear-gradient(0deg,#07131d,transparent 85%),url('assets/skyline.svg') center bottom/100% 65% no-repeat;opacity:.8}body[data-server=skyrp] .page-project-logo{filter:drop-shadow(0 0 45px #6ccfff45)}
body[data-server=minecraft] .page-hero{background:radial-gradient(ellipse at 50% 0,#74954d55,transparent 70%),linear-gradient(#183322,#0a130d)}body[data-server=minecraft] .page-hero:after{background:linear-gradient(0deg,#0a130d,transparent 70%),url('assets/blocks.svg') center bottom/cover no-repeat}body[data-server=minecraft] .placeholder{border-radius:0;background-image:linear-gradient(#8dbb5c06 1px,transparent 1px),linear-gradient(90deg,#8dbb5c06 1px,transparent 1px);background-size:32px 32px}body[data-server=minecraft] .btn,body[data-server=minecraft] input,body[data-server=minecraft] textarea{border-radius:2px}
body[data-server=hogwart] .page-hero{background:radial-gradient(circle at 72% 20%,#d7bc7f38 0,transparent 23%),linear-gradient(#29213e,#100b18)}body[data-server=hogwart] .page-hero:after{background:linear-gradient(0deg,#100b18,transparent 80%),url('assets/castle.svg') center bottom/100% 80% no-repeat}body[data-server=hogwart] .page-hero h1,body[data-server=hogwart] .coming h2{font-family:Georgia,serif;font-weight:500;letter-spacing:2px}body[data-server=hogwart] .page-hero .eyebrow{letter-spacing:4px}
.hero-logo,.page-project-logo{animation:strefa-logo-turn 28s linear infinite;transform-origin:center;will-change:transform}@keyframes strefa-logo-turn{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.hero-logo,.page-project-logo{animation:none}body{transition:none}}
@media(max-width:600px){.page-hero{min-height:520px;padding:40px 6% 30px}.page-project-logo,body[data-server=profanum] .page-project-logo{width:165px;height:165px}body[data-server=dayz] .page-project-logo{width:185px;height:185px}body[data-server=dayz] .page-hero{min-height:590px}.page-hero h1{font-size:28px}.subnav{gap:7px}.subnav a{padding:10px;font-size:10px}.coming h2{font-size:25px}}
body[data-variant=titans]{--accent:#b9634b;--accent-light:#e7b194;--accent-rgb:185,99,75;--surface:#25201b;--line:#b9634b40;--page:#12110f}body[data-server=minecraft][data-variant=titans] .page-hero{background:linear-gradient(0deg,#12110f,#29271f90),repeating-linear-gradient(0deg,transparent 0,transparent 69px,#766d5430 70px,#766d5430 72px),repeating-linear-gradient(90deg,#38382c 0,#38382c 149px,#53503c 150px,#53503c 152px)}body[data-server=minecraft][data-variant=titans] .page-hero:after{background:linear-gradient(0deg,#12110f,transparent 75%)}
.hero-logo,.page-project-logo{display:block;animation:strefa-logo-turn 14s linear infinite!important;animation-play-state:running!important;transform-origin:50% 50%}
