@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700;800&family=Inter:wght@400;500;600;700&display=swap');

:root{
--bg:#050208;--panel:rgba(8,4,13,.78);--panel2:rgba(18,8,26,.72);
--purple:#b735ff;--purple2:#7a00ff;--purple3:#e4a2ff;
--text:#f8f2ff;--muted:#b1a6bb;--border:rgba(211,112,255,.34);
--orange:#ff6b00;--green:#40f38b
}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;min-height:100vh;color:var(--text);font-family:Inter,sans-serif;background:#040206;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;z-index:-1;background:
linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),
linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:34px 34px;opacity:.18}
a{text-decoration:none;color:inherit}

.page-bg{position:fixed;inset:0;z-index:-4;background:url('../images/world-bg.png') center center/cover no-repeat fixed;transform:scale(1.03)}
.page-overlay{position:fixed;inset:0;z-index:-3;background:
linear-gradient(180deg,rgba(4,1,7,.35) 0%,rgba(5,1,8,.62) 48%,rgba(4,1,6,.88) 100%),
radial-gradient(circle at 50% 35%,rgba(70,0,110,.12),transparent 42%),
linear-gradient(90deg,rgba(3,1,5,.42),transparent 25%,transparent 75%,rgba(3,1,5,.52));
backdrop-filter:saturate(1.18)}

.fx-layer{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.lightning{position:absolute;top:-10%;width:3px;height:76%;opacity:0;background:linear-gradient(to bottom,transparent,#fff 18%,#c955ff 35%,#fff 55%,transparent);box-shadow:0 0 8px #fff,0 0 20px #cb59ff,0 0 45px #7b00ff;transform-origin:top}
.lightning::before,.lightning::after{content:"";position:absolute;width:2px;height:34%;top:20%;background:inherit;box-shadow:inherit}
.lightning::before{left:-30px;transform:rotate(20deg)}.lightning::after{right:-24px;top:46%;transform:rotate(-23deg)}
.lightning-a{left:8%;transform:rotate(8deg);animation:flash 7s infinite}
.lightning-b{right:9%;transform:rotate(-8deg);animation:flash 8.4s 2.2s infinite}
@keyframes flash{0%,92%,100%{opacity:0}93%{opacity:1}94%{opacity:.15}95%{opacity:.95}96%{opacity:0}}
.embers span{position:absolute;bottom:-20px;width:4px;height:4px;border-radius:50%;background:#ff7b1d;box-shadow:0 0 10px #ff5b00;animation:rise linear infinite}
@keyframes rise{from{transform:translateY(0) scale(.6);opacity:0}15%{opacity:1}to{transform:translateY(-110vh) translateX(55px) scale(1.25);opacity:0}}

.topbar{position:sticky;top:0;z-index:50;height:82px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:0 4vw;background:rgba(4,2,7,.78);border-bottom:1px solid rgba(190,74,255,.28);backdrop-filter:blur(18px);box-shadow:0 10px 34px rgba(0,0,0,.32)}
.brand{display:flex;align-items:center;gap:12px;font-family:Cinzel,serif}.brand-mark{width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(225,150,255,.62);background:radial-gradient(circle,#67108e,#12051a 72%);transform:rotate(45deg);box-shadow:0 0 20px rgba(187,57,255,.4);font-weight:800}.brand strong,.brand small{display:block}.brand strong{font-size:.92rem;letter-spacing:.1em}.brand small{margin-top:3px;color:var(--purple3);letter-spacing:.42em;font-size:.65rem}
.nav{display:flex;height:100%}.nav a{position:relative;height:100%;padding:0 18px;display:flex;align-items:center;font-family:Cinzel,serif;color:#c2b8ca;font-size:.77rem}.nav a:hover,.nav a.active{color:#fff;background:linear-gradient(to top,rgba(170,35,255,.14),transparent 70%)}.nav a.active::after{content:"";position:absolute;bottom:0;left:15%;right:15%;height:2px;background:var(--purple);box-shadow:0 0 14px var(--purple)}
.server-pill{display:flex;align-items:center;gap:8px;font-size:.73rem;font-weight:700;letter-spacing:.08em}.status-dot{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}

.hero{position:relative;z-index:1;min-height:calc(100vh - 82px);display:grid;grid-template-columns:1.08fr .92fr;align-items:center;max-width:1460px;margin:0 auto;padding:72px 5vw 95px}
.glass-panel{padding:42px;border:1px solid rgba(208,106,255,.28);background:linear-gradient(180deg,rgba(8,4,13,.72),rgba(6,3,10,.82));backdrop-filter:blur(10px);box-shadow:0 28px 75px rgba(0,0,0,.36),0 0 60px rgba(117,0,180,.08)}
.eyebrow{color:var(--purple3);font-family:Cinzel,serif;letter-spacing:.28em;font-size:.76rem;font-weight:700}
.hero h1,.register-intro h1{margin:18px 0;font-family:Cinzel,serif;font-size:clamp(3.1rem,6vw,6rem);line-height:.92;letter-spacing:.02em;text-shadow:0 5px 30px rgba(0,0,0,.75)}
.hero h1 span{display:block}.purple-text{color:#e2a6ff;text-shadow:0 0 8px rgba(231,170,255,.7),0 0 28px rgba(123,0,255,.55)}
.hero-subtitle{max-width:650px;color:#d0c5d5;line-height:1.8}.hero-actions,.download-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}
.btn{position:relative;min-height:52px;display:inline-flex;align-items:center;justify-content:center;padding:0 28px;border:1px solid transparent;font-family:Cinzel,serif;font-size:.81rem;font-weight:800;letter-spacing:.09em;cursor:pointer;transition:.22s ease;overflow:hidden}.btn:hover{transform:translateY(-2px)}
.btn-primary{background:linear-gradient(180deg,rgba(197,69,255,.96),rgba(91,0,149,.96));border-color:#dd95ff;box-shadow:0 0 25px rgba(157,0,255,.35)}.btn-primary:hover{box-shadow:0 0 40px rgba(182,49,255,.62)}.btn-secondary{background:rgba(8,4,12,.72);border-color:rgba(203,121,241,.34)}
.thunder-btn::before{content:"";position:absolute;inset:-4px;border:1px solid transparent;background:linear-gradient(90deg,transparent,#f4ccff,transparent) border-box;opacity:0;animation:btnFlash 3.8s infinite}
@keyframes btnFlash{0%,82%,100%{opacity:0;transform:translateX(-50%)}85%{opacity:1}90%{opacity:.15;transform:translateX(50%)}92%{opacity:.85}95%{opacity:0}}
.hero-stats{display:flex;gap:34px;margin-top:42px;flex-wrap:wrap}.hero-stats div{border-left:2px solid var(--purple);padding-left:13px}.hero-stats strong,.hero-stats span{display:block}.hero-stats strong{font-family:Cinzel,serif;font-size:.94rem}.hero-stats span{margin-top:4px;color:#9f93a8;font-size:.72rem}

.hero-badge{position:relative;min-height:620px;display:grid;place-items:center}.sigil-ring{position:absolute;width:430px;aspect-ratio:1;border-radius:50%;border:2px solid rgba(202,97,255,.36);box-shadow:0 0 50px rgba(139,0,255,.22),inset 0 0 70px rgba(139,0,255,.1);animation:spin 16s linear infinite}.sigil-ring::before{content:"";position:absolute;inset:38px;border-radius:50%;border:1px dashed rgba(225,160,255,.34);animation:spin 10s linear infinite reverse}@keyframes spin{to{transform:rotate(360deg)}}
.sigil-core{position:relative;width:320px;min-height:250px;display:grid;place-items:center;align-content:center;text-align:center;background:linear-gradient(180deg,rgba(38,12,52,.88),rgba(7,3,10,.93));border:1px solid rgba(222,134,255,.5);clip-path:polygon(50% 0,92% 18%,100% 66%,50% 100%,0 66%,8% 18%);box-shadow:0 0 70px rgba(171,21,255,.3)}.sigil-core strong{font-family:Cinzel,serif;font-size:2.3rem}.sigil-top,.sigil-bottom{font-family:Cinzel,serif;letter-spacing:.3em;color:#e0a5ff}.sigil-bottom{font-size:.7rem;margin-top:8px}

.section{position:relative;z-index:1;max-width:1320px;margin:0 auto;padding:100px 5vw}.section-heading{text-align:center;max-width:760px;margin:0 auto 46px}.glass-heading{padding:25px 30px;background:rgba(8,4,12,.48);border:1px solid rgba(208,106,255,.16);backdrop-filter:blur(7px)}.section-heading span{color:var(--purple3);font-family:Cinzel,serif;letter-spacing:.28em;font-size:.72rem}.section-heading h2{margin:11px 0 12px;font-family:Cinzel,serif;font-size:clamp(2rem,4vw,3.5rem)}.section-heading p{color:#c5bacb;line-height:1.75}
.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.feature-card{min-height:260px;padding:30px;border:1px solid rgba(177,76,226,.26);background:linear-gradient(180deg,rgba(27,11,38,.74),rgba(6,3,10,.82));backdrop-filter:blur(7px);box-shadow:0 15px 35px rgba(0,0,0,.23);transition:.25s ease}.feature-card:hover{transform:translateY(-7px);border-color:rgba(220,125,255,.62)}.feature-icon{font-size:2.1rem;color:var(--purple3);text-shadow:0 0 16px var(--purple)}.feature-card h3{margin:22px 0 10px;font-family:Cinzel,serif}.feature-card p{color:#bcb1c2;line-height:1.7;font-size:.91rem}
.download-section{position:relative;z-index:1;padding:35px 5vw 90px}.download-panel{max-width:1210px;margin:0 auto;padding:42px;display:flex;justify-content:space-between;align-items:center;gap:30px;border:1px solid rgba(201,98,255,.34);background:linear-gradient(90deg,rgba(52,10,74,.78),rgba(8,4,12,.84));backdrop-filter:blur(9px);box-shadow:0 0 45px rgba(122,0,188,.13)}.download-panel h2{margin:9px 0;font-family:Cinzel,serif;font-size:2.2rem}.download-panel p{color:#c1b7c5}.community{padding-top:35px}
.footer{position:relative;z-index:1;min-height:100px;padding:25px 5vw;display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid rgba(186,67,255,.24);background:rgba(4,2,7,.82);backdrop-filter:blur(10px);color:#8f8495;font-size:.78rem}.footer strong{display:block;color:#d0c4d6;font-family:Cinzel,serif;margin-bottom:5px}.footer-slogan{color:#be82d8;font-family:Cinzel,serif;letter-spacing:.18em}

.register-shell{position:relative;z-index:2;max-width:1120px;margin:0 auto;padding:72px 5vw 110px}.register-intro{text-align:center;margin-bottom:34px;padding:22px;background:rgba(6,3,10,.46);backdrop-filter:blur(6px);border:1px solid rgba(214,126,255,.16)}.register-intro h1{font-size:clamp(2.5rem,5vw,4.5rem);line-height:1}.register-intro p{color:#c9becf}
.register-card{position:relative;max-width:920px;margin:0 auto;padding:42px;background:linear-gradient(180deg,rgba(13,7,19,.84),rgba(5,2,8,.92));border:1px solid rgba(198,91,255,.36);backdrop-filter:blur(12px);box-shadow:0 28px 80px rgba(0,0,0,.55),0 0 70px rgba(126,0,180,.12)}
.corner{position:absolute;width:42px;height:42px;border-color:#ac44e7;opacity:.85}.corner-tl{top:-1px;left:-1px;border-top:2px solid;border-left:2px solid}.corner-tr{top:-1px;right:-1px;border-top:2px solid;border-right:2px solid}.corner-bl{bottom:-1px;left:-1px;border-bottom:2px solid;border-left:2px solid}.corner-br{bottom:-1px;right:-1px;border-bottom:2px solid;border-right:2px solid}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:21px 24px}.field.full{grid-column:1/-1}.field label{display:block;margin-bottom:8px;color:#ddd1e4;font-size:.82rem;font-weight:600}
input,select{width:100%;height:50px;padding:0 15px;border:1px solid rgba(185,102,224,.3);outline:none;color:#f4eef7;background:rgba(15,8,21,.82);font:inherit;transition:.2s ease}input::placeholder{color:#7d7184}input:focus,select:focus{border-color:rgba(211,107,255,.78);box-shadow:0 0 0 3px rgba(182,47,255,.09),0 0 18px rgba(133,0,203,.13);background:rgba(22,10,31,.92)}select option{background:#100817;color:#fff}
.choice-row{height:50px;display:flex;gap:10px}.choice{flex:1;margin:0!important;cursor:pointer}.choice input{position:absolute;opacity:0;width:0;height:0}.choice span{height:50px;display:grid;place-items:center;border:1px solid rgba(185,102,224,.28);background:rgba(17,10,24,.84)}.choice input:checked+span{border-color:#c057ff;background:linear-gradient(180deg,rgba(129,24,181,.5),rgba(48,8,66,.76))}
.terms{margin:26px 0 20px;display:flex;align-items:center;gap:10px;color:#b9aebd;font-size:.82rem}.terms input{width:16px;height:16px;accent-color:var(--purple)}.submit-btn{width:100%;height:60px}.form-note{margin:17px 0 0;text-align:center;color:#7d7283;font-size:.75rem}
.alert{margin-bottom:26px;padding:16px 18px;border:1px solid;line-height:1.6;font-size:.86rem}.alert ul{margin:8px 0 0 18px;padding:0}.alert.success{color:#bdfbd8;border-color:rgba(68,239,145,.35);background:rgba(24,109,63,.18)}.alert.error{color:#ffc2cc;border-color:rgba(255,90,115,.34);background:rgba(133,20,42,.18)}

@media(max-width:1050px){.nav{display:none}.hero{grid-template-columns:1fr;text-align:center}.hero-copy{margin:0 auto}.hero-subtitle{margin-left:auto;margin-right:auto}.hero-actions,.hero-stats{justify-content:center}.hero-badge{min-height:480px}.feature-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.topbar{height:70px;padding:0 18px}.server-pill{display:none}.brand strong{font-size:.72rem}.hero{padding-top:50px}.hero h1{font-size:3rem}.glass-panel{padding:28px 22px}.hero-badge{min-height:360px}.sigil-ring{width:300px}.sigil-core{width:230px;min-height:180px}.sigil-core strong{font-size:1.6rem}.feature-grid,.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.register-card{padding:27px 20px}.download-panel{padding:30px 24px;flex-direction:column;align-items:flex-start}.footer{flex-direction:column;text-align:center;justify-content:center}}


/* ===== V3 EXTRA PAGES ===== */
.wide-nav a{padding-left:11px;padding-right:11px;font-size:.69rem}
.inner-shell{position:relative;z-index:2;max-width:1280px;margin:0 auto;padding:62px 5vw 110px}
.inner-intro{max-width:930px;margin-left:auto;margin-right:auto}
.content-panel{position:relative;padding:38px;border:1px solid rgba(198,91,255,.34);background:linear-gradient(180deg,rgba(12,6,18,.86),rgba(5,2,8,.93));backdrop-filter:blur(12px);box-shadow:0 28px 80px rgba(0,0,0,.5),0 0 70px rgba(126,0,180,.12)}
.panel-title-row{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}
.panel-title-row h2{margin:7px 0 0;font-family:Cinzel,serif;font-size:2.15rem}
.currency-chip{padding:10px 14px;border:1px solid rgba(217,127,255,.38);background:rgba(99,15,139,.24);color:#e8b5ff;font-family:Cinzel,serif;font-size:.72rem;letter-spacing:.12em}
.shop-grid,.package-grid,.payment-grid,.vote-grid,.download-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.package-grid,.payment-grid,.vote-grid,.download-grid{grid-template-columns:repeat(3,1fr)}
.shop-card,.package-card,.payment-card,.vote-card,.download-card{position:relative;padding:27px;border:1px solid rgba(181,86,226,.25);background:linear-gradient(180deg,rgba(31,13,42,.72),rgba(7,3,11,.84));min-height:260px;overflow:hidden;transition:.22s ease}
.shop-card:hover,.package-card:hover,.payment-card:hover,.vote-card:hover,.download-card:hover{transform:translateY(-5px);border-color:rgba(220,125,255,.58)}
.shop-card h3,.package-card h3,.payment-card h3,.vote-card h3,.download-card h3{font-family:Cinzel,serif;margin:15px 0 8px}
.shop-card p,.package-card p,.payment-card p,.vote-card p,.download-card p{color:#bdb2c2;line-height:1.65;font-size:.9rem}
.item-orb,.payment-icon,.download-icon,.crystal-icon{width:58px;height:58px;display:grid;place-items:center;border:1px solid rgba(220,134,255,.46);background:radial-gradient(circle,rgba(161,45,211,.38),rgba(22,8,31,.8));font-size:1.7rem;color:#f0caff;box-shadow:0 0 24px rgba(163,28,230,.2)}
.package-card strong{display:block;color:#f2ccff;font-family:Cinzel,serif;font-size:1.05rem}
.featured{border-color:rgba(230,151,255,.52);box-shadow:0 0 35px rgba(166,31,234,.14)}
.package-tag{position:absolute;top:12px;right:12px;padding:6px 9px;background:linear-gradient(180deg,#b53cff,#7010a8);font-size:.62rem;font-weight:800;letter-spacing:.08em}
.notice-box{margin-top:25px;padding:16px 18px;border-left:3px solid #b535ff;background:rgba(85,17,113,.18);color:#c9bdce;line-height:1.6;font-size:.86rem}
.ranking-tabs{display:flex;gap:8px;margin-bottom:18px}.rank-tab{padding:10px 18px;border:1px solid rgba(185,102,224,.28);background:rgba(15,8,21,.82);color:#bdb2c2;font-family:Cinzel,serif;cursor:pointer}.rank-tab.active{border-color:#c057ff;color:#fff;background:rgba(112,19,151,.4)}
.ranking-table-wrap{overflow:auto;border:1px solid rgba(185,102,224,.22)}.ranking-table{width:100%;border-collapse:collapse;min-width:680px}.ranking-table th,.ranking-table td{padding:16px 18px;text-align:left;border-bottom:1px solid rgba(185,102,224,.15)}.ranking-table th{font-family:Cinzel,serif;color:#e5c5f4;background:rgba(91,17,123,.22)}.ranking-table td{color:#c6bbc9}
.donation-form-preview,.install-steps{margin-top:28px;padding:25px;border:1px solid rgba(185,102,224,.22);background:rgba(10,5,15,.58)}.donation-form-preview h3,.install-steps h3{font-family:Cinzel,serif;margin-top:0}
.vote-number{font-family:Cinzel,serif;font-size:2.2rem;color:#b74cff;text-shadow:0 0 18px rgba(182,55,255,.35)}
.download-meta{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 19px}.download-meta span{padding:6px 9px;border:1px solid rgba(185,102,224,.2);color:#a99eae;font-size:.7rem}
.step-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.step-grid div{padding:18px;border:1px solid rgba(185,102,224,.18);background:rgba(17,8,24,.62)}.step-grid span{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#8a18bf;color:#fff;font-weight:800}.step-grid p{color:#bdb2c2;line-height:1.55;font-size:.86rem}
button:disabled{opacity:.64;cursor:not-allowed}
@media(max-width:1180px){.wide-nav{display:none}.shop-grid{grid-template-columns:repeat(2,1fr)}.package-grid,.payment-grid,.vote-grid,.download-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.inner-shell{padding-left:18px;padding-right:18px}.content-panel{padding:24px 18px}.panel-title-row{align-items:flex-start;flex-direction:column}.shop-grid,.package-grid,.payment-grid,.vote-grid,.download-grid,.step-grid{grid-template-columns:1fr}}


/* =====================================================================
   GODZ WAR PKO FINAL VISUAL SYSTEM
   ===================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@700;900&family=Marcellus+SC&family=Inter:wght@400;500;600;700;800&display=swap');

.godz-home{
    --gold:#ffd36a;
    --gold2:#ff9e2a;
    --blue:#42c8ff;
    --red:#ff425c;
    --green:#60ff9d;
    --violet:#d85cff;
    --deep:#050817;
    font-size:17px;
}

.godz-home .page-bg{
    background:
        radial-gradient(circle at 50% 18%,rgba(62,175,255,.16),transparent 34%),
        linear-gradient(180deg,rgba(5,9,27,.1),rgba(6,3,13,.65)),
        url('../images/world-bg.png') center/cover fixed no-repeat;
    animation:bgBreathe 16s ease-in-out infinite alternate;
}
@keyframes bgBreathe{
    from{transform:scale(1.03) translate3d(0,0,0);filter:saturate(1.05) brightness(.9)}
    to{transform:scale(1.075) translate3d(-.8%,-.6%,0);filter:saturate(1.22) brightness(1.02)}
}
.godz-home .page-overlay{
    background:
        linear-gradient(180deg,rgba(4,8,23,.28),rgba(4,2,11,.54) 58%,rgba(4,2,10,.94)),
        radial-gradient(circle at 74% 28%,rgba(0,151,255,.11),transparent 30%),
        radial-gradient(circle at 23% 32%,rgba(255,72,128,.08),transparent 32%);
}

.godz-topbar{
    height:94px;
    padding:0 3vw;
    background:linear-gradient(180deg,rgba(6,8,24,.96),rgba(6,4,16,.88));
    border-bottom:1px solid rgba(255,203,94,.32);
    box-shadow:0 14px 50px rgba(0,0,0,.42),0 1px 0 rgba(255,255,255,.04) inset;
}
.godz-topbar::after{
    content:"";
    position:absolute;
    left:0;right:0;bottom:-2px;height:2px;
    background:linear-gradient(90deg,transparent,#24b8ff,#ffbe35,#ff4368,#8e65ff,transparent);
    filter:drop-shadow(0 0 7px currentColor);
    opacity:.78;
}
.godz-brand{gap:14px;min-width:242px}
.brand-crest{
    width:56px;height:56px;display:grid;place-items:center;position:relative;
    border:2px solid #ffc95a;
    background:radial-gradient(circle at 50% 35%,#275d99 0,#0d1a37 38%,#090816 72%);
    transform:rotate(45deg);
    box-shadow:0 0 0 3px rgba(255,185,56,.08),0 0 26px rgba(55,159,255,.34),inset 0 0 25px rgba(21,162,255,.14);
}
.brand-crest::after{
    content:"";position:absolute;inset:6px;border:1px solid rgba(255,211,106,.45)
}
.brand-skull{transform:rotate(-45deg);font-size:1.65rem;filter:drop-shadow(0 0 8px #5fc8ff)}
.brand-copy strong{
    font:900 1.18rem/1 "Cinzel Decorative",Cinzel,serif;
    color:#fff2ca;text-shadow:0 2px 0 #3d2600,0 0 16px rgba(255,190,62,.34);
}
.brand-copy small{
    margin-top:7px;
    color:#84ccff;
    letter-spacing:.16em;
    font:.61rem "Marcellus SC",serif;
}

.godz-nav{gap:3px}
.godz-nav a{
    height:72px;
    min-width:74px;
    padding:0 10px;
    flex-direction:column;
    justify-content:center;
    gap:5px;
    border:1px solid transparent;
    border-radius:8px 8px 0 0;
    font:700 .72rem "Marcellus SC",serif;
    letter-spacing:.04em;
    color:#d8deef;
    isolation:isolate;
    overflow:visible;
}
.godz-nav .nav-icon{font-size:1.32rem;line-height:1;transition:.25s ease}
.godz-nav a::before{
    content:"";position:absolute;inset:0;z-index:-1;opacity:0;
    background:radial-gradient(circle at 50% 75%,var(--navc, #61c7ff),transparent 68%);
    transition:.25s ease;
}
.godz-nav a::after{
    bottom:-11px;left:20%;right:20%;height:3px;border-radius:20px;
    background:var(--navc,#61c7ff);
    box-shadow:0 0 8px var(--navc,#61c7ff),0 0 20px var(--navc,#61c7ff);
}
.godz-nav a:hover,.godz-nav a.active{
    color:white;
    transform:translateY(-2px);
    border-color:color-mix(in srgb,var(--navc,#61c7ff) 35%,transparent);
    background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.06));
}
.godz-nav a:hover::before,.godz-nav a.active::before{opacity:.32}
.godz-nav a:hover .nav-icon,.godz-nav a.active .nav-icon{
    color:var(--navc,#61c7ff);
    transform:translateY(-2px) scale(1.12);
    filter:drop-shadow(0 0 8px var(--navc,#61c7ff));
}
.godz-nav a:nth-child(1){--navc:#3ecbff}
.godz-nav a:nth-child(2){--navc:#ffd15a}
.godz-nav a:nth-child(3){--navc:#ff9f42}
.godz-nav a:nth-child(4){--navc:#a169ff}
.godz-nav a:nth-child(5){--navc:#ffcf4d}
.godz-nav a:nth-child(6){--navc:#ff4f63}
.godz-nav a:nth-child(7){--navc:#d559ff}
.godz-nav a:nth-child(8){--navc:#55b8ff}

.godz-server-pill{
    min-width:122px;
    padding:11px 14px;
    border:1px solid rgba(91,255,146,.35);
    border-radius:8px;
    background:rgba(20,62,39,.22);
    box-shadow:inset 0 0 18px rgba(64,243,139,.06);
}
.godz-server-pill>span:last-child{display:flex;flex-direction:column}
.godz-server-pill b{color:#9dffc1;font-size:.7rem}
.godz-server-pill small{margin-top:2px;color:#80928a;font-size:.5rem;letter-spacing:.06em}

.aurora{position:absolute;width:52vw;height:52vw;border-radius:50%;filter:blur(90px);opacity:.08;animation:auroraMove 16s ease-in-out infinite alternate}
.aurora-a{left:-18vw;top:10vh;background:#2196ff}
.aurora-b{right:-20vw;top:4vh;background:#d441ff;animation-delay:-7s}
@keyframes auroraMove{to{transform:translate3d(9vw,6vh,0) scale(1.18)}}

.magic-orb{position:absolute;border-radius:50%;filter:blur(.2px);opacity:.42;animation:orbFloat 8s ease-in-out infinite}
.magic-orb::after{content:"";position:absolute;inset:30%;border-radius:50%;background:white;filter:blur(5px)}
.orb-a{width:11px;height:11px;left:14%;top:38%;background:#44cfff;box-shadow:0 0 25px #44cfff}
.orb-b{width:8px;height:8px;right:16%;top:29%;background:#ff6b9e;box-shadow:0 0 24px #ff6b9e;animation-delay:-2.2s}
.orb-c{width:13px;height:13px;right:33%;top:70%;background:#ffd45e;box-shadow:0 0 25px #ffd45e;animation-delay:-4s}
@keyframes orbFloat{50%{transform:translate3d(18px,-32px,0) scale(1.35)}}

.spark-field span{
    position:absolute;width:2px;height:2px;border-radius:50%;
    background:#fff;
    box-shadow:0 0 8px currentColor;
    animation:sparkDrift linear infinite;
}
@keyframes sparkDrift{
    from{transform:translate3d(0,20px,0) scale(.5);opacity:0}
    15%{opacity:.85}
    to{transform:translate3d(35px,-75vh,0) scale(1.5);opacity:0}
}

.godz-hero{
    position:relative;z-index:2;
    min-height:calc(100vh - 94px);
    max-width:1580px;margin:0 auto;
    padding:64px 4vw 80px;
    display:grid;
    grid-template-columns:.88fr 1.12fr;
    align-items:center;
    gap:28px;
}
.hero-energy-line{
    position:absolute;left:5%;right:5%;bottom:30px;height:1px;
    background:linear-gradient(90deg,transparent,#46c8ff,#ffcc61,#e45dff,transparent);
    box-shadow:0 0 14px rgba(98,194,255,.65);
    opacity:.48;
}
.godz-hero-copy{position:relative;z-index:3;padding:26px 0 26px 10px}
.hero-kicker{
    display:flex;align-items:center;gap:12px;
    color:#9edcff;
    font:700 .83rem "Marcellus SC",serif;
    letter-spacing:.17em;
    text-shadow:0 0 13px rgba(75,184,255,.48);
}
.kicker-wing{color:#ffd36a;font-size:.75rem}
.godz-title{margin:16px 0 3px;line-height:.8;text-transform:uppercase}
.godz-title-top{
    display:block;
    color:#f8fcff;
    font:900 clamp(3.5rem,6.7vw,7.2rem)/.9 "Cinzel Decorative",Cinzel,serif;
    letter-spacing:-.06em;
    text-shadow:
        0 3px 0 #2e4b74,
        0 7px 0 #0a1830,
        0 0 12px rgba(93,195,255,.75),
        0 0 40px rgba(27,124,255,.35);
}
.godz-title-main{
    display:inline-block;
    margin-top:8px;
    padding:0 20px 4px;
    color:#ffe6a4;
    font:900 clamp(3.7rem,7vw,7.8rem)/.88 "Cinzel Decorative",Cinzel,serif;
    letter-spacing:.08em;
    background:linear-gradient(#fff3c8 3%,#ffd15b 44%,#f58d2f 72%,#7c2d09);
    -webkit-background-clip:text;background-clip:text;color:transparent;
    filter:drop-shadow(0 4px 0 #501d08) drop-shadow(0 0 18px rgba(255,154,38,.42));
}
.hero-slogan{
    display:inline-flex;gap:9px;margin:10px 0 18px;
    padding:7px 16px;
    border-top:1px solid rgba(255,210,103,.5);
    border-bottom:1px solid rgba(255,210,103,.5);
    color:#f4d894;
    font:700 .82rem "Marcellus SC",serif;
    letter-spacing:.22em;
    background:linear-gradient(90deg,transparent,rgba(255,180,42,.08),transparent);
}
.hero-slogan i{color:#5fd0ff;font-style:normal}
.hero-subtitle-large{
    max-width:690px;
    margin:4px 0 0;
    color:#d9e2ee;
    font-size:1.03rem;
    line-height:1.85;
    text-shadow:0 2px 12px rgba(0,0,0,.75)
}

.godz-hero-actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:28px}
.fantasy-btn{
    min-height:68px;
    padding:0 24px 0 20px;
    border-width:1px;
    border-radius:7px;
    clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px);
    transition:transform .22s ease,filter .22s ease,box-shadow .22s ease;
}
.fantasy-btn::before{
    content:"";position:absolute;inset:1px;pointer-events:none;
    border:1px solid rgba(255,255,255,.16);
    clip-path:inherit;
}
.fantasy-btn::after{
    content:"";position:absolute;top:-120%;left:-60%;width:30%;height:330%;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.85),transparent);
    transform:rotate(24deg);opacity:.4;
    transition:left .55s ease;
}
.fantasy-btn:hover::after{left:130%}
.fantasy-btn:hover{transform:translateY(-4px) scale(1.025);filter:saturate(1.18) brightness(1.08)}
.btn-glyph{font-size:1.65rem;margin-right:13px;filter:drop-shadow(0 0 8px currentColor)}
.btn-copy{display:flex;flex-direction:column;align-items:flex-start;line-height:1}
.btn-copy strong{font:800 .92rem "Cinzel Decorative",Cinzel,serif;letter-spacing:.05em}
.btn-copy small{margin-top:7px;font:500 .68rem Inter,sans-serif;letter-spacing:.02em;opacity:.72}
.btn-register{
    min-width:235px;
    background:linear-gradient(180deg,#ec4545,#a50f1d 55%,#68101a);
    border-color:#ffb34d;
    box-shadow:0 6px 0 #4f0910,0 0 27px rgba(255,53,70,.23),inset 0 1px 0 rgba(255,255,255,.3);
}
.btn-download{
    min-width:215px;
    color:#e6f6ff;
    background:linear-gradient(180deg,#238dd2,#0e4a86 58%,#082b54);
    border-color:#67d4ff;
    box-shadow:0 6px 0 #061d37,0 0 27px rgba(53,179,255,.2),inset 0 1px 0 rgba(255,255,255,.25);
}

.godz-mini-stats{
    margin-top:25px;
    display:grid;
    grid-template-columns:repeat(4,minmax(110px,1fr));
    gap:9px;
    max-width:690px;
}
.mini-stat{
    position:relative;
    min-height:84px;
    display:grid;
    grid-template-columns:auto 1fr;
    grid-template-rows:auto auto;
    align-content:center;
    column-gap:9px;
    padding:13px 12px;
    border:1px solid color-mix(in srgb,var(--statc) 35%,transparent);
    background:linear-gradient(180deg,rgba(15,21,41,.78),rgba(5,8,20,.85));
    box-shadow:inset 0 0 20px color-mix(in srgb,var(--statc) 6%,transparent);
    overflow:hidden;
}
.mini-stat::after{
    content:"";position:absolute;left:0;right:0;bottom:0;height:2px;
    background:var(--statc);box-shadow:0 0 10px var(--statc)
}
.mini-stat>span{grid-row:1/3;font-size:1.45rem;color:var(--statc);filter:drop-shadow(0 0 7px var(--statc))}
.mini-stat strong{font:.75rem "Marcellus SC",serif;color:#fff;letter-spacing:.07em}
.mini-stat small{font-size:.61rem;color:#8997a8;margin-top:4px}
.stat-blue{--statc:#42c8ff}.stat-red{--statc:#ff5267}.stat-gold{--statc:#ffd15c}.stat-green{--statc:#5cff98}

.hero-stage{
    position:relative;
    min-height:680px;
    display:grid;
    place-items:center;
    perspective:1300px;
}
.hero-stage::before{
    content:"";position:absolute;width:73%;height:68%;border-radius:50%;
    background:radial-gradient(circle,rgba(39,154,255,.2),rgba(180,62,255,.06) 45%,transparent 70%);
    filter:blur(30px);
    animation:stagePulse 5s ease-in-out infinite;
}
@keyframes stagePulse{50%{transform:scale(1.08);opacity:.68}}

.hero-art-wrap{
    position:relative;
    width:min(100%,820px);
    aspect-ratio:13/7;
    transform-style:preserve-3d;
    will-change:transform;
    animation:heroFloat 6.8s ease-in-out infinite;
    filter:drop-shadow(0 25px 30px rgba(0,0,0,.48));
}
@keyframes heroFloat{
    0%,100%{transform:translate3d(0,0,0) rotateZ(-.25deg)}
    50%{transform:translate3d(0,-15px,0) rotateZ(.35deg)}
}
.hero-art{
    position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
    object-position:center;
    border-radius:45% 45% 10% 10% / 8% 8% 8% 8%;
    mask-image:linear-gradient(to bottom,#000 0,#000 82%,transparent 100%);
    -webkit-mask-image:linear-gradient(to bottom,#000 0,#000 82%,transparent 100%);
    transform:scale(1.02);
}
.hero-art-glow{
    position:absolute;inset:7% 5% 4%;
    border-radius:45%;
    background:radial-gradient(circle at 50% 60%,rgba(36,173,255,.23),rgba(149,39,255,.09) 48%,transparent 72%);
    filter:blur(20px);
    transform:translateZ(-25px) scale(1.09);
}
.hero-art-shine{
    position:absolute;inset:0;
    background:linear-gradient(112deg,transparent 32%,rgba(255,255,255,.16) 45%,transparent 55%);
    background-size:260% 100%;
    mix-blend-mode:screen;
    animation:artShine 7s ease-in-out infinite;
    pointer-events:none;
    mask-image:linear-gradient(to bottom,#000 0,#000 75%,transparent 100%);
    -webkit-mask-image:linear-gradient(to bottom,#000 0,#000 75%,transparent 100%);
}
@keyframes artShine{0%,22%{background-position:150% 0}72%,100%{background-position:-80% 0}}
.hero-art-bottomfade{
    position:absolute;left:5%;right:5%;bottom:-2%;height:25%;
    background:radial-gradient(ellipse at center,rgba(42,172,255,.27),rgba(119,36,255,.11) 45%,transparent 73%);
    filter:blur(14px);
}
.hero-stage-ring{
    position:absolute;border:1px solid rgba(99,201,255,.16);border-radius:50%;pointer-events:none;
    box-shadow:0 0 22px rgba(83,155,255,.08),inset 0 0 22px rgba(185,81,255,.05)
}
.ring-one{width:84%;height:72%;animation:ringSpin 24s linear infinite}
.ring-two{width:68%;height:58%;border-style:dashed;animation:ringSpin 19s linear infinite reverse}
@keyframes ringSpin{to{transform:rotate(360deg)}}

.floating-rune{
    position:absolute;z-index:4;
    width:46px;height:46px;display:grid;place-items:center;border-radius:50%;
    color:#fff;
    background:rgba(10,20,40,.64);
    border:1px solid rgba(117,204,255,.4);
    box-shadow:0 0 20px rgba(75,168,255,.26);
    font-size:1.2rem;
    animation:runeFloat 5s ease-in-out infinite;
    backdrop-filter:blur(6px);
}
.rune-one{left:5%;top:26%;color:#6dd8ff}
.rune-two{right:4%;top:20%;color:#ffca66;animation-delay:-1.4s}
.rune-three{right:12%;bottom:18%;color:#e16aff;animation-delay:-2.8s}
@keyframes runeFloat{50%{transform:translateY(-16px) rotate(12deg)}}

.hero-floating-tag{
    position:absolute;z-index:5;
    display:flex;align-items:center;gap:11px;
    padding:12px 15px;
    border:1px solid rgba(131,195,255,.3);
    background:linear-gradient(180deg,rgba(8,19,42,.82),rgba(7,7,19,.84));
    backdrop-filter:blur(10px);
    box-shadow:0 10px 28px rgba(0,0,0,.28),inset 0 0 20px rgba(59,161,255,.06);
    animation:tagBob 4.5s ease-in-out infinite;
}
.hero-floating-tag small,.hero-floating-tag strong{display:block}
.hero-floating-tag small{font-size:.55rem;color:#8396ad;letter-spacing:.09em}
.hero-floating-tag strong{margin-top:3px;font:.72rem "Marcellus SC",serif;letter-spacing:.07em}
.tag-online{right:4%;bottom:9%;border-color:rgba(88,255,144,.28)}
.tag-online strong{color:#8dffb5}
.tag-world{left:2%;top:14%;animation-delay:-2s}
.tag-world>span{font-size:1.3rem;color:#ffd36a}
@keyframes tagBob{50%{transform:translateY(-9px)}}

.quick-menu{padding-top:25px;padding-bottom:75px}
.epic-heading h2{
    font-family:"Cinzel Decorative",Cinzel,serif;
    font-size:clamp(2rem,4vw,3.3rem);
    text-shadow:0 0 26px rgba(79,161,255,.22);
}
.quick-grid{
    max-width:1380px;margin:32px auto 0;
    display:grid;grid-template-columns:repeat(3,1fr);gap:16px;
}
.quick-card{
    --qc:#56c8ff;
    position:relative;
    min-height:145px;
    display:grid;
    grid-template-columns:62px 1fr auto;
    align-items:center;
    gap:17px;
    padding:23px 22px;
    overflow:hidden;
    border:1px solid color-mix(in srgb,var(--qc) 35%,transparent);
    background:
        linear-gradient(120deg,color-mix(in srgb,var(--qc) 11%,transparent),rgba(7,10,23,.86) 42%,rgba(5,5,15,.94));
    box-shadow:0 18px 38px rgba(0,0,0,.22),inset 0 0 28px color-mix(in srgb,var(--qc) 5%,transparent);
    transition:.28s ease;
}
.quick-card::before{
    content:"";position:absolute;left:-35%;top:-100%;width:28%;height:300%;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.34),transparent);
    transform:rotate(20deg);transition:left .55s ease;
}
.quick-card::after{
    content:"";position:absolute;left:0;right:0;bottom:0;height:3px;
    background:linear-gradient(90deg,transparent,var(--qc),transparent);
    box-shadow:0 0 14px var(--qc);
}
.quick-card:hover{transform:translateY(-7px) scale(1.012);border-color:color-mix(in srgb,var(--qc) 65%,white 8%);box-shadow:0 24px 50px rgba(0,0,0,.35),0 0 30px color-mix(in srgb,var(--qc) 12%,transparent)}
.quick-card:hover::before{left:130%}
.quick-icon{
    width:60px;height:60px;display:grid;place-items:center;
    border:1px solid color-mix(in srgb,var(--qc) 50%,transparent);
    background:radial-gradient(circle,color-mix(in srgb,var(--qc) 22%,transparent),rgba(4,7,18,.9));
    color:var(--qc);font-size:1.8rem;
    transform:rotate(45deg);
    box-shadow:0 0 20px color-mix(in srgb,var(--qc) 14%,transparent);
}
.quick-icon::first-letter{transform:rotate(-45deg)}
.quick-card>div small{color:var(--qc);font:.63rem "Marcellus SC",serif;letter-spacing:.15em}
.quick-card>div strong{display:block;margin-top:5px;font:700 1rem "Cinzel Decorative",serif;color:#f7f9ff}
.quick-card p{margin:8px 0 0;color:#9eaabc;font-size:.8rem}
.quick-arrow{font-size:2.1rem;color:var(--qc);transition:.2s ease}
.quick-card:hover .quick-arrow{transform:translateX(5px)}
.quick-register{--qc:#ffbf49}.quick-download{--qc:#48c7ff}.quick-mall{--qc:#ff8c42}.quick-ranking{--qc:#ffd65b}.quick-donate{--qc:#ff526d}.quick-vote{--qc:#d95cff}

.war-section{position:relative;z-index:2;padding:0 5vw 95px}
.war-panel{
    max-width:1380px;margin:0 auto;padding:44px 48px;
    display:flex;justify-content:space-between;align-items:center;gap:40px;
    border:1px solid rgba(255,196,76,.28);
    background:
        radial-gradient(circle at 15% 50%,rgba(255,79,64,.12),transparent 28%),
        radial-gradient(circle at 84% 40%,rgba(62,177,255,.12),transparent 32%),
        linear-gradient(110deg,rgba(20,15,24,.92),rgba(5,8,21,.92));
    box-shadow:0 26px 65px rgba(0,0,0,.36),inset 0 0 45px rgba(255,194,83,.03);
}
.war-copy{max-width:800px}
.war-copy h2{
    margin:9px 0 12px;
    font:900 clamp(2rem,4vw,3.25rem) "Cinzel Decorative",serif;
    background:linear-gradient(#fff,#ffd36a);
    -webkit-background-clip:text;background-clip:text;color:transparent;
}
.war-copy p{color:#b9c4d1;line-height:1.75}
.war-points{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.war-points span{padding:8px 12px;border:1px solid rgba(255,207,93,.16);background:rgba(255,203,90,.05);color:#d7c494;font:.72rem "Marcellus SC",serif}
.giant-action{min-width:280px;min-height:78px}

.godz-footer{
    border-top-color:rgba(255,201,85,.2);
    background:linear-gradient(180deg,rgba(5,7,17,.9),rgba(3,3,10,.96));
}
.godz-footer strong{font-family:"Cinzel Decorative",Cinzel,serif;color:#efd89e}

/* Stronger shared page typography and interactive controls */
body:not(.godz-home) .register-intro h1,
body:not(.godz-home) .inner-intro h1{
    font-family:"Cinzel Decorative",Cinzel,serif;
    letter-spacing:.01em;
}
body:not(.godz-home) .btn,
body:not(.godz-home) .rank-tab{
    min-height:58px;
    font-family:"Marcellus SC",Cinzel,serif;
    font-size:.88rem;
    border-radius:4px;
    box-shadow:0 5px 0 rgba(0,0,0,.3),0 0 20px rgba(179,53,255,.12);
}
body:not(.godz-home) .btn:hover{transform:translateY(-4px) scale(1.015);filter:brightness(1.12)}
body:not(.godz-home) .shop-card,
body:not(.godz-home) .package-card,
body:not(.godz-home) .payment-card,
body:not(.godz-home) .vote-card,
body:not(.godz-home) .download-card{
    border-radius:6px;
    box-shadow:0 16px 38px rgba(0,0,0,.27),inset 0 0 28px rgba(192,76,255,.035);
}
body:not(.godz-home) .shop-card:hover,
body:not(.godz-home) .package-card:hover,
body:not(.godz-home) .payment-card:hover,
body:not(.godz-home) .vote-card:hover,
body:not(.godz-home) .download-card:hover{
    transform:translateY(-8px) scale(1.01);
    box-shadow:0 24px 50px rgba(0,0,0,.4),0 0 28px rgba(192,76,255,.12);
}

/* mouse ripple for buttons */
.fx-ripple{
    position:absolute;border-radius:50%;pointer-events:none;
    background:rgba(255,255,255,.55);
    transform:translate(-50%,-50%) scale(0);
    animation:rippleOut .62s ease-out forwards;
    mix-blend-mode:screen;
}
@keyframes rippleOut{to{transform:translate(-50%,-50%) scale(7);opacity:0}}

@media(max-width:1280px){
    .godz-brand{min-width:205px}
    .brand-copy small{display:none}
    .godz-nav a{min-width:62px;padding:0 7px;font-size:.65rem}
    .godz-hero{grid-template-columns:1fr 1.05fr}
    .godz-mini-stats{grid-template-columns:repeat(2,1fr)}
    .hero-stage{min-height:590px}
}
@media(max-width:1050px){
    .godz-topbar{height:78px}
    .godz-hero{grid-template-columns:1fr;padding-top:44px;text-align:center}
    .godz-hero-copy{padding-left:0}
    .hero-kicker,.godz-hero-actions{justify-content:center}
    .hero-subtitle-large{margin-left:auto;margin-right:auto}
    .godz-mini-stats{margin-left:auto;margin-right:auto}
    .hero-stage{min-height:560px}
    .quick-grid{grid-template-columns:repeat(2,1fr)}
    .war-panel{flex-direction:column;text-align:center}
    .war-points{justify-content:center}
}
@media(max-width:720px){
    .godz-home{font-size:15px}
    .godz-topbar{height:70px}
    .brand-crest{width:44px;height:44px}.brand-copy strong{font-size:.86rem}
    .godz-hero{padding:38px 18px 58px}
    .godz-title-top{font-size:3.2rem}.godz-title-main{font-size:4.2rem}
    .hero-kicker{font-size:.65rem;letter-spacing:.1em}
    .hero-slogan{font-size:.65rem;letter-spacing:.12em}
    .godz-hero-actions{flex-direction:column;align-items:stretch}
    .fantasy-btn{width:100%}
    .godz-mini-stats{grid-template-columns:1fr 1fr}
    .hero-stage{min-height:360px;margin-top:12px}
    .hero-floating-tag{display:none}
    .floating-rune{width:36px;height:36px;font-size:.95rem}
    .quick-menu{padding-left:18px;padding-right:18px}
    .quick-grid{grid-template-columns:1fr}
    .quick-card{min-height:128px}
    .war-section{padding-left:18px;padding-right:18px}
    .war-panel{padding:30px 22px}
}


/* ======================================================================
   GODZ WAR PKO - MULTI WORLD VISUAL PACK V12
   Each major PHP page has a distinct fantasy environment and FX palette.
   ====================================================================== */
:root{
  --gw-gold:#ffd364;
  --gw-blue:#46c7ff;
  --gw-red:#ff5369;
  --gw-violet:#d45eff;
  --gw-green:#67f7a4;
}

.inner-page .page-bg,.register-page .page-bg,.godz-home .page-bg{
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  background-attachment:fixed;
  filter:saturate(1.14) contrast(1.04);
}
.godz-home .page-bg{background-image:url('../images/bg-home.jpg')!important}
.theme-register .page-bg{background-image:url('../images/bg-register.jpg')!important}
.theme-mall .page-bg{background-image:url('../images/bg-mall.jpg')!important}
.theme-crystal .page-bg{background-image:url('../images/bg-crystal.jpg')!important}
.theme-ranking .page-bg{background-image:url('../images/bg-ranking.jpg')!important}
.theme-donation .page-bg{background-image:url('../images/bg-donation.jpg')!important}
.theme-vote .page-bg{background-image:url('../images/bg-vote.jpg')!important}
.theme-download .page-bg{background-image:url('../images/bg-download.jpg')!important}
.theme-viewer .page-bg{background-image:url('../images/bg-viewer.jpg')!important}

.inner-page .page-overlay,.register-page .page-overlay{
  background:
    linear-gradient(180deg,rgba(4,7,21,.26),rgba(5,4,15,.62) 55%,rgba(3,3,11,.94)),
    radial-gradient(circle at 50% 17%,rgba(255,255,255,.06),transparent 36%);
}
.theme-register{--page-accent:#ff70ba;--page-accent2:#ffcf70}
.theme-mall{--page-accent:#ffae45;--page-accent2:#ff5f83}
.theme-crystal{--page-accent:#66d9ff;--page-accent2:#b565ff}
.theme-ranking{--page-accent:#ffd35f;--page-accent2:#42c7ff}
.theme-donation{--page-accent:#ff5369;--page-accent2:#ffb943}
.theme-vote{--page-accent:#d96aff;--page-accent2:#52d4ff}
.theme-download{--page-accent:#4dcfff;--page-accent2:#4f8cff}
.theme-viewer{--page-accent:#e7b84f;--page-accent2:#4ac9ff}

.inner-page .inner-intro,.register-page .register-intro{
  position:relative;
  padding:38px 24px 28px;
  border-bottom:1px solid color-mix(in srgb,var(--page-accent,#ba62ff) 25%,transparent);
}
.inner-page .inner-intro::after,.register-page .register-intro::after{
  content:"";
  position:absolute;left:18%;right:18%;bottom:0;height:2px;
  background:linear-gradient(90deg,transparent,var(--page-accent,#ba62ff),var(--page-accent2,#6fcfff),transparent);
  box-shadow:0 0 18px var(--page-accent,#ba62ff);
}
.inner-page .inner-intro h1,.register-page .register-intro h1{
  font-size:clamp(2.7rem,5.8vw,5.8rem)!important;
  line-height:.95;
  letter-spacing:-.035em;
  text-shadow:0 4px 0 rgba(0,0,0,.45),0 0 28px color-mix(in srgb,var(--page-accent,#ba62ff) 30%,transparent);
}
.inner-page .purple-text,.register-page .purple-text{
  background:linear-gradient(180deg,#fff 4%,var(--page-accent2,#e99fff) 44%,var(--page-accent,#a540ff) 83%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.inner-page .eyebrow,.register-page .eyebrow{color:var(--page-accent2,#a6d9ff)!important}

/* animated page-specific atmosphere */
.theme-register .fx-layer::before,
.theme-mall .fx-layer::before,
.theme-crystal .fx-layer::before,
.theme-ranking .fx-layer::before,
.theme-donation .fx-layer::before,
.theme-vote .fx-layer::before,
.theme-download .fx-layer::before,
.theme-viewer .fx-layer::before{
  content:"";position:absolute;inset:-10%;pointer-events:none;opacity:.32;
  background:
    radial-gradient(circle at 18% 24%,var(--page-accent) 0 2px,transparent 3px),
    radial-gradient(circle at 73% 18%,var(--page-accent2) 0 1px,transparent 3px),
    radial-gradient(circle at 41% 62%,#fff 0 1px,transparent 2px),
    radial-gradient(circle at 88% 73%,var(--page-accent) 0 2px,transparent 3px);
  background-size:180px 180px,230px 230px,140px 140px,260px 260px;
  animation:worldDust 18s linear infinite;
}
@keyframes worldDust{to{transform:translate3d(45px,-70px,0) rotate(2deg)}}

/* Every page gets a distinct glow flavor */
.theme-register .register-card{box-shadow:0 28px 75px rgba(0,0,0,.5),0 0 50px rgba(255,93,176,.13),inset 0 0 45px rgba(255,183,219,.035)}
.theme-mall .mall-grid .shop-card{--cardfx:#ff9d3f}
.theme-crystal .package-card{--cardfx:#4bcfff}
.theme-ranking .ranking-panel{box-shadow:0 26px 70px rgba(0,0,0,.5),0 0 42px rgba(255,200,68,.13)}
.theme-donation .donation-card,.theme-donation .payment-card{box-shadow:0 22px 60px rgba(0,0,0,.45),0 0 36px rgba(255,70,90,.11)}
.theme-vote .vote-card{box-shadow:0 22px 60px rgba(0,0,0,.45),0 0 36px rgba(200,82,255,.14)}
.theme-download .download-card{box-shadow:0 22px 60px rgba(0,0,0,.45),0 0 36px rgba(67,191,255,.15)}

/* Bigger fantasy inputs and stronger focus states */
.register-form input,.register-form select,
.donation-form input,.donation-form select,.donation-form textarea,
.vote-form input,.vote-form select{
  min-height:52px;
  font-size:1rem!important;
  border-width:1px!important;
  transition:.22s ease;
}
.register-form input:focus,.register-form select:focus,
.donation-form input:focus,.donation-form select:focus,.donation-form textarea:focus,
.vote-form input:focus,.vote-form select:focus{
  transform:translateY(-1px);
  border-color:var(--page-accent,#b95cff)!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--page-accent,#b95cff) 12%,transparent),0 0 24px color-mix(in srgb,var(--page-accent,#b95cff) 18%,transparent)!important;
}

/* Navigation becomes brighter and more game-like on every inner page */
.inner-page .nav a,.register-page .nav a{
  position:relative;overflow:hidden;
  font-weight:800;
  letter-spacing:.035em;
}
.inner-page .nav a::before,.register-page .nav a::before{
  content:"";position:absolute;inset:auto 18% 0;height:2px;
  background:var(--page-accent,#b75bff);
  transform:scaleX(0);transition:.2s ease;
  box-shadow:0 0 12px var(--page-accent,#b75bff);
}
.inner-page .nav a:hover::before,.inner-page .nav a.active::before,
.register-page .nav a:hover::before,.register-page .nav a.active::before{transform:scaleX(1)}
.inner-page .nav a:hover,.register-page .nav a:hover{
  color:#fff;transform:translateY(-2px);
  text-shadow:0 0 12px var(--page-accent,#b75bff);
}

/* Home interactive character showcase */
.home-character-showcase{
  position:relative;z-index:2;
  max-width:1380px;margin:0 auto 45px;padding:40px 48px;
  display:grid;grid-template-columns:1fr .82fr;gap:34px;align-items:center;
  border:1px solid rgba(255,203,92,.26);
  background:linear-gradient(110deg,rgba(6,12,31,.92),rgba(14,7,22,.88));
  box-shadow:0 26px 70px rgba(0,0,0,.45),inset 0 0 50px rgba(71,178,255,.045);
  overflow:hidden;
}
.home-character-showcase::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(circle at 78% 48%,rgba(61,181,255,.13),transparent 31%),radial-gradient(circle at 15% 60%,rgba(255,184,54,.07),transparent 28%);
}
.character-showcase-copy{position:relative;z-index:3}
.character-showcase-copy h2{
  margin:8px 0 14px;font:900 clamp(2rem,4.5vw,4.1rem) "Cinzel Decorative",Cinzel,serif;
}
.character-showcase-copy h2 span{color:#ffd364;text-shadow:0 0 20px rgba(255,197,76,.25)}
.character-showcase-copy p{max-width:650px;color:#b8c5d5;line-height:1.75}
.mini-character-stage{
  position:relative;min-height:430px;display:grid;place-items:center;cursor:ew-resize;user-select:none;perspective:1200px;
}
.character-rotator{
  position:relative;z-index:3;
  transform-style:preserve-3d;
  transition:transform .08s linear;
  will-change:transform;
}
.character-rotator img{
  display:block;max-height:420px;max-width:100%;
  filter:drop-shadow(0 24px 22px rgba(0,0,0,.5)) drop-shadow(0 0 20px rgba(255,193,68,.12));
  pointer-events:none;
}
.character-halo{
  position:absolute;width:65%;aspect-ratio:1;border-radius:50%;
  background:radial-gradient(circle,rgba(72,187,255,.22),rgba(180,84,255,.08) 43%,transparent 67%);
  filter:blur(12px);animation:haloPulse 4s ease-in-out infinite;
}
@keyframes haloPulse{50%{transform:scale(1.12);opacity:.7}}
.drag-hint{
  position:absolute;z-index:5;bottom:16px;padding:7px 14px;
  border:1px solid rgba(115,199,255,.25);background:rgba(5,10,24,.72);
  color:#a9c8e9;font:.66rem "Marcellus SC",serif;letter-spacing:.14em;
}

/* Full character viewer */
.character-page-shell{max-width:1500px}
.viewer-intro{padding-bottom:22px!important}
.character-viewer-card{
  position:relative;margin:24px auto 70px;max-width:1370px;padding:18px;
  border:1px solid rgba(241,191,73,.3);
  background:linear-gradient(145deg,rgba(7,13,28,.93),rgba(5,5,13,.94));
  box-shadow:0 35px 90px rgba(0,0,0,.56),0 0 50px rgba(76,174,255,.09),inset 0 0 50px rgba(230,178,67,.025);
}
.viewer-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.55fr);min-height:690px}
.viewer-stage{
  position:relative;overflow:hidden;display:grid;place-items:center;
  min-height:690px;cursor:ew-resize;user-select:none;perspective:1500px;
  border-right:1px solid rgba(255,211,94,.12);
  background:
    radial-gradient(circle at 50% 45%,rgba(43,171,255,.14),transparent 34%),
    radial-gradient(circle at 50% 70%,rgba(255,185,48,.08),transparent 28%),
    linear-gradient(180deg,rgba(5,13,26,.25),rgba(2,4,11,.72));
}
.viewer-stage .character-rotator img{max-height:610px}
.viewer-platform{
  position:absolute;bottom:68px;width:58%;height:72px;border-radius:50%;
  border:1px solid rgba(255,204,87,.4);
  background:radial-gradient(ellipse,rgba(255,194,62,.24),rgba(38,136,255,.09) 43%,transparent 70%);
  box-shadow:0 0 45px rgba(255,188,49,.16),inset 0 0 35px rgba(53,160,255,.12);
  transform:rotateX(65deg);
}
.viewer-ring{
  position:absolute;border-radius:50%;border:1px solid rgba(78,190,255,.2);pointer-events:none;
}
.ring-a{width:58%;aspect-ratio:1;animation:ringSpin 22s linear infinite}
.ring-b{width:44%;aspect-ratio:1;border-style:dashed;border-color:rgba(255,202,82,.18);animation:ringSpin 17s linear infinite reverse}
.viewer-axis{
  position:absolute;left:8%;right:8%;bottom:42px;display:flex;justify-content:space-between;
  color:#758ca7;font-size:.56rem
}
.viewer-info{
  padding:48px 34px;background:linear-gradient(180deg,rgba(9,14,28,.74),rgba(5,6,16,.91));
}
.viewer-info h2{
  margin:8px 0 12px;font:900 2.25rem "Cinzel Decorative",Cinzel,serif;
  color:#ffe6a8;text-shadow:0 0 18px rgba(255,195,59,.2)
}
.viewer-info>p{color:#9fabb9;line-height:1.7}
.viewer-specs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:26px 0}
.viewer-specs>div{
  padding:14px;border:1px solid rgba(255,204,79,.13);background:rgba(255,200,68,.035)
}
.viewer-specs small,.viewer-specs strong{display:block}
.viewer-specs small{font-size:.58rem;color:#71849b;letter-spacing:.13em}
.viewer-specs strong{margin-top:5px;color:#e7d59f;font:.78rem "Marcellus SC",serif}
.viewer-controls{display:grid;gap:10px}
.viewer-controls .btn{width:100%;min-height:54px}
.viewer-note{margin-top:24px;padding:15px;border-left:2px solid #48c9ff;background:rgba(69,186,255,.05)}
.viewer-note strong,.viewer-note span{display:block}
.viewer-note strong{color:#81d6ff;font:.7rem "Marcellus SC",serif;letter-spacing:.08em}
.viewer-note span{margin-top:7px;color:#8292a5;font-size:.75rem}

/* Page-specific button energy */
.theme-register .btn-primary{box-shadow:0 5px 0 #570b36,0 0 28px rgba(255,83,175,.25)!important}
.theme-mall .btn-primary,.theme-mall .buy-btn{box-shadow:0 5px 0 #5b2508,0 0 28px rgba(255,150,55,.24)!important}
.theme-crystal .btn-primary{box-shadow:0 5px 0 #073450,0 0 28px rgba(74,204,255,.26)!important}
.theme-ranking .rank-tab.active{box-shadow:0 4px 0 #604300,0 0 24px rgba(255,207,79,.24)!important}
.theme-donation .btn-primary{box-shadow:0 5px 0 #5b101c,0 0 28px rgba(255,76,97,.25)!important}
.theme-vote .btn-primary{box-shadow:0 5px 0 #47105c,0 0 28px rgba(211,82,255,.25)!important}
.theme-download .btn-primary{box-shadow:0 5px 0 #07375d,0 0 28px rgba(70,191,255,.26)!important}

@media(max-width:1100px){
  .home-character-showcase{grid-template-columns:1fr;padding:34px;text-align:center}
  .character-showcase-copy p{margin-left:auto;margin-right:auto}
  .character-showcase-copy .btn{margin-left:auto;margin-right:auto}
  .viewer-grid{grid-template-columns:1fr}
  .viewer-stage{border-right:0;border-bottom:1px solid rgba(255,211,94,.12);min-height:580px}
}
@media(max-width:760px){
  .home-character-showcase{margin-left:16px;margin-right:16px;padding:26px 18px}
  .mini-character-stage{min-height:350px}.character-rotator img{max-height:340px}
  .viewer-stage{min-height:470px}.viewer-stage .character-rotator img{max-height:440px}
  .viewer-info{padding:30px 20px}.viewer-specs{grid-template-columns:1fr}
}


/* GODZ WAR PKO V13 - cleaner artwork backgrounds + floating battle image + audio */
.page-bg{
    text-rendering:auto;
}
.godz-home .hero-art{
    border-radius:24px!important;
    object-fit:cover!important;
    object-position:center!important;
    mask-image:linear-gradient(to bottom,#000 0,#000 90%,transparent 100%)!important;
    -webkit-mask-image:linear-gradient(to bottom,#000 0,#000 90%,transparent 100%)!important;
    border:1px solid rgba(91,198,255,.26);
    box-shadow:inset 0 0 0 1px rgba(255,211,99,.08);
}
.godz-home .hero-art-wrap{
    aspect-ratio:1210/548!important;
    border-radius:24px;
    overflow:visible;
}
.godz-home .hero-art-wrap::after{
    content:"";
    position:absolute;inset:-4%;
    z-index:-1;
    background:radial-gradient(ellipse at center,rgba(63,187,255,.20),rgba(221,73,255,.07) 45%,transparent 72%);
    filter:blur(22px);
}
.gw-audio-player{
    position:fixed;
    right:18px;
    bottom:18px;
    z-index:99999;
    width:min(360px,calc(100vw - 36px));
    min-height:66px;
    display:grid;
    grid-template-columns:44px minmax(100px,1fr) 94px 38px;
    align-items:center;
    gap:10px;
    padding:10px 12px;
    border:1px solid rgba(89,201,255,.38);
    border-radius:10px;
    background:linear-gradient(180deg,rgba(5,17,38,.94),rgba(5,7,18,.96));
    box-shadow:0 15px 42px rgba(0,0,0,.5),0 0 26px rgba(56,177,255,.13),inset 0 0 22px rgba(67,182,255,.04);
    backdrop-filter:blur(10px);
}
.gw-audio-player::before{
    content:"";
    position:absolute;left:12px;right:12px;bottom:4px;height:1px;
    background:linear-gradient(90deg,transparent,#48c8ff,#ffd164,transparent);
    box-shadow:0 0 8px #48c8ff;
    opacity:.55;
}
.gw-audio-player.is-playing{
    border-color:rgba(255,203,85,.45);
    box-shadow:0 15px 42px rgba(0,0,0,.5),0 0 30px rgba(255,188,59,.14),inset 0 0 22px rgba(67,182,255,.04);
}
.gw-audio-toggle,.gw-audio-mute{
    border:1px solid rgba(96,201,255,.38);
    background:linear-gradient(180deg,#143c70,#071c39);
    color:#fff;
    border-radius:50%;
    width:40px;height:40px;
    cursor:pointer;
    box-shadow:0 0 14px rgba(69,190,255,.18);
}
.gw-audio-mute{width:34px;height:34px;font-size:.8rem}
.gw-audio-info{display:flex;flex-direction:column;min-width:0}
.gw-audio-info small{font-size:.52rem;letter-spacing:.12em;color:#7694b5}
.gw-audio-info strong{
    margin-top:3px;
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
    color:#eaf7ff;
    font:.72rem "Marcellus SC",serif;
    letter-spacing:.04em;
}
.gw-audio-volume{width:94px;accent-color:#4cc9ff;cursor:pointer}
@media(max-width:650px){
    .gw-audio-player{
        grid-template-columns:40px 1fr 34px;
        width:min(300px,calc(100vw - 24px));
        right:12px;bottom:12px;
    }
    .gw-audio-volume{display:none}
}


/* =====================================================================
   GODZ WAR PKO V15 - PLAYER LOGIN & ACCOUNT PANEL
   ===================================================================== */
.theme-login .page-bg{
    background:
        radial-gradient(circle at 50% 24%,rgba(71,148,255,.17),transparent 34%),
        linear-gradient(180deg,rgba(7,6,24,.34),rgba(5,2,12,.86)),
        url('../images/bg-viewer.jpg') center/cover fixed no-repeat;
}
.account-shell{max-width:1240px}
.login-card-wrap{max-width:620px;margin:0 auto;padding:42px;overflow:hidden}
.login-card-wrap::before{content:"";position:absolute;width:280px;height:280px;border-radius:50%;right:-110px;top:-150px;background:radial-gradient(circle,rgba(93,157,255,.24),transparent 68%);pointer-events:none}
.login-emblem{width:82px;height:82px;display:grid;place-items:center;margin:0 auto 24px;border:1px solid rgba(117,184,255,.55);border-radius:50%;background:radial-gradient(circle,rgba(68,112,255,.32),rgba(20,8,42,.9));font-size:2.3rem;box-shadow:0 0 40px rgba(74,139,255,.25),inset 0 0 22px rgba(255,255,255,.05)}
.account-login-form{display:grid;gap:18px}
.account-login-form label{display:grid;gap:8px;color:#c9bfd0;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.account-login-form input{width:100%;height:54px;padding:0 16px;color:#fff;border:1px solid rgba(180,107,229,.32);background:rgba(6,4,12,.78);outline:none;transition:.2s ease}
.account-login-form input:focus{border-color:#7fb8ff;box-shadow:0 0 0 3px rgba(82,151,255,.1),0 0 24px rgba(82,151,255,.1)}
.account-login-btn{width:100%;margin-top:8px;min-height:56px}
.account-login-footer{text-align:center;margin-top:20px;color:#a79bab;font-size:.85rem}.account-login-footer a{color:#8fc4ff}
.account-alert{max-width:900px;margin:0 auto 20px;padding:14px 18px;border:1px solid rgba(255,95,118,.36);background:rgba(108,20,36,.25);color:#ffc1ca}.account-alert>div+div{margin-top:6px}
.account-welcome{position:relative}.account-logout{display:inline-flex;margin-top:16px;padding:10px 16px;border:1px solid rgba(255,104,126,.35);color:#ff9bab;background:rgba(104,17,35,.2);font:700 .72rem Cinzel,serif;letter-spacing:.08em}.account-logout:hover{background:rgba(151,21,47,.32)}
.account-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:30px 0}
.account-stat-card{position:relative;padding:24px;border:1px solid rgba(129,116,226,.28);background:linear-gradient(180deg,rgba(28,19,54,.82),rgba(7,5,15,.88));box-shadow:0 20px 46px rgba(0,0,0,.2);overflow:hidden}
.account-stat-card::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,transparent,#6bbcff,transparent);opacity:.75}
.account-stat-card>span,.account-detail-grid span,.char-main>span,.char-stats span{display:block;color:#8f84a0;font-size:.64rem;font-weight:800;letter-spacing:.12em}
.account-stat-card>strong{display:block;margin:11px 0 7px;color:#f5e9ff;font:900 1.45rem Cinzel,serif;text-shadow:0 0 16px rgba(145,95,255,.2)}
.account-stat-card>strong.stat-online{color:#77ffaf;text-shadow:0 0 16px rgba(67,255,140,.25)}
.account-stat-card>small{color:#83788b}
.account-detail-panel,.account-character-panel{margin-top:22px}
.account-detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.account-detail-grid>div{padding:18px;border:1px solid rgba(173,104,223,.18);background:rgba(13,8,22,.6);min-width:0}
.account-detail-grid strong{display:block;margin-top:8px;color:#eee4f5;font-size:.9rem;overflow-wrap:anywhere}
.character-account-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.character-account-card{display:grid;grid-template-columns:64px 1fr;gap:16px;padding:20px;border:1px solid rgba(117,164,255,.23);background:linear-gradient(145deg,rgba(25,18,48,.8),rgba(8,6,16,.9));transition:.2s ease}
.character-account-card:hover{transform:translateY(-3px);border-color:rgba(117,190,255,.52);box-shadow:0 18px 40px rgba(0,0,0,.22)}
.char-avatar{width:64px;height:64px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(117,190,255,.45);background:radial-gradient(circle,rgba(65,143,255,.25),rgba(17,10,34,.85));font-size:1.55rem}
.char-main h3{margin:6px 0 14px;color:#fff1cf;font:900 1.22rem Cinzel,serif}
.char-stats{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.char-stats>div{padding:12px;border:1px solid rgba(255,255,255,.06);background:rgba(0,0,0,.18)}.char-stats strong{display:block;margin-top:5px;color:#dfe9ff;font-size:.86rem;overflow-wrap:anywhere}
.account-empty-state{display:grid;gap:8px;padding:24px;border:1px dashed rgba(160,117,213,.28);background:rgba(9,5,16,.46);color:#a99daf}.account-empty-state strong{color:#ded1e7}.account-empty-state span{line-height:1.65}
.account-action-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:22px}.account-action-grid a{display:grid;gap:6px;padding:20px;border:1px solid rgba(161,112,222,.24);background:rgba(15,9,28,.76);transition:.2s ease}.account-action-grid a:hover{transform:translateY(-3px);border-color:rgba(116,183,255,.54)}.account-action-grid strong{color:#f3e8ff;font:700 .82rem Cinzel,serif}.account-action-grid span{color:#8f8395;font-size:.76rem}
@media(max-width:1000px){.account-stat-grid,.account-detail-grid{grid-template-columns:repeat(2,1fr)}.account-action-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.login-card-wrap{padding:28px 18px}.account-stat-grid,.account-detail-grid,.character-account-grid,.account-action-grid{grid-template-columns:1fr}.char-stats{grid-template-columns:1fr}.account-stat-card>strong{font-size:1.2rem}}

/* =========================================================
   V16 EPIC INNER-PAGE VISUAL UPGRADE
   Bigger fantasy navigation, stronger buttons, extra fonts,
   decorative character models and richer panel details.
   ========================================================= */
@import url('https://fonts.googleapis.com/css2?family=MedievalSharp&family=Uncial+Antiqua&display=swap');

:root{
  --gold:#ffd36b;
  --gold2:#b87912;
  --ice:#9be8ff;
  --blood:#ff557c;
}

/* Header / main navigation */
.topbar{
  min-height:100px;
  height:auto;
  padding:10px 2.2vw;
  gap:18px;
  background:linear-gradient(180deg,rgba(10,4,15,.96),rgba(3,1,6,.90));
  border-bottom:1px solid rgba(255,211,107,.22);
  box-shadow:0 12px 38px rgba(0,0,0,.58),0 0 32px rgba(154,42,255,.10);
}
.brand{min-width:max-content;gap:14px}
.brand-mark{
  width:54px;height:54px;
  border:2px solid rgba(255,211,107,.64);
  background:radial-gradient(circle at 35% 30%,#8c2cc7,#21052f 62%,#060109 100%);
  box-shadow:0 0 22px rgba(205,89,255,.52),inset 0 0 12px rgba(255,255,255,.08);
}
.brand strong{font-size:1rem;letter-spacing:.11em;text-shadow:0 0 15px rgba(224,166,255,.42)}
.brand small{font-size:.7rem;color:var(--gold);letter-spacing:.48em}

.nav,.wide-nav{display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap;height:auto}
.nav a{
  height:auto;min-height:56px;
  padding:0 17px;
  border:1px solid rgba(213,135,255,.18);
  background:linear-gradient(180deg,rgba(27,10,37,.78),rgba(7,2,11,.84));
  clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px);
  font-family:'MedievalSharp',Cinzel,serif;
  font-size:.92rem;
  font-weight:700;
  letter-spacing:.035em;
  color:#e1d8e7;
  text-shadow:0 1px 9px rgba(0,0,0,.88);
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,color .2s ease;
}
.nav a::before{content:"✦";font-size:.57rem;margin-right:7px;color:rgba(255,211,107,.75);filter:drop-shadow(0 0 5px currentColor)}
.nav a:hover,.nav a.active{
  color:#fff;
  transform:translateY(-2px);
  border-color:rgba(255,211,107,.48);
  background:linear-gradient(180deg,rgba(117,34,156,.88),rgba(35,7,53,.92));
  box-shadow:0 7px 22px rgba(0,0,0,.36),0 0 18px rgba(193,76,255,.28),inset 0 0 15px rgba(255,255,255,.035);
}
.nav a.active::after{left:10%;right:10%;height:3px;background:linear-gradient(90deg,transparent,var(--gold),#fff,var(--purple),transparent)}
.server-pill{
  min-height:50px;padding:0 14px;
  border:1px solid rgba(64,243,139,.32);
  background:rgba(5,18,12,.58);
  clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);
}

/* Bigger, more game-like buttons */
.btn{
  min-height:64px;
  padding:0 34px;
  border-width:1px;
  font-family:'Uncial Antiqua',Cinzel,serif;
  font-size:.96rem;
  line-height:1.2;
  letter-spacing:.065em;
  clip-path:polygon(11px 0,calc(100% - 11px) 0,100% 11px,100% calc(100% - 11px),calc(100% - 11px) 100%,11px 100%,0 calc(100% - 11px),0 11px);
  text-shadow:0 2px 8px rgba(0,0,0,.75);
}
.btn::after{
  content:"";position:absolute;inset:3px;pointer-events:none;
  border:1px solid rgba(255,255,255,.09);
  clip-path:inherit;
}
.btn-primary{
  background:linear-gradient(180deg,#d85cff 0%,#8b14c5 42%,#43006b 100%);
  border-color:rgba(255,220,255,.82);
  box-shadow:0 6px 0 rgba(38,0,57,.92),0 10px 25px rgba(0,0,0,.4),0 0 26px rgba(189,53,255,.36),inset 0 1px 0 rgba(255,255,255,.28);
}
.btn-primary:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 0 rgba(38,0,57,.88),0 14px 30px rgba(0,0,0,.5),0 0 42px rgba(216,92,255,.58)}
.btn-secondary{
  background:linear-gradient(180deg,rgba(42,25,48,.94),rgba(10,4,14,.95));
  border-color:rgba(255,211,107,.42);
  box-shadow:0 5px 0 rgba(0,0,0,.45),0 0 18px rgba(255,211,107,.10);
}
.btn-secondary:hover{border-color:var(--gold);box-shadow:0 8px 22px rgba(0,0,0,.4),0 0 24px rgba(255,211,107,.20)}
.shop-card .btn,.content-panel .btn,.register-card .btn{width:100%;margin-top:12px}

/* Richer typography and title treatment on every PHP page */
.inner-intro,.register-intro{position:relative;overflow:hidden;border-color:rgba(255,211,107,.25);box-shadow:0 18px 48px rgba(0,0,0,.28),inset 0 0 40px rgba(142,29,205,.06)}
.inner-intro::before,.register-intro::before{
  content:"◆  ✦  ◆";position:absolute;left:50%;top:9px;transform:translateX(-50%);
  font-family:Cinzel,serif;color:rgba(255,211,107,.50);letter-spacing:.5em;font-size:.66rem;
}
.inner-intro h1,.register-intro h1{
  margin-top:24px;
  font-family:'Uncial Antiqua',Cinzel,serif;
  font-size:clamp(3.2rem,6vw,5.7rem);
  text-transform:uppercase;
  letter-spacing:.025em;
  text-shadow:0 4px 0 rgba(34,0,48,.75),0 0 30px rgba(201,86,255,.38);
}
.theme-mall .inner-intro h1{font-family:'MedievalSharp',Cinzel,serif}
.theme-crystal .inner-intro h1{font-family:'Uncial Antiqua',Cinzel,serif;color:#dcfbff}
.theme-ranking .inner-intro h1{font-family:Cinzel,serif;letter-spacing:.07em}
.theme-donation .inner-intro h1{font-family:'MedievalSharp',Cinzel,serif}
.theme-vote .inner-intro h1{font-family:'Uncial Antiqua',Cinzel,serif}
.theme-download .inner-intro h1{font-family:Cinzel,serif;font-weight:800}
.theme-viewer .inner-intro h1{font-family:'MedievalSharp',Cinzel,serif}
.theme-login .inner-intro h1{font-family:'Uncial Antiqua',Cinzel,serif}

.eyebrow{font-size:.82rem;color:var(--gold);text-shadow:0 0 12px rgba(255,211,107,.24)}
.panel-title-row h2,.content-panel h2,.register-card h2{font-family:'MedievalSharp',Cinzel,serif;font-size:2rem;letter-spacing:.04em}

/* Panels with more fantasy detailing */
.content-panel,.register-card,.shop-card,.ranking-table-wrap,.donation-card,.vote-card,.download-card{
  position:relative;
  border-color:rgba(212,120,255,.34);
  box-shadow:0 20px 55px rgba(0,0,0,.38),inset 0 0 35px rgba(148,30,220,.035);
}
.content-panel::before,.register-card::before{
  content:"";position:absolute;inset:8px;pointer-events:none;
  border:1px solid rgba(255,211,107,.08);
  clip-path:polygon(0 0,65px 0,65px 1px,1px 1px,1px 65px,0 65px,0 0,100% 0,100% 65px,calc(100% - 1px) 65px,calc(100% - 1px) 1px,calc(100% - 65px) 1px,calc(100% - 65px) 0,100% 0,100% 100%,calc(100% - 65px) 100%,calc(100% - 65px) calc(100% - 1px),calc(100% - 1px) calc(100% - 1px),calc(100% - 1px) calc(100% - 65px),100% calc(100% - 65px),100% 100%,0 100%,0 calc(100% - 65px),1px calc(100% - 65px),1px calc(100% - 1px),65px calc(100% - 1px),65px 100%,0 100%);
}
.shop-card{transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}
.shop-card:hover{transform:translateY(-8px) scale(1.015);border-color:rgba(255,211,107,.46);box-shadow:0 24px 55px rgba(0,0,0,.48),0 0 28px rgba(179,53,255,.18)}

/* Decorative models on every inner PHP page */
.page-models{position:fixed;inset:100px 0 0;z-index:0;pointer-events:none;overflow:hidden}
.page-model{position:absolute;bottom:-72px;width:min(30vw,360px);height:calc(100vh - 100px);display:flex;align-items:flex-end;justify-content:center;opacity:.92;filter:drop-shadow(0 20px 22px rgba(0,0,0,.70));}
.page-model img{max-width:100%;max-height:92%;object-fit:contain;transform-origin:bottom center;animation:modelFloat 5.6s ease-in-out infinite}
.page-model-left{left:-95px;opacity:.20;filter:hue-rotate(62deg) saturate(1.25) drop-shadow(0 20px 24px rgba(0,0,0,.7))}
.page-model-left img{transform:scaleX(-1)}
.page-model-right{right:-48px}
.page-model-halo{position:absolute;bottom:8%;width:72%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(190,62,255,.24),rgba(120,0,180,.08) 40%,transparent 70%);filter:blur(3px);animation:haloPulse 3.4s ease-in-out infinite}
.page-model-rune{position:absolute;bottom:8%;width:64%;aspect-ratio:1;border-radius:50%;border:1px solid rgba(255,211,107,.18);box-shadow:0 0 35px rgba(183,53,255,.14);animation:spin 24s linear infinite}
.page-model-rune::before{content:"✦   ◆   ✦   ◆   ✦   ◆";position:absolute;inset:9%;border-radius:50%;border:1px dashed rgba(220,145,255,.20);display:flex;align-items:flex-start;justify-content:center;padding-top:5px;color:rgba(255,211,107,.32);letter-spacing:.35em;font-size:.7rem}
@keyframes modelFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
.page-model-left img{animation:modelFloatMirror 6.2s ease-in-out infinite}
@keyframes modelFloatMirror{0%,100%{transform:scaleX(-1) translateY(0)}50%{transform:scaleX(-1) translateY(-10px)}}
@keyframes haloPulse{0%,100%{transform:scale(.94);opacity:.58}50%{transform:scale(1.06);opacity:1}}
.inner-shell,.register-shell{position:relative;z-index:2}
.footer,.topbar{z-index:60}

/* Model title chip visible on the stronger right-side model */
.page-model-badge{position:absolute;right:18px;bottom:38px;min-width:180px;padding:11px 16px;text-align:center;background:linear-gradient(180deg,rgba(19,7,25,.85),rgba(4,1,7,.92));border:1px solid rgba(255,211,107,.32);box-shadow:0 8px 25px rgba(0,0,0,.4);font-family:'MedievalSharp',Cinzel,serif;letter-spacing:.08em;color:#fff}
.page-model-badge small{display:block;color:var(--gold);font-family:Inter,sans-serif;font-size:.6rem;letter-spacing:.18em;margin-bottom:3px}

/* Theme-specific model glow */
.theme-crystal .page-model-halo{background:radial-gradient(circle,rgba(82,220,255,.27),rgba(80,101,255,.08) 42%,transparent 72%)}
.theme-ranking .page-model-halo{background:radial-gradient(circle,rgba(255,211,107,.25),rgba(255,112,30,.07) 44%,transparent 72%)}
.theme-donation .page-model-halo{background:radial-gradient(circle,rgba(255,80,140,.22),rgba(177,49,255,.08) 44%,transparent 72%)}
.theme-vote .page-model-halo{background:radial-gradient(circle,rgba(89,255,185,.20),rgba(91,75,255,.08) 44%,transparent 72%)}
.theme-download .page-model-halo{background:radial-gradient(circle,rgba(79,177,255,.23),rgba(111,51,255,.08) 44%,transparent 72%)}

/* Keep everything usable on medium/small screens */
@media (max-width:1500px){
  .topbar{padding-left:1.2vw;padding-right:1.2vw}.nav a{padding:0 11px;font-size:.82rem}.brand strong{font-size:.88rem}
  .page-model{width:290px}.page-model-left{left:-160px}.page-model-right{right:-115px;opacity:.65}
}
@media (max-width:1180px){
  .topbar{justify-content:center}.brand,.server-pill{display:none}.nav{width:100%}.nav a{min-height:50px;flex:1 1 auto;justify-content:center}
  .page-models{display:none}
}
@media (max-width:760px){
  .topbar{position:relative;padding:9px}.nav{gap:5px}.nav a{font-size:.76rem;padding:0 9px;min-height:46px}
  .nav a::before{display:none}.btn{min-height:58px;padding:0 22px;font-size:.86rem}
  .inner-intro h1,.register-intro h1{font-size:clamp(2.5rem,13vw,4rem)}
}
\n\n/* ===== V17 ORNATE GODZ WAR PKO LOGO HEADER ===== */\n.site-logo-brand{\n  position:relative;\n  display:flex;\n  align-items:center;\n  justify-content:flex-start;\n  min-width:300px!important;\n  width:clamp(245px,20vw,350px);\n  height:82px;\n  padding:0!important;\n  overflow:visible;\n  flex:0 0 auto;\n}\n.site-logo-img{\n  display:block;\n  width:100%;\n  height:auto;\n  max-height:94px;\n  object-fit:contain;\n  object-position:left center;\n  filter:drop-shadow(0 0 7px rgba(73,177,255,.72)) drop-shadow(0 0 15px rgba(255,166,51,.34));\n  transform-origin:left center;\n  transition:transform .22s ease,filter .22s ease;\n}\n.site-logo-brand:hover .site-logo-img{\n  transform:scale(1.035);\n  filter:drop-shadow(0 0 10px rgba(88,196,255,.95)) drop-shadow(0 0 23px rgba(255,183,57,.55));\n}\n@media(max-width:1450px){\n  .site-logo-brand{min-width:245px!important;width:245px}\n}\n@media(max-width:1220px){\n  .site-logo-brand{min-width:210px!important;width:210px;height:72px}\n  .site-logo-img{max-height:80px}\n}\n@media(max-width:1050px){\n  .topbar{justify-content:space-between}\n  .site-logo-brand{display:flex!important;min-width:235px!important;width:235px}\n}\n@media(max-width:720px){\n  .site-logo-brand{display:flex!important;min-width:190px!important;width:190px;height:62px}\n  .site-logo-img{max-height:68px}\n}\n
/* ===== V18 LIVE SERVER TIME / PK MAP / BOSS WATCH ===== */
.gw-live-hub{position:fixed;right:18px;bottom:18px;z-index:9998;width:min(390px,calc(100vw - 28px));font-family:Inter,Arial,sans-serif;color:#f7f2ff;filter:drop-shadow(0 18px 32px rgba(0,0,0,.58))}
.gw-live-hub.is-collapsed .gw-live-body{display:none}.gw-live-hub.is-collapsed{width:270px}
.gw-live-head{display:flex;align-items:center;gap:12px;padding:13px 14px;background:linear-gradient(180deg,rgba(32,11,44,.97),rgba(9,3,14,.98));border:1px solid rgba(255,211,107,.48);clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);box-shadow:inset 0 0 24px rgba(159,51,255,.12),0 0 24px rgba(181,62,255,.14)}
.gw-live-orb{width:12px;height:12px;border-radius:50%;background:#5dff9a;box-shadow:0 0 6px #5dff9a,0 0 18px rgba(93,255,154,.8);animation:gwLivePulse 1.5s ease-in-out infinite;flex:none}
.gw-live-title{display:grid;gap:2px;min-width:0;flex:1}.gw-live-title small{font:800 .57rem Cinzel,serif;letter-spacing:.19em;color:#ffd36b}.gw-live-title strong{font:900 .88rem 'MedievalSharp',Cinzel,serif;letter-spacing:.07em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gw-live-toggle{width:34px;height:34px;border:1px solid rgba(255,211,107,.34);background:rgba(255,255,255,.04);color:#ffd36b;cursor:pointer;font-size:1rem}.gw-live-toggle:hover{background:rgba(255,211,107,.1)}
.gw-live-body{margin-top:7px;padding:12px;background:linear-gradient(180deg,rgba(10,5,17,.97),rgba(4,2,8,.98));border:1px solid rgba(190,92,255,.28);box-shadow:inset 0 0 28px rgba(106,31,159,.08)}
.gw-server-clock{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;padding:12px;border:1px solid rgba(100,192,255,.20);background:linear-gradient(90deg,rgba(31,102,161,.13),rgba(51,16,73,.14));margin-bottom:11px}.gw-clock-icon{font-size:1.35rem;filter:drop-shadow(0 0 8px rgba(89,191,255,.55))}.gw-clock-copy small{display:block;color:#8fdcff;font-size:.57rem;font-weight:900;letter-spacing:.16em}.gw-clock-copy strong{display:block;margin-top:3px;font:900 1.03rem Cinzel,serif;color:#fff2ce;letter-spacing:.05em}.gw-clock-copy em{display:block;margin-top:2px;color:#7e7488;font-style:normal;font-size:.62rem}
.gw-live-section{margin-top:10px}.gw-live-section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px;padding:0 2px;color:#ffd36b;font:800 .68rem Cinzel,serif;letter-spacing:.1em}.gw-live-section-title span:last-child{font:700 .54rem Inter,sans-serif;color:#776d83;letter-spacing:.05em}
.gw-map-row,.gw-boss-row{position:relative;display:grid;grid-template-columns:1fr auto;gap:8px;padding:9px 10px;margin-top:6px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025);overflow:hidden}.gw-map-row::before,.gw-boss-row::before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:#685d75}.gw-map-row.is-open::before{background:#62ff9b;box-shadow:0 0 10px #62ff9b}.gw-map-row.is-active::before{background:#55bfff;box-shadow:0 0 10px #55bfff}
.gw-map-main strong,.gw-boss-main strong{display:block;color:#f2e8fa;font-size:.75rem}.gw-map-main small,.gw-boss-main small{display:block;margin-top:3px;color:#807587;font-size:.59rem}.gw-map-state{text-align:right}.gw-map-state b{display:block;font-size:.61rem;letter-spacing:.08em;color:#aaa}.gw-map-row.is-open .gw-map-state b{color:#6cff9f}.gw-map-row.is-active .gw-map-state b{color:#6fc8ff}.gw-map-state span{display:block;margin-top:3px;color:#ffd36b;font:800 .64rem Consolas,monospace}
.gw-boss-row::before{background:#ff9b45}.gw-boss-state{text-align:right}.gw-boss-state b{display:block;color:#ffb568;font-size:.61rem;letter-spacing:.08em}.gw-boss-state span{display:block;margin-top:3px;color:#8c8194;font-size:.57rem}
.gw-live-note{margin-top:9px;padding:8px 9px;border:1px dashed rgba(255,211,107,.15);color:#706777;background:rgba(255,211,107,.025);font-size:.55rem;line-height:1.45}
.gw-live-error{padding:12px;color:#ff9aac;border:1px solid rgba(255,91,122,.2);background:rgba(100,20,39,.14);font-size:.69rem}
@keyframes gwLivePulse{0%,100%{transform:scale(.84);opacity:.62}50%{transform:scale(1.12);opacity:1}}
@media(max-width:760px){.gw-live-hub{right:8px;bottom:8px;width:calc(100vw - 16px)}.gw-live-hub.is-collapsed{width:230px}.gw-live-body{max-height:58vh;overflow:auto}.gw-live-title strong{font-size:.78rem}}


/* ===== V19 BOSS KNOWLEDGE DETAIL CARDS ===== */
.gw-boss-card{margin-top:6px;border:0;background:transparent}.gw-boss-card>.gw-boss-row{margin-top:0;cursor:pointer;list-style:none}.gw-boss-card>.gw-boss-row::-webkit-details-marker{display:none}.gw-boss-card[open]>.gw-boss-row{border-color:rgba(255,155,69,.28);background:rgba(255,139,61,.055)}.gw-boss-main strong em{font-style:normal;color:#a98db6;font-size:.56rem;font-weight:800}.gw-boss-info{padding:9px 10px 10px;border:1px solid rgba(255,155,69,.16);border-top:0;background:linear-gradient(180deg,rgba(42,18,12,.22),rgba(13,7,12,.45))}.gw-boss-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.gw-boss-stats>span{min-width:0;padding:6px;border:1px solid rgba(255,255,255,.055);background:rgba(255,255,255,.025)}.gw-boss-stats small{display:block;color:#8f7b88;font-size:.49rem;letter-spacing:.08em}.gw-boss-stats b{display:block;margin-top:2px;color:#f0d8c5;font:700 .58rem Consolas,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gw-boss-drops{margin-top:7px;padding-top:7px;border-top:1px solid rgba(255,255,255,.06)}.gw-boss-drops>small{display:block;margin-bottom:5px;color:#ffb568;font-size:.52rem;font-weight:900;letter-spacing:.1em}.gw-boss-drops>div{display:flex;flex-wrap:wrap;gap:4px}.gw-boss-drop{display:inline-block;padding:4px 6px;border:1px solid rgba(255,181,104,.14);background:rgba(255,181,104,.05);color:#d8c5b6;font-size:.53rem}.gw-boss-drop em{font-style:normal;color:#8d7580}@media(max-width:760px){.gw-boss-stats{grid-template-columns:repeat(2,1fr)}}


/* GODZ WAR PKO community/download actions */
.global-live-support{position:fixed;right:22px;bottom:22px;z-index:9999;display:flex;align-items:center;gap:9px;padding:12px 17px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(33,10,51,.92);box-shadow:0 0 26px rgba(163,76,255,.35);color:#fff;text-decoration:none;font-weight:800;letter-spacing:.04em;backdrop-filter:blur(10px);transition:transform .2s ease,box-shadow .2s ease}.global-live-support:hover{transform:translateY(-2px);box-shadow:0 0 34px rgba(163,76,255,.55)}.global-live-support span{font-size:18px}.btn-community,.btn-support{min-width:210px}.quick-discord,.quick-support{position:relative}.mega-pending{opacity:.6;cursor:not-allowed}.official-download-panel{margin-bottom:24px}@media(max-width:720px){.global-live-support{right:12px;bottom:12px;padding:10px 13px;font-size:12px}.godz-hero-actions{flex-wrap:wrap}}