*{box-sizing:border-box}html,body{margin:0;padding:0;background:#050a12;color:#eee;font-family:Arial,Helvetica,sans-serif}body{background:radial-gradient(circle at 15% 20%,rgba(255,80,0,.22),transparent 30%),radial-gradient(circle at 85% 20%,rgba(0,100,255,.2),transparent 30%),linear-gradient(#070b14,#050812 70%,#0b0f19);min-height:100vh}.topbar{height:30px;display:flex;justify-content:space-between;align-items:center;padding:0 4%;font-size:12px;background:#070c14;border-bottom:1px solid #1e3550;color:#cdd8e8}.dot{color:#17df48}.social{color:#d8e0eb}.header{position:sticky;top:0;z-index:50;display:grid;grid-template-columns:220px 1fr 220px;gap:12px;align-items:center;padding:7px 4%;background:linear-gradient(180deg,#0b1727ee,#06101cee);border-bottom:1px solid #8a5b19;box-shadow:0 5px 20px #000}.brand{position:relative;display:block;text-decoration:none;color:#ffd777;height:62px;overflow:hidden}.brand img{position:absolute;width:145px;height:62px;object-fit:cover;left:0;top:0;opacity:.95;mix-blend-mode:screen}.brand span{position:absolute;left:22px;top:9px;font-family:Georgia,serif;font-size:29px;font-weight:bold;text-shadow:0 0 8px #ff8c00}.brand small{position:absolute;left:30px;top:43px;font-size:9px;color:#fff}.header nav{display:flex;justify-content:center;gap:2px}.header nav a,.auth a{color:#fff;text-decoration:none;padding:14px 16px;font-weight:bold;font-size:13px;border:1px solid #1d2e43;background:#07111e;transition:.2s}.header nav a:hover,.header nav .active,.auth a:hover{background:linear-gradient(#9a2c09,#ff6b12);box-shadow:0 0 18px #ff5b0a}.auth{display:flex;justify-content:flex-end}.auth a{padding:12px 17px}.auth .hot{background:linear-gradient(#8f2109,#ff6b12)}.menu-toggle{display:none}.hero{max-width:1450px;margin:auto;position:relative;min-height:360px;background-image:linear-gradient(90deg,rgba(3,7,12,.1),rgba(3,7,12,.05)),url('../images/asgard_hero_art.jpg');background-size:cover;background-position:center;border-bottom:1px solid #d47a20}.hero-content{min-height:360px;display:flex;align-items:center;justify-content:center;text-align:center}.hero h1{font-family:Georgia,serif;font-size:68px;margin:0;text-shadow:0 0 18px #ff6a00,0 4px 0 #321800;color:#ffd67b}.hero p{font-family:Georgia,serif;font-size:22px;color:#ffe9b0;font-style:italic}.features{max-width:1250px;margin:-1px auto 15px;display:grid;grid-template-columns:repeat(9,1fr);background:linear-gradient(180deg,#07182b,#0a111d);border:1px solid #9a6b27;box-shadow:0 0 0 1px #1b2e44,0 8px 20px #000}.feature{min-height:90px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;border-right:1px solid #243a54;padding:8px;color:#f4f5f6}.feature .ico{font-size:30px;color:#ff9d22;margin-bottom:5px}.feature span{font-size:12px}.cta{display:flex;justify-content:center;gap:35px;margin:14px auto 20px}.btn{display:inline-block;text-decoration:none;color:#fff;font-family:Georgia,serif;font-weight:bold;font-size:19px;padding:15px 70px;border:1px solid #ffb238;background:linear-gradient(#b52c0b,#ff5d10 55%,#8b1f07);box-shadow:0 0 18px rgba(255,85,0,.35),inset 0 0 8px #ffd16b}.btn.blue{background:linear-gradient(#124c98,#087cff 55%,#0d3d82);border-color:#7dc2ff}.grid3{max-width:1250px;margin:0 auto;display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:14px}.panel{background:linear-gradient(180deg,#08182b,#07101c);border:1px solid #7b5b2a;box-shadow:0 0 0 1px #1b2d40,0 8px 20px #000;padding:15px;min-height:180px}.panel h2{font-family:Georgia,serif;color:#ffe18a;text-align:center;font-size:19px;margin:0 0 12px;border-bottom:1px solid #563c1b;padding-bottom:10px}.online{text-align:center}.online .num{font-size:64px;color:#ffe46b;font-weight:bold;text-shadow:0 0 14px #ff4e00}.online .sub{font-size:14px}.stats{display:grid;grid-template-columns:repeat(3,1fr);margin-top:15px;border-top:1px solid #20364d}.stats div{text-align:center;padding:8px;border-right:1px solid #20364d;font-size:11px}.stats b{display:block;font-size:16px;color:#fff}.welcome{text-align:center;line-height:1.6}.slogan{margin-top:15px;border:1px solid #a66c23;padding:10px;color:#ffd86d;font-weight:bold}.rank table{width:100%;border-collapse:collapse;font-size:12px}.rank th,.rank td{padding:8px;border-bottom:1px solid #1d3249;text-align:left}.rank th{color:#ffdb7c}.section{max-width:1250px;margin:15px auto}.section-title{text-align:center;font-family:Georgia,serif;color:#ffe18a;font-size:19px;margin:8px}.heroes{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}.hero-card{position:relative;height:90px;overflow:hidden;border:1px solid #805c27}.hero-card img{width:100%;height:100%;object-fit:cover}.hero-card span{position:absolute;left:0;right:0;bottom:0;padding:7px 4px;text-align:center;background:linear-gradient(transparent,#02060ce8);font-family:Georgia,serif;font-weight:bold;color:#ffd870;font-size:12px}.bottom-grid{display:grid;grid-template-columns:1.1fr 1.2fr 1.1fr;gap:14px}.news-row,.event-row,.status-row{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid #20364d;font-size:12px}.badge{background:#e62d21;padding:3px 7px;border-radius:3px}.status-ok{color:#21ea53}.side{max-width:1250px;margin:15px auto;display:grid;grid-template-columns:2fr 1fr;gap:14px}.quick a{display:block;padding:10px;border-bottom:1px solid #20364d;color:#fff;text-decoration:none}.quick a:hover{color:#ffcf66}.form-wrap{max-width:650px;margin:40px auto}.form{background:#081522;border:1px solid #a06a22;padding:25px;box-shadow:0 15px 30px #000}.form h1{color:#ffd777;font-family:Georgia,serif}.field{margin:12px 0}.field label{display:block;font-size:12px;color:#cbd7e6;margin-bottom:5px}.field input,.field textarea,.field select{width:100%;padding:12px;background:#040b14;border:1px solid #2a4866;color:#fff}.message{padding:10px;margin-bottom:15px;border:1px solid #a06a22;background:#25160a}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.card{background:#081522;border:1px solid #765723;padding:20px}.card h3{color:#ffd777}.to-top{position:fixed;right:20px;bottom:20px;border:0;border-radius:50%;width:44px;height:44px;background:#e22b16;color:#fff;font-size:22px;cursor:pointer}footer{padding:25px 5%;text-align:center;border-top:1px solid #263b50;margin-top:30px;color:#8291a4;font-size:12px}footer span{float:right}@media(max-width:1000px){.header{grid-template-columns:1fr auto}.header nav{display:none;position:absolute;left:0;right:0;top:77px;background:#07111e;flex-direction:column}.header nav.show{display:flex}.menu-toggle{display:block;background:#07111e;color:#fff;border:1px solid #765723;padding:10px}.auth{display:none}.features{grid-template-columns:repeat(3,1fr)}.grid3,.bottom-grid,.side{grid-template-columns:1fr}.heroes{grid-template-columns:repeat(4,1fr)}.hero{min-height:300px}.hero-content{min-height:300px}.hero h1{font-size:45px}.cta{gap:10px}.btn{padding:13px 35px}}@media(max-width:600px){.topbar{font-size:9px}.brand{height:55px}.brand span{font-size:24px;left:12px}.brand small{left:20px}.features{grid-template-columns:repeat(3,1fr)}.feature{min-height:82px}.feature .ico{font-size:22px}.feature span{font-size:10px}.hero{min-height:260px;background-position:center}.hero-content{min-height:260px}.hero h1{font-size:34px}.hero p{font-size:15px}.cta{flex-direction:column;padding:0 20px}.btn{text-align:center}.heroes{grid-template-columns:repeat(2,1fr)}.cards{grid-template-columns:1fr}.stats{grid-template-columns:repeat(3,1fr)}footer span{float:none;display:block;margin-top:8px}}

.online-pill{display:inline-block;margin-bottom:18px;padding:7px 18px;border:1px solid #8d6b31;border-radius:18px;background:rgba(3,9,16,.72);color:#baffbd;font-size:13px;font-weight:bold;box-shadow:0 0 12px rgba(0,0,0,.5)}
.hero-actions{display:flex;justify-content:center;gap:12px;margin-top:15px}
.hero-actions .btn{padding:11px 30px;font-size:15px}
@media(max-width:600px){.hero-actions{flex-direction:column;align-items:center}.hero-actions .btn{width:190px}}

.snow-layer{position:fixed;inset:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:5;opacity:.72}
.snowflake{position:absolute;top:-36px;left:0;display:block;width:1em;height:1em;color:#fff;font-family:"Segoe UI Symbol","Noto Sans Symbols 2",sans-serif;font-weight:400;font-size:16px;line-height:1;text-align:center;text-shadow:0 0 3px rgba(255,255,255,.7),0 0 7px rgba(150,215,255,.35);filter:drop-shadow(0 1px 2px rgba(0,0,0,.4));animation:snowFall var(--fall) linear infinite;will-change:transform,opacity}
.snowflake::after{content:"";position:absolute;inset:20%;border-radius:50%;background:rgba(255,255,255,.35);filter:blur(1px);animation:snowGlow var(--twinkle) ease-in-out infinite alternate}
.snow-small{filter:blur(.15px) drop-shadow(0 0 2px rgba(255,255,255,.55))}
.snow-medium{filter:drop-shadow(0 0 3px rgba(255,255,255,.6))}
.snow-large{filter:drop-shadow(0 0 5px rgba(190,235,255,.7))}
@keyframes snowFall{0%{transform:translate3d(0,-40px,0) rotate(0deg);opacity:0}8%{opacity:var(--snow-opacity,1)}25%{transform:translate3d(calc(var(--drift)*.25),25vh,0) rotate(80deg)}50%{transform:translate3d(calc(var(--drift)*-.15),50vh,0) rotate(170deg)}75%{transform:translate3d(calc(var(--drift)*.55),75vh,0) rotate(260deg)}100%{transform:translate3d(var(--drift),110vh,0) rotate(360deg);opacity:.15}}
@keyframes snowGlow{0%{opacity:.2;transform:scale(.65)}50%{opacity:1;transform:scale(1.15)}100%{opacity:.35;transform:scale(.8)}}
@media(prefers-reduced-motion:reduce){.snowflake{animation:none;opacity:.7;top:12px}.snowflake::after{animation:none;opacity:.7}.snowflake:nth-child(n+26){display:none}}
@media(max-width:600px){.snow-layer{opacity:.92}.snowflake{font-size:12px}}


/* === Asgard TV-style animated Arabic announcement bar === */
.announcement-bar{
  position:relative;
  z-index:50;
  width:100%;
  height:46px;
  display:flex;
  align-items:center;
  overflow:hidden;
  background:linear-gradient(90deg,#07090d,#17110b 50%,#07090d);
  border-top:1px solid rgba(255,184,64,.75);
  border-bottom:1px solid rgba(255,135,24,.95);
  box-shadow:0 3px 14px rgba(0,0,0,.75), inset 0 0 18px rgba(255,150,30,.13);
}
.announcement-badge{
  flex:0 0 92px;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  direction:rtl;
  color:#fff;
  font:800 13px Tahoma,Arial,sans-serif;
  background:linear-gradient(180deg,#b7350e,#ff7117,#8f2109);
  border-right:1px solid #ffc45c;
  text-shadow:0 1px 3px #000;
}
.announcement-window{
  position:relative;
  flex:1 1 auto;
  height:100%;
  overflow:hidden;
  direction:ltr;
}
.announcement-marquee{
  position:absolute;
  top:50%;
  left:0;
  display:flex;
  width:max-content;
  white-space:nowrap;
  direction:ltr;
  transform:translate3d(100vw,-50%,0);
  animation:asgardAnnouncementMove 9s linear infinite, asgardAnnouncementColor 2s linear infinite;
  will-change:transform,color;
}
.announcement-marquee span{
  display:block;
  padding-right:90px;
  direction:rtl;
  color:#fff2a8;
  font:800 17px Tahoma,Arial,sans-serif;
  line-height:46px;
  text-shadow:0 0 8px currentColor,0 1px 3px #000;
}
@keyframes asgardAnnouncementMove{
  from{transform:translate3d(100vw,-50%,0)}
  to{transform:translate3d(-50%,-50%,0)}
}
@keyframes asgardAnnouncementColor{
  0%{color:#fff2a8}
  20%{color:#ffd166}
  40%{color:#ff7a59}
  60%{color:#62d9ff}
  80%{color:#c9a7ff}
  100%{color:#fff2a8}
}
.announcement-marquee:hover{animation-play-state:paused}
@media(max-width:700px){
  .announcement-bar{height:42px}
  .announcement-badge{flex-basis:72px;font-size:11px}
  .announcement-marquee span{font-size:14px;line-height:42px;padding-right:65px}
  .announcement-marquee{animation-duration:8s,1.8s}
}


/* === War dashboard === */
.wars-section{margin-top:22px}
.wars-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:14px}
.war-group{background:linear-gradient(180deg,#07172a,#060e18);border:1px solid #795b2a;box-shadow:0 0 0 1px #182b3e,0 8px 22px #000;padding:14px}
.war-group-title{font-family:Georgia,serif;color:#ffe18a;text-align:center;font-size:17px;padding:4px 0 12px;border-bottom:1px solid #4d361b;margin-bottom:12px}
.war-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.big-war-cards{grid-template-columns:1fr}
.war-card{position:relative;min-width:0;background:linear-gradient(180deg,#0b2035,#07111d);border:1px solid #294865;padding:14px;border-radius:4px;overflow:hidden;transition:.2s}
.war-card:hover{transform:translateY(-2px);border-color:#9c6d2b;box-shadow:0 8px 20px #000}
.war-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.war-head h3{margin:0;color:#fff1b0;font-family:Georgia,serif;font-size:16px}.war-badge{flex:0 0 auto;font-size:9px;font-weight:bold;padding:4px 6px;border:1px solid #7b5a28;color:#ffd66e;background:#24170a}.war-badge.hourly{color:#8ddcff;border-color:#236286;background:#071a28}.big-badge{color:#ffc66b}.war-time{font-size:11px;color:#9fb1c5;margin-top:7px}.war-status{margin-top:12px;font-size:9px;letter-spacing:1.2px;color:#73d7ff;font-weight:bold}.war-countdown{font-family:Consolas,monospace;font-size:27px;font-weight:bold;color:#ffe477;text-align:center;margin-top:5px;text-shadow:0 0 12px rgba(255,128,0,.35);white-space:nowrap}.war-card.war-live{border-color:#ef6b2e;box-shadow:0 0 18px rgba(255,83,18,.18),inset 0 0 16px rgba(255,83,18,.08)}.war-card.war-live .war-status{color:#ff7652}.war-card.war-live .war-countdown{color:#ffbf76}
@media(max-width:1000px){.wars-grid{grid-template-columns:1fr}.big-war-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.war-cards,.big-war-cards{grid-template-columns:1fr}.war-countdown{font-size:25px}.wars-section{padding:0 10px}.war-group{padding:10px}}


/* === Clean ASGARD visual pass === */
body{background:radial-gradient(circle at 50% -15%,rgba(36,73,112,.32),transparent 34%),linear-gradient(180deg,#02070d 0%,#050b13 45%,#07101b 100%);overflow-x:hidden}
.header{grid-template-columns:minmax(0,1fr) 320px minmax(0,1fr);grid-template-areas:"nav brand auth";gap:20px;padding:4px 4%;min-height:82px;background:linear-gradient(180deg,rgba(5,13,23,.98),rgba(3,9,16,.98));border-bottom:1px solid #765522;box-shadow:0 7px 24px rgba(0,0,0,.7)}
.brand{grid-area:brand;width:320px;height:76px;justify-self:center;display:flex;align-items:center;justify-content:center;overflow:visible;z-index:2}
.brand img{position:static;width:310px;height:auto;max-height:76px;object-fit:contain;opacity:1;mix-blend-mode:normal;filter:drop-shadow(0 5px 10px rgba(0,0,0,.7))}
.brand span,.brand small{display:none}
.header nav{grid-area:nav;justify-content:flex-start;gap:3px;min-width:0}.header nav a{padding:12px 13px;font-size:12px;background:rgba(5,15,27,.9);border-color:#263b52}.header nav a:hover,.header nav .active{background:linear-gradient(180deg,#2d3d4e,#111c29);border-color:#b88632;box-shadow:0 0 14px rgba(190,135,42,.2);color:#ffe28a}
.auth{grid-area:auth;justify-content:flex-end;gap:6px}.auth a{background:rgba(5,15,27,.9);border-color:#765522}.auth a:hover{background:#171f2a;box-shadow:0 0 14px rgba(190,135,42,.2)}.auth .hot{background:linear-gradient(180deg,#f0c766,#a86b19);color:#1b1308;border-color:#ffe29a;text-shadow:none}
.announcement-bar{height:42px;background:linear-gradient(90deg,#050b13,#0a1420,#050b13);border-top:0;border-bottom:1px solid #765522;box-shadow:0 4px 15px rgba(0,0,0,.6)}
.announcement-badge{flex-basis:120px;background:linear-gradient(180deg,#14263a,#091522);border-right:1px solid #765522;color:#ffd978}.announcement-marquee span{font-size:15px;color:#ffe7a3;text-shadow:0 0 7px rgba(255,204,105,.25)}
.hero{max-width:1450px;height:292px;min-height:292px;margin:0 auto;position:relative;background-image:url('../images/asgard_hero_clean.jpg');background-size:cover;background-position:center;border:0;border-bottom:1px solid #7c5925;box-shadow:0 12px 30px rgba(0,0,0,.6);overflow:hidden}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08),transparent 35%,rgba(0,0,0,.25));pointer-events:none}.hero-content{display:none}.hero-play{position:absolute;z-index:2;left:50%;bottom:32px;width:196px;height:48px;transform:translateX(-50%);display:block;border-radius:3px}
.features{max-width:1250px;margin:0 auto 16px;transform:translateY(-1px);grid-template-columns:repeat(8,1fr);background:linear-gradient(180deg,#071725,#050d17);border-color:#765522;box-shadow:0 8px 25px rgba(0,0,0,.65)}
.feature{min-height:88px;border-right-color:#25394d}.feature:last-child{border-right:0}.feature .ico{color:#e8b84d;text-shadow:0 0 10px rgba(232,184,77,.22)}.feature span{font-weight:700;color:#e6eaf0}
.cta{margin:12px auto 20px}.cta .btn{background:linear-gradient(180deg,#d6a83d,#7f5317);border-color:#f7d77c;color:#171006;box-shadow:0 5px 18px rgba(0,0,0,.45),inset 0 0 8px rgba(255,238,168,.25)}
.wars-section{margin-top:16px}.wars-grid{gap:16px}.war-group{border-color:#765522;box-shadow:0 8px 24px rgba(0,0,0,.5)}
.section,.grid3,.bottom-grid,.side{max-width:1250px}.panel{border-color:#765522;box-shadow:0 8px 22px rgba(0,0,0,.45)}
.snow-layer{z-index:5 !important;opacity:.72 !important;position:fixed !important;inset:0 !important;pointer-events:none !important;overflow:hidden !important}.topbar,.header,.announcement-bar{position:relative;z-index:10000}.hero,.features,.cta,.wars-section,.grid3,.section,.bottom-grid,footer{position:relative;z-index:4}
@media(max-width:1200px){.header{grid-template-columns:minmax(0,1fr) 260px minmax(0,1fr);gap:10px}.brand{width:260px}.brand img{width:250px}.header nav a{padding:11px 9px;font-size:11px}.hero{height:270px;min-height:270px}}
@media(max-width:1000px){.header{grid-template-columns:1fr auto;grid-template-areas:"brand menu";min-height:72px;padding:4px 3%}.brand{width:250px;height:64px;justify-self:center;grid-column:1}.brand img{width:245px}.menu-toggle{grid-area:menu;display:block;background:#081321;color:#ffd978;border:1px solid #765522;padding:10px 13px;border-radius:3px}.header nav{grid-area:auto;position:absolute;left:0;right:0;top:72px;z-index:70;padding:8px;display:none;flex-direction:column;background:#06101b;border-bottom:1px solid #765522}.header nav.show{display:flex}.header nav a{width:100%;text-align:center}.auth{display:none}.hero{height:250px;min-height:250px}.hero-play{bottom:25px;width:175px;height:44px}.features{grid-template-columns:repeat(4,1fr)}}
@media(max-width:600px){.topbar{padding:0 3%;height:27px}.topbar .social{display:none}.header{min-height:65px}.brand{width:220px;height:58px}.brand img{width:215px}.header nav{top:65px}.announcement-bar{height:40px}.announcement-badge{flex-basis:76px;font-size:10px}.announcement-marquee span{font-size:13px;line-height:40px}.hero{height:205px;min-height:205px;background-position:center}.hero-play{bottom:18px;width:150px;height:38px}.features{grid-template-columns:repeat(2,1fr);margin-bottom:12px}.feature{min-height:78px}.feature:last-child{grid-column:1/-1}.cta{display:none}.war-countdown{font-size:24px}}

/* Live DB / Guild UI */
.panel-title-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.panel-title-row h1,.panel-title-row h2{margin:0}.mini-link,.table-link{color:#ffd978;text-decoration:none}.mini-link{font-size:11px;border:1px solid #765522;padding:6px 9px;background:#081321}.mini-link:hover,.table-link:hover{color:#fff2ad}.guild-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0}.guild-summary>div{background:#071522;border:1px solid #253c53;padding:12px;text-align:center}.guild-summary span{display:block;color:#8fa3b8;font-size:11px;margin-bottom:5px}.guild-summary b{color:#ffe08a}.guild-table-wrap{overflow:auto}.guild-members{margin-top:18px}.guild-count{color:#9db0c3;font-size:12px}.pirate-card{background:radial-gradient(circle at 50% 30%,#29465b,#07111d);display:flex;align-items:center;justify-content:center;flex-direction:column}.pirate-art{font-size:58px;line-height:1}.guild-form{max-width:1100px}.live-panels{align-items:stretch}
@media(max-width:700px){.guild-summary{grid-template-columns:repeat(2,1fr)}.guild-table-wrap table,.guild-members table{min-width:700px}.guild-form{padding:12px}.panel-title-row{align-items:flex-start}.panel-title-row h1{font-size:24px}}


/* === PRE-REGISTRATION / OPENING REWARD — ADDED 2026-08-25 === */
.pre-reg-launcher{max-width:1250px;margin:18px auto 10px;padding:0 14px;position:relative;z-index:20;text-align:center;direction:rtl}
.pre-reg-open-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:330px;padding:13px 30px;border:1px solid #f2cf72;border-radius:4px;background:linear-gradient(180deg,#d9ad4b,#8d5c18);color:#1b1206;font:700 17px Tahoma,Arial,sans-serif;cursor:pointer;box-shadow:0 5px 18px rgba(0,0,0,.45),inset 0 0 8px rgba(255,236,160,.45);transition:.2s}
.pre-reg-open-btn:hover{transform:translateY(-1px);filter:brightness(1.08);box-shadow:0 8px 22px rgba(0,0,0,.55),0 0 18px rgba(255,190,70,.18)}
.pre-reg-open-btn span{font-size:11px;color:#fff3c4;font-weight:400}
.pre-reg-modal{display:none;position:fixed;inset:0;z-index:20000;align-items:center;justify-content:center;padding:20px}
.pre-reg-modal.show{display:flex}
.pre-reg-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.78);backdrop-filter:blur(3px)}
.pre-reg-modal-card{position:relative;z-index:2;width:min(860px,96vw);max-height:92vh;overflow:auto;display:grid;grid-template-columns:330px 1fr;background:linear-gradient(135deg,#081522,#0b1c2d 55%,#07101a);border:1px solid #b17a28;box-shadow:0 18px 55px rgba(0,0,0,.85),0 0 0 1px #1b2d40;border-radius:6px;direction:ltr}
.pre-reg-modal-image{display:flex;align-items:center;justify-content:center;padding:18px;background:#02070d;border-right:1px solid #765522}
.pre-reg-modal-image img{display:block;width:100%;max-width:290px;height:auto;border:1px solid #765522;box-shadow:0 8px 22px rgba(0,0,0,.65)}
.pre-reg-modal-content{padding:25px 28px;text-align:right;direction:rtl}
.pre-reg-close{position:absolute;z-index:3;top:7px;right:9px;width:34px;height:34px;border:1px solid #765522;background:#120d08;color:#ffe18a;font:28px/28px Arial,sans-serif;cursor:pointer;border-radius:3px}
.pre-reg-close:hover{background:#8f2a0d;color:#fff}
.pre-reg-modal-content h2{margin:12px 0 8px;color:#ffe18a;font:700 30px Georgia,serif;text-shadow:0 2px 8px #000}
.pre-reg-main{margin:0;color:#fff;font:700 20px Tahoma,Arial,sans-serif;line-height:1.7}.pre-reg-main strong{color:#ffd76b}.pre-reg-note{margin:7px 0 14px;color:#c8d5e4;font:14px Tahoma,Arial,sans-serif}.pre-reg-note strong{color:#ffb56a}
.pre-reg-deadline{padding:10px 12px;margin-bottom:12px;background:#06111d;border:1px solid #263e56;color:#b9c9da;font:12px Tahoma,Arial,sans-serif}.pre-reg-deadline b{color:#ffe08a}
.pre-reg-timer-label{color:#8fa5ba;font:11px Tahoma,Arial,sans-serif;margin-bottom:5px}.pre-reg-timer{display:flex;direction:ltr;align-items:flex-end;justify-content:flex-start;gap:7px;margin-bottom:15px;color:#ffe477;font:700 30px Consolas,monospace;text-shadow:0 0 12px rgba(255,128,0,.25)}
.pre-reg-timer span{min-width:48px;text-align:center}.pre-reg-timer small{font:700 10px Tahoma,Arial,sans-serif;color:#8298ad;margin:0 2px 5px 0}
.pre-reg-form{display:flex;gap:8px;direction:rtl}.pre-reg-form input{flex:1;min-width:0;padding:13px 14px;background:#040b14;border:1px solid #34516d;color:#fff;font:14px Tahoma,Arial,sans-serif;outline:none}.pre-reg-form input:focus{border-color:#c08a35;box-shadow:0 0 10px rgba(192,138,53,.18)}
.pre-reg-btn{padding:12px 18px;border:1px solid #f2cf72;background:linear-gradient(180deg,#d9ad4b,#8d5c18);color:#1b1206;font:700 13px Tahoma,Arial,sans-serif;cursor:pointer;white-space:nowrap;box-shadow:0 4px 12px rgba(0,0,0,.35)}.pre-reg-btn:hover{filter:brightness(1.08)}
.pre-reg-message{margin:10px 0;padding:10px 12px;border:1px solid #8a642c;background:#21180c;color:#ffe5a3;font:12px Tahoma,Arial,sans-serif}.pre-reg-message.success{border-color:#3d8d58;background:#0b2114;color:#b9ffd0}.pre-reg-message.error{border-color:#8a3c32;background:#25100d;color:#ffc4ba}

/* Homepage pre-registration + game feature showcase */
.home-pre-reg{margin-top:22px;margin-bottom:18px}
.game-showcase{max-width:1250px;margin:10px auto 18px;padding:0 14px}
.game-slider{position:relative;width:min(820px,100%);height:285px;margin:0 auto;overflow:hidden;border:1px solid #9a6b27;background:#02060b;box-shadow:0 10px 28px rgba(0,0,0,.7),0 0 0 1px #1b2e44}
.game-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transform:scale(1.025);transition:opacity .65s ease,transform 5s ease,visibility .65s}
.game-slide.is-active{opacity:1;visibility:visible;transform:scale(1)}
.game-slide img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}
.game-slide::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.03) 35%,rgba(0,0,0,.78) 100%);pointer-events:none}
.game-slide-caption{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:25px 45px 34px;text-align:center;background:linear-gradient(transparent,rgba(0,0,0,.72));font-family:Georgia,serif;text-shadow:0 2px 8px #000}
.game-slide-caption strong{display:block;color:#ffe18a;font-size:22px;letter-spacing:1px;margin-bottom:7px}
.game-slide-caption span{display:block;color:#fff;font:12px Tahoma,Arial,sans-serif}
.game-slider-arrow{position:absolute;z-index:4;top:50%;transform:translateY(-50%);width:48px;height:70px;border:1px solid #b17a28;background:rgba(4,12,20,.68);color:#ffe18a;font-size:46px;line-height:50px;cursor:pointer;text-shadow:0 0 8px #000;transition:.2s}
.game-slider-arrow:hover{background:rgba(170,84,12,.85);color:#fff}
.game-slider-arrow.prev{left:14px}.game-slider-arrow.next{right:14px}
.game-slider-dots{position:absolute;z-index:5;left:0;right:0;bottom:17px;display:flex;justify-content:center;gap:7px}
.game-slider-dots button{width:9px;height:9px;padding:0;border-radius:50%;border:1px solid #ffe18a;background:#26394b;cursor:pointer;box-shadow:0 0 5px #000}
.game-slider-dots button.active{background:#ffe18a;box-shadow:0 0 10px rgba(255,210,90,.7)}
@media(max-width:800px){.pre-reg-modal-card{grid-template-columns:1fr}.pre-reg-modal-image{border-right:0;border-bottom:1px solid #765522;padding:12px}.pre-reg-modal-image img{max-width:250px}.pre-reg-modal-content{padding:20px}.pre-reg-form{flex-direction:column}.pre-reg-btn{width:100%}.pre-reg-open-btn{min-width:280px}.game-slider{height:230px}.game-slide-caption{padding:30px 45px 42px}.game-slide-caption strong{font-size:23px}.game-slide-caption span{font-size:12px}.game-slider-arrow{width:40px;height:58px;font-size:38px}}
@media(max-width:500px){.pre-reg-launcher{padding:0 9px}.pre-reg-open-btn{width:100%;min-width:0;flex-direction:column;gap:3px;font-size:16px}.pre-reg-modal{padding:10px}.pre-reg-modal-card{width:96vw}.pre-reg-modal-content h2{font-size:25px}.pre-reg-main{font-size:17px}.pre-reg-timer{font-size:23px;gap:3px}.pre-reg-timer span{min-width:38px}.game-slider{height:190px}.game-slide-caption{padding:25px 30px 38px}.game-slide-caption strong{font-size:18px}.game-slide-caption span{font-size:10px}.game-slider-arrow{width:32px;height:48px;font-size:30px}.game-slider-arrow.prev{left:7px}.game-slider-arrow.next{right:7px}}

/* Security honeypot: invisible to normal users, present for bots. */
.hp-field{position:absolute!important;left:-10000px!important;top:-10000px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;}
.pre-account-form{display:grid!important;grid-template-columns:1fr 1fr;gap:9px}.pre-account-form .pre-reg-btn{grid-column:1/-1;width:100%}.pre-account-form input{width:100%;box-sizing:border-box}@media(max-width:800px){.pre-account-form{grid-template-columns:1fr}}