/* Final launch polish — 2026-09-14 */
.music-toggle{width:40px;height:40px;flex:0 0 40px;border:1px solid rgba(157,135,171,.16);border-radius:14px;background:linear-gradient(145deg,#fff,#f5edff);box-shadow:0 6px 15px rgba(87,68,115,.08);color:#705a83;font-size:18px;font-weight:900;transition:.18s transform,.18s opacity}
.music-toggle:active{transform:scale(.92)}.music-toggle.off{opacity:.48;background:#f3f0f2;color:#8e858e}
.garden-play{position:relative;overflow:hidden;min-width:150px;font-size:16px!important}.garden-play:after{content:'✦';position:absolute;right:12px;top:5px;animation:polishTwinkle 1.5s ease-in-out infinite}
.garden-update{position:absolute;z-index:7;left:18px;top:16px;display:flex;align-items:center;gap:9px;padding:9px 13px;border-radius:17px;background:rgba(255,253,251,.87);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 8px 20px rgba(74,58,85,.10);font-size:10px;color:#736877;pointer-events:none}.garden-update b{padding:4px 7px;border-radius:9px;background:linear-gradient(135deg,#f0a8c2,#bba5ef);color:white;font-size:9px;letter-spacing:.08em}.garden-update span{font-weight:800}
.next-surprise{position:absolute;z-index:7;right:18px;top:17px;background:rgba(244,252,240,.9);border:1px solid rgba(127,166,134,.18);border-radius:99px;padding:8px 12px;font-size:9.5px;font-weight:900;color:#607565;pointer-events:none}
.garden-spark,.garden-butterfly{position:absolute;z-index:6;pointer-events:none;user-select:none}.garden-spark{color:#fff7bd;text-shadow:0 2px 8px rgba(150,118,70,.22);animation:polishTwinkle 2s ease-in-out infinite}.garden-spark.s1{left:7%;top:30%;font-size:26px}.garden-spark.s2{right:31%;top:11%;font-size:18px;animation-delay:.55s}.garden-spark.s3{right:8%;top:43%;font-size:22px;animation-delay:1s}.garden-butterfly{font-size:22px;filter:drop-shadow(0 5px 5px rgba(61,50,75,.12));animation:butterflyFloat 5.2s ease-in-out infinite}.garden-butterfly.b1{left:31%;top:27%}.garden-butterfly.b2{right:20%;top:35%;font-size:18px;animation-delay:1.7s}
.garden-object.rabbit{z-index:18!important}.garden-object.rabbit.seated{transform:translate(-50%,-50%) scale(.82);filter:drop-shadow(0 7px 7px rgba(68,55,39,.16))}.garden-object.rabbit.seated svg{transform:translateY(4px)}
.play-new{display:inline-flex;margin:0 0 11px;padding:7px 10px;border-radius:99px;background:linear-gradient(135deg,#fff0f6,#f1ebff);color:#8b678d;font-size:9.5px;font-weight:950;letter-spacing:.09em;box-shadow:inset 0 0 0 1px rgba(177,145,190,.1)}
.giant{position:relative;overflow:hidden;transition:transform .16s,box-shadow .16s}.giant:before{content:'✦';position:absolute;right:18px;top:8px;color:rgba(255,255,255,.75);animation:polishTwinkle 1.35s ease-in-out infinite}.giant:active{transform:scale(.97);box-shadow:0 6px 16px rgba(148,107,180,.18)}
/* Empty handwriting boxes are live Scribble targets from the first Pencil stroke. Finger touches are filtered in JS. */
.letter-box.empty-box{caret-color:transparent!important;-webkit-user-select:none!important;user-select:none!important;-webkit-touch-callout:none!important;cursor:crosshair;background:linear-gradient(180deg,#fff,#fffcf7)}
.letter-box.empty-box:focus{caret-color:transparent!important;-webkit-user-select:none!important;user-select:none!important}
.letter-box.written-box{display:grid;place-items:center;-webkit-user-select:none!important;user-select:none!important;-webkit-touch-callout:none!important;cursor:default}
@keyframes polishTwinkle{0%,100%{opacity:.35;transform:scale(.8) rotate(-8deg)}50%{opacity:1;transform:scale(1.16) rotate(8deg)}}
@keyframes butterflyFloat{0%,100%{transform:translate(0,0) rotate(-8deg)}35%{transform:translate(14px,-8px) rotate(7deg)}70%{transform:translate(-8px,6px) rotate(-3deg)}}
@media(max-width:900px){.garden-update span{display:none}.garden-update{padding:8px 9px}.next-surprise{max-width:190px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.music-toggle{width:36px;height:36px;flex-basis:36px}.garden-tip{max-width:82%;overflow:hidden;text-overflow:ellipsis}}