/* Illustrated assets retain their native resolution; no font-glyph substitutes. */
.global-sound,.pause-button,.quick-restart,.skip-demo{padding:0;border:0;background:transparent;box-shadow:none;filter:drop-shadow(0 3px 2px #3d211455)}
.global-sound img,.pause-button img,.quick-restart img,.skip-demo img,.dialog-close img{display:block;width:100%;height:100%;object-fit:contain}
.level-dots{gap:5px;padding:3px 8px;background:#51342385;box-shadow:inset 0 1px 0 #fff5;border:1px solid #f6e7c855}
.level-dot{width:30px;height:34px;opacity:.55}
.level-dot.active:not(.done){filter:grayscale(1) brightness(1.5);opacity:1}
.level-dot.done{filter:none;opacity:1}
.round-pips{gap:6px;padding:2px 8px;background:#573721b8;border:1px solid #fff0c766;border-radius:24px;box-shadow:0 2px 4px #3d211433}
.round-pip{width:32px;height:32px;filter:drop-shadow(0 2px 2px #3d322655);text-shadow:none;-webkit-text-stroke:0}
.round-pip img{width:100%;height:100%;object-fit:contain;display:block}
.wind-swirl{display:none}
.frame-title{gap:5px;text-shadow:0 2px 2px #4a2819}
.quilt-frame{background:transparent url('assets/ui/ui-panel-pause.webp') center/100% 100% no-repeat;border-color:transparent;box-shadow:none;isolation:isolate}
.tray-strip,.placed-strip{background-color:var(--cloth);background-image:url('assets/ui/texture-quilt-cotton.png.webp');background-size:360px 360px;background-blend-mode:multiply;border-radius:10px;box-shadow:inset 0 3px 4px #fff8,inset 0 -4px 6px #42271944,0 3px 4px #38221733}
.tray-strip{border-color:#fff0d9}
.tray-strip::after,.placed-strip::after{background:none;border-style:dashed;border-color:#fff7e6bb;box-shadow:none}
.stitches i{border-right:2px dashed #fff8e6dd;filter:drop-shadow(0 1px 0 #57351f77)}
.quilt-row{background:#f6e7c8 url('assets/ui/texture-quilt-cotton.png.webp') center/360px 360px;box-shadow:inset 0 3px 10px #73503855}
.piece-tray{background:#f9edcf url('assets/ui/texture-quilt-cotton.png.webp') center/500px 500px;border-color:#d8aa67;box-shadow:0 6px 12px #32180f55,inset 0 2px 3px #fff7}
.reward-card{background:#fff7e7 url('assets/ui/texture-quilt-cotton.png.webp') center/650px 650px;background-blend-mode:soft-light;border-color:#dba74e;box-shadow:0 14px 45px #1e120a66,inset 0 0 0 3px #fff7df}
.reward-stars{display:flex;align-items:center;justify-content:center;gap:5px;line-height:1}
.reward-stars img{width:54px;height:54px;object-fit:contain}
.medal{background:none!important;border:0!important;box-shadow:none!important;width:96px;height:96px;padding:0!important;border-radius:0}
.medal img{width:100%;height:100%;object-fit:contain}
.menu-dialog .menu-card{background:#fff4dd url('assets/ui/texture-quilt-cotton.png.webp') center/600px 600px;background-blend-mode:soft-light;border-color:#dba74e}
.menu-button{display:flex;align-items:center;justify-content:flex-start;gap:12px;background:#f5e5c2;border:2px solid #d4a667;color:#674027;box-shadow:0 3px 0 #b6854c;font-size:20px;text-shadow:none}
.menu-button img{width:44px;height:44px;object-fit:contain;flex-shrink:0}
.dialog-close{background:none;border:0;padding:0;box-shadow:none}
.pill-button{display:inline-flex;align-items:center;gap:8px}
.pill-button img{width:36px;height:36px;object-fit:contain}
.level-select{position:relative;background:#f6e7c8;border-color:#d4a667;overflow:hidden}
.level-select img{width:80%;height:80%;object-fit:contain;opacity:.7}
.level-select span{position:absolute;inset:0;display:grid;place-items:center;color:#51301c;text-shadow:0 1px 2px white;font-weight:900}
.juice-particle.juice-star{width:32px;height:32px;font-size:0;text-shadow:none}
.juice-star img{width:100%;height:100%;object-fit:contain;display:block}
.juice-feather{width:22px;height:28px;border:0;border-radius:0;background:transparent url('assets/ui/ui-progress-feather.webp') center/contain no-repeat}
.star-jar img{padding:0 2px 14px}
@media(orientation:portrait){
 .hud{height:156px}
 .quilt-frame{background-size:118% 135%;min-height:140px}
 .level-dots{gap:3px;padding:2px 6px;top:73px}
 .level-dot{width:23px;height:27px}
 .round-pip{width:26px;height:26px}
 .round-pips{top:-8px;padding:0 7px}
 .wind-swirl img{width:18px;height:20px}
 .frame-title{top:14px;font-size:15px}
 .reward-stars img{width:48px;height:48px}
 .menu-button{font-size:18px}
 .medal{width:80px;height:80px}
}