/* Bounded decorative layer; never intercepts gameplay or screen readers. */
.ambient-flowers{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:3}
dialog .ambient-flowers{position:absolute;inset:0;border-radius:inherit;z-index:2}
.ambient-petal{position:absolute;top:-30px;left:var(--petal-x);width:10px;height:17px;border-radius:85% 10% 80% 20%;background:#cc785c70;box-shadow:inset 2px 2px 3px #fff9;animation:flower-fall var(--petal-time) linear infinite;animation-delay:var(--petal-delay);font-style:normal;color:#ac6249;font-size:21px;opacity:0}
.ambient-petal:nth-child(3n){background:#e8a55a65;width:6px;height:6px;border-radius:50%;box-shadow:0 0 9px #e8a55a55}
.ambient-petal:nth-child(4n+1){width:22px;height:22px;background:none;box-shadow:none;border-radius:0}
@keyframes flower-fall{0%{transform:translate3d(-18px,-20px,0) rotate(0);opacity:0}12%{opacity:.7}50%{transform:translate3d(30px,45vh,0) rotate(150deg)}85%{opacity:.5}100%{transform:translate3d(-20px,105vh,0) rotate(330deg);opacity:0}}
.primary,.secondary,.sound-control,.sound-settings-button,.round-controls button{transition:transform .22s ease,box-shadow .22s ease,background .22s ease;position:relative}
.primary{overflow:hidden}.primary:after{content:"";position:absolute;inset:-50% auto -50% -60%;width:35%;background:linear-gradient(90deg,transparent,#fff5,transparent);transform:skewX(-20deg);pointer-events:none;transition:left .6s ease}
@media(hover:hover) and (pointer:fine){
 .primary:not(:disabled):hover{transform:translateY(-4px);box-shadow:0 8px 18px #a9583e40;background:#93482f}.primary:not(:disabled):hover:after{left:130%}
 .secondary:not(:disabled):hover,.sound-control:hover,.sound-settings-button:hover,.round-controls button:not(:disabled):hover{transform:translateY(-4px);box-shadow:0 7px 15px #725a382a;border-color:#a9583e}
 .hand button.hwatu:not(:disabled):hover{transform:translateY(-19px) rotateX(-10deg) rotateZ(-3deg) scale(1.06);box-shadow:2px 4px 0 #cebba0,4px 7px 0 #aa8c66,0 22px 20px #70533955;outline:3px solid #cc785c;z-index:4}
 .hand button.hwatu.selected:hover{transform:translateY(-22px) rotateX(-8deg) scale(1.06)}
 .portrait .sunja-portrait{transition:transform .45s ease,filter .45s ease}.portrait:hover .sunja-portrait{transform:scale(1.045);filter:brightness(1.06) saturate(1.06)}
}
.primary:active:not(:disabled),.secondary:active:not(:disabled),.sound-control:active,.round-controls button:active{transform:scale(.96)}
.hand button.hwatu:focus-visible{outline:3px solid #a9583e;outline-offset:4px}
@media(max-width:600px){.ambient-petal:nth-child(n+10){display:none}}
.effects-off .ambient-flowers{display:none}.effects-off .primary:hover,.effects-off .secondary:hover,.effects-off .sound-control:hover,.effects-off .sound-settings-button:hover,.effects-off .round-controls button:hover,.effects-off .portrait:hover .sunja-portrait{transform:none}.effects-off .primary:after{display:none}
@media(prefers-reduced-motion:reduce){.ambient-flowers{display:none}.primary,.secondary,.sound-control,.sound-settings-button,.round-controls button,.portrait .sunja-portrait{transition:none!important;transform:none!important}.primary:after{display:none}}
.petal-slot-0{--petal-x:5%;--petal-time:13s;--petal-delay:-2.0s;}
.petal-slot-1{--petal-x:42%;--petal-time:15s;--petal-delay:-3.7s;}
.petal-slot-2{--petal-x:79%;--petal-time:17s;--petal-delay:-5.4s;}
.petal-slot-3{--petal-x:16%;--petal-time:19s;--petal-delay:-7.1s;}
.petal-slot-4{--petal-x:53%;--petal-time:21s;--petal-delay:-8.8s;}
.petal-slot-5{--petal-x:90%;--petal-time:23s;--petal-delay:-10.5s;}
.petal-slot-6{--petal-x:27%;--petal-time:13s;--petal-delay:-12.2s;}
.petal-slot-7{--petal-x:64%;--petal-time:15s;--petal-delay:-13.9s;}
.petal-slot-8{--petal-x:1%;--petal-time:17s;--petal-delay:-15.6s;}
.petal-slot-9{--petal-x:38%;--petal-time:19s;--petal-delay:-17.299999999999997s;}
.petal-slot-10{--petal-x:75%;--petal-time:21s;--petal-delay:-19.0s;}
.petal-slot-11{--petal-x:12%;--petal-time:23s;--petal-delay:-20.7s;}
.petal-slot-12{--petal-x:49%;--petal-time:13s;--petal-delay:-22.4s;}
.petal-slot-13{--petal-x:86%;--petal-time:15s;--petal-delay:-24.099999999999998s;}
.petal-slot-14{--petal-x:23%;--petal-time:17s;--petal-delay:-25.8s;}
.petal-slot-15{--petal-x:60%;--petal-time:19s;--petal-delay:-27.5s;}