:root { --ink:#11152c; --panel:#121731; --panel-soft:#20264a; --cream:#fff7de; --gold:#ffd94c; --lavender:#c6b5ff; --line:rgba(255,255,255,.16); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--cream); font-family:Georgia, "Times New Roman", serif; background:#6f75db url("Assets/Background_v50.png") center top / 920px repeat; }
body::before { content:""; position:fixed; inset:0; pointer-events:none; background:linear-gradient(90deg,rgba(53,46,146,.16),transparent 22%,transparent 78%,rgba(53,46,146,.16)); }
.site-shell { width:min(100% - 2rem, 980px); margin:0 auto; background:linear-gradient(180deg,rgba(13,18,43,.98),rgba(18,22,51,.98)); box-shadow:0 0 55px rgba(20,15,69,.42); min-height:100vh; }
.hero { min-height:690px; padding:1.2rem clamp(1.4rem,5vw,4.5rem) 4rem; text-align:center; display:flex; flex-direction:column; align-items:center; background:radial-gradient(circle at 50% 8%,rgba(255,209,63,.24),transparent 30%), linear-gradient(rgba(12,17,40,.78),rgba(12,17,40,.96)), url("Assets/Stars.png") center / 680px repeat; }
nav { width:100%; display:flex; align-items:center; justify-content:space-between; gap:1rem; font-family:Arial,sans-serif; font-size:.88rem; letter-spacing:.04em; }
a { color:inherit; }
.brand { color:var(--gold); font-weight:800; text-decoration:none; }
.nav-links { display:flex; gap:1.1rem; }
.nav-links a { text-decoration:none; color:#f8ebbf; }
.nav-links a:hover, .footer-links a:hover { color:var(--gold); }
.language-switch { display:flex; overflow:hidden; border:1px solid rgba(255,226,129,.55); border-radius:999px; background:rgba(6,8,28,.45); }
.language-switch button { border:0; padding:.4rem .55rem; color:#f9efcf; background:transparent; font:800 .72rem Arial,sans-serif; cursor:pointer; }
.language-switch button[aria-pressed="true"] { color:#251600; background:var(--gold); }
.game-logo { width:min(100%,720px); height:auto; mix-blend-mode:screen; margin:3.4rem 0 -.7rem; filter:drop-shadow(0 14px 15px rgba(0,0,0,.42)); }
.eyebrow,.section-kicker { color:var(--gold); text-transform:uppercase; letter-spacing:.17em; font:700 .76rem/1.2 Arial,sans-serif; }
.hero-tagline { max-width:650px; margin:.3rem 0 .8rem; padding:.65rem 1.05rem; border:1px solid rgba(255,219,91,.72); border-radius:999px; color:#fff5cc; background:rgba(68,34,125,.52); box-shadow:0 0 28px rgba(255,203,57,.2); font:800 clamp(1rem,2.2vw,1.42rem)/1.2 Arial,sans-serif; letter-spacing:.035em; text-transform:uppercase; }
.hero h1 { max-width:650px; margin:.8rem auto 1.7rem; font-size:clamp(1.55rem,3.3vw,2.35rem); line-height:1.18; text-wrap:balance; }
.cta { display:inline-flex; gap:.6rem; padding:.9rem 1.3rem; border-radius:999px; color:#201600; background:linear-gradient(180deg,#ffe67a,#f8b91b); box-shadow:0 5px 0 #a85d10,0 10px 25px rgba(0,0,0,.32); font:800 .93rem Arial,sans-serif; text-decoration:none; }
.content-section { padding:4.5rem clamp(1.4rem,5vw,4.5rem); border-top:1px solid var(--line); }
h2 { margin:.35rem 0 1.7rem; font-size:clamp(1.75rem,4vw,2.7rem); line-height:1.1; color:var(--cream); }
.video-section { background:linear-gradient(140deg,rgba(64,48,116,.45),transparent 55%); }
.video-frame { overflow:hidden; border:1px solid rgba(255,222,123,.65); border-radius:16px; box-shadow:0 16px 35px rgba(0,0,0,.35); background:#050713; }
video { display:block; width:100%; aspect-ratio:16/9; }
.about-grid { display:grid; grid-template-columns:.9fr 1.1fr; gap:3rem; }
.about-copy { font-size:1.1rem; line-height:1.7; color:#eee7d0; }
.about-copy p:first-child { margin-top:0; }
.gallery-section { background:rgba(53,45,105,.28); }
.gallery { display:grid; grid-template-columns:repeat(2,1fr); gap:1rem; }
.gallery img { width:100%; height:100%; min-height:170px; object-fit:cover; border-radius:10px; border:1px solid rgba(255,255,255,.16); box-shadow:0 8px 20px rgba(0,0,0,.25); transition:transform .2s ease; }
.gallery img:first-child { grid-column:span 2; aspect-ratio:16/7; }
.gallery img:hover { transform:translateY(-3px); }
.developer-note { text-align:center; background:radial-gradient(circle,rgba(245,181,49,.14),transparent 60%); }
.developer-note p:last-child { max-width:620px; margin:auto; font-size:1.06rem; line-height:1.65; color:#eee7d0; }
footer { padding:2.5rem 1.5rem; text-align:center; background:#0b0f25; border-top:1px solid var(--line); font: .82rem/1.5 Arial,sans-serif; color:#bcb9d3; }
.annit-logo { display:block; width:105px; height:auto; object-fit:contain; margin:0 auto .8rem; }
.footer-links { display:flex; flex-wrap:wrap; justify-content:center; gap:.7rem 1.15rem; margin:.9rem 0; }
.footer-links a { color:#e8e0c4; }
.legal-page { width:min(100% - 2rem,820px); margin:0 auto; padding:1.2rem clamp(1.4rem,5vw,4rem) 4rem; min-height:100vh; background:linear-gradient(180deg,rgba(13,18,43,.98),rgba(18,22,51,.98)); box-shadow:0 0 55px rgba(20,15,69,.42); }
.legal-page header { padding:1rem 0 2.5rem; border-bottom:1px solid var(--line); }
.legal-page .back { color:var(--gold); font:700 .9rem Arial,sans-serif; text-decoration:none; }
.legal-page article { max-width:720px; margin:3rem auto; color:#eee7d0; font-size:1rem; line-height:1.7; }
.legal-page h1 { font-size:clamp(2rem,5vw,3.2rem); color:var(--cream); }
.legal-page h2 { margin-top:2rem; font-size:1.4rem; }
.legal-page li { margin:.35rem 0; }
@media (max-width:650px) { .site-shell { width:100%; } .hero { min-height:600px; } nav { align-items:flex-start; flex-wrap:wrap; } .nav-links { order:3; width:100%; gap:.8rem; flex-wrap:wrap; } .game-logo { margin:3rem 0 -.2rem; } .hero-tagline { border-radius:14px; } .about-grid { grid-template-columns:1fr; gap:.5rem; } .gallery { grid-template-columns:1fr; } .gallery img:first-child { grid-column:auto; aspect-ratio:16/9; } .gallery img { min-height:auto; aspect-ratio:16/9; } }

.brand { position:relative; z-index:5; display:inline-block; cursor:pointer; }
.brand img { pointer-events:none; }
/* Final palette: magical blue and violet */ :root{--ink:#11132e;--panel:#16183d;--panel-soft:#29215b;--cream:#f1edff;--gold:#c6a9ff;--lavender:#bda7ff;--line:rgba(205,190,255,.18)}body{background:#38388d url("Assets/Background_v50.png") center top/920px repeat}body::before{background:linear-gradient(90deg,rgba(43,27,104,.28),transparent 25%,transparent 75%,rgba(43,27,104,.28))}.site-shell{background:linear-gradient(180deg,rgba(18,20,54,.98),rgba(29,22,64,.98))}.hero{background:radial-gradient(circle at 50% 8%,rgba(175,137,255,.25),transparent 31%),linear-gradient(rgba(18,14,56,.77),rgba(20,15,59,.96)),url("Assets/Stars.png") center/680px repeat}.hero-tagline{border-color:rgba(197,169,255,.75);background:rgba(69,42,137,.52);box-shadow:0 0 28px rgba(173,132,255,.18)}.cta{background:#c4a4ff;color:#23194a}.section-kicker,.eyebrow{color:#d5c0ff}

/* Keep the page artwork at least viewport-height on every display. */
html,body{min-height:100%}body{min-height:100svh;background-position:center center;background-size:cover;background-repeat:no-repeat;background-attachment:fixed}.site-shell{min-height:100svh}.hero{min-height:690px}@media(max-width:650px){.hero{min-height:600px}}