:root{--navy-deep:#070c18;--navy:#0c1428;--anthracite:#151e33;--slate:#1b2745;--cyan:#2fd8e8;--teal:#19a7b8;--ice:#8fe6f2;--orange:#ff8a3d;--red:#e8452f;--ember:#ffc25c;--violet:#8a5cf6;--magenta:#d946c8;--violet-white:#e5d8ff;--warm-white:#f5f1e8;--silver:#c3cad8;--cool-white:#eaf2ff;--gold-1:#f4d58a;--gold-2:#d9a441;--gold-3:#a8741f;--line:#d9a44147;--font-display:"Palatino Linotype", Palatino, "Book Antiqua", Georgia, "Noto Serif", serif;--font-body:"Segoe UI", Inter, system-ui, -apple-system, Roboto, sans-serif;--gutter:clamp(16px, 4vw, 40px);--max:1200px;--header-h:64px;--pillars-h:200px}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--header-h)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--navy-deep);color:var(--silver);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.6;overflow-x:hidden}a{color:inherit}svg{display:block}:focus-visible{outline:2px solid var(--ember);outline-offset:3px}.skip-link{z-index:100;background:var(--ember);color:var(--navy-deep);border-radius:4px;padding:8px 14px;font-weight:700;position:absolute;top:-60px;left:16px}.skip-link:focus{top:12px}.container{width:100%;max-width:var(--max);padding:0 var(--gutter);margin:0 auto}.wordmark{font-family:var(--font-display);letter-spacing:.08em;background:linear-gradient(90deg, var(--ice) 0%, var(--cyan) 22%, var(--violet-white) 50%, var(--ember) 78%, var(--orange) 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-weight:700;line-height:1;text-decoration:none;display:inline-block}.wordmark--small{font-size:24px}.wordmark--large{letter-spacing:.04em;filter:drop-shadow(0 4px 24px #0009)drop-shadow(0 0 40px #8a5cf659);font-size:clamp(56px,9vw,112px)}.btn{font-family:var(--font-body);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;border-radius:4px;justify-content:center;align-items:center;gap:12px;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .15s,filter .15s;display:inline-flex}.btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn--small{padding:9px 16px;font-size:13px}.btn--large{padding:16px 28px;font-size:15px}.btn--gold{color:#2a1a05;background:linear-gradient(180deg, var(--gold-1) 0%, var(--gold-2) 55%, var(--gold-3) 100%);border:1px solid #f7e2a8;box-shadow:0 0 0 1px #00000080,0 6px 24px #d9a44140}.btn--ghost{color:var(--warm-white);border:1px solid var(--gold-2);background:#070c188c}.btn--blue{color:var(--cool-white);background:linear-gradient(#24407a 0%,#182c58 100%);border:1px solid #3c5da3}.btn__arrow{border-top:2px solid;border-right:2px solid;width:8px;height:8px;transform:rotate(45deg)}.btn__play{border-top:7px solid #0000;border-bottom:7px solid #0000;border-left:11px solid;width:0;height:0}.btn__icon{fill:currentColor;width:20px;height:20px}.site-header{z-index:50;box-shadow:0 1px 0 var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#070c18d1;transition:background .2s;position:fixed;inset:0 0 auto}.site-header.is-scrolled,.site-header.is-open{background:#070c18f2}.site-header__inner{height:var(--header-h);max-width:var(--max);padding:0 var(--gutter);align-items:center;gap:32px;margin:0 auto;display:flex}.site-nav{gap:32px;margin:0 auto;display:flex}.site-nav a{color:var(--warm-white);opacity:.85;font-size:14px;font-weight:600;text-decoration:none}.site-nav a:hover{opacity:1;color:var(--ember)}.nav-toggle{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:4px;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:0 11px;display:none}.nav-toggle span{background:var(--warm-white);height:2px;transition:transform .2s,opacity .2s}.is-open .nav-toggle span:first-child{transform:translateY(7px)rotate(45deg)}.is-open .nav-toggle span:nth-child(2){opacity:0}.is-open .nav-toggle span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.hero{height:clamp(560px, calc(100svh - var(--pillars-h)), 820px);padding:calc(var(--header-h) + 28px) var(--gutter) 40px;isolation:isolate;place-items:start center;display:grid;position:relative;overflow:hidden}.hero__scene{z-index:-1;width:100%;height:100%;position:absolute;inset:0}.hero__content{text-align:center;max-width:760px}.hero__brandline{font-family:var(--font-display);letter-spacing:.3em;text-transform:uppercase;color:var(--warm-white);margin:18px 0 0;font-size:clamp(16px,2.6vw,26px)}.hero__intro{max-width:560px;color:var(--cool-white);text-shadow:0 2px 12px #000000e6;margin:20px auto 0;font-size:clamp(15px,1.8vw,18px)}.hero__actions{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:28px;display:flex}.pillars{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(180deg, var(--navy-deep), var(--navy))}.pillars__grid{grid-template-columns:repeat(4,1fr);max-width:1440px;display:grid}.pillar{text-align:center;padding:24px 24px 26px}.pillar+.pillar{border-left:1px solid var(--line)}.pillar__icon{width:44px;height:44px;fill:var(--gold-2);margin:0 auto 12px}.pillar__title{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--warm-white);margin:0 0 8px;font-size:18px}.pillar p{margin:0;font-size:15px}.ring{fill:none;stroke:currentColor;stroke-width:2.5px;stroke-linecap:round}.pillar__icon .ring{stroke:var(--gold-2)}.cut{fill:var(--navy-deep);stroke:var(--navy-deep);stroke-width:1.5px}.section{padding:clamp(64px,9vw,112px) 0}.eyebrow{letter-spacing:.3em;text-transform:uppercase;color:var(--gold-2);margin:0 0 8px;font-size:13px;font-weight:700}.section-title{font-family:var(--font-display);letter-spacing:.03em;text-transform:uppercase;color:var(--warm-white);margin:0;font-size:clamp(28px,4.4vw,46px);line-height:1.1}.section-title--xl{font-size:clamp(34px,6vw,64px)}.lead{color:var(--silver);margin:20px 0 0;font-size:17px}.gameplay{background:radial-gradient(ellipse at 20% 50%, #2fd8e814, transparent 60%), radial-gradient(ellipse at 90% 50%, #ff8a3d0f, transparent 60%), var(--navy-deep)}.gameplay__grid{grid-template-columns:1.35fr 1fr;align-items:center;gap:clamp(32px,5vw,64px);display:grid}.game-frame{background:linear-gradient(135deg, #3c5da3, var(--slate) 40%, #6b3a25);border-radius:10px;margin:0;padding:6px;box-shadow:0 20px 60px #0009}.game-frame svg{border-radius:6px;width:100%;height:auto}.checklist{margin:28px 0 0;padding:0;list-style:none}.checklist li{color:var(--warm-white);padding:8px 0 8px 36px;position:relative}.checklist li:before{content:"";border-left:3px solid var(--ember);border-bottom:3px solid var(--ember);width:14px;height:7px;position:absolute;top:13px;left:4px;transform:rotate(-45deg)}.heroes{background:var(--navy);padding-bottom:0}.heroes__head{grid-template-columns:1.1fr 1fr;align-items:end;gap:40px;margin-bottom:40px;display:grid}.heroes__head .lead{margin:0}.heroes__grid{border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}.hero-card{--accent:var(--cyan);--accent-2:var(--teal);--glow:#2fd8e859;background:var(--navy-deep);flex-direction:column;min-height:460px;display:flex;position:relative;overflow:hidden}.hero-card+.hero-card{border-left:1px solid var(--line)}.hero-card--tank{--accent:var(--ember);--accent-2:#3c5da3;--glow:#ffc25c4d}.hero-card--mage{--accent:var(--cyan);--accent-2:#2a49a8;--glow:#2fd8e859}.hero-card--ranger{--accent:var(--orange);--accent-2:var(--red);--glow:#e8452f59}.hero-card--assassin{--accent:var(--violet);--accent-2:var(--magenta);--glow:#8a5cf666}.hero-card__art{background:radial-gradient(circle at 50% 55%, var(--glow), transparent 62%), linear-gradient(160deg, color-mix(in srgb, var(--accent-2) 35%, var(--navy)) 0%, var(--navy-deep) 85%);flex:1;place-items:center;min-height:240px;display:grid;position:relative}.hero-card__art:before{content:"";background:linear-gradient(115deg, transparent 40%, color-mix(in srgb, var(--accent) 10%, transparent) 40% 55%, transparent 55%), linear-gradient(65deg, transparent 58%, color-mix(in srgb, var(--accent-2) 14%, transparent) 58% 70%, transparent 70%);position:absolute;inset:0}.hero-card__emblem{width:112px;height:112px;fill:var(--accent);color:var(--accent);filter:drop-shadow(0 0 18px var(--glow));transition:transform .3s;position:relative}.hero-card:hover .hero-card__emblem{transform:scale(1.06)}.hero-card__body{border-top:2px solid var(--accent);padding:24px 24px 32px;position:relative}.hero-card__name{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--warm-white);margin:0;font-size:24px}.hero-card__role{letter-spacing:.3em;text-transform:uppercase;color:var(--accent);margin:2px 0 12px;font-size:12px;font-weight:700}.hero-card__text{margin:0;font-size:15px}.steps{background:linear-gradient(180deg, var(--navy) 0%, var(--navy-deep) 100%);border-top:1px solid var(--line)}.steps__grid{grid-template-columns:3fr 1fr;gap:20px;margin-top:32px;display:grid}.steps__list{grid-template-columns:repeat(3,1fr);gap:20px;margin:0;padding:0;list-style:none;display:grid}.step,.more{border:1px solid var(--line);background:#151e338c;border-radius:8px;padding:18px}.step__head{align-items:center;gap:12px;margin-bottom:14px;display:flex}.step__head h3,.more__title{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--warm-white);margin:0;font-size:16px}.step__num{border:2px solid var(--gold-2);width:32px;height:32px;font-family:var(--font-display);color:var(--ember);border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}.step__art{border-radius:4px;width:100%;height:auto}.step p{margin:14px 0 0;font-size:15px}.more__title{color:var(--gold-2);letter-spacing:.25em;font-size:13px}.more ul{margin:16px 0 0;padding:0;list-style:none}.more li{color:var(--warm-white);align-items:center;gap:12px;padding:10px 0;font-size:14px;line-height:1.4;display:flex}.more li+li{border-top:1px solid #d9a4411f}.more svg{width:34px;height:34px;fill:var(--ice);color:var(--ice);border:1px solid #3c5da3;border-radius:50%;flex:none;padding:6px}.more svg .cut{fill:var(--anthracite);stroke:var(--anthracite)}.cta{text-align:center;background:linear-gradient(90deg, #2fd8e829, transparent 35%, transparent 65%, #ff8a3d29), radial-gradient(ellipse at 50% 0%, #8a5cf640, transparent 60%), var(--navy);border-top:1px solid var(--line);padding:clamp(72px,10vw,120px) 0;position:relative;overflow:hidden}.cta:before{content:"";background:linear-gradient(180deg, transparent, var(--violet-white), transparent);opacity:.25;width:2px;position:absolute;top:0;bottom:0;left:50%}.cta__inner{max-width:760px;position:relative}.cta .lead{max-width:540px;margin-left:auto;margin-right:auto}.site-footer{background:var(--navy-deep);border-top:1px solid var(--line);padding:32px 0 24px}.site-footer__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex}.site-footer__nav{flex-wrap:wrap;gap:24px;display:flex}.site-footer__nav a{font-size:14px;text-decoration:none}.site-footer__nav a:hover{color:var(--ember)}.site-footer__social{gap:16px;display:flex}.site-footer__social a{width:36px;height:36px;color:var(--silver);place-items:center;display:grid}.site-footer__social a:hover{color:var(--ember)}.site-footer__social svg{fill:currentColor;width:22px;height:22px}.site-footer__social svg .cut{fill:var(--navy-deep);stroke:var(--navy-deep)}.site-footer__legal{text-align:center;opacity:.6;margin:20px 0 0;font-size:13px}.site-footer__legal-nav{justify-content:center;gap:24px;margin-top:20px;display:flex}.site-footer__legal-nav a{opacity:.8;font-size:13px;text-decoration:none}.site-footer__legal-nav a:hover{color:var(--ember);opacity:1}.page-hero{padding:calc(var(--header-h) + clamp(40px, 6vw, 72px)) 0 clamp(28px, 4vw, 48px);background:linear-gradient(90deg, #2fd8e81f, transparent 40%, transparent 60%, #ff8a3d1f), radial-gradient(ellipse at 50% 0%, #8a5cf633, transparent 65%), var(--navy);border-bottom:1px solid var(--line)}.page-hero__inner{max-width:820px}.page-hero .lead{max-width:640px}.page-hero .lead+.lead{margin-top:8px}.page-hero--center{text-align:center;align-items:center;min-height:calc(100svh - 220px);display:grid}.page-hero--center .page-hero__inner,.page-hero--center .lead{margin-left:auto;margin-right:auto}.lead--strong{color:var(--warm-white);font-weight:600}.section--tight{padding-top:clamp(32px,5vw,56px)}.form-shell{max-width:760px}.playtest-form{gap:22px;display:grid}.form-note{margin:0;font-size:14px}.req{color:var(--ember)}.field{border:0;gap:8px;min-width:0;margin:0;padding:0;display:grid}.field>label,.field legend{color:var(--warm-white);padding:0;font-weight:600}.field legend{margin-bottom:8px}.field input[type=text],.field input[type=email],.field textarea{width:100%;font:inherit;color:var(--cool-white);background:#070c18b3;border:1px solid #2b3a5c;border-radius:6px;padding:12px 14px;transition:border-color .15s,box-shadow .15s}.field textarea{resize:vertical;min-height:96px}.field input::placeholder,.field textarea::placeholder{color:#6f7a92}.field input:focus,.field textarea:focus{border-color:var(--cyan);outline:none;box-shadow:0 0 0 3px #2fd8e833}.field--invalid input[type=text],.field--invalid input[type=email],.field--invalid textarea{border-color:var(--red)}.field__error{color:#ff9a85;margin:0;font-size:14px}.choices{flex-wrap:wrap;gap:10px;display:flex}.choice{color:var(--warm-white);cursor:pointer;background:#070c18b3;border:1px solid #2b3a5c;border-radius:6px;align-items:center;gap:8px;padding:10px 16px;display:inline-flex}.choice:has(input:checked){border-color:var(--cyan);background:#2fd8e81a}.field--invalid .choice{border-color:#e8452f99}.choice input,.check input{accent-color:var(--cyan);flex:none;width:18px;height:18px;margin:0}.check{color:var(--silver);cursor:pointer;align-items:flex-start;gap:12px;display:flex}.check input{margin-top:3px}.check a{color:var(--ice)}.field--check{border:1px solid var(--line);background:#151e3373;border-radius:6px;padding:14px 16px}.field--invalid.field--check{border-color:#e8452f99}.field--optional{border-style:dashed}.hp{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.turnstile-slot{min-height:65px}.form-status{color:#ffc9bd;background:#e8452f1a;border:1px solid #e8452f99;border-radius:6px;margin:0;padding:12px 16px}.form-submit{justify-self:start}.form-submit:disabled{opacity:.6;cursor:wait;transform:none}.panel{border:1px solid var(--line);background:#151e338c;border-radius:8px;padding:28px}.panel p{margin:0 0 12px}.panel .btn{margin-top:12px}.panel--success{border-color:#2fd8e880;outline:none}.panel__title{font-family:var(--font-display);color:var(--warm-white);margin:0 0 12px;font-size:26px}.legal{overflow-wrap:anywhere;max-width:760px}.legal-lang{border:1px solid var(--line);background:#151e338c;border-radius:8px;gap:12px;margin-bottom:8px;padding:16px 18px;display:grid}.legal-lang__note{color:var(--warm-white);margin:0;font-size:15px}.legal-lang__nav{flex-wrap:wrap;gap:10px;display:flex}.legal-lang__nav a{color:var(--ice);border:1px solid #2b3a5c;border-radius:999px;padding:6px 12px;font-size:14px;text-decoration:none}.legal-lang__nav a:hover{border-color:var(--cyan)}.legal-version{padding-top:24px}.legal-version+.legal-version{border-top:1px solid var(--line);margin-top:48px}.legal-version__badge{border:1px dashed var(--gold-2);letter-spacing:.04em;color:var(--ember);border-radius:4px;margin:0 0 8px;padding:4px 10px;font-size:13px;display:inline-block}.legal-version__date{color:#8f9ab2;font-size:14px}.legal h2{font-family:var(--font-display);letter-spacing:.03em;color:var(--warm-white);margin:0 0 6px;font-size:clamp(24px,3.4vw,30px)}.legal h3{font-family:var(--font-display);letter-spacing:.02em;color:var(--warm-white);margin:32px 0 10px;font-size:20px}.legal p,.legal address{margin:0 0 12px}.legal address{color:var(--warm-white);border-left:2px solid #2b3a5c;padding-left:14px;font-style:normal}.legal ul{margin:0 0 14px;padding-left:22px}.legal li{margin:4px 0}.legal a{color:var(--ice)}.notice{border:1px dashed var(--gold-2);color:var(--ember);border-radius:6px;margin:0;padding:14px 16px}@media (max-width:1000px){.pillars__grid,.heroes__grid{grid-template-columns:repeat(2,1fr)}.pillar:nth-child(3){border-left:none}.pillar:nth-child(n+3){border-top:1px solid var(--line)}.hero-card:nth-child(3){border-left:none}.hero-card:nth-child(n+3){border-top:1px solid var(--line)}.hero-card{min-height:0}.gameplay__grid,.heroes__head,.steps__grid{grid-template-columns:1fr}.heroes__head{gap:16px}}@media (max-width:860px){.site-header__inner{gap:12px}.site-header__play{margin-left:auto}.nav-toggle{display:flex}.site-nav{top:var(--header-h);padding:8px var(--gutter) 16px;background:var(--navy-deep);border-bottom:1px solid var(--line);flex-direction:column;gap:0;margin:0;display:none;position:absolute;left:0;right:0}.is-open .site-nav{display:flex}.site-nav a{padding:14px 0;font-size:16px}.site-nav a+a{border-top:1px solid #d9a4411f}.steps__list{grid-template-columns:1fr}}@media (max-width:560px){.hero{height:auto;padding-bottom:170px}.hero__brandline{letter-spacing:.16em;font-size:15px}.hero-card{flex-direction:row}.hero-card__art{flex:0 0 96px;min-height:0}.hero-card__emblem{width:56px;height:56px}.hero-card__body{border-top:none;border-left:2px solid var(--accent);flex:1;padding:20px 18px 22px}.hero-card__name{font-size:20px}.pillars__grid,.heroes__grid{grid-template-columns:1fr}.pillar+.pillar,.hero-card+.hero-card{border-left:none;border-top:1px solid var(--line)}.hero__actions .btn{width:100%}.site-footer__inner{flex-direction:column}.site-footer__nav{justify-content:center}.wordmark--small{font-size:20px}.site-header__play{letter-spacing:.08em;padding:8px 12px;font-size:12px}}