.playful-game.one-breath-app{--ob-bg:#0b0809;--ob-ink:#f3dcc0;--ob-dim:rgba(243,220,192,0.66);--ob-faint:rgba(243,220,192,0.16);--ob-amber:#ffbf73;--ob-gold:#f5c27a;--ob-panel:rgba(22,14,12,0.82);--ob-serif:"Iowan Old Style","Palatino Linotype",Palatino,"Hiragino Mincho ProN","Songti SC",Georgia,serif;--ob-sans:"Avenir Next","Segoe UI",system-ui,-apple-system,sans-serif;--ob-safe-t:env(safe-area-inset-top,0px);--ob-safe-r:env(safe-area-inset-right,0px);--ob-safe-b:env(safe-area-inset-bottom,0px);--ob-safe-l:env(safe-area-inset-left,0px);--ob-cx:50vw;height:100dvh;background:var(--ob-bg);color:var(--ob-ink);font-family:var(--ob-sans);touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;overflow:hidden}.one-breath-app *{-webkit-touch-callout:none}.one-breath-app img{pointer-events:none;-webkit-user-drag:none}.one-breath-app [hidden]{display:none!important}.one-breath-app .ob-safe{position:fixed;inset:0;visibility:hidden;pointer-events:none;padding:var(--ob-safe-t) var(--ob-safe-r) var(--ob-safe-b) var(--ob-safe-l)}.one-breath-app .ob-scene{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}.one-breath-app button{font-family:var(--ob-sans);touch-action:manipulation}.one-breath-app .ob-hud{position:absolute;z-index:4;left:var(--ob-cx);top:calc(var(--ob-hud-top, 14px) + var(--ob-safe-t));transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;pointer-events:none;text-align:center;transition:top .6s cubic-bezier(.3,.8,.3,1),opacity .4s,left .6s cubic-bezier(.3,.8,.3,1)}.one-breath-app[data-phase=loading] .ob-hud,.one-breath-app[data-phase=results] .ob-hud{opacity:0}.one-breath-app .ob-ring{position:relative;width:clamp(118px,17vh,176px);aspect-ratio:1}.one-breath-app .ob-ring svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg);overflow:visible}.one-breath-app .ob-ring-track{fill:none;stroke:var(--ob-faint);stroke-width:1.2}.one-breath-app .ob-ring-arc{fill:none;stroke:var(--ob-gold);stroke-width:1.8;stroke-linecap:round;stroke-dasharray:289.03;stroke-dashoffset:289.03;filter:drop-shadow(0 0 3px rgba(255,180,100,.7))}.one-breath-app .ob-age{position:absolute;inset:0;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1}.one-breath-app .ob-age b{font-family:var(--ob-serif);font-weight:500;font-size:clamp(44px,7.6vh,78px);letter-spacing:-.02em;font-feature-settings:tabular-nums lining-nums;font-variant-numeric:tabular-nums lining-nums;color:#ffe2b5;text-shadow:0 0 24px rgba(255,150,60,.45)}.one-breath-app .ob-age span{margin-top:4px;font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--ob-dim)}.one-breath-app .ob-fraction{margin:6px 0 0;font-size:13px;letter-spacing:.08em;color:var(--ob-dim);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.one-breath-app .ob-stage{margin:2px 0 0;font-family:var(--ob-serif);font-style:italic;font-size:20px;color:var(--ob-amber)}.one-breath-app .ob-hud.bump .ob-ring{animation:ob-bump .55s cubic-bezier(.2,1.5,.4,1)}.one-breath-app .ob-hud.bump .ob-stage{animation:ob-rise .6s ease-out}.one-breath-app .ob-vs-chip{margin:6px 0 0;padding:3px 12px;border:1px solid rgba(255,191,115,.45);border-radius:999px;font-size:13px;font-weight:600;color:var(--ob-amber)}.one-breath-app[data-phase=ready] .ob-vs-chip{display:none}.one-breath-app .ob-vs-chip.beaten{background:rgba(255,191,115,.18);animation:ob-bump .5s cubic-bezier(.2,1.5,.4,1)}@keyframes ob-bump{0%{transform:scale(1)}35%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes ob-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.one-breath-app .ob-hint{position:absolute;z-index:6;left:50%;bottom:calc(18px + var(--ob-safe-b));transform:translateX(-50%);margin:0;max-width:calc(100% - 40px);font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--ob-dim);text-align:center;opacity:0;pointer-events:none;transition:opacity .6s}.one-breath-app .ob-hint.show{opacity:1}.one-breath-app .ob-tip{position:absolute;z-index:12;left:50%;bottom:calc(56px + var(--ob-safe-b));transform:translate(-50%,10px);margin:0;max-width:min(440px,calc(100% - 32px));padding:10px 18px;border-radius:14px;background:rgba(30,20,16,.92);border:1px solid rgba(255,191,115,.3);font-size:15px;text-align:center;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s}.one-breath-app .ob-tip.show{opacity:1;transform:translate(-50%)}.one-breath-app .ob-corner{position:absolute;z-index:11;top:calc(10px + var(--ob-safe-t));right:calc(10px + var(--ob-safe-r));display:flex;gap:8px}.one-breath-app .ob-icon-btn{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--ob-faint);background:rgba(20,13,12,.5);color:var(--ob-ink);cursor:pointer}.one-breath-app .ob-mute .off,.one-breath-app .ob-mute.off .on{display:none}.one-breath-app .ob-mute.off .off{display:inline}.one-breath-app .ob-guide{position:absolute;z-index:2;left:var(--ob-cx);top:var(--ob-cy,46%);transform:translate(-50%,-50%);display:none;flex-direction:column;align-items:center;gap:14px;pointer-events:none}.one-breath-app .ob-guide.show{display:flex}.one-breath-app .ob-guide-circle{width:min(260px,calc(var(--ob-rh, 400px) * .62),60vw);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,191,115,.55);background:radial-gradient(circle,rgba(255,170,90,.16),rgba(255,170,90,.02) 70%);box-shadow:0 0 40px rgba(255,150,60,.18);transform:scale(.55);transition:transform 4s cubic-bezier(.45,0,.55,1);font-family:var(--ob-serif);font-size:40px;color:#ffe2b5}.one-breath-app[data-guide=go] .ob-guide-circle,.one-breath-app[data-guide=in] .ob-guide-circle{transform:scale(1)}.one-breath-app[data-guide=out] .ob-guide-circle{transform:scale(.55)}.one-breath-app .ob-guide-text{margin:0;font-family:var(--ob-serif);font-style:italic;font-size:22px;text-shadow:0 2px 12px #000;text-align:center;max-width:80vw}.one-breath-app .overlay{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;padding:0;color:var(--ob-ink)}.one-breath-app .ob-start{pointer-events:none;display:none}.one-breath-app .ob-start.show{display:block}.one-breath-app .ob-start>*{pointer-events:auto}.one-breath-app .ob-start .ob-back{position:absolute;top:calc(12px + var(--ob-safe-t));left:calc(12px + var(--ob-safe-l));min-height:44px;display:inline-flex;align-items:center;padding:0 12px;color:var(--ob-dim);font-size:14px;text-decoration:none;background:transparent;border:1px solid var(--ob-faint);border-radius:999px;box-shadow:none}.one-breath-app .ob-brand{position:absolute;left:var(--ob-cx);top:calc(16px + var(--ob-safe-t));transform:translateX(-50%);width:min(92vw,560px);text-align:center;pointer-events:none!important}.one-breath-app .ob-title{margin:0;font-family:var(--ob-serif);font-weight:500;font-size:clamp(32px,5vh,54px);letter-spacing:.02em;line-height:1.05;color:#ffe9c9;text-shadow:0 0 30px rgba(255,160,70,.35)}.one-breath-app .ob-tagline{margin:4px 0 0;font-family:var(--ob-serif);font-style:italic;font-size:clamp(14px,2vh,18px);color:var(--ob-dim)}.one-breath-app .ob-panel{background:var(--ob-panel);border:1px solid rgba(255,191,115,.18);border-radius:24px;box-shadow:0 20px 60px rgba(0,0,0,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--ob-ink)}.one-breath-app .ob-start-panel{position:absolute;top:50%;right:calc(28px + var(--ob-safe-r));transform:translateY(-50%);width:min(380px,40vw);max-height:calc(100dvh - 40px);overflow-y:auto;padding:20px 20px 16px;display:flex;flex-direction:column;gap:12px;touch-action:pan-y}.one-breath-app .ob-vs{margin:0;padding:8px 12px;border-radius:14px;background:rgba(255,191,115,.12);text-align:center;font-size:14px;color:var(--ob-dim)}.one-breath-app .ob-vs b{display:block;font-family:var(--ob-serif);font-size:22px;font-weight:500;color:var(--ob-amber)}.one-breath-app .ob-label{margin:0;font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ob-dim)}.one-breath-app .ob-chars{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:6px;gap:6px}.one-breath-app .ob-char{position:relative;min-height:56px;padding:0;border-radius:14px;border:1px solid var(--ob-faint);background:rgba(255,255,255,.03);overflow:hidden;cursor:pointer}.one-breath-app .ob-char img{display:block;width:100%;height:64px;object-fit:cover;object-position:50% 4%;transform:scale(1.6);transform-origin:50% 0}.one-breath-app .ob-char[aria-checked=true]{border-color:var(--ob-gold);background:rgba(255,191,115,.16);box-shadow:0 0 0 1px var(--ob-gold) inset}.one-breath-app .ob-swatch{position:absolute;right:4px;bottom:4px;width:12px;height:12px;border-radius:50%;background:linear-gradient(135deg,var(--hair) 50%,var(--skin) 50%);box-shadow:0 0 0 1px rgba(0,0,0,.4)}.one-breath-app .ob-prepare{margin:0;font-size:15px;line-height:1.45;color:var(--ob-ink);text-align:center}.one-breath-app .ob-hold{min-height:60px;display:flex;align-items:center;justify-content:center;gap:12px;border-radius:999px;border:1px solid rgba(255,191,115,.6);background:linear-gradient(180deg,rgba(255,191,115,.3),rgba(255,140,60,.18));color:#ffe9c9;font-size:19px;font-weight:600;letter-spacing:.04em;cursor:pointer;box-shadow:0 0 30px rgba(255,150,60,.25)}.one-breath-app .ob-hold:disabled{opacity:.55;cursor:progress}.one-breath-app .ob-hold-dot{width:14px;height:14px;border-radius:50%;background:var(--ob-amber);box-shadow:0 0 12px var(--ob-amber);animation:ob-breathe 4.2s ease-in-out infinite}@keyframes ob-breathe{0%,to{transform:scale(.7);opacity:.7}50%{transform:scale(1.25);opacity:1}}.one-breath-app .ob-controls{margin:-4px 0 0;font-size:13px;color:var(--ob-dim);text-align:center}.one-breath-app .ob-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.one-breath-app .ob-chip{min-height:44px;padding:0 16px;border-radius:999px;border:1px solid var(--ob-faint);background:transparent;color:var(--ob-ink);font-size:14px;cursor:pointer}.one-breath-app .ob-chip[aria-pressed=true]{border-color:var(--ob-gold);color:var(--ob-amber)}.one-breath-app .ob-records{margin:0;font-size:14px;color:var(--ob-dim)}.one-breath-app .ob-records b{font-family:var(--ob-serif);font-size:18px;font-weight:500;color:var(--ob-amber)}.one-breath-app .ob-safety{margin:0;font-size:12.5px;line-height:1.4;color:var(--ob-dim);text-align:center}.one-breath-app .ob-settings{display:flex;gap:8px}.one-breath-app .ob-setting{flex:1 1;min-height:44px;border-radius:12px;border:1px solid var(--ob-faint);background:transparent;color:var(--ob-dim);font-size:13px;cursor:pointer}.one-breath-app .ob-set-val{color:var(--ob-amber);font-weight:600}.one-breath-app .ob-sheet{justify-content:center;align-items:flex-end;padding:20px calc(28px + var(--ob-safe-r)) 20px 20px}.one-breath-app .ob-results-card{width:min(420px,42vw);max-height:calc(100dvh - 40px);overflow-y:auto;padding:22px 22px 18px;display:flex;flex-direction:column;gap:10px;text-align:center;touch-action:pan-y;animation:ob-in .6s cubic-bezier(.2,.9,.3,1)}@keyframes ob-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.one-breath-app .ob-kicker{margin:0;font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--ob-dim)}.one-breath-app .ob-r-age{display:flex;align-items:center;justify-content:center;gap:14px}.one-breath-app .ob-r-age p{margin:0;display:flex;align-items:baseline;gap:8px}.one-breath-app .ob-r-age b{font-family:var(--ob-serif);font-weight:500;font-size:76px;line-height:1;color:#ffe2b5;text-shadow:0 0 30px rgba(255,150,60,.5);font-feature-settings:"lnum";font-variant-numeric:lining-nums}.one-breath-app .ob-r-age span{font-size:15px;letter-spacing:.18em;text-transform:uppercase;color:var(--ob-dim)}.one-breath-app .ob-r-portrait{width:54px;height:81px;object-fit:contain;filter:drop-shadow(0 0 10px rgba(255,160,80,.4))}.one-breath-app .ob-r-headline{margin:0;font-family:var(--ob-serif);font-weight:500;font-size:22px;line-height:1.25;color:var(--ob-ink)}.one-breath-app .ob-r-line{margin:0;font-family:var(--ob-serif);font-style:italic;font-size:17px;line-height:1.35;color:var(--ob-amber)}.one-breath-app .ob-r-new{margin:0 auto;padding:3px 14px;border-radius:999px;background:var(--ob-gold);color:#2a170c;font-weight:700;font-size:15px;animation:ob-bump .6s cubic-bezier(.2,1.5,.4,1)}.one-breath-app .ob-r-vs{margin:0;font-weight:600;color:var(--ob-amber)}.one-breath-app .ob-r-reason{margin:0;font-size:13px;color:var(--ob-dim)}.one-breath-app .ob-r-stats{list-style:none;margin:2px 0;padding:0;display:flex;justify-content:center;flex-wrap:wrap;gap:6px}.one-breath-app .ob-r-stats li{padding:6px 12px;border-radius:12px;border:1px solid var(--ob-faint);font-size:13px;color:var(--ob-dim)}.one-breath-app .ob-r-stats b{color:var(--ob-ink);font-weight:600}.one-breath-app .ob-big{min-height:54px;border-radius:999px;border:1px solid rgba(255,191,115,.7);background:linear-gradient(180deg,#ffcf8a,#f0a35a);color:#2a170c;font-size:18px;font-weight:700;cursor:pointer}.one-breath-app .ob-share-row>*{flex:1 1}.one-breath-app .ob-secondary{min-height:46px;border-radius:999px;border:1px solid rgba(255,191,115,.45);background:transparent;color:var(--ob-ink);font-size:15px;font-weight:600;cursor:pointer}.one-breath-app .ob-secondary:disabled{opacity:.6}.one-breath-app .ob-leaderboard{text-align:left}.one-breath-app .ob-home{align-self:center;min-height:44px;display:inline-flex;align-items:center;color:var(--ob-dim);font-size:14px;text-decoration:none}.one-breath-app .ob-loading{background:var(--ob-bg);justify-content:center;align-items:center;padding:20px}.one-breath-app .ob-touch-only{display:none}@media (hover:none),(pointer:coarse){.one-breath-app .ob-keys-only{display:none}.one-breath-app .ob-touch-only{display:inline}}@media (max-aspect-ratio:4/5),(max-width:700px){.one-breath-app .ob-start .ob-back{display:none}.one-breath-app .ob-start-panel{top:auto;right:0;left:0;bottom:0;transform:none;width:auto;max-height:52dvh;gap:9px;border-radius:24px 24px 0 0;border-bottom:0;padding:14px calc(14px + var(--ob-safe-r)) calc(12px + var(--ob-safe-b)) calc(14px + var(--ob-safe-l))}.one-breath-app .ob-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.one-breath-app .ob-controls{display:none}.one-breath-app .ob-prepare{font-size:14px}.one-breath-app .ob-char{min-height:50px}.one-breath-app .ob-char img{height:54px}.one-breath-app .ob-hold{min-height:56px}.one-breath-app .ob-settings{display:none}.one-breath-app .ob-sheet{align-items:stretch;justify-content:flex-end;padding:0}.one-breath-app .ob-results-card{width:100%;max-height:62dvh;border-radius:24px 24px 0 0;border-bottom:0;padding:16px calc(16px + var(--ob-safe-r)) calc(14px + var(--ob-safe-b)) calc(16px + var(--ob-safe-l));gap:8px}.one-breath-app .ob-r-age b{font-size:60px}.one-breath-app .ob-r-headline{font-size:19px}.one-breath-app .ob-r-line{font-size:15px}.one-breath-app .ob-sheet{flex-direction:column}.one-breath-app .ob-vs{padding:6px 10px}.one-breath-app .ob-vs b{display:inline;font-size:19px}}@media (max-height:500px) and (min-aspect-ratio:5/4){.one-breath-app .ob-start .ob-back{display:none}.one-breath-app .ob-hud,.one-breath-app[data-phase=ready] .ob-hud{left:calc(16px + var(--ob-safe-l) + min(13vw, 110px));top:50%;transform:translate(-50%,-50%)}.one-breath-app[data-phase=ready] .ob-hud{top:58%}.one-breath-app .ob-ring{width:min(30vh,120px)}.one-breath-app .ob-age b{font-size:min(12vh,50px)}.one-breath-app .ob-brand{left:calc(16px + var(--ob-safe-l));transform:none;top:calc(10px + var(--ob-safe-t));width:min(28vw,240px);text-align:left}.one-breath-app .ob-title{font-size:26px}.one-breath-app .ob-tagline{font-size:12px}.one-breath-app .ob-start-panel{top:calc(8px + var(--ob-safe-t));bottom:calc(8px + var(--ob-safe-b));right:calc(8px + var(--ob-safe-r));left:auto;transform:none;width:min(340px,40vw);max-height:none;border-radius:20px;border-bottom:1px solid rgba(255,191,115,.18);padding:10px 12px;gap:7px}.one-breath-app .ob-controls,.one-breath-app .ob-label,.one-breath-app .ob-settings{display:none}.one-breath-app .ob-char{min-height:44px}.one-breath-app .ob-char img{height:46px}.one-breath-app .ob-prepare{font-size:13px}.one-breath-app .ob-hold{min-height:48px;font-size:17px;order:-1}.one-breath-app .ob-vs{order:-2;padding:4px 10px}.one-breath-app .ob-safety{font-size:11.5px}.one-breath-app .ob-sheet{align-items:flex-end;justify-content:center;padding:8px calc(8px + var(--ob-safe-r)) 8px 8px}.one-breath-app .ob-results-card{width:min(380px,46vw);max-height:calc(100dvh - 16px);border-radius:20px;border-bottom:1px solid rgba(255,191,115,.18);padding:12px 14px;gap:6px}.one-breath-app .ob-r-age b{font-size:46px}.one-breath-app .ob-r-headline{font-size:17px}.one-breath-app .ob-r-line{font-size:14px}.one-breath-app .ob-hint{left:auto;right:calc(16px + var(--ob-safe-r));transform:none}.one-breath-app .ob-corner{top:auto;right:auto;bottom:calc(10px + var(--ob-safe-b));left:calc(10px + var(--ob-safe-l))}}