.sound-entry{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:46px;padding:7px 12px;border:1px solid #dce5cc;background:#fffef8;border-radius:12px;color:#6c8055;font-size:17px;white-space:nowrap;}
.sound-entry .icon{width:22px;height:22px;}
.sound-entry.is-muted{color:#929b88;}
.sound-controls{display:grid;gap:22px;}
.sound-switch{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 0;border-bottom:1px solid #e4e9d8;}
.sound-switch>span{font-size:23px;color:#59733f;}
.sound-switch small{display:block;font-size:16px;color:#8b9979;font-weight:400;margin:3px 0 9px;}
.sound-switch input{appearance:none;width:58px!important;height:34px!important;min-height:0!important;background:#dce2d2;border-radius:999px;position:relative;flex:none;transition:background .2s;cursor:pointer;}
.sound-switch input:before{content:'';position:absolute;top:4px;left:4px;width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:0 2px 5px #52643822;transition:transform .2s;}
.sound-switch input:checked{background:#8da965;}
.sound-switch input:checked:before{transform:translateX(24px);}
.volume-label{font-size:21px!important;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;}
.volume-label input{width:100%;accent-color:#8ea769;cursor:pointer;}
.volume-label output{font-size:18px;color:#8b9978;}
.sound-controls .sound-hint{font-size:16px;color:#8a977b;margin:0;}
.sound-controls .center-actions{margin-top:0;}
.word-card{perspective:1300px;transform-origin:center center;transition:box-shadow .2s;}
.card-content{backface-visibility:hidden;transform-origin:center;}
.deal-cover{position:absolute;inset:0;z-index:5;display:grid;place-items:center;border-radius:inherit;background:radial-gradient(ellipse at 50% 35%,#fffdf6,#edf1d9);border:2px solid #c5d49f;backface-visibility:hidden;pointer-events:none;transform-origin:center;}
.deal-cover:before{content:'';position:absolute;inset:12px;border:1px dashed #c3d09d;border-radius:14px;}
.deal-cover img{display:block;width:53%;max-height:65%;object-fit:contain;}
.word-card .flip-ghost{position:absolute;z-index:4;pointer-events:none;display:flex;flex:none!important;min-height:0!important;flex-direction:column;align-items:center;justify-content:center;background:#fffefa;backface-visibility:hidden;border-radius:9px;overflow:hidden!important;}
.is-dealing{will-change:transform,opacity;}
.answer-feedback,.child-completion{position:relative;isolation:isolate;}
.motion-leaf{position:absolute;display:block;width:11px;height:18px;border-radius:0 85% 0 85%;z-index:10;pointer-events:none;box-shadow:inset 1px 0 1px #ffffff66;}
.draw-button:disabled{cursor:wait;opacity:.8;}
.btn,.child-nav>button,.filter-trigger,.sound-entry{transition:transform .16s cubic-bezier(.2,.8,.3,1),box-shadow .16s,background .18s;}
.btn:active:not(:disabled),.child-nav>button:active,.filter-trigger:active,.sound-entry:active{transform:translateY(2px) scale(.975);}
@media(max-width:700px){.simple-header .top-actions{gap:5px}.simple-header .profile-control select{max-width:90px}.sound-entry{min-height:44px;width:39px;padding:7px;border-radius:10px}.sound-entry>span{display:none}.simple-brand{font-size:19px}.sound-switch>span{font-size:22px}.sound-switch small{font-size:16px}.sound-controls .center-actions .btn{flex:1}.sound-controls .sound-hint{font-size:15px}.motion-leaf{width:9px;height:15px}}
@media(max-width:365px){.simple-header .profile-control select{max-width:68px;padding-right:4px}.simple-header .top-actions{gap:3px}.simple-brand{font-size:17px}.sound-entry{width:35px;min-height:42px}.parent-entry{min-height:42px;width:35px;padding:7px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.motion-leaf,.deal-cover{display:none!important}}
