:root{--ink:#0b100d;--paper:#e9e4d5;--red:#ef3d2f;--lime:#c8ef45;--panel:#141b17;--muted:#9ca79f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.55 Arial,sans-serif}button,a{font:inherit}.hero{min-height:76vh;padding:24px clamp(20px,6vw,88px);color:white;background:radial-gradient(circle at 77% 30%,#677448 0 2%,transparent 32%),linear-gradient(125deg,#080b09 0 54%,#28362b 54% 100%);position:relative;overflow:hidden}.hero:after{content:"ANIMALS";position:absolute;right:-22px;bottom:-65px;font:bold clamp(90px,17vw,250px)/1 Arial;color:#ffffff08;letter-spacing:-10px}.hero nav{display:flex;justify-content:space-between;align-items:center;letter-spacing:2px;position:relative;z-index:1}.hero nav button{background:transparent;color:white;border:1px solid #ffffff44;border-radius:99px;padding:8px 14px}.hero-copy{max-width:760px;margin-top:clamp(80px,13vh,150px);position:relative;z-index:1}.eyebrow,.section-title span{color:var(--lime);font-weight:bold;letter-spacing:2px;text-transform:uppercase}.hero h1{font-size:clamp(50px,9vw,110px);line-height:.88;letter-spacing:-5px;margin:15px 0}.hero-copy>p:not(.eyebrow){max-width:590px;font-size:20px;color:#d2d9d4}.primary{display:inline-block;margin-top:18px;background:var(--lime);color:var(--ink);text-decoration:none;padding:14px 20px;font-weight:bold;border-radius:3px}.section{padding:80px clamp(20px,6vw,88px)}.section.dark{background:var(--ink);color:white}.section-title{display:flex;gap:18px;align-items:center;margin-bottom:32px}.section-title span{color:var(--red)}h2{font-size:clamp(38px,5vw,68px);letter-spacing:-3px;margin:0}.mission-grid,.world-grid,.gameplay-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature,.world-grid article,.gameplay-grid>div{padding:28px;border:1px solid #9b9b8b;background:#f5f1e7}.feature b{color:var(--red);font-size:13px;letter-spacing:2px}.feature h3,.world-grid h3,.gameplay-grid h3{font-size:25px;margin:8px 0}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.filter{background:#202923;color:white;border:1px solid #354239;padding:9px 14px;border-radius:99px}.filter.active{background:var(--lime);color:var(--ink)}.character-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.card{min-height:250px;padding:20px;background:var(--panel);border-top:4px solid var(--lime);display:flex;flex-direction:column}.card.enemy{border-color:var(--red)}.card.legacy{border-color:#7c8b82}.card .icon{font-size:46px}.card h3{font-size:22px;margin:10px 0 2px}.card .role{color:var(--lime);font-size:13px;text-transform:uppercase;font-weight:bold;letter-spacing:1px}.card p{color:#c0c8c2;font-size:15px}.card[hidden]{display:none}.gameplay-grid{grid-template-columns:repeat(2,1fr)}.gameplay-grid>div{background:#121814;border-color:#2e3932}.gameplay-grid p,.gameplay-grid li{color:#bdc6bf}.game-section{background:#4e6244;color:white}.game-shell{background:#080b09;padding:14px;border:2px solid #94b75c;box-shadow:12px 12px 0 #293522}.hud{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;align-items:center;padding:5px}.objective{text-align:center;color:var(--lime);font-weight:bold}.health{height:12px;background:#3f211f;margin-top:6px}.health i{display:block;height:100%;width:100%;background:#67cf58;transition:.2s}.health.enemy i{background:var(--red)}canvas{width:100%;height:auto;background:#1b291f;display:block;margin:10px 0}.mobile-controls{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.mobile-controls button{border:0;background:#d7dfd0;padding:12px;font-weight:bold}.instructions{text-align:center;color:#aeb9b1;font-size:14px}.notes{background:#d4e0a6}.notes p{max-width:960px;font-size:18px}footer{background:#080b09;color:#8d9991;text-align:center;padding:32px;letter-spacing:2px;font-size:13px}@media(max-width:850px){.character-grid{grid-template-columns:repeat(2,1fr)}.mission-grid,.world-grid{grid-template-columns:1fr}.hero h1{letter-spacing:-3px}}@media(max-width:560px){.section{padding:55px 18px}.gameplay-grid,.character-grid{grid-template-columns:1fr}.hero{padding:20px}.hero h1{font-size:52px}.hud{grid-template-columns:1fr 1fr}.objective{grid-column:1/-1;grid-row:1}.instructions{font-size:12px}}