/*
Theme Name: UORedruM
Theme URI: https://uoredrum.pl
Author: UORedruM
Description: Mroczny motyw dla serwera Ultima Online.
Version: 1.0.0
Text Domain: uoredrum
*/

:root{--ink:#090807;--ash:#191512;--bone:#dfd1b8;--muted:#998b78;--blood:#9e1015;--hot:#f04a18;--gold:#d99a39;--line:rgba(228,184,116,.22)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--bone);background:var(--ink);font-family:Georgia,'Times New Roman',serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.site{position:relative;isolation:isolate;background:radial-gradient(ellipse at 50% 30%,#2a0d0b 0,transparent 40%),linear-gradient(120deg,#070707,#170906 52%,#080706)}
.ember-field{position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(circle at 7% 18%,#fa5728 0 1px,transparent 2px),radial-gradient(circle at 78% 12%,#e14818 0 1px,transparent 2px),radial-gradient(circle at 61% 72%,#fa9a31 0 1px,transparent 2px),radial-gradient(circle at 18% 83%,#d33114 0 1px,transparent 2px);background-size:250px 290px,370px 330px,470px 420px,300px 400px;opacity:.65;animation:embers 10s linear infinite}.ember-field:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 85%,#090807)}@keyframes embers{from{background-position:0 0,0 0,0 0,0 0}to{background-position:20px -410px,-30px -500px,15px -620px,-20px -430px}}
.wrap{width:min(1160px,calc(100% - 40px));margin:auto}.topbar{border-bottom:1px solid var(--line);background:rgba(5,4,3,.72);backdrop-filter:blur(8px)}.topbar .wrap{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-weight:bold;font-size:28px;letter-spacing:4px;text-transform:uppercase;text-shadow:0 0 18px #e03b1a}.brand span{color:var(--hot)}.nav{display:flex;gap:25px;font-size:13px;letter-spacing:1.5px;text-transform:uppercase}.nav a{color:#bdb09b;transition:.2s}.nav a:hover{color:var(--hot)}
.hero{min-height:720px;display:grid;align-items:center;position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.hero:before{content:'';position:absolute;inset:auto -8% -12%;height:300px;background:radial-gradient(ellipse,#dc3717 0%,#71200f 20%,transparent 65%);filter:blur(30px);opacity:.75;animation:fire 3.5s ease-in-out infinite alternate}.hero:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 5%,rgba(255,133,44,.025) 5.2% 5.4%,transparent 5.8% 11%),linear-gradient(90deg,rgba(0,0,0,.68),transparent 45%,rgba(0,0,0,.4))}.hero-inner{position:relative;z-index:1;padding:105px 0 145px}.kicker{color:var(--gold);font-size:12px;text-transform:uppercase;letter-spacing:4px;display:block;margin-bottom:18px}.hero h1{font-size:clamp(60px,11vw,150px);line-height:.82;letter-spacing:-5px;margin:0;max-width:760px;text-transform:uppercase;text-shadow:3px 4px 0 #300303,0 0 38px rgba(235,49,17,.35)}.hero h1 em{display:block;color:var(--blood);font-style:normal}.hero p{max-width:520px;color:#bdb09b;font-size:18px;line-height:1.6;margin:32px 0}.buttons{display:flex;gap:14px;flex-wrap:wrap}.button{border:1px solid var(--hot);padding:15px 23px;text-transform:uppercase;font-size:12px;letter-spacing:1.8px;display:inline-block;transition:.25s;background:linear-gradient(135deg,#ad1c16,#5a0909);box-shadow:0 0 20px rgba(224,57,20,.2)}.button:hover{transform:translateY(-3px);background:#e33b1b;box-shadow:0 0 30px rgba(247,75,24,.45)}.button.ghost{background:rgba(0,0,0,.25);border-color:var(--line);color:#c8b99f}
@keyframes fire{from{transform:scaleX(.93) scaleY(.82);filter:blur(34px)}to{transform:scaleX(1.08) scaleY(1.16);filter:blur(21px)}}
.server-status{position:absolute;z-index:2;bottom:36px;left:50%;transform:translateX(-50%);width:min(1160px,calc(100% - 40px));display:flex;gap:26px;align-items:center;color:#b9aa90;font-size:13px}.server-status b{color:#f7e3b9}.pulse{height:9px;width:9px;background:#e83420;border-radius:50%;box-shadow:0 0 0 0 rgba(232,52,32,.7);animation:pulse 1.6s infinite}@keyframes pulse{70%{box-shadow:0 0 0 10px transparent}100%{box-shadow:0 0 0 0 transparent}}
.section{padding:105px 0}.eyebrow{color:var(--hot);font-size:12px;letter-spacing:3px;text-transform:uppercase}.section h2{font-size:clamp(37px,5vw,66px);line-height:.95;margin:14px 0 25px;text-transform:uppercase;letter-spacing:-2px}.intro{max-width:640px;color:var(--muted);font-size:17px;line-height:1.7}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:55px;background:var(--line);border:1px solid var(--line)}.feature{background:linear-gradient(145deg,#17110e,#0d0b09);padding:35px;min-height:250px;transition:.3s}.feature:hover{background:linear-gradient(145deg,#2b1210,#110b09);transform:translateY(-6px)}.rune{font-size:36px;color:var(--hot);display:block;margin-bottom:25px;text-shadow:0 0 16px #ac170f}.feature h3{font-size:21px;margin:0 0 12px;text-transform:uppercase}.feature p{color:var(--muted);line-height:1.55;margin:0}
.bloodband{padding:86px 0;position:relative;overflow:hidden;background:linear-gradient(90deg,#210304,#650b0d 45%,#190303)}.bloodband:before{content:'UOR';position:absolute;font-size:480px;line-height:.5;font-weight:bold;opacity:.06;left:-15px;top:20px}.bloodband .wrap{position:relative;display:flex;align-items:center;justify-content:space-between;gap:30px}.bloodband h2{font-size:clamp(34px,5vw,64px);text-transform:uppercase;margin:0;line-height:1}.bloodband p{color:#d6ab94;margin:15px 0 0;font-size:17px}.news{background:linear-gradient(#100d0b,#080706)}.cards{display:grid;grid-template-columns:1.25fr .9fr .9fr;gap:20px;margin-top:44px}.card{border:1px solid var(--line);background:rgba(27,18,14,.65);padding:27px;min-height:230px;display:flex;flex-direction:column}.card:first-child{background:linear-gradient(140deg,rgba(131,18,16,.42),rgba(22,13,10,.8))}.date{font-size:11px;letter-spacing:2px;color:var(--gold);text-transform:uppercase}.card h3{font-size:25px;line-height:1.05;margin:17px 0}.card p{color:var(--muted);line-height:1.55;margin:0}.card a{font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--hot);margin-top:auto;padding-top:22px}.footer{border-top:1px solid var(--line);padding:35px 0;color:#796e60;font-size:12px;letter-spacing:.5px}.footer .wrap{display:flex;justify-content:space-between;gap:25px}
@media(max-width:720px){.topbar .wrap{min-height:62px}.brand{font-size:22px}.nav{display:none}.hero{min-height:650px}.hero h1{letter-spacing:-3px}.server-status{bottom:22px;gap:12px;flex-wrap:wrap}.section{padding:70px 0}.features,.cards{grid-template-columns:1fr}.bloodband .wrap,.footer .wrap{display:block}.bloodband .button{margin-top:24px}.footer p{margin:12px 0}.hero-inner{padding:70px 0 125px}}