/* Bright, tactile mini-game controls inspired by the supplied original UI atlas. */
#warm-ui{font-family:"Microsoft YaHei","PingFang SC",sans-serif}
#warm-ui button{transition:transform .13s ease,filter .13s ease,box-shadow .13s ease}
#warm-ui button:hover{filter:brightness(1.06);transform:translateY(-3px)}
#warm-ui button:active{filter:brightness(.98);transform:translateY(5px)}

.warm-brand{padding:7px 17px;border:3px solid #fff6b4!important;border-radius:21px;background:linear-gradient(180deg,#fff9c8,#ffc64b 62%,#f79b29)!important;box-shadow:0 5px 0 #a54a0f,0 9px 0 #4d220d,0 12px 20px #351b1640!important}
.warm-brand b{font-family:"Microsoft YaHei",sans-serif;font-size:24px;font-weight:1000;letter-spacing:1px;color:#943b10;text-shadow:1px 2px 0 #fff5bc}
.warm-brand small{font-size:10px;color:#8b451a;font-weight:800;letter-spacing:1px}
.warm-pill{border:3px solid #fff7c3!important;border-radius:19px;background:linear-gradient(#fff8d8,#ffdd79)!important;box-shadow:0 4px 0 #a75721,0 8px 12px #3d1d1238;color:#75340e!important;font-weight:900}
.warm-pill strong{color:#e7560a!important;font-size:22px;text-shadow:1px 2px 0 #fff}
#warm-count{background:linear-gradient(#f5feff,#87d8f5)!important;border-color:#eaffff!important;box-shadow:0 4px 0 #2687bd,0 8px 12px #3d1d1238}
.warm-round{border:3px solid #fff4b2!important;background:linear-gradient(#fff9bf,#ffad27)!important;color:#913b0a;box-shadow:0 5px 0 #ae560e,0 8px 12px #2e190e4d!important;font-weight:900}
.order-heading{top:12.3%;left:4.5%;width:23%;height:79px;padding:6px 12px 6px 5px;border:3px solid #fff7b7;border-radius:18px;background:linear-gradient(#ffef99,#ffbd49 72%,#f39b2d);box-shadow:0 5px 0 #a8601d,0 9px 12px #3a211847;color:#803a12;text-shadow:1px 2px #fff2bd;font-weight:1000;letter-spacing:1px}
.order-heading .kitchen-icon{height:69px;width:53px}
.order-heading small{color:#9a4916;font-weight:800;letter-spacing:0}
.warm-order{border:3px solid #ffeb85!important;border-radius:16px;background:linear-gradient(#fffcec,#ffdd79)!important;box-shadow:0 5px 0 #ae671f,0 9px 13px #4c281b42;padding:4px 8px}
.warm-order img{background:#fff7d8;border:2px solid #fff;border-radius:10px}
.warm-order b{font-weight:1000;color:#71310e}
.warm-order .order-dots{color:#ef7109}
.warm-lock{border:3px solid #fff6a2!important;background:linear-gradient(#fffad9,#ffd86e)!important;box-shadow:0 5px 0 #a85c1b,0 10px 16px #4c281b45;color:#853d10}
.warm-temp{color:#fff9c1;font-weight:1000;letter-spacing:2px;text-shadow:0 2px 0 #9b4b12,0 3px 5px #4b2417}
.warm-tool{border:3px solid #fff7a7!important;border-radius:21px;background:linear-gradient(#fff9b9 0%,#ffd643 56%,#ffa720 100%)!important;box-shadow:inset 0 2px 0 #fffce2,0 6px 0 #a15012,0 10px 0 #652a0b,0 13px 15px #29150c55!important;color:#753009}
.warm-tool .kitchen-icon{margin:-15px auto -5px;filter:drop-shadow(0 3px 0 #9c4b165c)}
.warm-tool b{font-weight:1000;color:#84330c;text-shadow:1px 1px #fff7c0}
.warm-tool small{color:#954619;font-weight:700}
.warm-tool em{top:2px;right:2px;background:#76d11d;color:white;border:2px solid #fff59d;border-radius:50%;min-width:23px;height:23px;line-height:18px;text-align:center;box-shadow:0 2px 0 #3d8f12}
.warm-tool:disabled{filter:saturate(.65);opacity:.8}
.warm-guide{border:3px solid #fff6a1;background:linear-gradient(#fffacf,#ffcf63);color:#8d400d;box-shadow:0 5px 0 #b45c19;font-size:17px;font-weight:1000}
.warm-footnote{display:none}
.fresh-target span{border:2px solid #fff8b0;background:#ffca37;color:#85320a;box-shadow:0 4px 0 #a45612}

.warm-modal{background:#1e1408c4;backdrop-filter:blur(3px)}
.complete-modal .complete-sheet,.warm-sheet{border:4px solid #fff5a6;border-radius:27px;background:radial-gradient(circle at 96% 2%,#fff9d3 0,#fff0b0 28%,transparent 50%),linear-gradient(#fff7d8,#ffe2a0 75%,#ffd379);box-shadow:0 9px 0 #b15b1c,0 13px 0 #6a2f10,0 20px 50px #1b100b8c;color:#773b10}
.complete-sheet h1,.warm-sheet h1{color:#e76312;font-weight:1000;text-shadow:2px 3px 0 #fff5bf}
.complete-sheet .eyebrow,.warm-sheet .eyebrow{color:#c75e19;font-weight:900}
.complete-sheet button,.warm-actions button{border:3px solid #fff8b9;background:linear-gradient(#fffde9,#ffd579);color:#823b12;border-radius:15px;box-shadow:0 5px 0 #ae5b20;font-weight:1000}
.complete-sheet button.primary,.warm-actions button.primary{border-color:#fff2a3;background:linear-gradient(#ffc94f,#ff791c);color:#fff;text-shadow:1px 2px #a7470e;box-shadow:0 6px 0 #a3440f}
@media(max-height:500px){.warm-sheet .warm-actions{gap:4px 8px}.warm-sheet .warm-actions button{min-height:31px;padding:3px 9px;font-size:12px;border-width:2px;box-shadow:0 3px 0 #ae5b20}.warm-sheet .warm-actions button.primary{box-shadow:0 3px 0 #a3440f}}

.complete-modal .arcade-home{width:min(920px,94vw);max-height:92vh;padding:23px 30px 19px;text-align:center;overflow:auto}
.arcade-home .eyebrow{font-size:13px;letter-spacing:3px;font-weight:1000}
.arcade-home h1{margin:0;font-size:48px;line-height:1.12;letter-spacing:3px;color:#ff7b16;-webkit-text-stroke:2px #9e3c0b;text-shadow:0 4px #fff3ae,0 7px #9c3b0b}
.arcade-home>p{margin:4px 0 7px;font-size:14px;font-weight:900;color:#9a4c14}
.arcade-stage{display:flex;align-items:center;justify-content:center;gap:28px;margin:0 auto 8px}
.arcade-mascot{width:165px;flex:none;display:grid;justify-items:center;align-content:center}
.arcade-mascot .kitchen-icon{width:146px;height:193px;filter:drop-shadow(0 7px 3px #8b410e4f);animation:arcade-bob 2.6s ease-in-out infinite}
.arcade-mascot b{margin-top:-14px;padding:5px 9px;border:3px solid #fff9c4;border-radius:13px;background:#ffda52;color:#8b3f0d;box-shadow:0 3px 0 #b96719;font-size:11px;white-space:nowrap}
.arcade-center{width:370px;display:grid;justify-items:stretch;gap:10px}
.arcade-progress{display:flex;justify-content:center;align-items:center;gap:10px}
.arcade-progress strong,.arcade-progress span{padding:5px 15px;border:3px solid #fff8bc;border-radius:30px;background:linear-gradient(#fffdf1,#ffe48b);box-shadow:0 3px 0 #b76320;color:#9b410e;font-size:14px}
.arcade-progress strong{background:linear-gradient(#fff3a4,#ffb333);font-size:18px}
.arcade-home button.arcade-start{min-height:84px;padding:5px 22px;border:4px solid #fff3a0;border-radius:28px;background:linear-gradient(#ffdf69 0%,#ffad2d 44%,#f06a11 100%);box-shadow:inset 0 3px #fff6c9,0 8px 0 #b64d09,0 12px 0 #69300b,0 16px 20px #44210d6b;color:#fff;font-size:30px;font-weight:1000;letter-spacing:3px;text-shadow:2px 3px 0 #ae3d09}
.arcade-home button.arcade-start:hover{transform:translateY(-3px);box-shadow:inset 0 3px #fff6c9,0 11px 0 #b64d09,0 15px 0 #69300b,0 19px 20px #44210d6b}
.arcade-home button.arcade-start:active{transform:translateY(6px);box-shadow:inset 0 3px #fff6c9,0 2px 0 #b64d09,0 5px 0 #69300b}
.arcade-play-mark{display:inline-grid;place-items:center;width:45px;height:45px;margin-right:10px;border:3px solid #fff3ae;border-radius:50%;background:#ffec85;font-size:22px;color:#e7690d;text-shadow:none;vertical-align:middle}
.arcade-home button.arcade-challenge{min-height:60px;padding:7px 16px;border:4px solid #edffc0;border-radius:23px;background:linear-gradient(#adf05a,#67cf1a 63%,#3bac12);box-shadow:inset 0 2px #e6ffba,0 6px 0 #3c8e13,0 10px 0 #28580b;color:white;font-size:23px;font-weight:1000;text-shadow:1px 2px #35830c}
.arcade-challenge span{color:#fff766;margin-right:11px;text-shadow:0 2px #508b0a}
.arcade-quick{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:14px 0 9px}
.arcade-home button.arcade-quick-btn{display:grid;justify-items:center;align-content:start;min-height:109px;padding:4px 3px 6px;border:3px solid #fff6bd;border-radius:19px;background:linear-gradient(#fffef1,#ffe491);box-shadow:0 5px 0 #bb7027,0 9px 11px #6633143b;color:#863b0e}
.arcade-quick-btn span{margin-top:1px;font-size:14px;font-weight:1000;white-space:nowrap}
.arcade-sprite{display:block;width:92px;height:60px;background-image:url('art/original-home-atlas.webp');background-size:432px 432px;background-repeat:no-repeat;filter:drop-shadow(0 3px 1px #95460f55)}
.arcade-sprite-skin{background-position:-135px -203px}
.arcade-sprite-food{background-position:-237px -203px}
.arcade-sprite-progress{background-position:-328px -201px}
.arcade-sprite-collection{background-position:-106px -323px}
.arcade-sprite-room{background-position:-315px -322px}
.arcade-sprite-help{background-position:-205px -322px}
.arcade-extras{display:flex;justify-content:center;gap:16px}
.arcade-home .arcade-extras button{min-height:27px;border:0;border-radius:20px;background:#fff5ce;color:#96521c;box-shadow:0 2px 0 #d2a04c;padding:4px 15px;font-size:12px}
@keyframes arcade-bob{50%{transform:translateY(-6px) rotate(-3deg)}}

@media(max-height:640px){
 .complete-modal .arcade-home{max-height:94vh;padding:12px 20px 11px}
 .arcade-home h1{font-size:32px;-webkit-text-stroke:1px #9e3c0b}
 .arcade-home>p{font-size:11px;margin:1px 0 4px}
 .arcade-stage{gap:12px;margin-bottom:3px}
 .arcade-mascot{width:112px}
 .arcade-mascot .kitchen-icon{width:104px;height:137px}
 .arcade-mascot b{font-size:9px;margin-top:-8px}
 .arcade-center{width:290px;gap:5px}
 .arcade-progress strong,.arcade-progress span{font-size:10px;padding:2px 9px}
 .arcade-home button.arcade-start{min-height:55px;font-size:20px;border-width:3px;border-radius:20px;box-shadow:0 5px 0 #b64d09,0 8px 0 #69300b}
 .arcade-play-mark{width:31px;height:31px;font-size:16px;margin-right:5px}
 .arcade-home button.arcade-challenge{min-height:42px;font-size:16px;border-width:3px;border-radius:16px;box-shadow:0 4px 0 #3c8e13}
 .arcade-quick{gap:5px;margin:8px 0 6px}
 .arcade-home button.arcade-quick-btn{min-height:72px;border-width:2px;border-radius:13px;padding:1px 0 3px}
 .arcade-sprite{width:65px;height:42px;background-size:306px 306px}
 .arcade-sprite-skin{background-position:-96px -144px}
 .arcade-sprite-food{background-position:-168px -144px}
 .arcade-sprite-progress{background-position:-232px -142px}
 .arcade-sprite-collection{background-position:-75px -229px}
 .arcade-sprite-room{background-position:-223px -228px}
 .arcade-sprite-help{background-position:-145px -228px}
 .arcade-quick-btn span{font-size:10px}
 .arcade-home .arcade-extras button{font-size:10px;min-height:22px;padding:2px 8px}
}
@media(max-height:500px){
 .warm-top{top:7px}
 .warm-brand{padding:3px 7px}
 .warm-brand b{font-size:14px}
 .warm-pill{padding:3px 7px;font-size:10px}
 .warm-pill strong{font-size:14px}
 .warm-round{width:32px;height:32px}
 .order-heading{height:44px;top:13%;padding:2px 5px}
 .order-heading .kitchen-icon{height:40px;width:30px}
 .order-heading div{font-size:12px}
 .order-heading small{display:none!important}
 .warm-tool .kitchen-icon{width:31px;height:41px;margin:-6px auto -2px}
 .warm-tool b{font-size:10px}
 .warm-tool small{display:none}
 .warm-lock{height:53px;border-radius:12px;padding:0}
 .warm-lock .kitchen-icon{width:36px;height:47px;margin:-5px auto 0}
 .warm-lock>span:last-child{display:none}
 .warm-order{height:37px;padding:2px 3px}
 .warm-order img{height:28px;width:27px}
 .warm-order b{font-size:10px}
 .warm-guide{top:14%;left:43%;right:10%;padding:5px 8px;font-size:11px}
}