:root{color-scheme:dark;--bg:#050711;--ink:#f7f8ff;--muted:#a9b3d5;--line:rgba(255,255,255,.13);--card:rgba(255,255,255,.08);--card-strong:rgba(255,255,255,.14);--blue:#83b6ff;--violet:#b98cff;--green:#7ef0b2}*{box-sizing:border-box}html{margin:0;width:100%;min-height:100%;background:var(--bg);scroll-behavior:smooth}body{margin:0;min-height:100%;overflow-x:hidden;background:radial-gradient(circle at 50% 0%,#152044,#090b16 44%,#02030a);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--ink);user-select:none;-webkit-user-select:none;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}#game{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;display:block;width:100vw;height:100vh;background:#070915;overflow:hidden;touch-action:none;opacity:0;pointer-events:none}canvas{display:block;margin:0 auto;touch-action:none}body.is-playing{overflow:hidden;background:#070915;touch-action:none}body.is-playing #landing{display:none}body.is-playing #game{z-index:50;opacity:1;pointer-events:auto}.screen-hint{position:absolute;left:16px;bottom:12px;color:#9fb3ff;font-size:12px;pointer-events:none}.landing-shell{position:relative;isolation:isolate;overflow:hidden}.landing-shell:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;background:linear-gradient(180deg,#0e142db8,#010208f5),radial-gradient(circle at 12% 20%,rgba(117,95,255,.32),transparent 34%),radial-gradient(circle at 86% 14%,rgba(74,196,255,.25),transparent 30%),radial-gradient(circle at 52% 68%,rgba(83,255,169,.12),transparent 33%)}.landing-shell:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:.23;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:72px 72px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 76%);mask-image:linear-gradient(to bottom,black,transparent 76%)}.topbar{position:fixed;top:16px;left:50%;z-index:20;display:flex;align-items:center;justify-content:space-between;width:min(1120px,calc(100% - 32px));height:62px;padding:0 12px 0 18px;transform:translate(-50%);border:1px solid var(--line);border-radius:999px;background:#080a1694;box-shadow:0 18px 60px #00000047;-webkit-backdrop-filter:blur(22px) saturate(150%);backdrop-filter:blur(22px) saturate(150%)}.brand{display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:-.02em}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--violet));box-shadow:0 0 28px #83b6ff70;color:#02030a;font-weight:1000}.nav-links{display:flex;align-items:center;gap:8px;color:#d7ddff;font-size:14px;font-weight:750}.nav-links a,.nav-play{padding:10px 14px;border:0;border-radius:999px;background:transparent;color:inherit;cursor:pointer}.nav-links a:hover{background:#ffffff17}.nav-play{background:#f7f8ff;color:#070915;font-weight:950;box-shadow:0 0 30px #ffffff2e}.section-snap{min-height:100svh;padding:118px max(28px,calc((100vw - 1180px)/2)) 90px;display:grid;align-items:center;position:relative}.hero-section{grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr);gap:38px;padding-top:112px}.ambient{position:absolute;border-radius:999px;filter:blur(22px);opacity:.78;pointer-events:none}.ambient-a{width:420px;height:420px;left:-120px;top:150px;background:#6780ff2e}.ambient-b{width:340px;height:340px;right:-120px;top:90px;background:#77f4bc21}.eyebrow{margin:0 0 14px;color:var(--green);text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:950}h1,h2,h3,p{margin-top:0}h1{margin-bottom:22px;font-size:clamp(48px,7.2vw,92px);line-height:.96;letter-spacing:-.075em;font-weight:1000;text-wrap:balance}h2{margin-bottom:18px;font-size:clamp(36px,5.2vw,68px);line-height:1.02;letter-spacing:-.065em;font-weight:1000;text-wrap:balance}h3{margin-bottom:0;font-size:clamp(28px,3.2vw,48px);line-height:1.05;letter-spacing:-.045em}.lead,.section-heading p,.combat-copy p{max-width:650px;color:var(--muted);font-size:clamp(17px,1.7vw,22px);line-height:1.62;letter-spacing:-.02em}.cta-row{display:flex;align-items:center;gap:14px;margin:32px 0 26px;flex-wrap:wrap}.primary-cta,.secondary-cta{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:0 25px;border-radius:999px;border:1px solid rgba(255,255,255,.16);font-weight:950;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.primary-cta{background:linear-gradient(135deg,#f8fbff,#bdccff);color:#050711;box-shadow:0 20px 70px #8baeff3d}.secondary-cta{background:#ffffff14;color:#edf1ff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.primary-cta:hover,.secondary-cta:hover{transform:translateY(-2px)}.primary-cta.compact{min-height:52px;padding:0 24px;white-space:nowrap}.stat-strip{display:flex;gap:10px;flex-wrap:wrap;color:#dbe2ff}.stat-strip span{display:flex;align-items:baseline;gap:7px;padding:10px 14px;border:1px solid var(--line);border-radius:999px;background:#ffffff0f;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.stat-strip strong{font-size:23px;color:#fff}.hero-showcase{position:relative;min-height:610px;perspective:900px}.showcase-card{position:absolute;top:42px;right:18px;bottom:86px;left:38px;border:1px solid rgba(255,255,255,.16);border-radius:38px;background:linear-gradient(160deg,#ffffff1f,#ffffff09);box-shadow:0 40px 120px #00000080,inset 0 1px #ffffff30;overflow:hidden;transform:rotateX(5deg) rotateY(-8deg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.showcase-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 70% 20%,rgba(127,186,255,.32),transparent 35%),radial-gradient(circle at 20% 80%,rgba(130,255,185,.2),transparent 42%)}.showcase-card img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.74;mix-blend-mode:screen;filter:saturate(1.1) contrast(1.08)}.glass-caption{position:absolute;left:24px;right:24px;bottom:24px;display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border:1px solid rgba(255,255,255,.17);border-radius:22px;background:#03050e8f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);font-weight:900;color:#fff}.glass-caption span{color:#bfc9ff}.glass-caption strong{color:#fff}.float-hero,.float-monster{position:absolute;z-index:2;filter:drop-shadow(0 26px 38px rgba(0,0,0,.58));animation:floaty 5.8s ease-in-out infinite}.hero-warrior{left:0;bottom:78px;width:185px}.hero-archer{right:36px;bottom:32px;width:148px;animation-delay:-1.6s}.monster-boss{right:0;top:18px;width:238px;animation-delay:-2.4s}@keyframes floaty{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-16px) rotate(2deg)}}.heroes-section{display:block;padding-top:112px}.section-heading{max-width:860px}.section-heading.centered{margin:0 auto 48px;text-align:center}.hero-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:42px}.hero-card{position:relative;min-height:258px;padding:24px;border:1px solid var(--line);border-radius:30px;background:linear-gradient(180deg,#ffffff1b,#ffffff0a);box-shadow:0 24px 80px #00000045;overflow:hidden;transition:transform .22s ease,border-color .22s ease,background .22s ease}.hero-card:hover{transform:translateY(-8px);border-color:#a0beff6b;background:linear-gradient(180deg,#ffffff29,#ffffff0d)}.hero-card img{position:absolute;right:10px;bottom:26px;width:118px;max-height:160px;object-fit:contain;filter:drop-shadow(0 18px 25px rgba(0,0,0,.52))}.hero-card span{position:absolute;left:24px;bottom:58px;font-size:24px;font-weight:1000;letter-spacing:-.04em}.hero-card small{position:absolute;left:24px;bottom:32px;color:var(--muted);font-weight:800}.hero-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 80% 68%,rgba(130,182,255,.25),transparent 38%);opacity:.75}.combat-section{grid-template-columns:1fr 1fr;gap:56px}.arena-card{position:relative;height:min(620px,70vw);min-height:520px;border:1px solid rgba(255,255,255,.16);border-radius:42px;overflow:hidden;background:radial-gradient(circle at 50% 52%,rgba(120,140,255,.2),transparent 32%),linear-gradient(145deg,#ffffff1c,#ffffff09);box-shadow:0 45px 120px #00000073}.arena-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:46px 46px;-webkit-mask-image:radial-gradient(circle,black,transparent 82%);mask-image:radial-gradient(circle,black,transparent 82%)}.arena-hero,.arena-monster,.vfx{position:absolute;object-fit:contain;filter:drop-shadow(0 18px 26px rgba(0,0,0,.52))}.arena-hero{left:18%;bottom:20%;width:150px}.archer-mini{left:36%;bottom:31%;width:105px}.wyvern{right:11%;top:11%;width:210px}.scorpion{right:17%;bottom:13%;width:170px}.vfx-one{left:52%;top:28%;width:100px;opacity:.8;animation:pulse 2.3s ease-in-out infinite}.vfx-two{left:45%;bottom:36%;width:120px;transform:rotate(90deg);filter:drop-shadow(0 0 18px rgba(255,255,255,.55))}@keyframes pulse{50%{transform:scale(1.22);opacity:1}}.feature-list{display:grid;gap:14px;margin:28px 0 0;padding:0;list-style:none;color:#dbe2ff;font-weight:780}.feature-list li{padding:15px 18px;border:1px solid var(--line);border-radius:18px;background:#ffffff0f}.world-section{display:block;padding-bottom:120px}.final-panel{display:flex;align-items:center;justify-content:space-between;gap:22px;width:min(960px,100%);margin:0 auto;padding:32px;border:1px solid rgba(255,255,255,.17);border-radius:34px;background:linear-gradient(135deg,#ffffff24,#ffffff0e);box-shadow:0 34px 100px #0006;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.mini-label{display:inline-block;margin-bottom:10px;color:var(--green);font-weight:950;text-transform:uppercase;letter-spacing:.16em;font-size:12px}@media (max-width:900px){.topbar{top:10px;height:56px}.nav-links a{display:none}.hero-section,.combat-section{grid-template-columns:1fr}.hero-section{padding-top:92px}.hero-showcase{min-height:440px}.showcase-card{top:26px;right:8px;bottom:74px;left:8px}.hero-warrior{width:142px}.hero-archer{width:116px}.monster-boss{width:172px}.hero-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.hero-card{min-height:210px;padding:18px}.hero-card img{width:94px}.arena-card{min-height:420px}.final-panel{align-items:flex-start;flex-direction:column}h1{font-size:clamp(44px,13vw,70px)}h2{font-size:clamp(34px,10vw,56px)}}@media (max-width:520px){.section-snap{padding-left:18px;padding-right:18px}.brand span:last-child{display:none}.nav-play{padding:9px 13px}.lead,.section-heading p,.combat-copy p{font-size:16px}.cta-row{align-items:stretch}.primary-cta,.secondary-cta{width:100%}.hero-grid{grid-template-columns:1fr}.hero-card{min-height:184px}.hero-card img{right:20px;width:86px}.float-hero.hero-warrior{left:4px}.monster-boss{right:-14px}.glass-caption,.stat-strip span{font-size:13px}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}