:root{--ink:#273641;--muted:#71818a;--paper:#e9eef4;--card:#fffdf8;--blue:#77a6bb;--blue-dark:#3e748d;--peach:#e88068;--yellow:#f5cd76;--brown:#805d4c;--sage:#9ab39a;font-family:Georgia,'Times New Roman',serif}*{box-sizing:border-box}body{margin:0;min-width:320px;color:var(--ink);background:var(--paper);background-image:linear-gradient(135deg,rgba(255,255,255,.75),transparent 42%),radial-gradient(rgba(62,116,141,.08) 1px,transparent 1px);background-size:100% 100%,20px 20px}button{font:inherit}.app-shell{width:min(1160px,calc(100% - 44px));margin:auto;padding:24px 0 20px}.topbar,.top-actions,footer,.brand{display:flex;align-items:center}.topbar,footer{justify-content:space-between;gap:20px}.topbar{padding-bottom:64px}.brand{gap:10px;color:var(--ink);text-decoration:none;font:700 14px Arial,sans-serif;letter-spacing:.04em}.brand-mark{width:27px;height:27px;border-radius:50% 50% 50% 4px;background:var(--peach);color:#fff;display:grid;place-items:center;font:italic 20px Georgia;transform:rotate(-6deg)}.top-actions{gap:18px}.chapter,.sound,.kicker,.card-top,.score-strip small,.meter-label,.help,footer,.log-label{font:700 10px Arial,sans-serif;letter-spacing:.11em;text-transform:uppercase}.chapter{color:var(--muted)}.sound{border:1px solid rgba(39,54,65,.2);background:transparent;color:var(--ink);padding:9px 12px;border-radius:20px;cursor:pointer}.sound:first-letter{color:var(--peach)}.intro{display:grid;grid-template-columns:1fr .75fr;gap:70px;align-items:end;margin-bottom:40px}.kicker{color:var(--blue-dark);margin:0 0 19px}.kicker:before{content:' ';display:inline-block;width:7px;height:7px;background:var(--peach);border-radius:50%;margin-right:8px}h1{font-size:clamp(48px,6.3vw,78px);line-height:.91;letter-spacing:-.06em;font-weight:400;margin:0 0 25px}h1 em{color:var(--peach);font-style:italic}.lead{max-width:440px;margin:0;color:var(--muted);font-size:16px;line-height:1.6}.score-strip{border-top:1px solid rgba(39,54,65,.2);border-bottom:1px solid rgba(39,54,65,.2);display:flex;justify-content:space-between;padding:16px 0}.score-strip div{border-left:2px solid var(--sage);padding-left:12px;min-width:75px}.score-strip small{display:block;color:var(--muted);font-size:9px;margin-bottom:7px}.score-strip strong{font-size:30px;font-weight:400}.score-strip b{font:11px Arial,sans-serif;color:var(--muted);margin-left:3px}.play-card{background:var(--card);padding:20px 20px 19px;box-shadow:0 22px 55px rgba(58,76,91,.13);border:1px solid rgba(39,54,65,.08)}.card-top{display:flex;justify-content:space-between;color:var(--muted);font-size:9px;padding:0 3px 15px}.card-top span:first-child{color:var(--blue-dark)}.scene{height:clamp(350px,42vw,470px);background:#cce2eb;position:relative;overflow:hidden;isolation:isolate;background-image:linear-gradient(160deg,rgba(255,255,255,.65),transparent 55%)}.window{position:absolute;inset:0 0 35%;background:#b9d8e4;overflow:hidden}.sun{position:absolute;width:105px;height:105px;border-radius:50%;background:#f7d58c;top:16%;left:52%;opacity:.9}.cloud{position:absolute;width:130px;height:27px;border-radius:30px;background:rgba(255,255,255,.5)}.cloud:before,.cloud:after{content:'';position:absolute;background:inherit;border-radius:50%}.cloud:before{width:45px;height:45px;left:25px;top:-20px}.cloud:after{width:55px;height:55px;right:20px;top:-27px}.cloud-a{top:25%;left:8%}.cloud-b{top:47%;right:3%;transform:scale(.65)}.wall-line{position:absolute;bottom:34%;left:0;right:0;height:1px;background:rgba(62,116,141,.21)}.plant{position:absolute;bottom:23%;left:6%;width:72px;height:130px;border-bottom:15px solid #a5bda4;border-radius:50%}.plant i{position:absolute;width:42px;height:77px;background:#779d81;border-radius:100% 0;transform:rotate(30deg);bottom:7px;left:10px}.plant i:nth-child(2){transform:rotate(100deg);left:34px;bottom:27px}.plant i:nth-child(3){transform:rotate(-10deg);left:36px;bottom:60px}.yoga-mat{position:absolute;z-index:1;bottom:12%;left:21%;width:58%;height:13%;border-radius:50%;background:#d98674;transform:rotate(-3deg);box-shadow:inset 0 9px rgba(255,255,255,.18)}.yoga-mat:after{content:'';position:absolute;inset:20% 3%;border-top:1px solid rgba(255,255,255,.4);border-bottom:1px solid rgba(255,255,255,.35)}.mine{position:absolute;z-index:3;bottom:18%;left:50%;width:150px;height:270px;transform:translateX(-50%);transform-origin:50% 100%;transition:transform .15s ease}.mine.wobble{animation:wobble .3s ease}.hair-back{position:absolute;z-index:1;left:27px;top:1px;width:103px;height:202px;background:var(--brown);border-radius:48% 47% 35% 42%;transform:rotate(3deg)}.head{position:absolute;z-index:4;left:40px;top:5px;width:79px;height:91px}.face{position:absolute;top:12px;left:7px;width:65px;height:75px;background:#e9ad88;border-radius:46%}.hair-top,.bangs{background:var(--brown)}.hair-top{position:absolute;z-index:2;top:0;left:0;width:82px;height:54px;border-radius:52% 54% 35% 30%}.bangs{position:absolute;z-index:5;top:32px;left:5px;width:71px;height:29px;border-radius:8% 10% 50% 50%;clip-path:polygon(0 0,100% 0,92% 65%,77% 43%,64% 100%,48% 49%,31% 75%,17% 38%,0 66%)}.eye{position:absolute;top:44px;width:5px;height:6px;border-radius:50%;background:var(--ink)}.left-eye{left:20px}.right-eye{right:20px}.nose{position:absolute;top:51px;left:31px;width:5px;height:7px;border-left:1px solid #b76f5b;transform:rotate(12deg)}.mouth{position:absolute;top:64px;left:27px;width:14px;height:6px;border-bottom:2px solid #c85948;border-radius:50%}.body{position:absolute;z-index:2;left:36px;bottom:17px;width:78px;height:108px;background:var(--peach);border-radius:44% 44% 22% 22%}.body i{position:absolute;left:31px;top:27px;color:rgba(255,255,255,.8);font:italic 28px Georgia}.legs{position:absolute;z-index:1;bottom:0;left:36px;width:78px;height:136px}.legs span{position:absolute;width:42px;height:133px;bottom:0;background:var(--sage);border-radius:25px 25px 10px 10px}.legs span:first-child{left:0;transform:rotate(7deg)}.legs span:last-child{right:0;transform:rotate(-7deg)}.arm{position:absolute;z-index:1;top:32px;width:57px;height:15px;background:#e9ad88;border-radius:30px}.arm.left{left:-42px;transform:rotate(19deg)}.arm.right{right:-42px;transform:rotate(-19deg)}.balance-orbit{position:absolute;z-index:4;bottom:14%;right:5%;width:155px;height:155px;border:1px solid rgba(255,255,255,.8);border-radius:50%;display:grid;place-items:center}.balance-orbit:before{content:'';position:absolute;inset:13px;border:1px dashed rgba(62,116,141,.4);border-radius:50%}.balance-dot{width:21px;height:21px;border:5px solid var(--card);border-radius:50%;background:var(--peach);box-shadow:0 2px 9px rgba(39,54,65,.2);position:relative;left:0;transition:left .1s}.center-mark{position:absolute;width:4px;height:4px;background:var(--blue-dark);border-radius:50%}.speech{position:absolute;z-index:7;top:10%;left:7%;max-width:215px;padding:12px 15px;background:var(--card);border-radius:16px 16px 16px 3px;color:var(--ink);font:700 12px/1.35 Arial,sans-serif;box-shadow:0 8px 20px rgba(62,116,141,.11);transform:rotate(-2deg)}.speech:after{content:'';position:absolute;bottom:-8px;left:19px;border-width:9px 9px 0 0;border-style:solid;border-color:var(--card) transparent transparent}.distraction{position:absolute;z-index:6;bottom:9%;left:5%;padding:9px 12px;background:rgba(255,253,248,.78);border-radius:20px;color:var(--muted);font:700 10px Arial,sans-serif;transition:transform .3s}.balance-meter{padding:18px 0 5px}.meter-label{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:9px}.meter-label strong{color:var(--blue-dark);font-size:11px;letter-spacing:.03em}.meter-track{height:10px;margin-top:10px;background:#e2d8cf;position:relative;overflow:hidden;border-radius:9px}.safe-zone{position:absolute;left:43%;width:14%;height:100%;background:#a8c4a5}.meter-track i{position:absolute;left:50%;top:-3px;width:4px;height:16px;border-radius:3px;background:var(--ink);transition:left .1s}.controls{display:flex;gap:9px;align-items:center}.direction{width:54px;height:48px;border:1px solid rgba(39,54,65,.17);background:transparent;color:var(--blue-dark);font-size:24px;cursor:pointer}.direction:hover{background:#edf4f5}.start-button{height:48px;flex:1;border:0;border-radius:2px;background:var(--ink);color:var(--card);cursor:pointer;font:700 12px Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase}.start-button:hover{background:var(--blue-dark)}.start-button span:first-child{font-size:20px;color:var(--yellow);vertical-align:-2px;margin-right:8px}.help{text-align:center;color:var(--muted);font-size:9px;margin:14px 0 0}.help kbd{border:1px solid rgba(39,54,65,.2);padding:3px 5px;border-radius:2px;margin:0 2px;font:10px Arial}.notes{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:32px}.notes article{min-height:90px;padding:18px 21px;border-top:1px solid rgba(39,54,65,.2);display:flex;gap:15px}.note-symbol{font-size:22px;color:var(--peach)}h2{font-size:15px;font-weight:400;margin:0}.notes p{font-size:13px;color:var(--muted);line-height:1.45;margin:7px 0 0}.log{display:block;background:rgba(255,253,248,.45)}.log-label{color:var(--blue-dark);font-size:9px;margin:0!important}.log-label span{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--peach);margin-right:7px}.log #eventLog{font-style:italic}footer{border-top:1px solid rgba(39,54,65,.13);padding-top:17px;margin-top:24px;color:var(--muted);font-size:9px}@keyframes wobble{25%{transform:translateX(-50%) rotate(-4deg)}75%{transform:translateX(-50%) rotate(4deg)}}@media(max-width:800px){.app-shell{width:min(100% - 28px,560px);padding-top:18px}.topbar{padding-bottom:38px}.chapter{display:none}.intro{display:block;margin-bottom:26px}.lead{font-size:15px;margin-bottom:24px}.score-strip{max-width:420px}.play-card{padding:15px 14px 18px}.scene{height:min(112vw,445px)}.balance-orbit{width:135px;height:135px;right:3%;bottom:18%}.speech{left:4%;max-width:180px}.yoga-mat{left:14%;width:72%}.notes{grid-template-columns:1fr;gap:0}.notes article{padding-left:0;padding-right:0}.log{padding-left:0;padding-right:0}}@media(max-width:390px){.sound{padding:8px 10px}.sound #soundText{display:none}.scene{height:370px}.mine{transform:translateX(-50%) scale(.88);transform-origin:50% 100%}.balance-orbit{width:115px;height:115px}.distraction{left:3%;font-size:9px}.meter-label strong{font-size:10px}}