@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;600;800&display=swap');*{box-sizing:border-box}body{margin:0;background:#f3fafc;color:#16384b;font:16px Vazirmatn,Tahoma,sans-serif;line-height:1.9}a{color:inherit;text-decoration:none}.nav{background:white;padding:14px 4%;display:flex;gap:20px;justify-content:space-between;align-items:center;position:sticky;top:0;border-bottom:1px solid #d5e9ef}.links{display:flex;gap:12px;flex-wrap:wrap}.wrap{max-width:1100px;margin:auto;padding:35px 20px}.hero{background:linear-gradient(120deg,#073b5b,#0786a9);color:white;padding:55px 5%}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}.card,.panel{background:white;border:1px solid #d7e9ef;border-radius:18px;padding:20px}.card h3,h2{color:#087eaa}button,.btn{border:0;border-radius:11px;background:#087eaa;color:white;padding:10px 16px;font:inherit;cursor:pointer;font-weight:bold}.alt{background:#e5f4f8;color:#123}input,textarea,select{display:block;width:100%;padding:10px;margin:6px 0 14px;border:1px solid #c6dce4;border-radius:9px;font:inherit}label{font-weight:bold}.muted{color:#667e8b}.balance{color:#a56a00;font-weight:800}footer{text-align:center;padding:25px;color:#667e8b}.pill{background:#e7f5f9;padding:5px 12px;border-radius:20px}@media(max-width:800px){.nav{align-items:flex-start;flex-direction:column}.links{gap:8px}}
/* ===== OCEAN ULTRA UI ===== */
:root{--ocean-950:#042b3b;--ocean-900:#063e53;--ocean-700:#087f98;--aqua:#42d6c5;--foam:#effcfb;--ink:#103447;--line:rgba(14,112,135,.13);--shadow:0 18px 55px rgba(5,57,78,.09)}
html{scroll-behavior:smooth;scroll-padding-top:100px}body{background:radial-gradient(ellipse at 90% 0%,rgba(92,218,205,.12),transparent 35%),#f5fbfc;color:var(--ink);overflow-x:hidden}::selection{background:#a3f1e6;color:#073849}
.nav{z-index:1000;position:sticky;top:0;width:100%;padding:12px clamp(16px,4vw,64px);gap:24px;background:rgba(250,255,255,.88);backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border-bottom:1px solid rgba(9,91,112,.12);box-shadow:0 5px 28px rgba(7,53,70,.045)}
.nav>b{flex:0 0 auto;font-size:1.22rem;font-weight:900;letter-spacing:-.5px}.nav>b a{display:flex;align-items:center;gap:10px;color:var(--ocean-900)}.nav>b a:first-letter{font-size:1.5rem}
.links{flex:1;display:flex;align-items:center;justify-content:flex-start;gap:4px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.links::-webkit-scrollbar{display:none}.links a{white-space:nowrap;padding:9px 12px;border-radius:12px;font-size:.88rem;font-weight:700;color:#496675;transition:background .22s,color .22s,transform .22s}.links a:hover,.links a:focus-visible{background:#e5f8f6;color:#087f8d;transform:translateY(-1px);outline:none}.links a:last-child{background:linear-gradient(135deg,var(--ocean-900),var(--ocean-700));color:#fff;padding-inline:17px;box-shadow:0 7px 18px #087f9829}.links a:last-child:hover{background:linear-gradient(135deg,#07536a,#0b9eaa);color:#fff}
.hero{position:relative;isolation:isolate;overflow:hidden;min-height:390px;padding:clamp(65px,9vw,125px) clamp(22px,8vw,120px);background:radial-gradient(ellipse at 15% 110%,rgba(64,224,204,.26),transparent 40%),radial-gradient(ellipse at 85% 0%,rgba(83,200,229,.23),transparent 40%),linear-gradient(125deg,#042d43 0%,#07556d 52%,#078d9b 100%);color:white}
.hero:before,.hero:after{content:"";position:absolute;z-index:-1;pointer-events:none;border:1px solid rgba(199,255,248,.16);border-radius:50%;width:560px;height:560px;right:-120px;bottom:-420px;box-shadow:0 0 0 35px rgba(200,255,248,.035),0 0 0 75px rgba(200,255,248,.025),0 0 0 125px rgba(200,255,248,.018)}.hero:after{width:300px;height:300px;right:auto;left:-130px;bottom:-230px;box-shadow:0 0 0 28px rgba(200,255,248,.035),0 0 0 65px rgba(200,255,248,.025)}
.hero h1{max-width:900px;margin:0 0 18px;font-size:clamp(2.25rem,5.6vw,4.7rem);line-height:1.35;font-weight:900;letter-spacing:-1.5px;text-wrap:balance}.hero p{max-width:690px;color:rgba(238,255,255,.83);font-size:clamp(1rem,1.7vw,1.2rem);line-height:2.1;margin:0 0 28px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 25px;border-radius:14px;background:linear-gradient(135deg,#8bf0dc,#c3fff0);color:#073d4b;box-shadow:0 12px 28px rgba(0,0,0,.13);transition:transform .25s,box-shadow .25s}.btn:hover{transform:translateY(-3px);box-shadow:0 17px 35px rgba(0,0,0,.2)}
.wrap{max-width:1240px;padding:clamp(28px,5vw,64px) clamp(16px,3vw,30px)}.wrap>h2{font-size:clamp(1.5rem,3vw,2.15rem);font-weight:900;color:var(--ocean-900);margin:0 0 24px}.grid{gap:20px}.card,.panel{border:1px solid var(--line);border-radius:22px;padding:clamp(20px,3vw,30px);box-shadow:var(--shadow);transition:transform .25s,border-color .25s,box-shadow .25s}.card:hover{transform:translateY(-5px);border-color:#8ddbd8;box-shadow:0 22px 50px rgba(5,75,94,.13)}.card h3{font-size:1.2rem;font-weight:900;color:var(--ocean-900);margin-top:0}.panel h2{font-weight:900}.pill{background:#e3f8f5;color:#087d85;font-weight:700}button{transition:transform .2s,filter .2s,box-shadow .2s}button:hover{filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 8px 20px rgba(8,126,170,.16)}input,textarea,select{background:#fbfefe;border:1px solid #cfe4e8;transition:border-color .2s,box-shadow .2s}input:focus,textarea:focus,select:focus{outline:none;border-color:#36b9b5;box-shadow:0 0 0 4px rgba(54,185,181,.13)}footer{border-top:1px solid var(--line);background:#f0f9fa;margin-top:30px}
/* Sign-in and registration experience */
body:has(#login) main.wrap{min-height:calc(100vh - 180px);display:grid;place-items:center;background:radial-gradient(ellipse at 10% 20%,rgba(66,214,197,.13),transparent 36%),radial-gradient(ellipse at 90% 80%,rgba(32,143,177,.11),transparent 35%)}body:has(#login) .panel{width:100%;max-width:620px!important;padding:clamp(24px,5vw,48px);border-radius:28px;background:rgba(255,255,255,.91);box-shadow:0 28px 90px rgba(4,54,76,.13);border:1px solid rgba(255,255,255,.9)}body:has(#login) .panel>h1{font-size:clamp(1.7rem,4vw,2.4rem);font-weight:900;color:var(--ocean-900);margin-top:0}#lt,#st{min-width:115px;padding:10px 20px;border-radius:12px}#lt:not(.alt),#st:not(.alt){background:linear-gradient(135deg,var(--ocean-900),var(--ocean-700))}#login,#signup{margin-top:25px}#login h2,#signup h2{color:var(--ocean-900);font-size:1.35rem;font-weight:900}#login label,#signup label{display:block;margin-top:12px;color:#355868;font-size:.93rem}#login button#enter,#finish{width:100%;margin-top:14px;padding:13px;border-radius:13px;background:linear-gradient(135deg,#07536a,#0a9a9f)}#signup .step{padding:8px 0}#signup .step p{background:#eaf8f7;border-radius:13px;padding:14px;color:#255768}#signup input[type=radio]{display:inline-block;width:auto;margin-left:8px}#lm,#msg{color:#a34a42;font-weight:700}
@keyframes oceanRise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.hero h1,.hero p,.hero .btn{animation:oceanRise .7s both}.hero p{animation-delay:.12s}.hero .btn{animation-delay:.22s}
@media(max-width:1050px){.nav{align-items:center;gap:12px}.links{justify-content:flex-start}.links a{font-size:.82rem;padding:8px 10px}}
@media(max-width:700px){.nav{padding:10px 14px;display:flex;flex-direction:column;align-items:stretch;gap:8px}.nav>b{font-size:1.15rem}.links{width:100%;padding-bottom:3px;gap:5px}.links a{font-size:.8rem;padding:8px 11px}.hero{min-height:340px;padding:60px 23px}.hero h1{letter-spacing:-.6px}.wrap{padding:30px 16px}.grid{grid-template-columns:1fr}.card,.panel{border-radius:18px}body:has(#login) main.wrap{padding:24px 14px}body:has(#login) .panel{padding:24px 19px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}

/* ===== KHALIJ FARS · ULTRA FINISH ===== */
:root{--sea-deep:#032b40;--sea-mid:#087c91;--sea-glow:#61ead7;--sand:#f3e6c8;--glass:rgba(255,255,255,.76)}
body{font-feature-settings:"kern";text-rendering:optimizeLegibility}
.nav{min-height:76px;gap:clamp(10px,1.5vw,24px)}
.nav>b a{font-size:1.2rem;letter-spacing:-.35px}
.nav>b a:before{content:"";width:38px;height:38px;display:inline-block;border-radius:13px;background:linear-gradient(145deg,#0d8ea4,#063d5a);box-shadow:inset 0 1px 0 #ffffff65,0 6px 16px #07566a30;mask:none}
.links a{position:relative}
.links a:after{content:"";position:absolute;bottom:4px;right:13px;left:13px;height:2px;border-radius:5px;background:var(--sea-mid);transform:scaleX(0);transform-origin:right;transition:transform .25s ease}
.links a:hover:after{transform:scaleX(1)}
.hero{min-height:470px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.hero:before{animation:seaFloat 16s ease-in-out infinite alternate}
.hero:after{animation:seaFloat 13s ease-in-out infinite alternate-reverse}
.hero:after{border-color:rgba(210,255,250,.19)}
.hero h1{max-width:850px;text-shadow:0 4px 24px #001e3020}
.hero p{max-width:660px}
.hero .btn{margin-top:5px}
.hero .btn:after{content:'←';font-size:1.1em;transition:transform .2s}
.hero .btn:hover:after{transform:translateX(-4px)}
.wrap>h2{position:relative;padding-right:16px}
.wrap>h2:before{content:"";position:absolute;right:0;top:10%;height:80%;width:4px;border-radius:8px;background:linear-gradient(var(--sea-glow),var(--sea-mid))}
.card{position:relative;overflow:hidden;background:linear-gradient(155deg,#fff 0%,#fbffff 100%)}
.card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,transparent,#69dcca,transparent);opacity:0;transition:opacity .25s}
.card:hover:before{opacity:1}
.card:focus-visible,.btn:focus-visible,button:focus-visible,.links a:focus-visible{outline:3px solid #42cfc2;outline-offset:3px}
button,.btn{min-height:44px}
input,textarea,select{min-height:46px}
footer{font-size:.92rem}
@keyframes seaFloat{from{transform:translate3d(0,0,0)}to{transform:translate3d(-18px,-12px,0)}}
@media(min-width:1200px){.hero{padding-inline:clamp(90px,11vw,190px)}.wrap{padding-inline:36px}}
@media(max-width:900px){.nav{align-items:stretch;flex-direction:column;gap:8px}.links{overflow-x:auto;overscroll-behavior-inline:contain;padding:2px 0 8px}.links a{flex:0 0 auto}.hero{min-height:390px}}
@media(max-width:520px){.nav{padding:12px 14px}.nav>b a:before{width:32px;height:32px}.hero{min-height:350px;padding:48px 20px}.hero h1{font-size:clamp(2rem,9vw,2.8rem);line-height:1.45}.hero p{font-size:.98rem;line-height:2}.btn{width:100%}.wrap{padding:28px 14px}.grid{gap:14px}}
@media(prefers-reduced-motion:reduce){.hero:before,.hero:after{animation:none!important}}

/* SKY BLUE ULTRA + DAILY GIFT */
:root{--ocean-950:#07345f;--ocean-900:#075b9e;--ocean-700:#168fe0;--aqua:#65d8ff;--foam:#eff9ff;--ink:#123b5c;--line:rgba(30,132,205,.16);--shadow:0 18px 55px rgba(21,104,171,.10)}
body{background:radial-gradient(ellipse at 90% 0%,rgba(119,207,255,.22),transparent 38%),#f3faff}
.hero{background:radial-gradient(ellipse at 15% 110%,rgba(126,222,255,.34),transparent 40%),radial-gradient(ellipse at 85% 0%,rgba(180,231,255,.25),transparent 40%),linear-gradient(125deg,#07345f 0%,#0877bd 55%,#42b9ed 100%)}
.reward-panel{display:grid;grid-template-columns:minmax(130px,190px) 1fr minmax(220px,34%);align-items:center;gap:24px;margin-top:26px;padding:clamp(20px,4vw,38px);overflow:hidden;background:linear-gradient(135deg,#fff 0%,#f0f9ff 100%);border:1px solid #cdeaff;box-shadow:0 22px 60px rgba(42,135,200,.11)}
.reward-art{display:grid;place-items:center;background:radial-gradient(circle,#dff4ff 0%,#f2faff 68%,transparent 70%);border-radius:50%;aspect-ratio:1;animation:giftFloat 4s ease-in-out infinite}.reward-art svg{width:90%;max-width:180px;filter:drop-shadow(0 12px 12px #4aa9dc2b)}.reward-copy h2{margin:12px 0 4px;color:#146eae}.reward-copy p{margin:6px 0 18px}.reward-copy button{background:linear-gradient(135deg,#168fe0,#4bbcf0);box-shadow:0 9px 22px #279fe044}.reward-chart{min-width:0;padding:16px;border:1px solid #d9efff;border-radius:16px;background:#fff}.reward-chart h3{font-size:1rem;margin:0 0 8px;color:#176ca8}.reward-chart canvas{width:100%!important;max-height:150px}
@keyframes giftFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@media(max-width:760px){.reward-panel{grid-template-columns:110px 1fr;gap:14px}.reward-art{grid-row:1}.reward-copy{grid-column:2}.reward-chart{grid-column:1/-1}}@media(max-width:460px){.reward-panel{grid-template-columns:1fr;text-align:center}.reward-art{width:145px;margin:auto}.reward-copy,.reward-chart{grid-column:1}}
@media(prefers-reduced-motion:reduce){.reward-art{animation:none}}

/* Custom brand gradient: #034871 -> #0397E0 (sky ocean) */
:root{--ocean-950:#034871;--ocean-900:#034871;--ocean-700:#0397E0;--sea-deep:#034871;--sea-mid:#0397E0;--ink:#123b5c;--line:rgba(3,151,224,.18);--shadow:0 18px 55px rgba(3,72,113,.12)}
.hero{background:radial-gradient(ellipse at 15% 110%,rgba(3,151,224,.28),transparent 40%),radial-gradient(ellipse at 85% 0%,rgba(120,210,255,.22),transparent 40%),linear-gradient(125deg,#034871 0%,#056b9f 52%,#0397E0 100%)}
.links a:last-child,#lt:not(.alt),#st:not(.alt){background:linear-gradient(135deg,#034871,#0397E0)}
.btn,.reward-copy button{background:linear-gradient(135deg,#034871,#0397E0);color:#fff}
#login button#enter,#finish{background:linear-gradient(135deg,#034871,#0397E0)}
button{box-shadow:0 8px 20px rgba(3,72,113,.12)}

/* ===== Professional natural image treatment ===== */
img{max-width:100%;height:auto;image-rendering:auto;object-fit:cover;filter:brightness(1.02) contrast(1.025) saturate(1.035);transition:filter .3s ease,transform .35s ease}
.card img,.panel img{border-radius:16px;display:block}
.image-frame{overflow:hidden;border-radius:20px;background:linear-gradient(135deg,#0397E0,#034871);box-shadow:0 14px 34px rgba(3,72,113,.16)}
.image-frame img{width:100%;height:100%;object-fit:cover}
.image-frame:hover img{filter:brightness(1.045) contrast(1.035) saturate(1.06);transform:scale(1.015)}
.avatar,.profile-photo{aspect-ratio:1;object-fit:cover;border-radius:50%;}
@media(prefers-reduced-motion:reduce){img{transition:none!important}}

/* Ultra reward, live greeting, 3D shop */
.time-ticker{display:flex;align-items:center;gap:13px;padding:9px clamp(14px,4vw,54px);background:linear-gradient(100deg,#034871,#0397e0);color:#fff;font-size:.88rem;overflow:hidden;white-space:nowrap}
.ticker-live{font-size:.72rem;color:#b8f4ff;font-weight:900}.ticker-message{overflow:hidden;text-overflow:ellipsis;flex:1}.ticker-clock{font-variant-numeric:tabular-nums;opacity:.9}
.gift-modal{position:fixed;inset:0;z-index:3000;display:none;place-items:center;padding:18px;background:rgba(2,31,55,.68);backdrop-filter:blur(9px)}.gift-modal.active{display:grid;animation:fadeIn .25s ease}.gift-dialog{position:relative;width:min(460px,100%);text-align:center;padding:32px 24px;border-radius:28px;background:linear-gradient(145deg,#fff,#eaf8ff);box-shadow:0 30px 100px #001d3870;overflow:hidden}.gift-close{position:absolute;left:14px;top:12px;background:#e6f4fc;color:#034871;box-shadow:none;font-size:1.5rem;padding:0 12px}.gift-stage{height:205px;display:grid;place-items:center;position:relative}.gift-box{font-size:105px;filter:drop-shadow(0 16px 16px #03487133);transition:transform .6s}.gift-box.open{animation:giftOpen .85s ease forwards}.gift-bow{position:absolute;font-size:45px;top:-5px;left:50%;transform:translateX(-50%)}.gift-box.open .gift-bow{animation:bowFly .7s ease forwards}.gift-burst{position:absolute;inset:0;pointer-events:none}.shell-particle{position:absolute;font-size:26px;animation:shellFly 1.5s cubic-bezier(.15,.75,.25,1) forwards;left:50%;top:50%}.gift-dialog h2{color:#034871}.gift-dialog>button:last-child{background:linear-gradient(135deg,#034871,#0397e0)}
.product-visual{height:155px;display:grid;place-items:center;margin:-4px -4px 18px;border-radius:18px;background:radial-gradient(circle at 50% 35%,#fff,#dff4ff 65%,#c3eaff);font-size:76px;transform-style:preserve-3d;filter:drop-shadow(0 16px 12px #03487125);transition:transform .4s,filter .4s}.card:hover .product-visual{transform:perspective(600px) rotateY(-9deg) rotateX(5deg) translateY(-5px) scale(1.04);filter:drop-shadow(0 22px 15px #03487135)}
#deck .card{min-height:145px;display:grid;place-content:center;gap:5px;font-weight:800;border:1px solid #d5eefe;box-shadow:0 12px 30px #03487112;transition:transform .25s,background .25s}#deck .card:hover{transform:translateY(-5px) rotate(-1deg)}#deck .card[style*="rgb"]{border-color:#0397e0}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes giftOpen{0%{transform:scale(1) rotate(0)}35%{transform:scale(1.2) rotate(-8deg)}65%{transform:scale(1.45) rotate(8deg)}100%{transform:scale(.65) translateY(-45px);opacity:.25}}@keyframes bowFly{to{transform:translate(-50%,-100px) rotate(35deg);opacity:0}}@keyframes shellFly{0%{transform:translate(0,0) scale(.3);opacity:0}15%{opacity:1}100%{transform:translate(var(--dx),var(--dy)) rotate(500deg) scale(1.1);opacity:0}}
@media(max-width:650px){.time-ticker{gap:8px;font-size:.78rem}.ticker-message{max-width:45vw}.ticker-clock{display:none}.product-visual{height:135px}}
@media(prefers-reduced-motion:reduce){.gift-box,.shell-particle,.product-visual{animation:none!important;transition:none!important}}

/* Gulf cities live weather */
.weather-section{margin:28px 0;background:linear-gradient(145deg,#fff 0%,#eef8ff 100%);border-color:#cfeaff}.weather-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px}.weather-heading h2{margin:12px 0 5px;color:#034871;font-size:clamp(1.35rem,3vw,2rem)}.weather-heading p{margin:0;line-height:1.9}.weather-refresh{flex:0 0 auto;background:linear-gradient(135deg,#034871,#0397e0);color:#fff;border-radius:12px;padding:11px 18px}.weather-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.weather-card{position:relative;overflow:hidden;padding:20px;border:1px solid #d7edfc;border-radius:18px;background:linear-gradient(145deg,#fff,#f2faff);box-shadow:0 10px 28px #0348710c;transition:transform .25s,border-color .25s}.weather-card:hover{transform:translateY(-4px);border-color:#8bcdf1}.weather-city{font-weight:900;color:#034871;font-size:1.04rem}.weather-desc{color:#65869d;font-size:.87rem;margin-top:5px}.weather-main{display:flex;align-items:center;justify-content:space-between;margin-top:14px}.weather-icon{font-size:2.7rem;filter:drop-shadow(0 5px 8px #0397e01c)}.weather-temp{font-size:2.2rem;font-weight:900;letter-spacing:-1px;color:#034871}.weather-meta{display:flex;gap:14px;flex-wrap:wrap;margin-top:12px;padding-top:12px;border-top:1px solid #e1f0fa;color:#66859a;font-size:.82rem}.weather-loading,.weather-error{grid-column:1/-1;padding:25px;text-align:center;color:#547c95;background:#f2faff;border-radius:16px}.weather-note{font-size:.78rem;color:#7894a8;margin:15px 0 0}.weather-refresh:disabled{opacity:.6;cursor:wait}@media(max-width:760px){.weather-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.weather-heading{align-items:flex-start;flex-direction:column}}@media(max-width:480px){.weather-grid{grid-template-columns:1fr}.weather-card{padding:17px}}

/* Royale-inspired responsive arena */
.battle-intro{margin-bottom:18px}.battle-intro h1{color:#034871;font-size:clamp(1.8rem,4vw,3rem);margin:.3em 0}.arena{overflow:hidden;background:linear-gradient(145deg,#f8fcff,#e8f6ff);border-color:#c8e6fa}.arena-top{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:14px;align-items:center}.tower,.arena-status{display:grid;gap:7px;text-align:center;padding:15px;border-radius:18px;background:#fff;border:1px solid #d7eafa}.tower>span{font-size:2.3rem}.hp,.energy-bar{height:9px;background:#e3edf4;border-radius:99px;overflow:hidden}.hp i{display:block;height:100%;background:linear-gradient(90deg,#20b77b,#8be5a9);border-radius:99px;transition:width .35s}.energy-bar i{display:block;height:100%;background:linear-gradient(90deg,#4b8fff,#9e8aff);transition:width .25s}.battlefield{margin:18px 0;border-radius:20px;overflow:hidden;background:linear-gradient(#b6e6ff 0 47%,#57b9dc 47% 53%,#b4e5c1 53%);min-height:260px;display:flex;flex-direction:column;justify-content:space-between;position:relative;padding:20px}.lane{height:95px;display:flex;align-items:center;justify-content:space-between}.lane-label{font-size:.85rem;font-weight:800;color:#034871;background:#ffffffb8;padding:5px 12px;border-radius:99px}.battle-unit{font-size:3.6rem;filter:drop-shadow(0 8px 8px #03487135);transition:transform .25s}.unit-hit{animation:unitHit .55s ease}.river{text-align:center;color:#fff;font-size:1.6rem;letter-spacing:4px}.battle-result{text-align:center;font-weight:800;color:#034871;min-height:2em}.battle-cards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.battle-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;background:linear-gradient(150deg,#fff,#eaf6ff);color:#164968;border:1px solid #c6e2f6;border-radius:16px;padding:12px 6px;box-shadow:0 8px 20px #03487112;transition:transform .2s}.battle-card:hover{transform:translateY(-5px) rotate(-1deg)}.battle-card .mana{align-self:flex-start;background:#6b65dc;color:#fff;border-radius:9px;padding:0 8px;font-size:.8rem}.unit-art{font-size:2.2rem;filter:drop-shadow(0 5px 4px #03487120)}.battle-card b{font-size:.82rem}.battle-card small{color:#67869b}.battle-actions{display:flex;justify-content:center;gap:12px;margin-top:18px}.battle-actions .alt{background:#e5f4fc;color:#034871}@keyframes unitHit{0%{transform:translateX(0) scale(1)}45%{transform:translateX(-35px) scale(1.25)}100%{transform:translateX(0) scale(1)}}@media(max-width:760px){.battle-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.arena-top{grid-template-columns:1fr 1fr}.arena-status{grid-column:1/-1;grid-row:1}.battlefield{min-height:230px}}@media(max-width:420px){.battle-cards{gap:7px}.battle-card{padding:9px 4px}.battle-card b{font-size:.73rem}.battle-actions{flex-direction:column}}

/* ===== NAJVAYE PARS BRAND + DASHBOARDS ===== */
.nav{z-index:100;box-shadow:0 8px 28px rgba(3,72,113,.06)}
.brand>a{display:flex;align-items:center;gap:10px;font-weight:900;color:#034871;white-space:nowrap}.brand img{width:48px;height:48px;border-radius:14px;object-fit:cover;box-shadow:0 8px 22px rgba(3,72,113,.16)}.brand span{font-size:1.08rem}.links a{padding:7px 9px;border-radius:10px;transition:.2s}.links a:hover,.links a.active{background:#e8f7fc;color:#034871}
.dashboard-shell{max-width:1240px}.dashboard-hero{display:grid;grid-template-columns:1fr 180px;gap:24px;align-items:center;margin-bottom:24px;padding:34px;border-radius:28px;color:#fff;background:radial-gradient(circle at 10% 10%,rgba(255,255,255,.18),transparent 30%),linear-gradient(135deg,#034871,#0397e0);box-shadow:0 24px 70px rgba(3,72,113,.18)}.dashboard-hero h1{margin:8px 0;font-size:clamp(2rem,5vw,3.3rem)}.dashboard-hero p{max-width:720px;opacity:.9}.eyebrow{font-size:.72rem;letter-spacing:1.4px;font-weight:900;opacity:.78}.brand-badge{justify-self:end}.brand-badge img{width:150px;height:150px;border-radius:28px;object-fit:cover;border:4px solid rgba(255,255,255,.72);box-shadow:0 20px 50px rgba(0,0,0,.2)}
.dash-stats,.admin-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0}.dash-stats article,.admin-kpis article{background:#fff;border:1px solid #d8edf6;border-radius:20px;padding:20px;box-shadow:0 12px 35px rgba(3,72,113,.07)}.dash-stats span,.admin-kpis span{display:block;color:#68879a;font-size:.82rem}.dash-stats strong,.admin-kpis strong{display:block;color:#034871;font-size:1.8rem;margin:4px 0}.dash-stats small,.admin-kpis small{color:#7894a6}.dashboard-grid,.admin-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:16px}.dashboard-card{box-shadow:0 12px 35px rgba(3,72,113,.06)}.section-head{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:15px}.section-head h2{margin:2px 0}.btn.small{padding:7px 11px;font-size:.82rem}.activity-list{display:grid;gap:8px}.activity-row{display:flex;justify-content:space-between;gap:10px;padding:12px 14px;border:1px solid #e2f0f6;border-radius:13px;background:#f9fdff}.plus{color:#15966b}.minus{color:#cf5a63}.owned-list{display:flex;flex-wrap:wrap;gap:8px}.owned-pill{padding:8px 12px;border-radius:999px;background:#e9f7fc;color:#034871;font-weight:800;font-size:.85rem}.quick-actions{margin-top:16px}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.quick-grid a{padding:18px;border:1px solid #d8edf6;border-radius:16px;background:linear-gradient(145deg,#fff,#f3fbff);transition:.22s}.quick-grid a:hover{transform:translateY(-4px);border-color:#8bcdf1}.quick-grid b,.quick-grid small{display:block}.quick-grid small{color:#728e9f;margin-top:4px}
.auth-center{min-height:100vh;display:grid;place-items:center;padding:25px;background:radial-gradient(circle at 15% 20%,#dff7ff,transparent 35%),#f3fafc}.setup-card{width:min(560px,100%);box-shadow:0 30px 90px rgba(3,72,113,.13)}.setup-logo{display:block;width:105px;height:105px;border-radius:22px;object-fit:cover;margin:0 auto 15px}.notice{padding:13px 16px;border-radius:13px;background:#eaf8ef;color:#17734e;border:1px solid #bde7cf;margin:14px 0;font-weight:700}
.admin-body{background:#f2f7fa}.admin-nav{position:sticky;top:0;z-index:200;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:12px 4%;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border-bottom:1px solid #d8eaf1}.admin-brand{display:flex;align-items:center;gap:10px}.admin-brand img{width:50px;height:50px;border-radius:14px;object-fit:cover}.admin-brand b,.admin-brand small{display:block}.admin-brand b{color:#034871}.admin-brand small{font-size:.65rem;color:#7894a6;letter-spacing:1.2px}.admin-wrap{max-width:1400px;margin:auto;padding:28px 22px 60px}.admin-head{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:30px;border-radius:28px;background:linear-gradient(135deg,#034871,#0397e0);color:#fff;box-shadow:0 24px 70px rgba(3,72,113,.16)}.admin-head h1{margin:5px 0;font-size:clamp(1.8rem,4vw,3rem)}.admin-status{min-width:190px;padding:15px;border:1px solid #ffffff35;background:#ffffff12;border-radius:16px}.admin-status i{display:inline-block;width:9px;height:9px;border-radius:50%;background:#6ff2bd;margin-left:7px;box-shadow:0 0 0 6px #6ff2bd20}.admin-kpis{grid-template-columns:repeat(6,1fr)}.admin-kpis strong{font-size:1.55rem}.admin-tabs{display:flex;gap:8px;overflow:auto;padding:12px 0;position:sticky;top:74px;z-index:50;background:#f2f7fa}.admin-tabs .tab{background:#fff;color:#31566d;border:1px solid #d5e8ef;box-shadow:none;white-space:nowrap}.admin-tabs .tab.active{background:linear-gradient(135deg,#034871,#0397e0);color:#fff}.admin-tabpanel{display:none}.admin-tabpanel.active{display:block}.admin-card{background:#fff;border:1px solid #d8eaf1;border-radius:22px;padding:22px;box-shadow:0 12px 35px rgba(3,72,113,.06);margin-bottom:16px}.admin-card h2{margin-top:5px}.health-list{display:grid;gap:8px}.health-list div{display:flex;justify-content:space-between;padding:11px 12px;border-radius:12px;background:#f7fbfd}.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.module-grid a{padding:14px;border:1px solid #d9edf5;border-radius:14px;background:#fbfeff;font-weight:800}.table-wrap{overflow:auto;border:1px solid #e0eef3;border-radius:15px}.table-wrap table{width:100%;border-collapse:collapse;min-width:800px}.table-wrap th,.table-wrap td{padding:11px 12px;text-align:right;border-bottom:1px solid #edf3f6;vertical-align:middle}.table-wrap th{background:#f4fafc;color:#527187;font-size:.82rem}.inline-form{display:inline-flex;align-items:center;gap:4px}.inline-form select,.mini-input{display:inline-block;width:auto;padding:5px 7px;margin:0;font-size:.78rem}.mini-input{width:75px}.mini-btn{padding:5px 8px!important;font-size:.72rem!important;border-radius:8px!important;box-shadow:none!important}.danger{background:#c95461!important}.comment-admin-list{display:grid;gap:10px}.comment-admin-list article{padding:14px;border:1px solid #e0eef3;border-radius:15px;background:#fbfeff}.comment-admin-list article>div{display:flex;justify-content:space-between}.comment-admin-list small{color:#8299a7}.clean-list{line-height:2.2}.admin-logo-preview{width:180px;height:180px;border-radius:25px;object-fit:cover;display:block}.pill{font-size:.78rem}.muted{color:#728b9b}
@media(max-width:900px){.dash-stats{grid-template-columns:repeat(2,1fr)}.admin-kpis{grid-template-columns:repeat(3,1fr)}.dashboard-grid,.admin-grid{grid-template-columns:1fr}.quick-grid{grid-template-columns:repeat(2,1fr)}.admin-head{align-items:flex-start;flex-direction:column}.admin-status{min-width:100%}.admin-tabs{top:65px}}
@media(max-width:620px){.nav{align-items:flex-start}.brand img{width:40px;height:40px}.links{gap:5px}.links a{font-size:.76rem;padding:5px 7px}.dashboard-hero{grid-template-columns:1fr;padding:24px}.brand-badge{justify-self:start}.brand-badge img{width:90px;height:90px}.dash-stats,.admin-kpis{grid-template-columns:1fr 1fr}.quick-grid,.module-grid{grid-template-columns:1fr}.admin-wrap{padding:18px 12px 40px}.admin-head{padding:22px}.admin-kpis article{padding:14px}.admin-kpis strong{font-size:1.3rem}}
.hero-logo{display:flex;align-items:center;gap:12px;margin-bottom:10px}.hero-logo img{width:76px;height:76px;border-radius:20px;object-fit:cover;border:2px solid rgba(255,255,255,.6);box-shadow:0 12px 30px rgba(0,0,0,.18)}.hero-logo .eyebrow{color:#fff}
@media(max-width:520px){.hero-logo img{width:58px;height:58px;border-radius:15px}}