:root{--bg:#fdfcfb;--font-body:"Nunito", system-ui, "Segoe UI", sans-serif;--font-display:"Fredoka", var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--bg);font-family:var(--font-body);margin:0}#root{min-height:100svh}.app{min-height:100svh;position:relative}.terrain-bg{z-index:0;pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:cover;width:100vw;height:100svh;position:fixed;inset:0}.blob-figure{display:flex}.blob-figure svg{width:100%;height:100%;display:block}.blob-figure--hide-eyes svg g:last-child{display:none}.sidebar{-webkit-backdrop-filter:blur(24px)saturate(180%);background:#ffffffe6;border:1px solid #0000000a;border-radius:32px;flex-direction:column;width:280px;padding:28px 24px;transition:width .3s,padding .3s,border-radius .3s;display:flex;position:fixed;top:24px;left:24px;box-shadow:0 1px 2px #0000000a,0 8px 24px #00000014,0 20px 48px #0000000f}.sidebar--collapsed{border-radius:999px;width:auto;padding:7px 16px 7px 7px;transition:width .3s,padding .3s,border-radius .3s,box-shadow .2s,transform .15s;box-shadow:0 1px 2px #00000008,0 4px 12px #0000000d,0 10px 24px #0000000a}.sidebar--collapsed:hover{transform:translateY(-1px);box-shadow:0 1px 2px #0000000a,0 6px 16px #00000012,0 14px 28px #0000000f}.sidebar-header{font:inherit;text-align:left;cursor:pointer;color:inherit;background:0 0;border:none;align-items:center;gap:12px;padding:0;display:flex}.sidebar-avatar{flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:width .3s,height .3s;display:flex}.sidebar-avatar .blob-figure{filter:drop-shadow(0 3px 4px #0000001f);width:100%;height:100%}.sidebar--expanded .sidebar-avatar{width:46px;height:46px}.sidebar-name{min-width:0;font-family:var(--font-display);letter-spacing:0;color:#1d1d1f;white-space:nowrap;flex:1;margin:0;font-size:14px;font-weight:600;transition:font-size .3s}.sidebar--expanded .sidebar-name{letter-spacing:-.2px;font-size:18px}.sidebar-chevron{color:#c2c2c7;flex-shrink:0;transition:transform .3s}.sidebar--expanded .sidebar-chevron{transform:rotate(180deg)}.sidebar-stats-wrap{grid-template-rows:0fr;transition:grid-template-rows .3s;display:grid;overflow:hidden}.sidebar-stats-wrap--open{grid-template-rows:1fr}.sidebar-stats{flex-direction:column;gap:18px;min-height:0;display:flex;overflow:hidden}.sidebar-stats-wrap--open .sidebar-stats{padding-top:24px}.sidebar-section-label{letter-spacing:.8px;text-transform:uppercase;color:#9a9aa3;margin:-4px 0 -2px;font-size:11px;font-weight:800}.stat{border-bottom:1px solid #0000000d;align-items:flex-start;gap:12px;padding-bottom:18px;display:flex}.sidebar-stats>.stat:last-child{border-bottom:none;padding-bottom:0}.stat-icon{background:#f2f2f4;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:15px;display:flex}.stat-icon--life{background:#ff3b301f}.stat-icon--hunger{background:#ff950021}.stat-icon--energy{background:#34c75921}.stat-icon--mind{background:#0a84ff1f}.stat-icon--sanity{background:#af52de1f}.stat-body{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.stat-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.stat-label{letter-spacing:-.1px;color:#1d1d1f;align-items:center;gap:4px;font-size:13.5px;font-weight:700;display:flex}.stat-value{color:#a6a6ab;background:#f2f2f4;border-radius:999px;flex-shrink:0;padding:2px 8px;font-size:11.5px;font-weight:700}.stat-value--life{color:#ff3b30;background:#ff3b301f}.stat-value--hunger{color:#d97a00;background:#ff950021}.stat-value--energy{color:#248a3d;background:#34c75921}.stat-value--mind{color:#0a84ff;background:#0a84ff1f}.stat-value--sanity{color:#af52de;background:#af52de1f}.stat-track{background:#eeeef0;border-radius:999px;width:100%;height:9px;overflow:hidden;box-shadow:inset 0 1px 2px #0000000a}.stat-fill{border-radius:999px;height:100%;transition:width .3s}.stat-fill--life{background:linear-gradient(90deg,#ff6b6b,#ff3b30)}.stat-fill--hunger{background:linear-gradient(90deg,#ffb020,#ff9500)}.stat-fill--energy{background:linear-gradient(90deg,#34c759,#30b350)}.stat-fill--mind{background:linear-gradient(90deg,#5ac8fa,#0a84ff)}.stat-fill--sanity{background:linear-gradient(90deg,#c77dff,#af52de)}.orb-cluster{z-index:5;flex-direction:row;gap:14px;display:flex;position:fixed;top:20px;right:78px}.orb{cursor:default;width:48px;height:48px;transition:transform .2s;position:relative}.orb:hover{transform:translateY(-2px)}.orb-clip{background:#eceeef;border:1px solid #0000000d;border-radius:50%;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:0 1px 2px #0000000d,0 8px 16px #00000017}.orb-sheen{display:none}.orb-fill{width:100%;transition:height .4s;position:absolute;bottom:0;left:0;overflow:visible}.orb--life .orb-fill{background:#ff3b30}.orb--hunger .orb-fill{background:#ff9500}.orb--thirst .orb-fill{background:#0a84ff}.orb-wave-strip{background-repeat:repeat-x;background-size:22px 7px;height:7px;position:absolute;top:-3px;left:-10%;right:-10%}.orb--life .orb-wave-strip{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='7' viewBox='0 0 22 7'%3E%3Cpath d='M0,3.5 C2.75,1.2 8.25,1.2 11,3.5 C13.75,5.8 19.25,5.8 22,3.5 L22,7 L0,7 Z' fill='%23ff5c50'/%3E%3C/svg%3E")}.orb--hunger .orb-wave-strip{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='7' viewBox='0 0 22 7'%3E%3Cpath d='M0,3.5 C2.75,1.2 8.25,1.2 11,3.5 C13.75,5.8 19.25,5.8 22,3.5 L22,7 L0,7 Z' fill='%23ffa733'/%3E%3C/svg%3E")}.orb--thirst .orb-wave-strip{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='7' viewBox='0 0 22 7'%3E%3Cpath d='M0,3.5 C2.75,1.2 8.25,1.2 11,3.5 C13.75,5.8 19.25,5.8 22,3.5 L22,7 L0,7 Z' fill='%2335a6ff'/%3E%3C/svg%3E")}.orb-wave-strip--2{opacity:.55;background-size:30px 6px;height:6px;top:-1.5px}@media (prefers-reduced-motion:no-preference){.orb-wave-strip--1{animation:2.4s linear infinite orb-wave-slide-1}.orb-wave-strip--2{animation:3.6s linear infinite reverse orb-wave-slide-2}}@keyframes orb-wave-slide-1{0%{background-position-x:0}to{background-position-x:-22px}}@keyframes orb-wave-slide-2{0%{background-position-x:0}to{background-position-x:-30px}}.orb-percent{z-index:3;-webkit-backdrop-filter:blur(2px);font-family:var(--font-display);letter-spacing:.2px;color:#fff;text-shadow:0 1px 2px #00000040;opacity:0;pointer-events:none;background:#14161c66;border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:600;transition:opacity .18s,transform .18s;display:flex;position:absolute;inset:0;transform:scale(.85)}.orb:hover .orb-percent{opacity:1;transform:scale(1)}.stat-caption{color:#a6a6ab;letter-spacing:-.05px;margin:0;font-size:11.5px}.stat-toggle{width:100%;font:inherit;text-align:inherit;cursor:pointer;color:inherit;background:0 0;border:none;padding:0;display:block}.stat-chevron{color:#a6a6ab;transition:transform .2s}.stat-chevron--open{transform:rotate(180deg)}.intel-list{grid-template-rows:0fr;transition:grid-template-rows .3s;display:grid;overflow:hidden}.intel-list--open{grid-template-rows:1fr}.intel-list-inner{flex-direction:column;gap:11px;min-height:0;padding-top:14px;display:flex}.intel-item{border-left:2px solid #eeeef0;flex-direction:column;gap:4px;padding-left:12px;display:flex}.intel-label{color:#55555a;font-size:11.5px;font-weight:600}.intel-value{color:#a6a6ab;font-size:11px;font-weight:600}.stat-track--sm{height:5px}.ball-shadow{filter:blur(1.5px);z-index:4;pointer-events:none;will-change:transform, opacity;background:radial-gradient(#403a2e8c 0%,#403a2e00 72%);border-radius:50%;width:108px;height:34px;position:fixed;top:0;left:0}.dust-burst{z-index:4;pointer-events:none;width:0;height:0;position:fixed;top:0;left:0}.dust-particle{opacity:0;background:radial-gradient(circle,#a38f5cf2 0%,#a38f5c59 55%,#a38f5c00 80%);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.3)}.dust-burst--play .dust-particle{animation:.6s ease-out both dust-puff}@keyframes dust-puff{0%{opacity:.95;transform:translate(-50%,-50%)scale(.3)}55%{opacity:.8}to{transform:translate(calc(-50% + var(--dx)), calc(-50% + var(--dy))) scale(1.1);opacity:0}}.ball-wrap{cursor:grab;touch-action:none;z-index:5;will-change:transform;background:0 0;border:none;width:128px;height:128px;padding:0;position:fixed;top:0;left:0}.ball-wrap:active{cursor:grabbing}.ball-tilt{width:100%;height:100%}.ball{justify-content:center;align-items:center;width:100%;height:100%;transition:transform .12s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative}.ball .blob-figure{width:100%;height:100%}.dizzy-eyes{z-index:2;pointer-events:none;position:absolute;inset:0}.dizzy-eye{color:#2b2b2b;width:30px;height:30px;position:absolute;top:44%;transform:translate(-50%,-50%)}.dizzy-eye--left{left:36%}.dizzy-eye--right{left:64%}.dizzy-eye-spin{width:100%;height:100%;animation:.55s linear infinite dizzy-spin;display:block}@keyframes dizzy-spin{to{transform:rotate(360deg)}}.ball--crouch{transform:scale(1.18,.8)}.ball--stretch{transform:scale(.86,1.16)}.ball--land{transform:scale(1.24,.72)}.ball-bubble-wrap{z-index:6;pointer-events:none;will-change:transform;width:32px;height:32px;position:fixed;top:0;left:0}.ball-bubble{color:#7a8a9a;width:100%;height:100%;font-family:var(--font-display);opacity:0;transform-origin:bottom;background:#fff;border-radius:50% 50% 50% 6px;justify-content:center;align-items:center;font-size:15px;font-weight:600;transition:opacity .18s,transform .18s;display:flex;transform:scale(.4);box-shadow:0 4px 10px #0000001a}.ball-bubble--visible{opacity:1;animation:.7s ease-in-out infinite alternate ball-bubble-bob;transform:scale(1)}@keyframes ball-bubble-bob{0%{margin-top:0}to{margin-top:-4px}}.composer-dock{padding:0 20px calc(28px + env(safe-area-inset-bottom));pointer-events:none;justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.composer{pointer-events:auto;-webkit-backdrop-filter:blur(24px)saturate(180%);background:#ffffffe6;border:1px solid #0000000a;border-radius:28px;align-items:center;gap:12px;width:100%;max-width:560px;height:56px;padding:0 8px 0 22px;transition:box-shadow .25s,transform .25s;display:flex;box-shadow:0 1px 2px #0000000a,0 8px 24px #00000014,0 20px 48px #0000000f}.composer:focus-within{transform:translateY(-1px);box-shadow:0 1px 2px #0000000d,0 10px 28px #0000001a,0 24px 56px #00000014}.composer-icon{color:#c2c2c6;flex-shrink:0}.composer-input{min-width:0;height:100%;font:inherit;letter-spacing:-.1px;color:#1d1d1f;background:0 0;border:none;outline:none;flex:1;font-size:16px}.composer-input::placeholder{color:#a6a6ab}.composer-send{color:#fff;cursor:pointer;background:#0a84ff;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:background .2s,transform .12s,opacity .2s;display:flex}.composer-send:hover:not(:disabled){background:#0074e0}.composer-send:active:not(:disabled){transform:scale(.9)}.composer-send:disabled{color:#b3b3b8;cursor:default;background:#e5e5ea}.egg-scene{aspect-ratio:1413/847;z-index:1;width:360px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.nest-layer{z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.egg-button{z-index:1;cursor:pointer;background:0 0;border:none;width:18.26%;height:42.74%;padding:0;position:absolute;top:26.33%;left:40.69%}.egg{filter:drop-shadow(0 14px 18px #785a2833);background-position:bottom;background-repeat:no-repeat;background-size:contain;width:100%;height:100%;position:relative}.egg--shake{animation:.4s ease-out egg-shake}.egg--hatch{animation:.6s ease-in forwards egg-hatch-pop}@keyframes egg-shake{0%{transform:rotate(0)}25%{transform:rotate(-7deg)}50%{transform:rotate(6deg)}75%{transform:rotate(-3deg)}to{transform:rotate(0)}}@keyframes egg-hatch-pop{0%{transform:scale(1)rotate(0)}40%{transform:scale(1.1)rotate(-5deg)}70%{transform:scale(1.04)rotate(4deg)}to{transform:scale(1.12)rotate(0)}}.hatch-backdrop{z-index:0;-webkit-backdrop-filter:blur();pointer-events:none;background:#fdfcfb00;transition:background .6s,-webkit-backdrop-filter .6s,backdrop-filter .6s;position:fixed;inset:0}.hatch-backdrop--active{-webkit-backdrop-filter:blur(10px);background:#fdfcfb8c}.egg-scene--hatching{animation:.6s ease-in forwards scene-hatch-grow}@keyframes scene-hatch-grow{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}60%{opacity:1;transform:translate(-50%,-50%)scale(1.5)}to{opacity:0;transform:translate(-50%,-50%)scale(2.1)}}.egg-crack{filter:drop-shadow(0 0 1px #fff9);clip-path:polygon(50% 0%,62% 22%,48% 38%,64% 56%,46% 72%,58% 100%,50% 100%,38% 74%,56% 58%,40% 40%,54% 24%,42% 0%);background:#5a4428d9;animation:.3s ease-out both crack-in;position:absolute}.egg-crack--1{width:13px;height:40px;top:32%;left:44%;transform:rotate(-8deg)}.egg-crack--2{width:11px;height:32px;top:42%;left:54%;transform:rotate(12deg)}.egg-crack--3{width:10px;height:30px;top:54%;left:47%;transform:rotate(-4deg)}@keyframes crack-in{0%{opacity:0;transform:scale(.6)}to{opacity:1}}.egg-progress{z-index:1;gap:6px;display:flex;position:absolute;top:calc(100% + 14px);left:50%;transform:translate(-50%)}.egg-dot{background:#e5ddc8;border-radius:50%;width:6px;height:6px;transition:background .2s,transform .2s}.egg-dot--filled{background:#d9a35f;transform:scale(1.2)}.naming-overlay{-webkit-backdrop-filter:blur(6px);z-index:20;background:#fdfcfbb3;justify-content:center;align-items:center;animation:.25s ease-out naming-fade-in;display:flex;position:fixed;inset:0}@keyframes naming-fade-in{0%{opacity:0}to{opacity:1}}.naming-card{background:#fffffff5;border:1px solid #0000000a;border-radius:32px;flex-direction:column;align-items:center;gap:14px;width:100%;max-width:320px;margin:0 20px;padding:32px 28px;animation:.3s cubic-bezier(.34,1.56,.64,1) naming-pop-in;display:flex;box-shadow:0 1px 2px #0000000a,0 20px 48px #0000001f}@keyframes naming-pop-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.naming-avatar{justify-content:center;align-items:center;width:84px;height:84px;display:flex}.naming-avatar .blob-figure{filter:drop-shadow(0 8px 14px #00000024);width:100%;height:100%}.naming-title{font-family:var(--font-display);color:#1d1d1f;text-align:center;margin:0;font-size:22px;font-weight:600}.naming-subtitle{color:#a6a6ab;text-align:center;margin:-8px 0 0;font-size:13.5px}.naming-input{width:100%;height:46px;font:inherit;color:#1d1d1f;text-align:center;box-sizing:border-box;background:#f7f7f8;border:1px solid #00000014;border-radius:16px;outline:none;padding:0 18px;font-size:16px;transition:border-color .2s,box-shadow .2s}.naming-input:focus{background:#fff;border-color:#007aff80;box-shadow:0 0 0 3px #007aff1f}.naming-submit{color:#fff;width:100%;height:46px;font:inherit;cursor:pointer;background:#0a84ff;border:none;border-radius:16px;font-size:15px;font-weight:600;transition:background .2s,opacity .2s,transform .12s}.naming-submit:hover:not(:disabled){background:#0074e0}.naming-submit:active:not(:disabled){transform:scale(.98)}.naming-submit:disabled{color:#b3b3b8;cursor:default;background:#e5e5ea}.reset-button{-webkit-backdrop-filter:blur(24px)saturate(180%);color:#a6a6ab;cursor:pointer;z-index:30;background:#ffffffe6;border:1px solid #0000000a;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:color .2s,transform .4s,box-shadow .2s;display:flex;position:fixed;top:24px;right:24px;box-shadow:0 1px 2px #0000000a,0 6px 16px #00000012}.reset-button:hover{color:#0a84ff;box-shadow:0 1px 2px #0000000d,0 8px 20px #0000001a}.reset-button:active{transform:rotate(-90deg)}