:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#183124;background:#9bd7ff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#game{width:100%;height:100%;margin:0;overflow:hidden}body{min-width:320px}#game{background:linear-gradient(#a9dcff 0%,#c7ebff 55%,#e8f8ff 100%);position:relative}#scene{touch-action:none;width:100%;height:100%;display:block}button{font:inherit}.overlay{z-index:10;background:linear-gradient(90deg,#4a8b5a59,#6ab4de38),radial-gradient(circle at 20% 15%,#ffffffa6,#0000 30%);place-items:center;padding:24px;display:grid;position:absolute;inset:0}.brand-panel,.message-card,.level-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f6fff4e0;border:1px solid #ffffffa6;border-radius:8px;box-shadow:0 24px 60px #244b3847}.brand-panel{width:min(920px,100%);padding:clamp(22px,4vw,42px)}.message-card,.level-card{width:min(920px,100vw - 32px)}.eyebrow,#level-kicker,#message-kicker{color:#2e6a63;letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;font-size:.78rem;font-weight:800}h1,h2,p{margin-top:0}h1{color:#17351f;letter-spacing:0;margin-bottom:12px;font-size:clamp(3rem,8vw,7rem);line-height:.86}.intro{color:#31513e;max-width:680px;margin-bottom:24px;font-size:clamp(1rem,2vw,1.18rem);line-height:1.5}.breed-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:22px;display:grid}.breed-card{color:#1a3326;cursor:pointer;text-align:left;background:#ffffffb8;border:2px solid #0000;border-radius:8px;min-height:164px;padding:16px;transition:transform .16s,border-color .16s,background .16s;box-shadow:inset 0 0 0 1px #2a533514}.breed-card:hover,.breed-card:focus-visible{outline:none;transform:translateY(-2px)}.breed-card.selected{background:#fffdf0;border-color:#2f8b57}.breed-card h3{margin:0 0 8px;font-size:1.05rem}.breed-card p{color:#526253;margin-bottom:12px;font-size:.88rem;line-height:1.4}.stat-list{gap:7px;display:grid}.stat-row{color:#35523f;grid-template-columns:72px 1fr;align-items:center;gap:8px;font-size:.76rem;font-weight:700;display:grid}.stat-track{background:#dcebd6;border-radius:999px;height:7px;overflow:hidden}.stat-track i{border-radius:inherit;background:linear-gradient(90deg,#338f5a,#e7b84f);height:100%;display:block}.start-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.primary-button{color:#fff;cursor:pointer;background:#1d7f55;border:0;border-radius:8px;min-height:46px;padding:0 22px;font-weight:800;box-shadow:0 12px 26px #1d7f5540}.primary-button:hover,.primary-button:focus-visible{background:#176b49;outline:3px solid #fffc}.key-strip{flex-wrap:wrap;gap:8px;display:flex}.key-strip span{color:#234431;text-align:center;background:#ffffffb8;border:1px solid #2d5c412e;border-radius:6px;min-width:54px;padding:8px 10px;font-size:.78rem;font-weight:900}.hud{z-index:4;pointer-events:none;grid-template-columns:minmax(150px,1.4fr) repeat(3,minmax(74px,.55fr)) minmax(98px,.7fr);gap:10px;width:min(880px,100vw - 24px);display:grid;position:absolute;top:16px;left:50%;transform:translate(-50%)}.hud-left,.hud-stat,.bark-meter{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffc7;border:1px solid #ffffffb8;border-radius:8px;min-height:48px;padding:8px 12px;box-shadow:0 12px 30px #22463024}.hud-left span,.hud-stat span{color:#577058;letter-spacing:.06em;text-transform:uppercase;font-size:.7rem;font-weight:800;display:block}.hud-left strong,.hud-stat strong{color:#183124;white-space:nowrap;font-size:1rem;line-height:1.25;display:block}.bark-meter{align-items:center;display:grid}.bark-meter:before{content:"";background:#d7e8d0;border-radius:999px;grid-area:1/1;height:12px;display:block}#bark-fill{transform-origin:0;background:linear-gradient(90deg,#2c8a61,#f3c74d);border-radius:999px;grid-area:1/1;width:100%;height:12px}.level-card,.message-card{z-index:8;padding:22px;position:absolute;left:50%;transform:translate(-50%)}.level-card{max-width:520px;top:82px}.message-card{text-align:center;max-width:460px;top:50%;transform:translate(-50%,-50%)}.level-card h2,.message-card h2{color:#17351f;letter-spacing:0;margin-bottom:8px;font-size:clamp(1.6rem,4vw,2.4rem)}.level-card p,.message-card p{color:#405b45;line-height:1.45}.toast{z-index:6;color:#f7fff0;background:#1e3625e0;border-radius:8px;max-width:min(340px,100vw - 36px);padding:12px 14px;font-weight:800;position:absolute;bottom:18px;right:18px;box-shadow:0 12px 30px #00000038}.hidden{display:none!important}@media (width<=760px){.overlay{align-items:start;overflow:auto}.brand-panel{margin:10px 0 24px}.breed-grid{grid-template-columns:1fr}.hud{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;top:10px}.hud-left{grid-column:1/-1}.bark-meter{grid-column:1/-1;min-height:34px}.hud-left,.hud-stat,.bark-meter{padding:7px 9px}.hud-left strong,.hud-stat strong{font-size:.9rem}.level-card{top:auto;bottom:18px}}