*{box-sizing:border-box} :root{font-family:"Arial Rounded MT Bold","Trebuchet MS",Arial,sans-serif;color:#652d45;font-weight:800}body{margin:0;min-height:100vh;background:#22132c;display:grid;place-items:center;overflow:hidden}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:4px solid #fff;outline-offset:5px}button:disabled{cursor:default} [hidden]{display:none!important}#game{position:relative;width:100vmin;height:100vmin;overflow:hidden;isolation:isolate;container-type:inline-size;background:#634657;box-shadow:0 0 100px #0008}.scenery{position:absolute;inset:0;background:url('assets/onsen.png') center/cover;z-index:-3}.sunshine{position:absolute;inset:0;background:linear-gradient(#35133a12,transparent 45%,#290d1822);pointer-events:none;z-index:-2}.title{position:absolute;top:3%;left:14%;width:72%;text-align:center;filter:drop-shadow(0 5px 0 #421a4166);line-height:.9;transform:rotate(-2deg);user-select:none}.title span,.title strong{display:block;paint-order:stroke fill;-webkit-text-stroke:1.65cqw #602142;text-shadow:0 .6cqw 0 #b06c67;letter-spacing:-.45cqw}.title span{font-size:9.5cqw;color:#fff0c3}.title strong{font-size:13.7cqw;color:#ff929b;letter-spacing:-.65cqw;margin-top:1.4%}.title i{position:absolute;left:12%;bottom:10%;color:#ffa0b3;font-size:4.8cqw;font-style:normal;-webkit-text-stroke:.2cqw #ffcfbb}.settings-button{position:absolute;right:2.2%;top:2.2%;width:6.4%;aspect-ratio:1;border-radius:50%;background:linear-gradient(#aa7750,#643926);border:.32cqw solid #e5b882;box-shadow:0 .4cqw .5cqw #321d3770,inset 0 0 0 .25cqw #74432c;color:#ffeccc;padding:1.2%;z-index:12}.settings-button svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}#hud{position:absolute;top:25%;left:23%;width:54%;display:flex;gap:1.1cqw}.wood{background:linear-gradient(3deg,#774629,#af7950 52%,#895332);border:.25cqw solid #e4b57d;box-shadow:0 .35cqw .2cqw #47233180,inset 0 0 0 .23cqw #795135;border-radius:1.5cqw;padding:1.2cqw 1.8cqw;color:#fff4da;font-size:1.7cqw;flex:1;white-space:nowrap;text-shadow:0 .2cqw #442d28}.wood b{font-size:2.3cqw;margin-left:.7cqw}.hearts{font-size:2.6cqw;color:#ff8094;letter-spacing:.2cqw;padding:.8cqw 1cqw;text-align:center}.lost{color:#442b38;text-shadow:none}.mascot{position:absolute;width:31%;height:31%;top:33%;left:34.5%;animation:breathe 3.5s ease-in-out infinite}.mascot img{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 1.5cqw 1cqw #2a142d66)}.mascot-shadow{position:absolute;bottom:2%;left:15%;width:70%;height:10%;background:#34202270;filter:blur(.7cqw);border-radius:50%}.menu-controls{position:absolute;top:66%;left:20%;width:60%;text-align:center}.menu-controls p{font-size:2.1cqw;color:#fff4dc;text-shadow:0 .2cqw .3cqw #371522,0 0 1cqw #371522;margin:0 0 2cqw}.pink,.cream{display:block;border-radius:2.6cqw;border:.3cqw solid #fff0c3;padding:1.8cqw 3cqw;box-shadow:0 .65cqw 0 #64283b,0 1cqw 1.2cqw #32162566,inset 0 .45cqw .5cqw #fff7;transition:filter .15s,transform .15s}.pink{background:linear-gradient(#ffa7af,#ff798d 55%,#f56683);color:#fff7db;text-shadow:0 .25cqw 0 #ad455b;font-size:3.1cqw}.cream{background:linear-gradient(#fff7dd,#f5dbaa);color:#74344c;font-size:2.4cqw}.pink:hover,.cream:hover{filter:brightness(1.08);transform:translateY(-.25cqw)}.pink:active,.cream:active{transform:translateY(.3cqw)}.menu-controls button{margin:0 auto 2cqw;width:71%}.menu-controls small{display:block;color:#fff0d7;font-size:1.45cqw;text-shadow:0 .15cqw .4cqw #231325;margin-top:2.5cqw}#stage{position:absolute;left:0;top:37%;width:100%;height:37%}.basin{position:absolute;width:30%;height:85%;top:13%;left:0;border:0;background:none;padding:0;will-change:transform;pointer-events:none}.basin img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 1cqw .6cqw #28112077);transform-origin:50% 90%;transition:filter .18s}.basin.pickable{pointer-events:auto}.basin.pickable:hover img{filter:drop-shadow(0 0 .55cqw #ffefba) drop-shadow(0 1cqw .6cqw #28112099);transform:translateY(-.7cqw)}#capy{position:absolute;width:24%;height:78%;top:20%;left:0;opacity:0;transform-origin:50% 90%;pointer-events:none}#capy img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 1cqw .5cqw #24132366)}#capy.happy img{animation:happy .55s ease-in-out 3}#capy.sad img{animation:sad .6s ease-in-out 2}#message{position:absolute;top:78%;width:100%;text-align:center;color:#fff5d9;font-size:2.7cqw;text-shadow:0 .3cqw .5cqw #40172e,0 0 1cqw #40172e;min-height:4cqw}.instruction{position:absolute;left:23%;bottom:5%;width:54%;padding:1.4cqw .6cqw;border-radius:4cqw;border:.25cqw solid #ffeabc;background:linear-gradient(#fff8df,#ffe0aa);box-shadow:0 .45cqw .6cqw #36142b80,inset 0 .3cqw .3cqw #fff9;display:flex;justify-content:space-evenly;align-items:center;color:#fb8a9a;font-size:3cqw}.instruction span{font-size:2.55cqw;color:#743147}#modal-shade{position:absolute;inset:0;background:#28103288;backdrop-filter:blur(7px);display:grid;place-items:center;z-index:20}.panel{position:relative;width:65%;padding:5cqw 5cqw 4cqw;text-align:center;background:linear-gradient(145deg,#fff8e6,#ffe0bb);border:.5cqw solid #fff1cf;border-radius:4cqw;box-shadow:0 1.2cqw 0 #a85d65,0 3cqw 8cqw #1c0b2b80}.panel h2{font-size:3.6cqw;line-height:1.12;margin:1cqw 0 1.5cqw}.panel p{font-size:2cqw;margin:1.5cqw 0 3cqw;font-weight:600}.flower{font-size:5cqw;line-height:1;color:#f78198}.panel>button{width:100%;margin-top:2.4cqw;font-size:2.5cqw}.setting-row{display:flex;align-items:center;justify-content:space-between;font-size:2.5cqw;margin:3.5cqw 0}.toggle{width:11cqw;height:5.1cqw;border-radius:4cqw;border:.2cqw solid #d18484;background:#f18399;position:relative;display:flex;align-items:center;justify-content:space-between;padding:.5cqw;color:#fff7df}.toggle span{width:3.6cqw;height:3.6cqw;border-radius:50%;background:#fff1d3;box-shadow:0 .2cqw .3cqw #8b465777;order:2}.toggle b{font-size:1.65cqw;padding:0 1cqw}.toggle[aria-checked=false]{background:#a28d98}.toggle[aria-checked=false] span{order:0}#final-score{font-size:8cqw;color:#e76986;text-shadow:0 .25cqw #fff}#loading{position:absolute;bottom:2%;width:100%;text-align:center;color:#fff7de;font-size:1.6cqw;text-shadow:0 2px 3px #432341}.petal{position:absolute;color:#ffb0c4;font-size:2.5cqw;opacity:0;animation:fall 12s linear infinite;pointer-events:none;z-index:10}#petals{position:absolute;inset:0;overflow:hidden;pointer-events:none}.spark{position:absolute;font-size:3cqw;color:#fff0a2;text-shadow:0 0 1cqw #faae61;animation:spark .9s ease-out forwards;pointer-events:none}#burst{position:absolute;inset:0;pointer-events:none}#game.paused *,#game.paused *::before{animation-play-state:paused!important}@keyframes breathe{50%{transform:translateY(-1cqw) rotate(2deg)}}@keyframes happy{40%{transform:translateY(-2cqw) rotate(-5deg)}70%{transform:translateY(-1cqw) rotate(4deg)}}@keyframes sad{25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}@keyframes fall{0%{transform:translate(0,-5cqw) rotate(0);opacity:0}10%{opacity:.8}90%{opacity:.7}100%{transform:translate(14cqw,105cqw) rotate(300deg);opacity:0}}@keyframes spark{0%{opacity:1;transform:translate(0,0) scale(.5)}100%{opacity:0;transform:translate(var(--dx),var(--dy)) scale(1.5)}}
.mascot .mascot{height:28%;top:36%}#capy{height:65%;top:31%}#capy.happy #capy.sad 
@font-face{font-family:Fredoka;src:url("assets/fredoka.ttf") format("truetype");font-weight:700;font-display:swap}:root{font-family:Fredoka,"Trebuchet MS",sans-serif}.title span,.title strong{font-weight:700}.title span{font-size:10.7cqw}.title strong{font-size:14.5cqw}#capy{top:23%}
#hud{top:27%}.title{top:2.5%}.title strong{font-size:13.5cqw}.title span{font-size:10.5cqw}

/* Standalone transparent artwork; no cropping or clipping masks. */
.title{top:1.5%;left:20%;width:60%;height:25%;transform:none;filter:none}.title img{width:100%;height:100%;object-fit:contain;display:block}.settings-button{display:grid;place-items:center;padding:0;line-height:0}.settings-button svg{display:block;width:58%;height:58%;transform:translateY(-1%)}.mascot{width:33%;height:31%;left:33.5%;top:33%}.mascot img{object-fit:contain}#capy img{object-fit:contain}