.habitat-page{background-image:url(/presentation/soft-dots.svg);background-repeat:repeat;max-width:1160px;margin:auto}.habitat-page .browse-header{background:var(--odd-cream)}.habitat-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.habitat-heading h1{font:500 clamp(34px,5vw,48px)/1.1 var(--font-display);margin:8px 0}.habitat-heading p{color:#625b4f;margin:8px 0}.home-manage{text-underline-offset:4px;background:0 0;border:0;flex-shrink:0;min-height:44px;padding:8px 0 8px 12px;font-size:12px;font-weight:800;text-decoration:underline}.home-hub{grid-template-columns:minmax(0,1fr) 260px;align-items:center;gap:32px;display:grid}.home-habitat{min-width:0}.home-actions{flex-direction:column;gap:14px;min-width:0;display:flex}.home-actions h2{max-width:13ch;margin-bottom:8px;font-size:28px;font-weight:500}.home-actions :is(.primary-button,.secondary-button){text-align:center;border-radius:12px;gap:8px;min-height:48px;padding:12px 14px;font-size:14px}.home-actions .secondary-button{border:1px solid var(--odd-line);box-shadow:none;background:0 0}.home-resume-actions{gap:12px;display:grid}.home-action-note,.home-result-link{color:var(--odd-muted);font-size:13px}.home-result-link{text-underline-offset:3px;align-items:center;min-height:44px;text-decoration:underline;display:flex}.home-notice{border-top:1px solid var(--odd-line);overflow-wrap:anywhere;margin-top:8px;padding-top:16px;font-size:14px}.home-notice a{text-underline-offset:3px;align-items:center;min-height:44px;display:inline-flex}.home-stage{isolation:isolate;background:#f4e4c8;border:0;border-radius:12px;height:430px;position:relative;overflow:hidden;container-type:inline-size}.home-scenery{z-index:-1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.home-lanes{justify-content:center;align-items:end;gap:0;display:flex;position:absolute;inset:42% 8% 23%}.home-resident{--home-size:clamp(48px,10cqw,104px);width:33.333%;min-width:0;max-width:300px;position:relative}.home-wander{transform:translateX(var(--home-x));flex-direction:column;align-items:center;transition:transform .52s ease-in-out;display:flex;position:relative}.home-pet{top:calc(var(--home-size) * var(--art-top-ratio));width:var(--home-size);height:max(44px,calc(var(--home-size) * (1 - var(--art-top-ratio))));cursor:pointer;touch-action:manipulation;background:0 0;border:0;flex:none;min-height:44px;padding:0;display:block;position:absolute}.home-pet:focus-visible{outline-offset:-4px;border-radius:24px;outline:3px solid #237b80}.home-ground{width:var(--home-size);height:var(--home-size);position:relative}.home-shadow{width:clamp(14px,calc(var(--art-width) * .65),52px);filter:blur(1px);pointer-events:none;background:#77794955;border-radius:50%;height:4px;position:absolute;top:calc(100% + 1px);left:50%;transform:translate(-50%)}.home-hop,.home-body,.home-facing{transform-origin:50% 100%;display:block}.home-hop{height:100%;position:relative}.home-body{top:calc(-1 * var(--home-size) * var(--art-top-ratio));width:100%;height:var(--home-size);pointer-events:none;position:absolute}.home-pet .home-artwork{transform:translate(var(--art-x),var(--art-y))}.home-facing img{transform:scaleX(var(--home-facing))}.home-artwork{aspect-ratio:1;width:100%;display:block;position:relative}.home-artwork img{object-fit:contain;width:100%;height:100%;display:block}.home-artwork:not([data-ready=true]) img{visibility:hidden}.home-art-placeholder{text-align:center;color:#6a675a;background:#e4e6cf;border:2px dashed #b6b594;border-radius:40%;place-items:center;font-size:11px;display:grid;position:absolute;inset:12%}.home-name{min-width:44px;min-height:44px;left:50%;bottom:calc(100% - var(--art-top) + 6px);text-align:center;width:max-content;max-width:clamp(44px,19cqw,140px);font:700 clamp(11px,1.2cqw,12px)/1.3 var(--font-body);color:#403c32;text-shadow:0 1px 2px #fff6ea;overflow-wrap:anywhere;text-underline-offset:3px;border-radius:4px;justify-content:center;align-items:center;text-decoration:underline;display:flex;position:absolute;transform:translate(-50%)}.home-name:focus-visible{outline:3px solid var(--odd-focus);outline-offset:2px}.home-resident[data-pose=prepare] .home-body{transition:transform .14s;transform:scale(1.02,.98)}.home-resident[data-pose=hop] .home-hop{animation:.52s ease-in-out home-hop}.home-resident[data-pose=hop] .home-shadow{animation:.52s ease-in-out home-shadow-hop}.home-resident[data-pose=land] .home-body{animation:.2s ease-out home-land}.home-resident[data-pose=react] .home-body{animation:.48s ease-out home-land}.home-sparkle{color:#df6b2d;width:14px;height:14px;position:absolute;top:5%;right:5%}.home-sparkle svg{width:100%;height:100%}.home-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:10%}.home-empty h2{font:500 clamp(23px,3vw,36px)/1.1 var(--font-display)}.home-empty p{max-width:32ch}.home-caption{color:#625b4f;text-align:center;margin:20px 0;font-size:12px}.home-picker{width:min(650px,100vw - 24px);max-height:90dvh;overflow:auto}.home-picker>p{margin:12px 0}.home-picker-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0;display:grid}.home-choice{text-align:center;background:#fffaf0;border:2px solid #d0c6b4;border-radius:16px;min-width:0;min-height:44px;padding:10px}.home-choice[aria-pressed=true]{border-color:var(--odd-ink);background:#e6efce;box-shadow:2px 3px #98a879}.home-choice:disabled:not([aria-pressed=true]){opacity:.5}.home-choice strong{overflow-wrap:anywhere;display:block}.home-choice>span:last-child{justify-content:center;align-items:center;gap:5px;margin-top:8px;font-size:10px;font-weight:800;display:flex}.home-picker .primary-button{width:100%;min-height:48px}.home-picker :is(button):focus-visible{outline-offset:3px;outline:3px solid #237b80}.home-stage[data-residents="3"] .home-resident:nth-child(2){margin-bottom:22px}.home-stage[data-residents="2"] .home-resident:last-child{margin-bottom:12px}@keyframes home-hop{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes home-shadow-hop{0%,to{opacity:1;filter:blur(1px);transform:translate(-50%)scale(1)}50%{opacity:.5;filter:blur(2px);transform:translate(-50%)scale(.78)}}@keyframes home-land{0%{transform:scale(1.02,.98)}to{transform:scale(1)}}@media (max-width:1000px){.home-hub{grid-template-columns:1fr;gap:18px}.home-actions{width:100%;max-width:560px}.home-actions h2{max-width:none;margin:0;font-size:23px}.home-stage{height:390px}}@media (max-width:600px){.habitat-heading{align-items:center;gap:12px;margin-bottom:18px}.home-manage{max-width:90px;line-height:1.4}.habitat-heading p{font-size:14px}.home-stage{border-radius:8px;height:300px}.home-lanes{align-items:end;inset:42% 8% 23%}.home-resident{width:33.333%}.home-empty{inset:7%}.home-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-picker{padding:22px 16px}.home-art-placeholder{font-size:9px}.home-caption{line-height:1.5}}@media (prefers-reduced-motion:reduce){.home-wander{transition:none}.home-resident .home-hop,.home-resident .home-body{animation:none!important;transform:none!important}.home-shadow{transition:none;animation:none!important}.home-resident[data-pose=react] .home-pet{outline-offset:-3px;border-radius:24px;outline:2px solid #d87738}}.habitat-heading{margin-bottom:14px}.habitat-heading h1{font-size:clamp(34px,5vw,52px)}.habitat-heading p{margin:4px 0;font-size:14px}.home-hub{display:block}.home-stage.riverside-stage{aspect-ratio:4/3;background:0 0;border-radius:8px;height:auto;overflow:visible}.riverside-background{object-fit:contain;border-radius:8px;width:100%;height:100%;position:absolute;inset:0}.riverside-layer{position:absolute;inset:0}.riverside-resident{width:var(--home-size);max-width:none;height:var(--home-size);position:absolute;margin:0!important}.riverside-resident[data-pose=hop]{transition:left .52s ease-in-out,top .52s ease-in-out}.riverside-resident .home-wander{transition:none;transform:none}.riverside-resident .home-name{width:var(--label-width);white-space:nowrap;text-overflow:ellipsis;max-width:none;height:44px;font-size:12px;line-height:44px;display:block;overflow:hidden}.home-empty{margin:16px 0;position:static}.home-empty h2{font-size:23px}.home-actions{text-align:center;flex-flow:wrap;justify-content:center;align-items:center;gap:12px;width:100%;max-width:none;margin-top:14px;display:flex}.home-actions h2{flex-basis:100%;max-width:none;margin:0;font-size:22px}.home-resume-actions{flex-wrap:wrap;gap:12px;display:flex}.home-action-note,.home-notice{flex-basis:100%}.home-manage{max-width:none;padding:10px}.home-result-link{padding:8px}.home-placement-status{background:var(--odd-cream);z-index:2;font-size:12px;position:absolute;top:100%}.home-debug{z-index:1100;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.home-debug *{stroke-width:1px;vector-effect:non-scaling-stroke}@media (max-width:600px){.home-actions>.primary-button,.home-actions>.secondary-button,.home-resume-actions,.home-resume-actions .primary-button{width:100%}}@media (prefers-reduced-motion:reduce){.riverside-resident{transition:none!important}}@media (max-width:360px){.home-habitat{margin-inline:-16px}.home-habitat>.home-caption,.home-habitat>.home-empty{padding-inline:16px}.home-stage.riverside-stage,.riverside-background{border-radius:0}}.riverside-stage:has(.home-placement-status){margin-bottom:80px}.home-placement-status{margin:8px 16px;line-height:18px}.riverside-resident .home-shadow{clip-path:inset(-2px)}.home-habitat{width:100%;margin-inline:auto}.home-stage.riverside-stage{aspect-ratio:2;width:100%;max-height:none;overflow:hidden}.home-scene{aspect-ratio:4/3;width:100%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.home-caption{margin:10px 0}@media (max-width:600px){.home-stage.riverside-stage{aspect-ratio:4/3}}