.habitat-page{--habitat-accent:#72a978;--habitat-soft:#dff1cd;--habitat-shadow:#9ac48e;max-width:1180px;min-height:100svh;padding:max(12px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));color:#273248;margin:0 auto}.habitat-blue{--habitat-accent:#579bc4;--habitat-soft:#d9eff9;--habitat-shadow:#91bed1}.habitat-gold{--habitat-accent:#d09a3e;--habitat-soft:#fff0bb;--habitat-shadow:#dfbd72}.habitat-teal{--habitat-accent:#4d9c96;--habitat-soft:#d8f0eb;--habitat-shadow:#90c8bf}.habitat-purple{--habitat-accent:#8a6ab3;--habitat-soft:#e9def8;--habitat-shadow:#b7a1d2}.habitat-hot{--habitat-accent:#df7d66;--habitat-soft:#ffe0d3}.habitat-on-fire{--habitat-accent:#c86c78;--habitat-soft:#f9dce1}.habitat-nuclear{--habitat-accent:#735eaa;--habitat-soft:#e4def6}.habitat-header{grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;margin-bottom:11px;display:grid}.habitat-header>a{color:#454151;touch-action:manipulation;background:#fffdf8;border:1px solid #ddd5c9;border-radius:13px;justify-self:start;align-items:center;min-height:48px;padding:8px 13px;font-size:12px;font-weight:900;text-decoration:none;display:inline-flex;box-shadow:0 3px #eee4d6}.habitat-header h1{letter-spacing:-.06em;text-align:center;margin:0;font:900 clamp(25px,4vw,38px)/1 monospace}.habitat-header h1 span{color:#539777}.habitat-best{text-align:right;justify-self:end}.habitat-best small,.habitat-best strong{display:block}.habitat-best small{color:#817889;letter-spacing:.12em;font:800 9px monospace}.habitat-best strong{color:#d79b2e;letter-spacing:2px;min-width:58px;margin-top:3px;font-size:18px}.habitat-page button{touch-action:manipulation;-webkit-user-select:none;user-select:none;font-family:inherit}:is(.habitat-page button:focus-visible,.habitat-page a:focus-visible){outline-offset:3px;outline:3px solid #ef9e52}.habitat-difficulties{justify-content:center;gap:7px;margin:0 auto 11px;display:flex}.habitat-difficulties button{color:#4b4755;background:#fffdf8;border:1px solid #ded5ca;border-radius:15px;justify-content:center;align-items:center;gap:6px;min-width:118px;min-height:48px;padding:7px 12px;font-size:12px;font-weight:900;display:flex;box-shadow:0 3px #eee4d6}.habitat-difficulties button.selected{border-color:var(--habitat-accent);background:var(--habitat-soft);box-shadow:0 3px 0 color-mix(in srgb,var(--habitat-accent) 55%,white)}.habitat-machine{border:2px solid var(--habitat-shadow);background:var(--habitat-soft);box-shadow:0 7px 0 color-mix(in srgb,var(--habitat-shadow) 75%,white);border-radius:25px;padding:14px}.habitat-hud{grid-template-columns:1fr auto auto;align-items:center;gap:24px;padding:0 5px 11px;display:grid}.habitat-hud small{color:#6d7375;font-size:10px;display:block}.habitat-hud>div:first-child strong{margin-top:3px;font-size:14px;display:block}.habitat-hud>div:not(:first-child){text-align:center;min-width:76px}.habitat-hud>div:not(:first-child)>strong{font:900 25px/1 monospace;display:block}.habitat-hud>div:not(:first-child)>small{margin-top:4px}.habitat-score strong{color:#b76550}.habitat-intro,.habitat-prompt{text-align:center;max-width:760px;margin:3px auto 15px}.habitat-eyebrow{color:#6d8053;letter-spacing:.12em;margin:0 0 7px;font:800 11px/1.4 monospace}.habitat-intro h2,.habitat-prompt h2,.habitat-finish h2{letter-spacing:-.05em;margin:0;font:900 clamp(25px,4vw,38px)/1.1 monospace}.habitat-intro p:not(.habitat-eyebrow){color:#5e6970;max-width:560px;margin:10px auto 0;font-size:14px;line-height:1.45}.pack-grid{grid-template-columns:repeat(5,1fr);gap:11px;display:grid}.pack-card{color:#2d394c;text-align:center;background:#fffdf8;border:2px solid #cfd5c7;border-radius:20px;min-height:190px;padding:15px 10px 12px;display:grid;box-shadow:0 5px #d4d7cf}.pack-card>span{background:#e9f3dd;border-radius:22px;place-items:center;width:65px;height:65px;margin:0 auto 10px;font-size:37px;display:grid}.pack-card.blue>span{background:#d9eff9}.pack-card.gold>span{background:#fff0bb}.pack-card.teal>span{background:#d8f0eb}.pack-card.purple>span{background:#e9def8}.pack-card strong{font-size:15px}.pack-card small{color:#6d7077;margin:7px 0;font-size:11px;line-height:1.3}.pack-card b{color:var(--habitat-accent);align-self:end;font-size:12px}.pack-card:active{transform:translateY(4px);box-shadow:0 1px #d4d7cf}.habitat-stage{grid-template-columns:minmax(270px,.8fr) minmax(360px,1.2fr);align-items:center;gap:24px;max-width:1010px;margin:0 auto;display:grid}.animal-scene{background:linear-gradient(#b9e6ef 0 61%,#83ba72 61%);border:4px solid #54745f;border-radius:22px;min-height:300px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #fff5}.scene-sun{font-size:36px;position:absolute;top:15px;right:21px}.scene-hill{background:#619767;border-radius:50%;width:300px;height:185px;position:absolute;bottom:-80px}.hill-one{left:-80px}.hill-two{background:#4c855a;right:-105px}.scene-leaf{color:#fff8d8;font-size:25px;position:absolute}.leaf-one{top:32px;left:27px}.leaf-two{top:68px;right:76px}.animal-bubble{background:#ffffffd9;border:3px solid #fffdf4;border-radius:19px;justify-items:center;padding:12px;display:grid;position:absolute;inset:auto 18px 19px;box-shadow:0 5px #30433d33}.animal-bubble span{filter:drop-shadow(0 6px #30433d35);margin-top:-50px;font-size:83px;line-height:1;display:block}.animal-bubble strong{margin-top:4px;font:900 25px/1 monospace}.animal-bubble small{color:#68736e;margin-top:5px;font-size:11px}.animal-scene.celebrate .animal-bubble span{animation:.7s ease-in-out infinite alternate habitat-hop}.habitat-actions{align-content:center;gap:12px;display:grid}.habitat-options{gap:10px;display:grid}.habitat-options.homes{grid-template-columns:repeat(2,1fr)}.home-card{color:#2b3a4c;text-align:left;background:#fffdf8;border:2px solid #cbd2c3;border-radius:15px;min-height:93px;padding:8px;box-shadow:0 4px #c7d0c0}.home-card span{float:left;margin:1px 10px 0 1px;font-size:34px}.home-card strong,.home-card small{display:block}.home-card strong{padding-top:4px;font-size:14px}.home-card small{color:#6e7479;margin-top:5px;font-size:10px;line-height:1.15}.home-card:active,.habitat-options.needs button:active,.answers button:active{transform:translateY(3px);box-shadow:0 1px #c7d0c0}.habitat-options.needs{grid-template-columns:repeat(5,1fr)}.habitat-options.needs button{color:#354153;background:#fffdf8;border:2px solid #cbd2c3;border-radius:14px;min-height:97px;padding:6px;box-shadow:0 4px #c7d0c0}.habitat-options.needs button.selected{border-color:var(--habitat-accent);background:var(--habitat-soft);box-shadow:0 4px 0 var(--habitat-shadow)}.habitat-options.needs span{margin-bottom:5px;font-size:29px;display:block}.habitat-options.needs strong{font-size:10px;line-height:1.15;display:block}.answers{grid-template-columns:repeat(3,1fr)}.answers button{color:#354153;background:#fffdf8;border:2px solid #cbd2c3;border-radius:15px;min-height:102px;padding:10px;font-size:13px;font-weight:900;line-height:1.25;box-shadow:0 4px #c7d0c0}.habitat-primary,.habitat-secondary{border-radius:13px;min-height:57px;padding:11px 22px;font-size:16px;font-weight:900}.habitat-primary{color:#283147;background:#ffe7a4;border:2px solid #ffe8a4;box-shadow:0 5px #b98742}.habitat-secondary{border:2px solid var(--habitat-shadow);color:#3f5c50;box-shadow:0 5px 0 var(--habitat-shadow);background:#fffdf8;margin-left:9px}.habitat-primary:active,.habitat-secondary:active{transform:translateY(4px);box-shadow:0 1px #b98742}.next-animal{background:#bce4bd;border-color:#bce4bd;box-shadow:0 5px #6da373}.habitat-message{color:#535963;text-align:center;background:#fff8e7;border-radius:11px;min-height:38px;margin:0;padding:9px 12px;font-size:13px;line-height:1.35}.habitat-finish{border:2px dashed var(--habitat-accent);text-align:center;background:#fffdf7;border-radius:23px;max-width:620px;margin:25px auto;padding:28px}.habitat-finish>p:not(.habitat-eyebrow):not(.habitat-stars){color:#626a70}.habitat-stars{color:#ecb64a;letter-spacing:8px;margin:15px 0 5px;font-size:38px}.habitat-stars span{color:#cbc9c1}.habitat-learning{color:#6b6675;text-align:center;justify-content:center;align-items:center;gap:7px;margin:17px 0 4px;font-size:12px;display:flex}.habitat-learning>span{font-size:20px}@keyframes habitat-hop{0%{transform:translateY(0)rotate(-2deg)}to{transform:translateY(-12px)rotate(2deg)}}@media (max-width:820px){.pack-grid{grid-template-columns:repeat(3,1fr)}.habitat-stage{grid-template-columns:1fr}.animal-scene{width:100%;max-width:470px;min-height:250px;margin:0 auto}.habitat-actions{width:100%;max-width:620px;margin:0 auto}}@media (max-width:720px){.habitat-page{padding:10px}.habitat-header{grid-template-columns:1fr 1fr;gap:8px}.habitat-header h1{grid-area:1/1/auto/-1}.habitat-header>a{grid-area:2/1}.habitat-best{grid-area:2/2}.habitat-difficulties{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}.habitat-difficulties button{min-width:0;min-height:45px}.habitat-machine{border-radius:18px;padding:10px}.habitat-hud{gap:9px}.habitat-hud>div:first-child{grid-column:1/-1}.pack-grid{grid-template-columns:repeat(2,1fr)}.pack-card{min-height:155px}.pack-card>span{width:53px;height:53px;font-size:30px}.habitat-options.needs{grid-template-columns:repeat(3,1fr)}.answers{grid-template-columns:1fr}.answers button{min-height:66px}.home-card{min-height:82px}.habitat-learning{margin-top:14px}}@media (orientation:landscape) and (max-height:850px){.habitat-header,.habitat-difficulties{margin-bottom:7px}.habitat-difficulties button{min-height:42px}.habitat-machine{padding:9px}.habitat-hud{padding-bottom:7px}.pack-card{min-height:135px}.pack-card>span{width:48px;height:48px;margin-bottom:5px;font-size:28px}.animal-scene{min-height:230px}.animal-bubble span{font-size:64px}.animal-bubble strong{font-size:20px}.home-card{min-height:67px}.home-card small{display:none}.habitat-options.needs button{min-height:70px}.answers button{min-height:74px}.habitat-learning{display:none}}@media (prefers-reduced-motion:reduce){.animal-scene.celebrate .animal-bubble span{animation:none}}