@font-face{font-family:Outfit;src:url('./fonts/outfit.woff2') format('woff2');font-display:swap;font-weight:100 900}@font-face{font-family:Fraunces;src:url('./fonts/fraunces.woff2') format('woff2');font-display:swap;font-weight:100 900}
:root{--bg:#071719;--ink:#eeeee2;--muted:#92a6a1;--mint:#b0dfbd;--line:rgba(187,217,201,.16);--coral:#e6a28c;--serif:Fraunces,Georgia,serif;--sans:Outfit,'Avenir Next',sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-weight:350;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--mint);outline-offset:5px}button{border:0}button, a{touch-action:manipulation}::selection{background:#526e57;color:white}.hidden{display:none!important}#ocean{position:fixed;inset:0;width:100%;height:100%;z-index:0;touch-action:none}.vignette{pointer-events:none;position:fixed;inset:0;z-index:1;background:linear-gradient(90deg,rgba(5,17,18,.2),transparent 60%),linear-gradient(0deg,rgba(5,16,18,.9),transparent 52%)}.topbar{height:108px;margin:0 5%;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:4;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px;font-size:23px;letter-spacing:.18em;font-weight:450}.brand svg{width:43px;height:43px;fill:none;stroke:var(--mint);stroke-width:1.2;transform:rotate(-18deg)}.brand small{display:block;font-size:8px;font-weight:400;letter-spacing:.25em;color:var(--muted);margin-top:5px}.topbar nav{display:flex;align-items:center;gap:27px}.status-light{font-size:9px;letter-spacing:.18em;color:#a4b6ac;display:flex;align-items:center;gap:9px}.status-light i,.biome i{display:block;width:5px;height:5px;border-radius:50%;background:var(--mint);box-shadow:0 0 9px #a5e8ae66}.icon-button{width:36px;height:36px;display:grid;place-content:center;background:transparent;border:1px solid var(--line);border-radius:50%;font-size:15px;transition:.25s}.icon-button:hover{background:#c0edca16;border-color:#b0dfbd80}.icon-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.3}.sound-waves{display:none}.sound-on .sound-waves{display:block}.sound-on .sound-mute{display:none}.text-button{background:none;padding:8px 0;font-size:12px}.text-button span{margin-left:16px;color:var(--mint)}.home{position:relative;z-index:2;margin:0 5%;max-width:1800px}.eyebrow{font-size:9px;font-weight:400;letter-spacing:.18em;color:#a6b8af}.home>.eyebrow{display:flex;align-items:center;gap:13px;padding-top:36px}.tiny-line{width:25px;height:1px;background:var(--mint)}.hero{position:relative;min-height:408px;height:45vh;max-height:540px;display:flex;align-items:center}.hero-copy{position:relative;z-index:2;pointer-events:none}h1{font-family:var(--serif);font-weight:350;font-size:clamp(55px,5.8vw,90px);letter-spacing:-.055em;line-height:.99;margin:27px 0 22px}h1 em,h2 em{font-weight:350;color:var(--mint);font-style:italic}.hero p{font-size:13px;line-height:1.85;color:#a2b2ab;letter-spacing:.01em;margin:0}.hero-caption{display:flex;gap:30px;font-size:8px;letter-spacing:.15em;color:#657f79;margin-top:24px}.specimen-label{position:absolute;right:0;top:46%;display:flex;align-items:center;gap:18px;pointer-events:none}.specimen-line{width:60px;height:1px;background:linear-gradient(90deg,#aac2b4aa,#aac2b426);position:relative}.specimen-line:before{content:'';width:5px;height:5px;border-radius:50%;position:absolute;top:-2px;left:0;border:1px solid #cde6cb}.specimen-label div{display:flex;flex-direction:column;gap:8px}.specimen-label span:not(.specimen-line){color:#839e91;font-size:8px;letter-spacing:.2em}.specimen-label strong{font-weight:350;font-family:var(--serif);font-size:18px}.specimen-label small{font-size:10px;color:#7f9890}.scale-label{position:absolute;right:3px;bottom:13px;font-size:8px;letter-spacing:.12em;color:#77978d;display:flex;align-items:center;gap:10px}.scale-label>span{width:61px;height:6px;border:1px solid #77978d;border-top:0}.selection{position:relative;padding-top:23px}.selection-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}h2{font-family:var(--serif);font-weight:350;letter-spacing:-.035em}.selection-head h2{font-size:25px;margin:0}.selection-head>span{font-size:8px;color:#7c968a;letter-spacing:.15em}.selection-grid{display:grid;grid-template-columns:1fr 1fr .81fr;gap:16px}.role-card{min-height:115px;border:1px solid var(--line);border-radius:5px;background:rgba(9,28,28,.65);display:flex;align-items:center;text-align:left;position:relative;padding:18px;gap:17px;transition:border-color .3s,background .3s,transform .3s}.role-card:hover{border-color:#adc6ab70;transform:translateY(-3px)}.role-card.selected{border-color:#a6c29a88;background:linear-gradient(125deg,#b5d6a41a,#8eac8310)}.role-card[data-role=predator].selected{border-color:#dc9c807a;background:linear-gradient(125deg,#db9b871a,#b7836f0a)}.role-symbol{flex-shrink:0;display:grid;place-items:center;width:54px;height:54px;border-radius:43% 57% 63% 37% / 49% 45% 55% 51%;border:1px solid #a4daba77;box-shadow:0 0 24px #bdeec822,inset 0 0 18px #a9e9c333;background:radial-gradient(circle at 35% 30%,#b8ecca40,#81d1b311 55%,#b5e1b130);transform:rotate(-25deg)}.role-symbol i{width:19px;height:22px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#d2e7a6,#67978677 50%,#bddfa755);border:1px solid #c4e2b180;box-shadow:0 0 12px #aed58c55}.predator-symbol{border-color:#eba98666;box-shadow:0 0 22px #da805122,inset 0 0 16px #cb897833;border-radius:70% 30% 40% 60%;background:radial-gradient(circle at 35% 30%,#e8b28944,#bb61451a 55%,#e1b4a530)}.predator-symbol i{background:radial-gradient(circle at 30% 30%,#ffe0b4,#c38d6877 50%,#dfb39455);border-color:#e1b69a88}.role-info{display:flex;flex-direction:column;gap:6px}.role-kicker{font-size:7px;letter-spacing:.15em;color:#9cb3a1}.role-info strong{font-size:23px;font-family:var(--serif);font-weight:400}.role-description{font-size:10px;color:#9bada6}.radio-mark{position:absolute;width:13px;height:13px;border:1px solid #647971;border-radius:50%;right:13px;top:15px}.selected .radio-mark{border-color:var(--mint)}.selected .radio-mark:after{content:'';position:absolute;inset:3px;background:var(--mint);border-radius:50%}.begin-wrap{display:flex;flex-direction:column;justify-content:center;gap:13px;padding-left:10px}.primary-button{background:var(--mint);color:#163626;min-height:58px;padding:16px 25px;font-weight:450;font-size:14px;border-radius:3px;display:flex;justify-content:space-between;align-items:center;gap:25px;transition:background .25s,transform .25s}.primary-button:hover{background:#cff1cc;transform:translateY(-2px)}.primary-button span{font-size:23px;font-weight:300}.begin-wrap>span{font-size:7px;letter-spacing:.13em;text-align:center;color:#a0b39c}.continue{font-size:11px;text-decoration:underline;text-underline-offset:4px;color:var(--mint);background:none}.home footer{border-top:1px solid var(--line);padding:23px 0 24px;margin-top:29px;display:flex;justify-content:space-between;font-size:9px;color:#69867c;letter-spacing:.025em}.home footer>span:first-child{font-family:var(--serif);font-size:12px;font-style:italic}.home footer a:hover{color:var(--mint)}.home{animation:arrive 1s both}.hero-copy{animation:arrive 1.2s .08s both}.selection{animation:arrive 1.2s .18s both}@keyframes arrive{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
body.playing{overflow:hidden;height:100dvh}.playing .topbar{height:85px}.playing .vignette{background:linear-gradient(0deg,#061315dd,transparent 27%),linear-gradient(180deg,#061315cc,transparent 30%)}.playing .brand{font-size:19px}.playing .brand svg{width:34px;height:34px}.playing .status-light{display:none}.game-ui{position:fixed;inset:85px 0 0;z-index:2;pointer-events:none}.game-ui button,.game-ui .joystick{pointer-events:auto}.hud{display:flex;gap:44px;align-items:center;margin:22px 5%;pointer-events:none}.generation-block{display:grid;grid-template-columns:auto auto;gap:4px 14px;border-right:1px solid var(--line);padding-right:30px}.generation-block>.eyebrow{grid-column:1/-1;font-size:8px}.generation-block>strong{font-family:var(--serif);font-size:46px;font-weight:350;line-height:1.1}.generation-block strong small{font-family:var(--sans);font-size:13px;color:#6f9384}.generation-block>div{grid-column:1/-1;color:var(--mint);font-size:11px}.hud-stat>span,.generation-timer>span{font-size:8px;letter-spacing:.14em;color:#94a99d;display:block;margin-bottom:6px}.hud-stat>strong{font-size:31px;display:block;font-weight:350;line-height:1.2}.hud-stat strong small{font-size:12px;color:#91aaa0;padding-left:3px}.hud-stat>small{font-size:9px;color:#789b8b}.meter{height:2px;background:#b2d6b422;width:105px;margin-top:8px;overflow:hidden}.meter i{height:100%;width:88%;display:block;background:var(--mint);transition:width .2s}.health i{background:#d7be89}.generation-timer{margin-left:auto;width:140px}.generation-timer>strong{font-family:var(--serif);font-size:30px;font-weight:350}.generation-timer .meter{width:100%}.biome{position:absolute;top:150px;left:5%;display:grid;grid-template-columns:5px auto;align-items:center;gap:9px;font-size:8px;letter-spacing:.14em;color:#9cbaa7}.biome>small{grid-column:2;font-size:10px;letter-spacing:0;color:#708d7e}.objective{position:absolute;top:210px;left:5%;max-width:220px}.objective p{font-family:var(--serif);font-size:20px;color:#cad6c3;line-height:1.45}.objective>.eyebrow{font-size:8px;color:#738c80}#mutation-pips{display:flex;flex-wrap:wrap;gap:6px;max-width:200px}#mutation-pips span{padding:5px 8px;border:1px solid var(--line);border-radius:2px;font-size:9px;color:#a2c7af}.ecosystem-panel{position:absolute;right:5%;top:157px;width:168px;color:#a7bdb0}.ecosystem-panel .eyebrow{font-size:8px}.ecosystem-panel>div{display:flex;align-items:center;gap:7px;font-size:10px;margin-top:15px}.ecosystem-panel strong{margin-left:auto;font-weight:400;color:var(--ink)}.mint-dot,.coral-dot{width:5px;height:5px;background:var(--mint);border-radius:50%;display:inline-block}.coral-dot{background:var(--coral)}#population-chart{width:100%;height:40px;margin-top:20px}.graph-caption{font-size:6px;color:#6d8e7d;letter-spacing:.12em}.map-caption{display:block;margin-top:5px}#minimap{width:100%;height:auto;border:1px solid var(--line);border-radius:4px;background:#0b211c66;margin-top:24px}.game-message{position:absolute;bottom:148px;left:50%;transform:translateX(-50%);text-align:center;font-size:12px;color:#d9e9cf;letter-spacing:.015em;width:max-content;max-width:70%;padding:12px 18px;border-radius:30px;background:#081a18c9;border:1px solid #cee9c61c;opacity:0;transition:opacity .5s}.game-message.visible{opacity:1}.control-dock{position:absolute;bottom:55px;left:5%;right:5%;display:flex;justify-content:center;align-items:center;gap:16px}.movement-help{display:flex;gap:14px;align-items:center;margin-right:25px;font-size:11px;color:#b1c4b4}.movement-help>span{text-align:center;font-size:9px;line-height:1.6}.movement-help small{display:block;font-size:8px;color:#648d78;margin-top:5px}kbd{font-family:var(--sans);font-size:8px;display:inline-block;min-width:15px;border:1px solid #b4d1b72a;border-radius:3px;text-align:center;padding:2px 3px;margin:0 1px;color:#8ca78f;font-weight:400}.ability-button{display:flex;gap:15px;align-items:center;background:#b9dfb816;border:1px solid #b6d6b65e;border-radius:4px;padding:14px 17px;min-width:235px;text-align:left;backdrop-filter:blur(12px);transition:.25s}.ability-button:hover:not(:disabled){background:#b9dfb829;transform:translateY(-2px)}.ability-icon{color:var(--mint);font-size:30px;line-height:1}.ability-button strong{font-size:12px;font-weight:400;display:block}.ability-button small{font-size:9px;color:#9aaf9b;display:block;margin-top:6px}.ability-button kbd{margin-left:auto}.ability-button:disabled{border-color:#b6d6b62b;background:#12241ec9}.ability-button:disabled strong,.ability-button:disabled .ability-icon{opacity:.5}.ability-button.secondary{min-width:220px}.game-footer{position:absolute;bottom:18px;left:5%;right:5%;display:flex;justify-content:space-between;color:#72917c;font-size:7px;letter-spacing:.12em;align-items:center}.game-footer .text-button{font-size:9px;padding:0;color:#a6bda7}.joystick{display:none}.game-ui{animation:arrive .7s}
dialog{background:#0c211f;color:var(--ink);border:1px solid #bdd3b738;border-radius:8px;padding:43px;width:calc(100% - 36px);max-width:810px;max-height:90dvh;overflow:auto;box-shadow:0 30px 150px #0009}dialog::backdrop{background:#020e0dc4;backdrop-filter:blur(10px)}dialog[open]{animation:arrive .35s}.close-dialog{position:absolute;right:18px;top:14px;width:32px;height:32px;background:transparent;font-size:26px;font-weight:200;color:#aac2ad}dialog h2{font-size:49px;line-height:1.04;margin:22px 0}dialog p{color:#9fb5a6;font-size:13px;line-height:1.8}.dialog-intro{max-width:440px}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:30px 0}.guide-grid b{font-size:10px;color:var(--mint);font-weight:400}.guide-grid h3{font-family:var(--serif);font-size:20px;font-weight:400;margin:8px 0}.guide-grid p{font-size:12px;margin:0}.guide-controls{border-top:1px solid var(--line);padding:14px 0}.guide-controls p{font-size:10px;margin:4px 0}.guide-controls strong{color:#d8dfc9;font-weight:400;margin-right:8px}.guide-dialog>.primary-button{margin-top:15px;min-width:220px}.evolution-dialog{max-width:920px}.evolution-heading{display:flex;justify-content:space-between;align-items:center}.evolution-heading h2{font-size:55px}.next-gen{font-size:8px;color:#9fb6a0;letter-spacing:.18em;text-align:right}.next-gen strong{font-size:76px;display:block;font-family:var(--serif);font-weight:300;color:var(--mint);letter-spacing:-.05em}.mutation-options{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:27px}.mutation-card{background:#c4d7b708;border:1px solid var(--line);border-radius:4px;padding:22px 19px;text-align:left;transition:.2s;display:flex;flex-direction:column;align-items:start;min-height:285px}.mutation-card:hover{background:#c4d7b716;border-color:#bfdbb988;transform:translateY(-4px)}.mutation-icon{font-size:30px;color:var(--mint);height:45px}.mutation-card .eyebrow{font-size:7px;color:#83a888}.mutation-card h3{font-family:var(--serif);font-size:22px;font-weight:350;margin:12px 0 6px}.mutation-card p{font-size:11px;line-height:1.6;margin:0 0 13px}.mutation-card>strong{font-weight:400;font-size:10px;line-height:1.5;color:var(--mint);margin-top:auto}.mutation-card>small{font-size:9px;color:#829b88;margin-top:8px;line-height:1.6}.mutation-level{font-size:7px;color:#7d9b84;margin-top:15px;letter-spacing:.12em}.rival-evolution{color:#c29e7e;font-size:10px!important;margin-top:23px}.dialog-footnote{text-align:center;font-size:7px;letter-spacing:.14em;color:#6d8977;padding-top:15px;border-top:1px solid var(--line)}.pause-dialog,.result-dialog{max-width:560px;text-align:center;padding:52px}.pause-dialog h2,.result-dialog h2{font-size:58px}.pause-dialog>.primary-button,.result-dialog>.primary-button{width:100%;margin-top:28px}.quiet-button{background:none;padding:18px;font-size:11px;color:#9fb5a1;text-decoration:underline;text-underline-offset:5px}.result-stats{display:flex;justify-content:space-around;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:23px 0;margin-top:25px}.result-stats strong{font-size:31px;font-family:var(--serif);font-weight:350;display:block}.result-stats span{font-size:7px;letter-spacing:.1em;color:#8ba891}.noscript{position:fixed;inset:20%;background:var(--bg);z-index:20;padding:30px}.pause-dialog small{font-size:10px;color:#9db58d;display:block}
@media(min-width:1700px){.home,.topbar{max-width:1560px;margin-left:auto;margin-right:auto}.hero{min-height:480px}.selection-grid{gap:22px}.role-card{padding:25px;min-height:138px}.role-info strong{font-size:27px}.role-description{font-size:12px}.role-kicker{font-size:9px}.role-symbol{width:65px;height:65px}.selection{padding-top:35px}}
@media(max-height:800px) and (min-width:901px){.topbar{height:85px}.home>.eyebrow{padding-top:25px}.hero{min-height:345px;height:45vh}h1{font-size:65px;margin-top:20px}.hero p{font-size:12px}.hero-caption{margin-top:15px}.selection{padding-top:15px}.role-card{min-height:99px}.home footer{margin-top:23px;padding:18px 0}.objective{top:193px}.ecosystem-panel{top:152px}#minimap{margin-top:15px}}
@media(max-width:1100px){.role-card{gap:12px;padding:15px 13px}.role-symbol{width:40px;height:43px}.role-info strong{font-size:22px}.role-description{font-size:9px}.role-kicker{font-size:6px}.specimen-label{right:0}.specimen-label strong{font-size:15px}.specimen-line{width:35px}.hero-copy{max-width:50%}.hud{gap:25px}.movement-help{margin-right:5px}.ecosystem-panel{width:140px}.objective{max-width:170px}}
@media(max-width:760px){.topbar{height:82px;margin:0 6%}.brand{font-size:19px;gap:9px}.brand svg{width:34px;height:34px}.brand small{font-size:6px}.topbar nav{gap:13px}.topbar .status-light{display:none}.topbar .text-button{font-size:10px}.topbar .text-button span{margin-left:7px}.icon-button{width:31px;height:31px}.home{margin:0 6%}.home>.eyebrow{font-size:7px;padding-top:26px;letter-spacing:.14em}.hero{height:520px;min-height:0;align-items:flex-start;display:block}.hero-copy{max-width:100%}h1{font-size:60px;margin:30px 0 20px}.hero p{font-size:12px;line-height:1.75}.hero-caption{display:none}.specimen-label{top:auto;bottom:18px;right:3px}.specimen-label strong{font-size:14px}.specimen-label small{display:none}.specimen-label span:not(.specimen-line){font-size:6px}.specimen-line{width:30px}.scale-label{left:0;right:auto;bottom:19px;font-size:7px}.scale-label>span{width:32px}.selection{padding-top:22px}.selection-head h2{font-size:24px}.selection-head>span{font-size:6px}.selection-grid{grid-template-columns:1fr;gap:10px}.role-card{min-height:99px;padding:18px 21px;gap:22px}.role-symbol{width:48px;height:48px}.role-info strong{font-size:24px}.role-description{font-size:11px}.role-kicker{font-size:7px}.radio-mark{right:18px;top:22px}.begin-wrap{padding:13px 0 0;gap:15px}.primary-button{min-height:57px}.begin-wrap>span{font-size:7px}.home footer{padding:20px 0 25px;flex-wrap:wrap;gap:16px;margin-top:29px;font-size:8px}.home footer>span:first-child{font-size:11px}.headphone-note{display:none}.playing .topbar{height:70px}.playing .brand{font-size:16px}.playing .brand small{font-size:5px}.playing .topbar nav{gap:13px}.playing #help{display:none}.game-ui{top:70px}.hud{margin:20px 6%;gap:20px;align-items:start;position:relative}.generation-block{padding-right:18px;gap:3px}.generation-block>strong{font-size:35px}.generation-block strong small{font-size:10px}.generation-block .eyebrow{font-size:6px}.generation-block>div{font-size:9px}.hud-stat>span{font-size:6px;letter-spacing:.1em}.hud-stat>strong{font-size:25px}.hud-stat>small{display:none}.meter{width:67px;margin-top:9px}.health-stat{display:none}.generation-timer{position:absolute;right:0;top:82px;width:78px}.generation-timer>span{font-size:6px}.generation-timer>strong{font-size:23px}.generation-timer .meter{margin-top:5px}.biome{top:105px;left:6%;font-size:6px;gap:6px}.biome>small{font-size:8px}.objective{top:157px;left:6%;max-width:160px}.objective>.eyebrow{font-size:6px}.objective p{font-size:15px;margin:8px 0}.ecosystem-panel{top:auto;bottom:225px;right:6%;width:83px}.ecosystem-panel>.eyebrow,.ecosystem-panel>div,#population-chart,.ecosystem-panel>.graph-caption{display:none}.ecosystem-panel #minimap{margin:0;opacity:.7}.control-dock{bottom:55px;left:auto;right:6%;gap:9px;flex-direction:column;align-items:flex-end}.movement-help{display:none}.ability-button{padding:11px 12px;min-width:186px;gap:12px;width:186px}.ability-button.secondary{min-width:186px}.ability-button kbd{display:none}.ability-button strong{font-size:10px}.ability-button small{font-size:8px;margin-top:5px}.ability-icon{font-size:25px}.game-footer{left:6%;right:6%;bottom:20px;font-size:6px}.game-footer>span:nth-child(2){display:none}.game-footer .text-button{font-size:8px}.joystick{position:absolute;display:grid;place-items:center;bottom:77px;left:7%;width:100px;height:100px;border-radius:50%;background:#b2d4b409;border:1px solid #b2d4b429;touch-action:none}.joystick>div{width:39px;height:39px;border-radius:50%;background:#b2d4b422;border:1px solid #b2d4b450;pointer-events:none}.joystick>span{position:absolute;bottom:-20px;font-size:6px;letter-spacing:.17em;color:#84a490;pointer-events:none}.game-message{bottom:206px;font-size:10px;max-width:86%;padding:9px 14px;line-height:1.6;width:auto;min-width:240px}#mutation-pips{gap:4px}#mutation-pips span{font-size:7px;padding:3px 5px}dialog{padding:28px 23px;max-height:92dvh}dialog h2{font-size:39px}.guide-grid{gap:20px 18px;margin:20px 0}.guide-grid h3{font-size:17px}.guide-grid p{font-size:10px}.guide-controls p{font-size:9px}.evolution-heading h2{font-size:42px}.next-gen strong{font-size:54px}.mutation-options{grid-template-columns:1fr;margin-top:19px;gap:10px}.mutation-card{min-height:0;padding:15px 18px;display:grid;grid-template-columns:35px 1fr;column-gap:10px}.mutation-icon{grid-row:1/5;font-size:24px}.mutation-card h3{font-size:21px;margin:5px 0}.mutation-card .eyebrow{font-size:6px}.mutation-card p{display:none}.mutation-card>strong{font-size:9px}.mutation-card>small{font-size:8px;margin-top:4px}.mutation-level{grid-column:2;margin-top:5px;font-size:6px}.rival-evolution{font-size:9px!important}.evolution-dialog>p{font-size:11px}.pause-dialog,.result-dialog{padding:42px 26px}.pause-dialog h2,.result-dialog h2{font-size:50px}.result-stats span{font-size:6px}}
@media(max-width:380px){h1{font-size:53px}.hero{height:485px}.topbar nav{gap:8px}.topbar .text-button{font-size:9px}.hud{gap:13px}.generation-block{padding-right:13px}.joystick{left:6%;width:88px;height:88px}.ability-button,.ability-button.secondary{min-width:172px;width:172px}.selection-head h2{font-size:21px}}
@media(max-height:560px) and (orientation:landscape){.playing .topbar{height:52px}.game-ui{top:52px}.hud{margin:8px 4%;gap:23px}.generation-block>strong{font-size:27px}.generation-block>div{display:none}.hud-stat>strong{font-size:23px}.hud-stat>small{display:none}.generation-timer{position:static;margin-left:auto;width:90px}.generation-timer>strong{font-size:24px}.biome{top:80px}.objective{display:none}.ecosystem-panel{display:none}.control-dock{bottom:32px;left:auto;right:4%;flex-direction:row}.ability-button,.ability-button.secondary{min-width:180px;padding:9px 12px}.movement-help{display:none}.game-footer{bottom:10px}.game-footer>span:nth-child(2){display:none}.joystick{display:grid;bottom:50px;left:6%;width:80px;height:80px}.game-message{bottom:110px}.mutation-options{grid-template-columns:repeat(3,1fr)}.evolution-heading h2{font-size:32px;margin:12px 0}.mutation-card{display:flex;padding:15px;min-height:180px}.mutation-card small{font-size:8px}.mutation-icon{height:28px}.evolution-dialog{max-width:800px;padding:22px}.evolution-dialog>p{margin:5px 0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

/* Final responsive refinements */
.hud-stat>span,.generation-timer>span{color:#b0c2b5}.game-footer{color:#93ad98}.movement-help small{color:#91ac99}.ecosystem-panel .graph-caption{color:#8cab93}
@media(max-width:760px){.hud{gap:16px}.health-stat{display:block}.health-stat .meter{width:51px}.health-stat>strong{font-size:25px}.health-stat>span{font-size:6px}.ecosystem-panel{bottom:300px}.generation-block{padding-right:14px}.game-footer{font-size:6px}.hero p{max-width:255px}}
@media(max-width:380px){.hud{gap:11px}.hud .meter{width:57px}.hud .health-stat .meter{width:43px}.generation-block{padding-right:11px}.hud-stat>strong,.health-stat>strong{font-size:23px}}