:root{--navy:#171b42;--purple:#6e46d9;--pink:#ff6aa6;--mint:#61e6cf;--yellow:#ffcf62;--paper:#fffdf8}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:var(--paper);color:var(--navy);line-height:1.6}a{color:inherit}header{background:#fff;position:sticky;top:0;z-index:3;border-bottom:2px solid #eee9fa}.nav{max-width:1120px;margin:auto;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{text-decoration:none;font-weight:950;letter-spacing:-.04em;font-size:1.35rem}.brand span{color:var(--purple)}nav{display:flex;gap:20px;flex-wrap:wrap}nav a{text-decoration:none;font-weight:750;font-size:.95rem}nav a:hover{color:var(--purple)}main{min-height:65vh}.hero{background:radial-gradient(circle at 85% 15%,#ffcf6277,transparent 25%),radial-gradient(circle at 15% 80%,#61e6cf66,transparent 25%),linear-gradient(130deg,#f4efff,#fff4ed);padding:100px 24px 105px;overflow:hidden}.wrap{max-width:1080px;margin:auto}.eyebrow{display:inline-block;background:var(--mint);padding:7px 16px;border-radius:99px;font-size:.8rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;transform:rotate(-2deg)}h1{font-size:clamp(3.2rem,9vw,7rem);line-height:.99;letter-spacing:-.075em;margin:25px 0}h1 em{font-style:normal;color:var(--purple)}h2{font-size:clamp(2rem,5vw,3.3rem);line-height:1.12;letter-spacing:-.05em}p.lead{font-size:1.25rem;max-width:660px}.buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.btn{display:inline-block;border-radius:15px;padding:13px 23px;background:var(--navy);color:white;text-decoration:none;font-weight:850;box-shadow:5px 5px 0 var(--pink)}.btn.alt{background:white;color:var(--navy);box-shadow:5px 5px 0 var(--mint)}section{padding:72px 24px}.card{background:white;border:2px solid #26204b;border-radius:25px;padding:30px;box-shadow:9px 9px 0 #d8cafa}.game{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.game-art{border-radius:30px;background:linear-gradient(145deg,#272258,#5737b7);color:white;min-height:320px;display:grid;place-items:center;text-align:center;padding:35px;border:7px solid var(--yellow);box-shadow:12px 12px 0 var(--mint)}.game-art .brain{font-size:6rem;line-height:1}.game-art strong{display:block;font-size:2.7rem;letter-spacing:-.06em}.chips{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.chip{background:#f2eaff;border-radius:99px;padding:8px 14px;font-weight:750}.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.tile{border-radius:22px;padding:26px;background:#fff1c8}.tile:nth-child(2){background:#ddfbf5}.tile:nth-child(3){background:#fce1f0}.tile .emoji{font-size:2.6rem}.content{max-width:850px;margin:auto;padding:65px 24px 100px}.content h1{font-size:clamp(2.5rem,6vw,4.3rem)}.notice{background:#fff1c8;border-left:5px solid #c78a0e;padding:18px 22px;border-radius:8px}.content h2{font-size:1.6rem;margin-top:35px}.content li{margin:8px 0}footer{background:var(--navy);color:white;padding:35px 24px}footer .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px}footer a{color:white;margin-right:15px}@media(max-width:700px){.nav{align-items:flex-start;flex-direction:column}nav{gap:13px}.hero{padding:65px 22px 75px}.game{grid-template-columns:1fr}.tiles{grid-template-columns:1fr}section{padding:52px 22px}}

/* V2 brand system */
:root{--gold:#f5c86b}html{scroll-behavior:smooth}.brand-mark{display:inline-grid;place-items:center;width:35px;height:35px;border-radius:11px;background:var(--navy);color:var(--gold);margin-right:8px;font-size:20px}.brand{display:flex;align-items:center}.nav{max-width:1180px}.wrap{max-width:1120px}.hero-v2{position:relative;background:radial-gradient(circle at 88% 20%,#ffd26b85,transparent 29%),radial-gradient(circle at 12% 82%,#66e7d67d,transparent 28%),linear-gradient(125deg,#f5efff,#fff7f3);padding:98px 24px 95px}.hero-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:35px;align-items:center}.hero-v2 h1{font-size:clamp(3.3rem,7vw,6.6rem)}.slogan{font-size:clamp(1.25rem,2.3vw,1.75rem);font-weight:850;line-height:1.3;letter-spacing:-.025em;max-width:650px}.hero-v2 .lead{font-size:1.12rem}.hero-badge{background:#221d50;color:white;border-radius:35px;min-height:340px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:26px;transform:rotate(4deg);box-shadow:15px 15px 0 var(--mint);border:5px solid #fff}.hero-badge .star{font-size:5rem;color:var(--gold)}.hero-badge strong{font-size:2rem;letter-spacing:-.06em;line-height:1.1}.hero-badge small{margin-top:14px;color:#e6dfff}.section-kicker{color:#6943c8;text-transform:uppercase;font-size:.8rem;font-weight:900;letter-spacing:.13em}.mission{background:#201b49;color:white}.mission h2{max-width:800px}.mission p{max-width:790px;color:#e6e1f6;font-size:1.15rem}.mission .highlight{color:var(--gold)}.game-v2{background:#f6f1ff}.game-v2 .game-art{border:0;box-shadow:12px 12px 0 var(--mint)}.game-v2 .game-art .brain{font-size:5rem}.game-art .asset-note{font-size:.78rem;opacity:.8;margin-top:18px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}.feature{background:white;border:2px solid #e8defb;border-radius:20px;padding:24px}.feature .emoji{font-size:2rem}.feature h3{margin:10px 0 6px}.feature p{margin:0}.shot-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:25px 0}.shot{min-height:240px;background:linear-gradient(155deg,#211b50,#6746c2);border-radius:24px;color:white;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;border:5px solid #eee6ff}.shot span{font-size:2.5rem}.shot small{display:block;margin-top:10px;opacity:.7}.subhero{background:linear-gradient(120deg,#f1e9ff,#e9fff9);padding:70px 24px}.subhero h1{font-size:clamp(3rem,6vw,5.2rem)}.muted{color:#5c5973}.pill-note{display:inline-block;background:#fff1c8;border-radius:9px;padding:10px 14px;font-size:.9rem}.footer-slogan{font-size:.9rem;color:#f6d38b;margin-top:5px}.content .lead{font-size:1.15rem}.btn:focus-visible,nav a:focus-visible{outline:3px solid var(--purple);outline-offset:4px}@media(max-width:760px){.hero-grid{grid-template-columns:1fr}.hero-badge{min-height:220px;transform:rotate(0);box-shadow:8px 8px 0 var(--mint)}.feature-grid,.shot-grid{grid-template-columns:1fr}.shot{min-height:175px}.hero-v2{padding:65px 22px}}

/* Official WITS ROYALE assets */
.official-art{padding:16px!important;overflow:hidden;display:flex!important;flex-direction:column;gap:9px;min-height:0!important;background:#191d43!important;border:3px solid #e5b957!important}.official-art img{display:block;width:100%;height:auto;max-height:420px;object-fit:contain;border-radius:18px}.art-caption{color:#e8d6ff;font-size:.76rem;font-weight:700;letter-spacing:.05em}.logo-feature{max-width:340px;margin:24px 0;border-radius:22px;overflow:hidden;box-shadow:0 12px 32px #241e5933;background:#1b1e44}.logo-feature img{display:block;width:100%;height:auto}.real-shots{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.shot-frame{margin:0;background:#1b1e44;border-radius:22px;overflow:hidden;box-shadow:0 12px 28px #211c4b25;border:4px solid #fff}.shot-frame img{width:100%;height:420px;object-fit:contain;display:block;background:#161a3e}.shot-frame figcaption{color:white;padding:13px 14px;font-weight:800;text-align:center;font-size:.92rem}@media(max-width:760px){.real-shots{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.shot-frame img{height:290px}.shot-frame figcaption{font-size:.76rem;padding:10px 6px}}@media(max-width:390px){.real-shots{grid-template-columns:1fr}.shot-frame img{height:460px}}
/* Version 2.2: company-first messaging and transparent game emblem */
.hero-v2 h1.company-headline{font-size:clamp(2.9rem,6.5vw,6rem);line-height:1.08;letter-spacing:-.065em;overflow-wrap:normal}
.game-art.official-art{background:#211c4a;overflow:hidden}
.game-art.official-art img{display:block;width:100%;height:auto;object-fit:contain;max-height:540px}
.logo-feature img{display:block;max-width:min(100%,650px);height:auto;margin:0 auto}
@media(max-width:760px){.hero-v2 h1.company-headline{font-size:clamp(2.6rem,9vw,4.5rem)}.game-art.official-art{padding:14px}}
/* Free public beta launch additions */
.beta-section{background:linear-gradient(135deg,#211a52,#51318d);color:#fff;padding:65px 0}.beta-section h2,.beta-section p{color:#fff}.beta-kicker{display:inline-block;background:#b8f2db;color:#20204a;padding:7px 13px;border-radius:30px;font-size:.82rem;font-weight:800;letter-spacing:.04em}.beta-platforms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:25px 0}.beta-platform{border:1px solid rgba(255,255,255,.35);border-radius:18px;padding:20px;background:rgba(255,255,255,.1)}.beta-platform h3{color:#fff;margin:0 0 8px}.beta-platform p{margin:0;color:#eee}.beta-section a{color:#d2ffe8}.beta-section .btn{color:#211a52;background:#b8f2db}.feedback-panel{background:#f5f0ff;border-radius:22px;padding:25px;margin:20px 0}.feedback-panel a{overflow-wrap:anywhere}.beta-disclaimer{font-size:.9rem;opacity:.85}.feedback-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.feedback-options .card{padding:20px}@media(max-width:600px){.beta-platforms,.feedback-options{grid-template-columns:1fr}.beta-section{padding:45px 0}}

/* Manger Creations v2.4 identity and responsive navigation */
:root{--navy:#101d31;--gold:#c49a4a;--paper:#fffaf1}
header{border-bottom:1px solid #e8dfd1;box-shadow:0 3px 20px #101d3109}.nav{gap:20px}.brand{letter-spacing:-.025em;font-size:1.15rem;gap:10px;flex-shrink:0}.brand-icon{height:50px;width:50px;object-fit:cover;border-radius:13px}.brand-name{display:flex;flex-wrap:wrap;column-gap:.3em;align-items:baseline;line-height:1.15;color:#101d31}.brand-name>span{color:#9b762f}.brand-name small{display:block;flex-basis:100%;font-size:.59rem;letter-spacing:.05em;color:#8a6a35;font-weight:700;margin-top:5px}.menu-toggle{display:none;background:#101d31;color:#f7d899;border:0;border-radius:11px;padding:10px 13px;font-weight:800;cursor:pointer}nav a:hover{color:#9b762f}.hero-v2{background:radial-gradient(circle at 90% 20%,#f5dca37a,transparent 36%),linear-gradient(125deg,#fbf6ed,#fffaf3)}.hero-v2 h1 em{color:#a77a34}.brand-tagline{font-family:Georgia,serif;color:#8d692c;font-style:italic;margin-top:18px;font-size:1.15rem}.eyebrow{background:#f1dfb4}.hero-brand-art{background:#fffaf1;border:1px solid #ebddc4;border-radius:26px;overflow:hidden;text-align:center;box-shadow:0 22px 55px #14233c19}.hero-brand-art img{width:100%;display:block}.hero-brand-art span{display:block;padding:0 12px 20px;color:#88642c;font-family:Georgia,serif;font-size:1.05rem}.mission{background:#101d31}.section-kicker{color:#9b762f}.footer-slogan{color:#e6c27e}footer{background:#101d31}html{scroll-padding-top:100px}
@media(max-width:920px){.nav{flex-wrap:wrap}.menu-toggle{display:block;margin-left:auto}header nav{display:none;width:100%;flex-direction:column;gap:0;padding:8px 0 12px}header nav.menu-open{display:flex}header nav a{display:block;padding:10px 8px;border-top:1px solid #eee9df}.brand{font-size:1.05rem}}
@media(max-width:700px){.nav{flex-direction:row;align-items:center;padding:12px 17px}.brand-icon{height:45px;width:45px}.brand-name{font-size:.92rem}.brand-name small{font-size:.51rem}.menu-toggle span{display:none}.hero-v2{padding:48px 20px 60px}.hero-v2 h1.company-headline{font-size:clamp(2.35rem,8.6vw,4.2rem)}.hero-brand-art{max-width:470px;margin:0 auto}.hero-grid{gap:30px}}