@font-face{font-family:DM Sans;src:url(/fonts/font-0.woff2)format("woff2");font-weight:400 700;font-style:normal;font-display:swap}@font-face{font-family:DM Serif;src:url(/fonts/font-1.woff2)format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:DM Serif;src:url(/fonts/font-2.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{color:#4c392e;font-synthesis:none;--ink:#4c392e;--muted:#998b75;--peach:#f8dec3;--accent:#ce866c;background:#fff8ee;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{height:100dvh;margin:0;overflow:hidden}button,a,input{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{color:inherit;cursor:pointer;touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:5px;outline:2px solid #ad775e}[hidden]{display:none!important}#scene{position:fixed;inset:0}canvas{touch-action:none;cursor:grab;display:block}canvas.grabbing{cursor:grabbing}header{z-index:5;justify-content:space-between;align-items:center;padding:25px 42px;display:flex;position:fixed;top:0;left:0;right:0}.brand{color:#66513a;letter-spacing:-2px;align-items:center;gap:10px;font-family:DM Serif,Georgia,serif;font-size:45px;line-height:1;text-decoration:none;display:flex}.brand svg{color:#e2a480;width:32px;height:35px}.brand>span{letter-spacing:0;align-self:flex-start;margin-top:6px;font-family:DM Sans,sans-serif;font-size:10px}.header-note{letter-spacing:2px;color:#9c8f76;font-size:8px;position:absolute;left:50%;transform:translate(-50%)}.header-actions{align-items:center;gap:9px;display:flex}.sound-button{background:#fffaf058;border:1px solid #a492722f;border-radius:30px;align-items:center;gap:8px;padding:10px 14px;font-size:10px;display:flex}.speaker{font-size:17px;line-height:1}.icon-button{background:#fffaf058;border:1px solid #a492722f;border-radius:50%;width:33px;height:33px;font-size:17px}.icon-button:hover,.sound-button:hover{background:#f1e7d3}.intro{text-align:center;pointer-events:none;transition:opacity .3s,transform .3s;position:fixed;top:120px;left:0;right:0}.eyebrow{letter-spacing:2px;color:#a58a67;font-size:8px;font-weight:600}.intro .eyebrow span{vertical-align:1px;background:#ba9c68;border-radius:50%;width:5px;height:5px;margin-right:6px;display:inline-block}h1{letter-spacing:-3px;margin:17px 0 13px;font-family:DM Serif,Georgia,serif;font-size:clamp(66px,6.5vw,92px);font-weight:400;line-height:1.04}h1 em{color:#b68563;font-weight:400}.intro p{letter-spacing:.1px;color:#98886f;margin:0;font-size:12px}.is-held .intro{opacity:.19;transform:translateY(-7px)}.side-note{letter-spacing:1.5px;color:#a7997d;pointer-events:none;font-size:7px;line-height:1.9;position:fixed;top:48%;left:42px;transform:rotate(-5deg)}.little-star{color:#b6a279;margin-bottom:10px;font-size:34px;display:block}.fruit-label{text-align:center;pointer-events:none;transition:opacity .2s;position:fixed;transform:translate(-50%)}.fruit-label strong{color:#6d5444;font-family:DM Serif,Georgia,serif;font-size:22px;line-height:1;display:block}.fruit-label small{letter-spacing:1.7px;color:#a7947b;margin-top:9px;font-size:6px;display:block}.fruit-label .name-dot{vertical-align:2px;background:#b38d71;border-radius:50%;width:5px;height:5px;margin-right:6px;display:inline-block}.fruit-label:not(.selected){opacity:.7}#fruit-tabs{z-index:4;gap:6px;display:flex;position:fixed;bottom:159px;left:50%;transform:translate(-50%)}.fruit-tab{color:#9b8871;background:#fff9ec88;border:1px solid #b19b7828;border-radius:30px;align-items:center;gap:6px;padding:8px 14px;font-size:9px;display:flex}.fruit-tab i{border-radius:50%;width:7px;height:7px;display:inline-block}.fruit-tab[aria-pressed=true]{color:#6f553f;background:#efe1c266;border-color:#b78d6380}.fruit-tab:hover{background:#f0e3cc}.play-hint{letter-spacing:.1px;color:#a79479;white-space:nowrap;align-items:center;gap:13px;font-size:9px;display:flex;position:fixed;bottom:125px;left:50%;transform:translate(-50%)}.play-hint b{color:#7f6a50;font-weight:500}.play-hint i{color:#bfac8b;font-style:normal}.control-bar{z-index:4;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffaf0e8;border:1px solid #dfcfad7a;border-radius:20px;align-items:center;gap:24px;padding:12px 17px;display:flex;position:fixed;bottom:37px;left:50%;transform:translate(-50%);box-shadow:0 9px 35px #7453230b}.selected-fruit{align-items:center;gap:10px;min-width:166px;display:flex}.fruit-dot{background:#f0b08c;border-radius:50%;width:32px;height:32px;box-shadow:inset -3px -4px 10px #b577492b}.selected-fruit strong{font-family:DM Serif,Georgia,serif;font-size:19px;font-weight:400;display:block}.selected-fruit span{color:#a08b70;white-space:nowrap;margin-top:3px;font-size:8px;display:block}.action-buttons{align-items:center;gap:7px;display:flex}.control-button{background:#fffaf0;border:1px solid #e1d5ba;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:43px;height:52px;transition:background .15s,transform .15s;display:flex}.control-button>span{font-size:20px;line-height:1}.control-button small{color:#9a8466;font-size:8px}.control-button:hover{background:#f0e4cd;transform:translateY(-2px)}.squeeze-button{color:#493225;-webkit-user-select:none;user-select:none;touch-action:none;background:#dfb08d;border:1px solid #ce9871;border-radius:11px;flex-direction:column;justify-content:center;gap:5px;min-width:148px;height:52px;padding:0 20px;transition:background .15s,transform .15s;display:flex;box-shadow:0 3px #a67a5040}.squeeze-button>span{font-family:DM Serif,Georgia,serif;font-size:20px;line-height:1}.squeeze-button>span>span{margin-left:11px;font-family:DM Sans,sans-serif;font-size:17px}.squeeze-button small{letter-spacing:1.3px;color:#896246;font-size:6px}.squeeze-button:hover{background:#e9bc9b}.squeeze-button.pressed{box-shadow:none;background:#d79b79;transform:translateY(2px)}.squish-meter{text-align:center;min-width:100px}.squish-meter>span{letter-spacing:1px;color:#ad9574;margin-bottom:8px;font-size:6px;display:block}.squish-meter>div{background:#ece1ca;border-radius:10px;width:95px;height:5px;overflow:hidden}.squish-meter i{background:#be8f6b;border-radius:10px;width:0;height:100%;display:block}footer{color:#b2a189;letter-spacing:1.2px;justify-content:space-between;align-items:center;font-size:6px;display:flex;position:fixed;bottom:12px;left:42px;right:42px}footer button{color:#a08b70;letter-spacing:.4px;background:0 0;border:0;padding:0;font-size:7px}.squish-count{letter-spacing:.2px;font-size:8px}.squish-count strong{color:#96734f;font-weight:500}.squish-count>span{margin-left:5px;font-size:13px}.bubble{pointer-events:none;z-index:6;color:#b17962;text-shadow:0 2px 12px #fff8eb;font-family:DM Serif,Georgia,serif;font-size:28px;font-style:italic;animation:1.2s ease-out forwards floaty;position:fixed}.bubble small{margin:0 8px;font-family:sans-serif;font-size:17px;font-style:normal}.bubble.land{color:#b09a7b;font-size:20px}@keyframes floaty{0%{opacity:0;transform:translate(-50%)scale(.8)}20%{opacity:1;transform:translate(-50%,-12px)scale(1)}to{opacity:0;transform:translate(-50%,-70px)scale(.98)}}dialog{color:#614935;background:#fff8ea;border:1px solid #c5ad85;border-radius:22px;width:min(480px,91vw);max-height:88dvh;padding:38px;overflow:auto;box-shadow:0 20px 100px #6a533632}dialog::backdrop{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#67583e38}dialog h2{letter-spacing:-1px;margin:18px 0;font-family:DM Serif,Georgia,serif;font-size:42px;font-weight:400;line-height:1.02}dialog p{color:#9a8568;font-size:11px;line-height:1.8}dialog .close{color:#a28a6b;background:0 0;border:0;font-size:25px;position:absolute;top:13px;right:16px}dl{margin:24px 0}dl>div{grid-template-columns:128px 1fr;gap:12px;margin:14px 0;display:grid}dt{color:#73573f;font-size:10px;font-weight:600}dd{color:#9a8568;margin:0;font-size:10px;line-height:1.6}.volume-row{color:#8f7658;align-items:center;gap:25px;margin:20px 0;font-size:10px;display:flex}.volume-row input{accent-color:#c78e6b;width:100%}.art-link{color:#a47b51;text-align:left;background:0 0;border:0;padding:0;font-size:9px}.okay{color:#68472e;background:#dfb08d;border:0;border-radius:8px;justify-content:space-between;width:100%;margin-top:22px;padding:14px;font-size:11px;display:flex}#art-dialog{width:min(850px,94vw)}#art-dialog img{border-radius:12px;width:100%;display:block}#error{z-index:20;text-align:center;background:#fff8ee;place-content:center;padding:25px;display:grid;position:fixed;inset:0}#error h2{font-family:DM Serif,Georgia,serif;font-size:40px;font-weight:400}#error p{color:#99876e;max-width:400px;font-size:13px;line-height:1.8}#error button{background:#e5bd96;border:0;border-radius:10px;padding:15px}.gentle .bubble{animation:none;display:none}.gentle .intro,.gentle button{transition:none}@media (width>=1550px){.intro{top:15%}#fruit-tabs{bottom:176px}.play-hint{bottom:136px}.control-bar{bottom:43px}}@media (height<=760px) and (width>=701px){.intro{top:105px}h1{margin:13px 0 9px;font-size:70px}.intro p{font-size:11px}#fruit-tabs{bottom:153px}.play-hint{bottom:121px}.control-bar{bottom:36px}.fruit-label strong{font-size:20px}.side-note{top:43%}}@media (width<=1050px){.side-note,.squish-meter{display:none}.control-bar{gap:18px}.selected-fruit{min-width:144px}.header-note{display:none}}@media (width<=700px){header{padding:22px}.brand{gap:8px;font-size:35px}.brand svg{width:25px;height:28px}.brand>span{margin-top:5px;font-size:7px}.header-actions{gap:6px}.sound-button{gap:5px;min-height:40px;padding:8px 10px;font-size:8px}.speaker{font-size:14px}.icon-button{width:40px;height:40px;font-size:15px}.intro{padding:0 24px;top:120px}.eyebrow{letter-spacing:1.5px;font-size:6px}h1{letter-spacing:-1.8px;margin:14px 0 11px;font-size:53px;line-height:1.04}.intro p{max-width:245px;margin:0 auto;font-size:10px;line-height:1.7}.is-held .intro{opacity:.12}#fruit-labels{display:none}#fruit-tabs{gap:7px;max-width:94vw;bottom:174px}.fruit-tab{gap:7px;min-height:42px;padding:9px 15px;font-size:10px}.fruit-tab i{width:7px;height:7px}.play-hint{white-space:normal;justify-content:center;gap:8px;width:100%;font-size:7px;bottom:139px}.control-bar{border-radius:18px;justify-content:center;gap:0;width:calc(100% - 32px);padding:10px 11px;bottom:52px}.selected-fruit{display:none}.action-buttons{justify-content:center;gap:7px;width:100%}.control-button{flex:1;min-width:43px;height:53px}.control-button small{font-size:8px}.squeeze-button{flex:2;min-width:136px;height:53px;padding:0 12px}.squeeze-button>span{font-size:21px}.squeeze-button small{letter-spacing:1px;font-size:5.5px}.squish-meter{display:none}footer{letter-spacing:.6px;font-size:5.5px;bottom:20px;left:22px;right:22px}footer>span:first-child{display:none}footer .squish-count{font-size:8px}footer button{font-size:7px}.bubble{font-size:24px}dialog{padding:32px 24px}dialog h2{font-size:38px}dl>div{grid-template-columns:109px 1fr;gap:10px}dt,dd{font-size:9px}}@media (height<=720px) and (width<=700px){.intro{top:92px}h1{margin:11px 0;font-size:44px}.intro p{font-size:9px}.control-bar{bottom:40px}#fruit-tabs{bottom:153px}.play-hint{bottom:122px}footer{bottom:12px}}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.is-focused .intro{opacity:0;transform:translateY(-9px)}.is-focused #fruit-labels,.is-focused .side-note{display:none}#close-up[aria-pressed=true]{background:#ebd8b8}@media (width<=700px){#close-up{display:none}}