:root{--bg:#07090e;--panel:#111620;--line:#252d3c;--text:#f6f7fb;--muted:#99a2b2;--accent:#8f7cff;--accent2:#c1b8ff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 75% 2%,#241b52 0,transparent 30%),var(--bg);color:var(--text);font-family:Inter,system-ui,Arial,sans-serif}a{color:inherit}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:17px max(24px,5vw);background:rgba(7,9,14,.84);backdrop-filter:blur(18px);border-bottom:1px solid rgba(37,45,60,.7)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none}.brand span{display:grid;place-items:center;width:35px;height:35px;border-radius:11px;background:linear-gradient(135deg,var(--accent),#5d48dd);font-weight:900;overflow:hidden}.brand span img{display:block;width:100%;height:100%;object-fit:cover}.site-header nav{display:flex;gap:28px}.site-header nav a,footer a{text-decoration:none;color:#c5cad4}.site-header nav a:hover,footer a:hover{color:#fff}.button{display:inline-flex;align-items:center;justify-content:center;padding:13px 19px;border-radius:12px;background:linear-gradient(135deg,var(--accent),#6753ed);color:#fff;text-decoration:none;font-weight:800;box-shadow:0 12px 35px rgba(104,83,237,.25)}.button.small{padding:10px 14px}.button.secondary{background:#141a25;border:1px solid var(--line);box-shadow:none}.hero{min-height:760px;display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center;padding:80px max(24px,7vw)}.eyebrow{font-size:12px;letter-spacing:.23em;color:var(--accent2);font-weight:900}.hero h1{font-size:clamp(52px,7vw,96px);line-height:.94;letter-spacing:-.055em;margin:20px 0}.hero h1 span{display:block;color:var(--accent2)}.hero-text{max-width:720px;color:var(--muted);font-size:19px;line-height:1.7}.hero-actions{display:flex;gap:12px;margin:30px 0}.trust-row{display:flex;gap:18px;flex-wrap:wrap;color:#b7bdc9;font-size:13px}.hero-visual{position:relative}.mock-window{position:relative;border:1px solid #323a4b;border-radius:23px;background:#0b0f17;box-shadow:0 40px 100px #000a;overflow:hidden;transform:perspective(1200px) rotateY(-6deg) rotateX(2deg)}.mock-top{display:flex;align-items:center;gap:7px;padding:13px;background:#111722;border-bottom:1px solid var(--line)}.mock-top i{width:9px;height:9px;border-radius:50%;background:#384052}.mock-top span{margin-left:10px;color:#7f8898;font-size:11px}.mock-body{padding:25px}.mock-profile{display:flex;align-items:center;gap:13px;padding-bottom:20px}.mock-profile b{margin-left:auto;color:#c2b9ff}.avatar{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#9d8cff,#5c49d8);font-weight:900}.mock-profile small,.mock-stats small,.mock-quest small{display:block;color:#818a9a}.mock-profile strong{display:block;margin-top:4px}.mock-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.mock-stats div,.mock-quest{padding:14px;border-radius:12px;background:#121824;border:1px solid #202838}.mock-stats strong{display:block;margin-top:5px}.mock-quest{display:flex;gap:12px;margin-top:10px}.mock-quest>span{font-size:25px}.mock-quest>div{flex:1}.mock-quest i{display:block;height:7px;background:#252c3b;border-radius:99px;margin-top:10px;overflow:hidden}.mock-quest i b{display:block;height:100%;background:linear-gradient(90deg,#765fff,#ae9fff)}.float-card{position:absolute;padding:11px 14px;border:1px solid #3b4355;border-radius:11px;background:rgba(17,22,32,.95);box-shadow:0 12px 35px #0008;font-weight:700}.float-card.one{left:-34px;top:18%}.float-card.two{right:-24px;top:8%}.float-card.three{right:-18px;bottom:12%}.numbers{display:grid;grid-template-columns:repeat(4,1fr);max-width:1180px;margin:0 auto;padding:24px;border-block:1px solid var(--line)}.numbers div{text-align:center;border-right:1px solid var(--line)}.numbers div:last-child{border:0}.numbers strong{display:block;font-size:34px}.numbers span{color:var(--muted)}.section{padding:110px max(24px,7vw);max-width:1500px;margin:auto}.section-heading{max-width:780px;margin-bottom:45px}.section-heading h2,.split h2,.cta h2{font-size:clamp(38px,5vw,68px);line-height:1;margin:12px 0}.section-heading>p:last-child,.split>div>p,.cta p{color:var(--muted);font-size:18px;line-height:1.7}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.feature-grid article{padding:24px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(180deg,#121822,#0c1017)}.feature-grid article span{font-size:31px}.feature-grid h3{font-size:19px}.feature-grid p{color:var(--muted);line-height:1.55}.split{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center}.text-link{color:var(--accent2);font-weight:800;text-decoration:none}.game-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.game-list div{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px;padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.game-list span{font-size:27px}.game-list code{grid-column:2;color:#a99cff}.portal-showcase{border-radius:28px;background:linear-gradient(135deg,rgba(143,124,255,.12),rgba(10,14,21,.6))}.portal-points{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.portal-points div{padding:25px;border-left:1px solid #4c466d}.portal-points b{font-size:13px;color:var(--accent2)}.portal-points p{color:var(--muted);line-height:1.6}.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.timeline article{position:relative;padding:24px;border:1px solid var(--line);border-radius:17px;background:#0d121a}.timeline article.done{border-color:#315b50}.timeline article.active{border-color:#7667df;box-shadow:0 0 35px rgba(118,103,223,.13)}.timeline small{color:var(--accent2);font-weight:900}.timeline p{color:var(--muted);line-height:1.55}.timeline span{display:inline-block;padding:5px 8px;border-radius:99px;background:#222938;color:#c9c3ff;font-size:12px}.faq details{border-bottom:1px solid var(--line);padding:20px 0}.faq summary{cursor:pointer;font-size:18px;font-weight:750}.faq details p{color:var(--muted);line-height:1.65}.cta{text-align:center;padding:100px 24px;margin:50px max(24px,7vw);border:1px solid var(--line);border-radius:28px;background:radial-gradient(circle at 50% 0,#302566,transparent 60%),#0d1119}.cta p{max-width:650px;margin:15px auto 27px}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:30px max(24px,7vw);border-top:1px solid var(--line);color:var(--muted)}footer div{display:flex;gap:20px}@media(max-width:1050px){.hero{grid-template-columns:1fr}.hero-visual{max-width:720px}.feature-grid{grid-template-columns:1fr 1fr}.timeline{grid-template-columns:1fr 1fr}}@media(max-width:720px){.site-header nav{display:none}.site-header .button{display:none}.hero{padding-top:60px;min-height:auto}.hero h1{font-size:52px}.hero-actions{flex-direction:column}.mock-window{transform:none}.float-card{display:none}.numbers{grid-template-columns:1fr 1fr;gap:20px}.numbers div{border:0}.feature-grid,.split,.game-list,.portal-points,.timeline{grid-template-columns:1fr}.section{padding-block:75px}.portal-showcase{border-radius:0}.cta{margin-inline:15px}footer{flex-direction:column;text-align:center}}

.public-live-bar{position:relative;z-index:30;display:flex;align-items:center;justify-content:center;gap:12px;padding:10px 18px;background:#111722;border-bottom:1px solid rgba(255,255,255,.09)}.public-live-bar>span{width:10px;height:10px;border-radius:50%;background:#667080}.public-live-bar.live>span{background:#32dd89;box-shadow:0 0 15px #32dd89}.public-live-bar small{opacity:.72}.public-live-bar a{margin-left:10px;padding:6px 10px;border-radius:9px;background:rgba(255,255,255,.08)}
.v13-section{padding:90px max(6vw,24px);background:linear-gradient(180deg,rgba(24,16,48,.92),rgba(8,11,17,.98))}.v13-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-top:35px}.v13-grid article{padding:24px;border:1px solid rgba(255,255,255,.1);border-radius:19px;background:rgba(255,255,255,.045)}.v13-grid b{font-size:38px}.v13-grid h3{font-size:20px;margin:14px 0 8px}.v13-grid p{opacity:.72;line-height:1.6}
@media(max-width:1000px){.v13-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.public-live-bar{align-items:flex-start;flex-direction:column}.public-live-bar a{margin-left:0}.v13-grid{grid-template-columns:1fr}}

.auction-landing{padding:90px max(6vw,24px);background:linear-gradient(180deg,rgba(54,31,12,.94),rgba(8,11,17,.98))}.auction-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-top:35px}.auction-feature-grid article{padding:24px;border:1px solid rgba(255,255,255,.1);border-radius:19px;background:rgba(255,255,255,.045)}.auction-feature-grid b{font-size:38px}.auction-feature-grid h3{font-size:20px;margin:14px 0 8px}.auction-feature-grid p{opacity:.72;line-height:1.6}@media(max-width:1000px){.auction-feature-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.auction-feature-grid{grid-template-columns:1fr}}

.dungeon-landing{padding:90px max(6vw,24px);background:linear-gradient(180deg,rgba(39,19,69,.96),rgba(8,11,17,.99))}.dungeon-preview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-top:35px}.dungeon-preview-grid article{padding:24px;border:1px solid rgba(255,255,255,.1);border-radius:19px;background:rgba(255,255,255,.045)}.dungeon-preview-grid b{font-size:38px}.dungeon-preview-grid h3{font-size:20px;margin:14px 0 8px}.dungeon-preview-grid p{opacity:.72;line-height:1.6}@media(max-width:1000px){.dungeon-preview-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.dungeon-preview-grid{grid-template-columns:1fr}}

.v16-landing{padding:90px max(6vw,24px);background:linear-gradient(180deg,rgba(18,42,62,.96),rgba(8,11,17,.99))}.v16-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-top:35px}.v16-grid article{padding:24px;border:1px solid rgba(255,255,255,.1);border-radius:19px;background:rgba(255,255,255,.045)}.v16-grid b{font-size:38px}.v16-grid h3{font-size:20px;margin:14px 0 8px}.v16-grid p{opacity:.72;line-height:1.6}@media(max-width:1000px){.v16-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.v16-grid{grid-template-columns:1fr}}

.party-dungeon-v162{padding:90px max(6vw,24px);background:linear-gradient(180deg,rgba(9,15,25,.99),rgba(26,18,52,.98))}

.arena-v163{padding:90px max(6vw,24px);background:linear-gradient(180deg,#100c16,#2a1716)}


/* KobiBot v17.1 Landingpage Update */
.release-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-top:35px}
.release-grid article{padding:24px;border:1px solid rgba(255,255,255,.1);border-radius:19px;background:rgba(255,255,255,.045)}
.release-grid b{font-size:38px}.release-grid h3{font-size:20px;margin:14px 0 8px}.release-grid p{opacity:.72;line-height:1.6}
.v164-landing{padding:90px max(6vw,24px);background:linear-gradient(180deg,#12171f,#16261f)}
.v170-landing{padding:100px max(6vw,24px);background:
 radial-gradient(circle at 20% 30%,rgba(57,151,92,.16),transparent 28%),
 radial-gradient(circle at 80% 40%,rgba(223,157,65,.15),transparent 28%),
 linear-gradient(180deg,#09141d,#101922)}
.world-showcase{display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:stretch}
.mini-world-map{position:relative;min-height:480px;border:1px solid rgba(255,255,255,.12);border-radius:25px;background:
 radial-gradient(circle at 25% 47%,rgba(44,151,91,.3),transparent 19%),
 radial-gradient(circle at 78% 45%,rgba(223,160,63,.28),transparent 18%),
 radial-gradient(circle at 50% 14%,rgba(132,193,255,.24),transparent 18%),
 radial-gradient(circle at 70% 83%,rgba(42,155,191,.22),transparent 16%),
 linear-gradient(160deg,#0b1723,#151326);overflow:hidden}
.mini-world-map:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:34px 34px}
.mini-world-map .node{position:absolute;display:flex;flex-direction:column;align-items:center;gap:4px;transform:translate(-50%,-50%);padding:11px 13px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:rgba(10,17,27,.92);font-size:25px;box-shadow:0 12px 30px #0007}
.mini-world-map .node b{font-size:11px;white-space:nowrap}.mini-world-map .frost{left:50%;top:14%}.mini-world-map .forest{left:20%;top:47%}.mini-world-map .capital{left:50%;top:48%;border-color:#70dda6}.mini-world-map .desert{left:80%;top:47%}.mini-world-map .coast{left:30%;top:78%}.mini-world-map .island{left:63%;top:84%}.mini-world-map .volcano{left:86%;top:78%}
.world-points{display:grid;gap:14px}.world-points article{display:flex;gap:16px;padding:23px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(255,255,255,.045)}.world-points article>b{font-size:34px}.world-points h3{margin:0 0 7px}.world-points p{margin:0;color:var(--muted);line-height:1.55}
.v171-landing{padding:100px max(6vw,24px);background:
 radial-gradient(circle at 18% 20%,rgba(218,66,61,.2),transparent 28%),
 radial-gradient(circle at 82% 20%,rgba(59,145,224,.18),transparent 28%),
 linear-gradient(180deg,#121015,#101722)}
.live-release-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.live-release-grid article{padding:28px;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:rgba(11,17,26,.84);box-shadow:0 25px 70px rgba(0,0,0,.25)}
.live-release-grid .boss-card{border-color:rgba(236,92,77,.35)}.live-release-grid .event-card{border-color:rgba(72,158,232,.35)}
.release-card-head{display:flex;align-items:center;gap:15px}.release-card-head>b{display:grid;place-items:center;width:58px;height:58px;border-radius:16px;background:#171e2a;font-size:32px}.release-card-head small{color:var(--accent2);font-weight:900;letter-spacing:.14em}.release-card-head h3{font-size:25px;margin:5px 0 0}.live-release-grid p{color:var(--muted);line-height:1.65}.live-release-grid>article>span{display:block;margin-top:10px;color:#c8d0de;font-size:13px}
.landing-progress{height:12px;border-radius:999px;background:#282d37;overflow:hidden;border:1px solid rgba(255,255,255,.08)}.landing-progress i{display:block;height:100%;background:linear-gradient(90deg,#d74747,#ff8a4c)}.landing-progress.event i{background:linear-gradient(90deg,#378fe6,#59d5b7)}
.timeline article.active small{color:#d0c9ff}
@media(max-width:1000px){.release-grid{grid-template-columns:repeat(2,1fr)}.world-showcase{grid-template-columns:1fr}.live-release-grid{grid-template-columns:1fr}}
@media(max-width:650px){.release-grid{grid-template-columns:1fr}.mini-world-map{min-height:600px}.mini-world-map .node{padding:8px}.mini-world-map .node b{font-size:9px}}

/* KobiBot v19.4 Homepage Update */
.v19-character,.v19-loot,.v19-pvp{padding:100px max(6vw,24px)}
.v19-character{background:radial-gradient(circle at 80% 10%,rgba(143,124,255,.18),transparent 28%),linear-gradient(180deg,#0b0d17,#17132d)}
.v19-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-top:35px}.v19-grid article{padding:25px;border:1px solid rgba(255,255,255,.11);border-radius:20px;background:rgba(255,255,255,.045)}.v19-grid b{font-size:38px}.v19-grid h3{font-size:20px;margin:14px 0 8px}.v19-grid p{color:var(--muted);line-height:1.6}
.v19-loot{background:radial-gradient(circle at 15% 15%,rgba(255,194,70,.14),transparent 30%),linear-gradient(180deg,#17132d,#0b1018)}.loot-showcase{display:grid;grid-template-columns:1fr 1fr;gap:16px}.loot-showcase article{display:flex;gap:18px;align-items:flex-start;padding:26px;border-radius:20px;border:1px solid rgba(255,255,255,.1);background:#111722}.loot-showcase span{font-size:39px}.loot-showcase h3{margin:2px 0 8px}.loot-showcase p{margin:0;color:var(--muted);line-height:1.6}
.v19-pvp{background:linear-gradient(180deg,#0b1018,#1b1018)}.combat-panels{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.combat-panels>div{padding:27px;border-radius:21px;border:1px solid rgba(255,255,255,.11);background:linear-gradient(145deg,#131a26,#17111d)}.combat-panels small{display:block;color:var(--accent2);font-weight:900;letter-spacing:.14em}.combat-panels strong{display:block;font-size:34px;margin:12px 0}.combat-panels span{color:var(--muted);line-height:1.55}
.public-live-bar.live{background:linear-gradient(90deg,#10251d,#15172a)}.public-live-bar.live strong{color:#6cf0ab}
@media(max-width:1000px){.v19-grid{grid-template-columns:repeat(2,1fr)}.combat-panels{grid-template-columns:1fr}.loot-showcase{grid-template-columns:1fr}}
@media(max-width:650px){.v19-grid{grid-template-columns:1fr}.v19-character,.v19-loot,.v19-pvp{padding:70px 20px}.combat-panels strong{font-size:28px}}


/* KobiBot v19.4.27 Homepage Update */
.latest-release{padding:105px max(6vw,24px);background:
  radial-gradient(circle at 15% 20%,rgba(143,124,255,.2),transparent 28%),
  radial-gradient(circle at 82% 35%,rgba(40,206,166,.13),transparent 25%),
  linear-gradient(180deg,#1b1018,#0b1018)}
.latest-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-top:36px}
.latest-grid article{display:flex;gap:17px;padding:25px;border:1px solid rgba(255,255,255,.11);border-radius:20px;background:linear-gradient(145deg,rgba(20,27,39,.96),rgba(15,17,27,.96));box-shadow:0 24px 60px rgba(0,0,0,.18)}
.latest-grid article>b{font-size:36px;line-height:1}
.latest-grid small{display:block;color:var(--accent2);font-weight:900;letter-spacing:.14em;font-size:11px}
.latest-grid h3{margin:8px 0 8px;font-size:20px}
.latest-grid p{margin:0;color:var(--muted);line-height:1.6}
@media(max-width:1000px){.latest-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.latest-release{padding:72px 20px}.latest-grid{grid-template-columns:1fr}.latest-grid article{padding:21px}}