.te-web-only[hidden],#te-earned-feedback[hidden]{display:none!important}
.te-earned-feedback{display:flex;align-items:center;gap:14px;background:var(--mint,#e4f4ec);color:var(--navy,#0d2b43);border:1px solid var(--green,#18844b);padding:16px;border-radius:18px;margin:16px;max-width:calc(100% - 32px)}
.te-earned-feedback svg{flex:0 0 56px;width:56px;height:56px;overflow:visible;fill:var(--gold,#f4b942);stroke:var(--navy,#0d2b43);stroke-width:2}
.te-earned-feedback .te-treasure-lid{transform-origin:10px 28px;animation:te-treasure-open .7s ease-out both}
.te-earned-feedback strong{display:block;font-size:20px;line-height:1.3}
.te-earned-feedback span{display:block;font-size:16px;line-height:1.5}
.te-earned-feedback>div{min-width:0;flex:1;overflow-wrap:anywhere}
.te-earned-feedback button{flex:none;width:44px;min-height:44px;border:0;border-radius:10px;background:transparent;color:inherit;font-size:24px;cursor:pointer}
.te-web-puzzle-card{margin-top:16px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.te-web-puzzle-card>div{flex:1 1 210px;min-width:0}
.te-web-puzzle-card h3{font-size:19px;margin-bottom:6px}
.te-web-puzzle-card p{font-size:15px;line-height:1.5;margin:0}
.te-web-puzzle-card .btn{width:auto;min-height:44px;flex:0 0 auto}
.te-sound-options{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.te-sound-options button{min-height:44px}
.te-sound-label{display:flex;align-items:center;gap:10px;min-height:44px;font-size:16px}
.te-sound-label input{width:22px;height:22px;margin:0}
#s-offline{padding:24px 16px calc(24px + env(safe-area-inset-bottom));max-width:640px;margin:auto}
#s-offline h1{font-size:26px;margin:12px 0}
#s-offline p{font-size:16px;line-height:1.6}
#s-offline .btn{margin-top:14px;min-height:48px}
@keyframes te-treasure-open{from{transform:rotate(0)}to{transform:rotate(-22deg)}}
@media(prefers-reduced-motion:reduce){.te-earned-feedback .te-treasure-lid{animation:none;transform:rotate(-22deg)}}