:root{color:#fffaf4;font-synthesis:none;text-rendering:geometricprecision;--ink:#3d2843;--pink:#ef75aa;--deep-pink:#bd3d7d;--cream:#fff8e9;--blue:#63d6ee;--font-display:"Iowan Old Style", "Palatino Linotype", Georgia, serif;background:#86d6df;font-family:Avenir Next,Avenir,system-ui,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{min-width:320px}button{font:inherit}#app{background:#86d6df;position:relative}#game-canvas{touch-action:none;outline:none;width:100vw;height:100vh;display:block}#splash{z-index:20;background:linear-gradient(150deg,#f8c3dc,#9cdbeb 60%,#fff2c8);place-items:center;padding:clamp(14px,3vw,42px);transition:opacity .7s,transform .7s cubic-bezier(.2,.8,.2,1);display:grid;position:fixed;inset:0}#splash.leaving{opacity:0;pointer-events:none;transform:scale(1.025)}.splash-card{background:#dceff0;border:1px solid #ffffffb8;border-radius:clamp(24px,4vw,48px);width:min(1180px,100%);height:min(760px,100vh - 40px);position:relative;overflow:hidden;box-shadow:0 30px 90px #4b2a5440,inset 0 0 0 8px #ffffff26}.splash-card:after{content:"";background:linear-gradient(90deg,#3d2843d6,#3d284340 48%,#0000 72%);position:absolute;inset:0}.splash-card img{object-fit:cover;width:100%;height:100%}.splash-copy{z-index:2;width:min(430px,75%);position:absolute;top:50%;left:clamp(24px,7vw,88px);transform:translateY(-50%)}.eyebrow{color:#ffd3e7;letter-spacing:.16em;text-transform:uppercase;margin-bottom:14px;font-size:.72rem;font-weight:800;display:inline-block}.splash-copy h1{font:700 clamp(2.45rem,6vw,5.25rem)/.88 var(--font-display);letter-spacing:-.055em;text-shadow:0 5px 26px #0003;margin:0}.splash-copy h1 em{color:#ff9ec9;font-style:normal}.splash-copy p{color:#fff6f0;max-width:340px;margin:22px 0 28px;font-size:clamp(.95rem,1.6vw,1.15rem);line-height:1.5}#start-button{color:var(--ink);background:var(--cream);cursor:pointer;border:0;border-radius:999px;padding:14px 20px 14px 24px;font-weight:800;transition:transform .2s,box-shadow .2s;box-shadow:0 12px 32px #22102838}#start-button span{color:#fff;background:var(--pink);border-radius:50%;place-items:center;width:30px;height:30px;margin-left:12px;display:inline-grid}#start-button:hover{transform:translateY(-2px);box-shadow:0 16px 38px #22102847}#start-button:disabled{cursor:wait;opacity:.88;transform:none}#start-button.starting span{animation:.7s ease-in-out infinite alternate starting-pulse}@keyframes starting-pulse{to{transform:scale(1.16)rotate(20deg)}}#hud{z-index:3;pointer-events:none;position:absolute;inset:0}.brand-lockup{top:max(18px,env(safe-area-inset-top));left:max(18px,env(safe-area-inset-left));color:#fff;text-shadow:0 2px 16px #272a364d;font:700 .78rem/1.05 var(--font-display);letter-spacing:.02em;align-items:center;gap:10px;display:flex;position:absolute}.brand-lockup>span{background:linear-gradient(145deg,#ffadd0,#d84b96);border-radius:50%;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 8px 20px #8f31684d}.brand-lockup em{color:#ffd1e5;font-size:1.08rem;font-style:normal;display:block}.heartlight{top:max(18px,env(safe-area-inset-top));right:max(18px,env(safe-area-inset-right));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#3a2741b8;border:1px solid #ffffffbf;border-radius:18px;align-items:center;gap:10px;min-width:174px;padding:9px 13px 9px 9px;display:flex;position:absolute;box-shadow:0 10px 34px #321e3a38}.heart-icon{color:#fff;background:linear-gradient(145deg,#ff9ec8,#dc4f94);border-radius:13px;place-items:center;width:39px;height:39px;font-size:1.12rem;display:grid;box-shadow:inset 0 1px #ffffff80}.heart-copy>span{color:#f9cfe2;letter-spacing:.11em;text-transform:uppercase;font-size:.62rem;font-weight:800;display:block}.heart-copy strong{white-space:nowrap;font-size:.83rem}.heart-copy strong span{display:inline}.breath-wrap{top:84px;right:max(18px,env(safe-area-inset-right));opacity:0;align-items:center;gap:9px;width:170px;transition:all .25s;display:flex;position:absolute;transform:translateY(-6px)}.breath-wrap.visible{opacity:1;transform:none}.breath-wrap>span{color:#245a77;text-transform:uppercase;font-size:.66rem;font-weight:800}.breath-track{background:#1a557038;border:2px solid #ffffffd6;border-radius:99px;flex:1;height:9px;overflow:hidden}#breath-fill{transform-origin:0;background:linear-gradient(90deg,#9af4ff,#31c4e8);border-radius:99px;width:100%;height:100%;transition:background .2s;display:block;box-shadow:0 0 14px #8ae9ff}#breath-fill.low{background:linear-gradient(90deg,#ffcf7c,#ff7c8c)}#status-line{left:50%;bottom:max(64px,calc(env(safe-area-inset-bottom) + 30px));max-width:min(520px,80vw);color:var(--ink);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;background:#fffaf0e0;border:1px solid #ffffffb8;border-radius:999px;padding:10px 16px;font-size:.78rem;font-weight:800;position:absolute;transform:translate(-50%);box-shadow:0 10px 34px #2c3a392e}#zone-label{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:.12em;text-transform:uppercase;background:#3d28437a;border-radius:999px;padding:5px 13px;font-size:.64rem;font-weight:800;position:absolute;top:19%;left:50%;transform:translate(-50%)}#prompt-line{right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));color:#fff9ed;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#3d28438c;border-radius:12px;padding:8px 12px;font-size:.66rem;font-weight:700;position:absolute}#dialogue-panel{z-index:7;left:50%;bottom:max(112px,calc(env(safe-area-inset-bottom) + 82px));width:min(560px,100vw - 36px);color:var(--ink);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);visibility:hidden;opacity:0;pointer-events:none;background:#fff8ebf0;border:1px solid #ffffffd1;border-radius:23px;padding:17px 20px 18px;transition:all .25s;position:fixed;transform:translate(-50%,10px);box-shadow:0 18px 48px #3a243e3d,inset 0 0 0 5px #ffffff52}#dialogue-panel.visible{visibility:visible;opacity:1;transform:translate(-50%)}#dialogue-speaker{color:var(--deep-pink);letter-spacing:.12em;text-transform:uppercase;margin-bottom:5px;font-size:.68rem;font-weight:800;display:inline-block}#dialogue-panel p{margin:0;font-size:clamp(.88rem,2vw,1.03rem);font-weight:700;line-height:1.45}#pause-button{top:max(86px,calc(env(safe-area-inset-top) + 68px));left:max(18px,env(safe-area-inset-left));color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;pointer-events:auto;background:#3d284394;border:1px solid #ffffffb8;border-radius:15px;place-items:center;width:44px;height:44px;transition:transform .2s,background .2s;display:grid;position:absolute;box-shadow:0 10px 28px #2a1a3133}#pause-button:hover,#pause-button:focus-visible{outline-offset:2px;background:#3d2843c7;outline:2px solid #fffc;transform:translateY(-2px)}.game-overlay{z-index:12;visibility:hidden;opacity:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#21182a6b;place-items:center;padding:24px;transition:opacity .25s,visibility .25s;display:grid;position:fixed;inset:0}.game-overlay.visible{visibility:visible;opacity:1}.storybook-panel{width:min(470px,100%);color:var(--ink);text-align:center;background:linear-gradient(155deg,#fffcf2f7,#ffe1eef5);border:1px solid #ffffffdb;border-radius:32px;padding:clamp(28px,6vw,52px);transition:transform .3s cubic-bezier(.2,.8,.2,1);transform:translateY(12px)scale(.98);box-shadow:0 28px 80px #321d3852,inset 0 0 0 7px #ffffff5c}.game-overlay.visible .storybook-panel{transform:none}.storybook-panel .eyebrow{color:var(--deep-pink);margin:0 0 10px}.storybook-panel h2{font:700 clamp(2rem,7vw,3.25rem)/.95 var(--font-display);letter-spacing:-.045em;margin:0}.storybook-panel p{color:#705a72;max-width:370px;margin:18px auto 24px;line-height:1.55}.overlay-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.primary-button,.quiet-button{cursor:pointer;border-radius:999px;min-height:48px;padding:11px 18px;font-weight:800;transition:transform .18s,box-shadow .18s}.primary-button{color:#fff;background:linear-gradient(145deg,#ef77aa,#c64789);border:0;box-shadow:0 10px 24px #af377740}.primary-button span{margin-left:8px}.quiet-button{color:var(--ink);background:#ffffffb3;border:1px solid #5836562e}.primary-button:hover,.quiet-button:hover{transform:translateY(-2px)}.completion-heart{color:#fff;background:linear-gradient(145deg,#ffafd1,#dc4e96);border-radius:27px;place-items:center;width:74px;height:74px;margin:-10px auto 18px;font-size:2rem;animation:1.8s ease-in-out infinite heart-breathe;display:grid;box-shadow:0 14px 32px #b5407f47}@keyframes heart-breathe{50%{transform:translateY(-4px)rotate(3deg);box-shadow:0 18px 38px #b5407f61}}#touch-controls{z-index:5;right:max(18px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));left:max(18px,env(safe-area-inset-left));pointer-events:none;justify-content:space-between;align-items:flex-end;display:none;position:absolute}#touch-stick{aspect-ratio:1;pointer-events:auto;touch-action:none;background:#3d28433d;border:2px solid #ffffff94;border-radius:50%;width:clamp(100px,25vw,132px);position:relative;box-shadow:inset 0 0 24px #ffffff1f}#touch-knob{aspect-ratio:1;background:linear-gradient(145deg,#ffadd0,#d94d96);border:2px solid #ffffffb8;border-radius:50%;width:43%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 24px #732d6059}#dash-button{aspect-ratio:1;color:#fff;pointer-events:auto;touch-action:none;background:linear-gradient(145deg,#5ad6efe6,#2f8ec4e6);border:2px solid #ffffffad;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:clamp(76px,19vw,96px);font-size:.7rem;font-weight:800;display:flex;box-shadow:0 12px 30px #2266894d}#dash-button span{font-size:1.25rem}#dash-button b{font:inherit}@media (pointer:coarse),(width<=760px){#touch-controls{display:flex}#prompt-line{display:none}#status-line{bottom:max(145px,calc(env(safe-area-inset-bottom) + 128px));max-width:72vw;font-size:.7rem}#dialogue-panel{bottom:max(154px,calc(env(safe-area-inset-bottom) + 142px));width:calc(100vw - 30px);padding:14px 17px 15px}.brand-lockup{top:max(10px,env(safe-area-inset-top));left:max(10px,env(safe-area-inset-left))}.brand-lockup div{display:none}.heartlight{top:max(10px,env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right));min-width:150px;padding:7px 10px 7px 7px}.heart-icon{width:34px;height:34px}.heart-copy strong{font-size:.74rem}.breath-wrap{top:65px;right:max(10px,env(safe-area-inset-right));width:150px}#zone-label{top:14%}#pause-button{top:max(58px,calc(env(safe-area-inset-top) + 48px));left:max(10px,env(safe-area-inset-left));width:42px;height:42px}.splash-card:after{background:linear-gradient(#3d284314 28%,#3d2843e0)}.splash-copy{width:calc(100% - 48px);top:auto;bottom:28px;left:24px;transform:none}.splash-copy h1{font-size:clamp(2.35rem,11vw,4rem)}.splash-copy p{margin:13px 0 18px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}