/* A compact recipe ticket; warm painted wood, pale sugar and honey accents. */
.remix-mode #bakeryProgress,.remix-mode #bakeryGoals,.remix-mode #boosterTray,.remix-mode #boosterActions,.remix-mode #freezeStatus,.remix-mode #missionRollLesson,.remix-mode #comboLesson,.remix-mode #createComboLesson,.remix-mode #burntLesson{display:none!important}
.remix-mode .board-and-boosters{grid-template-columns:minmax(0,1fr)}
.remix-mode .board-wrap{min-width:0}
.remix-objective{width:100%;display:flex;align-items:center;gap:9px;background:linear-gradient(115deg,#fbefd2,#f1dfae);color:#705133;border:1px solid #c49a5a;border-radius:13px;padding:8px 10px;margin:3px 0 8px;box-shadow:0 3px 0 #a97b45,inset 0 1px #fff9e5;text-align:left;position:relative}
.remix-objective-icon{width:30px;height:30px;display:grid;place-items:center;background:#e5c48a;border-radius:50%;font-size:25px;color:#8c5930;flex-shrink:0}
.remix-objective>span:nth-child(2){flex:1;min-width:0}.remix-objective b{display:block;font-family:Georgia,serif;font-size:16px}.remix-objective small{display:block;font-size:10px;font-weight:500;line-height:1.3;margin-top:2px}.remix-objective strong{font-size:21px;text-align:center;min-width:35px;color:#6b8251}.remix-objective strong small{font-size:10px}
.remix-order-dots{display:flex;gap:3px}.remix-order-dots i{width:13px;height:13px;border-radius:50%;background:var(--order-color);border:1px solid #fff5da;opacity:.5;font:9px Arial;color:white;text-align:center}.remix-order-dots i.current{opacity:1;box-shadow:0 0 0 2px #7b582d}.remix-order-dots i.served{opacity:.8}
.remix-mark::after{content:'';position:absolute;inset:6%;border-radius:14%;border:1.5px dashed #f8e8b3;pointer-events:none;z-index:2}.remix-tile-mark{position:absolute;bottom:0;right:0;z-index:6;font:700 12px Georgia,serif;min-width:16px;height:16px;display:grid;place-items:center;border-radius:6px;background:#fff5da;border:1px solid #a07540;color:#9f6739;pointer-events:none;box-shadow:0 1px 2px #66432745}
.remix-honey .remix-tile-mark{background:#f2c35c;color:#73451c}.remix-sugar .remix-tile-mark{background:#fffaf2;color:#948b9a;font-size:17px}.remix-conveyor::after{border-style:solid;border-color:#7a9271;inset:4%;border-radius:8%}.remix-conveyor .remix-tile-mark{background:#d6e1bd;color:#536c45}.remix-done .remix-tile-mark{background:#78905e;color:#fff8e3;border-color:#5f7745}.remix-done::after{border-color:#8bb273;border-style:solid;opacity:.65}
.remix-goal-pop .remix-tile-mark{animation:remixStamp .45s ease-out}.remix-goal-pulse{animation:remixTicket .35s ease-out}
.remix-sheet h2{margin:7px 0 10px}.remix-sheet p{line-height:1.5}.remix-note{font-size:12px;color:#806d52}.remix-story{display:flex;gap:12px;align-items:center;padding:12px;border:1px solid #d4b57b;border-radius:14px;background:#f5e4bf;margin:15px 0}.remix-story>span{font-size:39px;color:#b57d46}.remix-story small{display:block;font-size:12px;margin-top:5px}
.remix-levels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-height:46vh;overflow:auto;padding:5px 3px 8px;scrollbar-width:thin;overscroll-behavior:contain}.remix-levels button{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 5px;margin:0;min-height:112px;background:linear-gradient(#e9d3a2,#d7b781);color:#704e31;border:1px solid #be945a;box-shadow:0 3px 0 #9e7846}.remix-levels button span{font-size:23px}.remix-levels button b{font-size:20px}.remix-levels button small{font-size:10px;line-height:1.1}.remix-levels button i{font-size:10px;font-style:normal;border-radius:10px;background:#fff1cf;padding:2px 5px;color:#657849}
.remix-hero{position:relative;width:100px;height:82px;border-radius:22px;background:linear-gradient(135deg,#e5bd74,#bb8047);margin:10px auto 20px;display:grid;place-items:center;box-shadow:0 5px 0 #8e5e33,inset 0 2px 2px #fff2bb;border:2px solid #b9874f}.remix-hero>span{font-size:53px;color:#fff4d9;text-shadow:0 2px #86562e;animation:remixHero 2.6s ease-in-out infinite}.remix-hero i{position:absolute;width:7px;height:7px;border:1px solid #fff0c0;transform:rotate(45deg);background:#dec580;top:10px;right:-11px;animation:remixSpark 1.8s ease-in-out infinite}.remix-hero i:nth-child(3){top:50px;left:-16px;animation-delay:.6s}.remix-hero i:nth-child(4){top:-10px;left:23px;animation-delay:1.2s}
.remix-preview-route{display:flex;gap:5px;justify-content:center;margin:19px 0}.remix-preview-route i{width:25px;height:30px;border-radius:8px;background:#eed4a2;border:2px solid #ba9360;box-shadow:0 2px #996839;font-size:17px;text-align:center;font-style:normal;animation:remixSpread 2.8s calc(var(--step)*.1s) infinite}.remix-preview-route i:nth-child(2n){transform:translateY(8px)}.remix-primary{display:block;width:100%;font-size:17px!important;padding:15px!important}
.remix-seal{display:grid;place-items:center;width:88px;height:88px;border:5px double #b78b47;border-radius:50%;background:#f4d796;margin:12px auto 20px;font-size:54px;color:#8a6535;box-shadow:0 5px 0 #aa824d}.remix-mastered .remix-seal{animation:remixSeal .6s cubic-bezier(.17,.89,.32,1.3)}.remix-result-count{font-size:30px;font-weight:700;color:#61764d}.remix-result-count small{font-size:12px;display:block;letter-spacing:.04em}.remix-earned{color:#6b7e4c;font-weight:700;font-size:19px}
.remix-menu-card>span{font-size:22px}.remix-preview-link{font-size:13px!important;background:#ecd5a8!important;color:#735338!important;border:1px solid #c29b65!important}
@keyframes remixStamp{0%{transform:scale(.4) rotate(-20deg)}65%{transform:scale(1.35) rotate(8deg)}100%{transform:scale(1)}}@keyframes remixTicket{50%{transform:translateY(-2px)}}@keyframes remixHero{50%{transform:rotate(8deg) translateY(-2px)}}@keyframes remixSpark{50%{opacity:.1;transform:rotate(100deg) scale(.5)}}@keyframes remixSpread{20%,55%{background:#d58c72;border-color:#b56550}80%,100%{background:#eed4a2}}@keyframes remixSeal{0%{transform:scale(.3) rotate(-35deg);opacity:0}65%{transform:scale(1.1) rotate(8deg)}100%{transform:scale(1) rotate(0)}}
@media(max-width:380px){.remix-objective{gap:6px;padding:7px}.remix-objective b{font-size:15px}.remix-objective small{font-size:9px}.remix-levels{gap:6px}.remix-order-dots{display:none}}
@media(prefers-reduced-motion:reduce){.remix-sheet *,.remix-goal-pop .remix-tile-mark,.remix-goal-pulse{animation:none!important}}