/* Painted game objects and a cutting workshop, scoped to the lobby only.
   The original Heckler, real localized labels and the whole-piece frame stay intact. */
.illustrated-home.cut-home{max-width:1220px;gap:18px;padding:46px;background:radial-gradient(ellipse at 50% 10%,#284337,#14261d 70%)}
.illustrated-home .home-header{max-width:none}
.illustrated-home .home-main{max-width:none;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:stretch}
.illustrated-home .home-art{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;gap:4px;padding:20px 14px 16px;position:relative;isolation:isolate;min-height:470px;border:1px solid #a49256;border-radius:20px;background:#142e28 url('/developer-assets/cut-to-keep/game/cut-assets/home-workshop-v048.webp') center/cover no-repeat;box-shadow:inset 0 1px 0 #ffe8b64a,0 7px 20px #06160e66;overflow:hidden}
.illustrated-home .home-art::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#061d2180,transparent 35%,transparent 65%,#0a2218bb)}
.illustrated-home .home-art h1{position:relative;z-index:2;margin:0;font-size:48px;line-height:1.05;text-align:center;letter-spacing:-.035em;color:#fff3cd;text-shadow:0 3px 0 #13291f,0 5px 12px #061c17;-webkit-text-stroke:.5px #bca069}
.illustrated-home .home-art h1 span{color:#f4d175}
.illustrated-home .home-heckler{position:relative;align-self:center;justify-self:start;width:78%;height:310px;max-width:360px;margin:0;object-fit:contain;filter:drop-shadow(0 12px 8px #07180d88)}
.illustrated-home .home-heckler-bubble,.illustrated-home .home-roast{position:relative;grid-column:1;justify-self:stretch;width:auto;max-width:none;margin:0;padding:10px 12px;border:1px solid #d0c08a;border-radius:12px;background:#f5efd8f2;color:#263b2d;font-size:16px;line-height:1.35;text-align:center;box-shadow:0 3px 0 #07180d44}
.illustrated-home .home-heckler-bubble::before{left:28%;background:#f5efd8;border-color:#d0c08a}
.illustrated-home .home-actions{align-content:center;gap:14px}
.illustrated-home .home-progress{font-size:14px}
.illustrated-home .home-progress>span{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}
.home-next-goal{font:inherit;color:#e9edcc}
.illustrated-home .home-campaign-finish{min-height:44px;padding:5px 0;border:0;background:transparent;color:#f1de9e;font-size:14px;text-decoration:underline}
.illustrated-home .home-progress>span>small{font-size:12px;white-space:nowrap;color:#b9c9ac}
.campaign-finish{display:grid;justify-items:center;gap:10px;text-align:center}
.campaign-finish>img{width:160px;height:160px;object-fit:contain}
.campaign-total{font-size:34px;color:#e7d28a;line-height:1.15}
.campaign-finish h3,.campaign-finish p{margin:0;max-width:48ch}
.finish-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;margin-top:8px}
.finish-actions #finish-home{grid-column:1/-1}
.support-link{display:block;color:#e8dcac;text-decoration:underline;padding:12px 0;min-height:44px;font-size:16px}
.illustrated-home .home-play{border:2px solid #d7eb95!important;background:linear-gradient(150deg,#e0f1a2,#acd360)!important;box-shadow:inset 0 2px 0 #f8ffd6,0 5px 0 #5b7834,0 9px 18px #081b1440}
.illustrated-home .home-tile-grid{gap:12px}
.illustrated-home .home-tile{min-height:146px;padding:8px 4px 12px;gap:3px;border:1px solid #ad985c;border-radius:15px;box-shadow:inset 0 1px 0 #ffecbc4a,0 4px 0 #091d17,0 7px 14px #06170d44;background:radial-gradient(ellipse at 50% 20%,#4c6050,#1b3c2d 80%)}
.illustrated-home .home-tile strong{font-size:16px;line-height:1.3;color:#fff0ce;text-shadow:0 2px 1px #071a13}
.illustrated-home .tile-levels,.illustrated-home .tile-modes{background:radial-gradient(ellipse at 50% 20%,#3e626b,#193a3f 80%)}
.illustrated-home .tile-friend{background:radial-gradient(ellipse at 50% 20%,#71613a,#393a23 80%)}
.illustrated-home .tile-invite{background:radial-gradient(ellipse at 50% 20%,#60516e,#302d3f 80%)}
.illustrated-home .tile-learn{background:radial-gradient(ellipse at 50% 20%,#736044,#3d3324 80%)}
.illustrated-home .home-tile .home-illustration{display:block;flex:none;width:104px;height:104px;max-width:100%;overflow:hidden;filter:drop-shadow(0 4px 3px #0006);pointer-events:none}
.illustrated-home .gift-dot{top:8px;right:8px;width:10px;height:10px;background:#e8fb9d;box-shadow:0 0 0 3px #23452e,0 0 9px #d8f787}
.illustrated-home .tile-gifts{gap:4px}
.illustrated-home .tile-gifts .home-illustration{width:64px;height:64px}
.home-gift-copy{display:grid;justify-items:center;gap:4px;width:100%;min-width:0}
.illustrated-home .home-gift-copy strong{font-size:14px;line-height:1.25;overflow-wrap:normal}
.home-gift-value{font-size:18px;line-height:1.2;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:.025em;color:#f8e9b6;white-space:nowrap}
.illustrated-home .tile-gifts[data-gift-ready="true"]{border-color:#e9d885;background:radial-gradient(ellipse at 50% 10%,#eef5b7,#c5d780 90%);box-shadow:inset 0 0 0 2px #f6efb4,0 4px 0 #556b31,0 0 16px #e8e39b44}
.illustrated-home .tile-gifts[data-gift-ready="true"] strong{color:#243b20;text-shadow:none}
.home-gift-value.gift-open{border-radius:7px;background:#25472e;color:#fff6cf;padding:3px 12px;font-size:15px;letter-spacing:0}
@media(max-width:1000px) and (orientation:portrait){
 .illustrated-home.cut-home{padding:42px;gap:16px;justify-content:center}
 .illustrated-home .home-header,.illustrated-home .home-main{width:100%;max-width:640px}
 .illustrated-home .home-main{grid-template-columns:minmax(0,1fr);gap:16px}
 .illustrated-home .home-art{min-height:330px;background-position:center 56%}
 .illustrated-home .home-art h1{font-size:43px}
 .illustrated-home .home-heckler{width:52%;height:205px;max-width:300px}
 .illustrated-home .home-tile{min-height:142px}
}
@media(max-width:600px){
 .illustrated-home.cut-home{padding:26px;gap:10px;justify-content:center}
 .illustrated-home .home-main{grid-template-columns:minmax(0,1fr);gap:11px}
 .illustrated-home .home-art{min-height:230px;padding:12px 8px 9px;border-radius:14px;background-position:58% center}
 .illustrated-home .home-art h1{font-size:30px;line-height:1.05}
 .illustrated-home .home-heckler{width:58%;height:130px;max-width:205px}
 .illustrated-home .home-heckler-bubble,.illustrated-home .home-roast{display:block;padding:7px 8px;font-size:13px;line-height:1.3;border-radius:9px}
 .illustrated-home .home-actions{gap:10px}
 .illustrated-home .home-progress{font-size:12px;gap:10px}
 .illustrated-home .home-tile-grid{gap:9px}
 .illustrated-home .home-tile{min-height:110px;padding:5px 3px 8px;gap:3px;border-radius:12px}
 .illustrated-home .home-tile strong{font-size:13px;line-height:1.25}
 .illustrated-home .home-tile .home-illustration{width:76px;height:76px}
 .illustrated-home .tile-gifts{min-height:128px;gap:3px}
 .illustrated-home .tile-gifts .home-illustration{width:44px;height:44px}
 .illustrated-home .home-gift-copy strong{font-size:12px;line-height:1.25}
 .home-gift-copy{gap:3px}
 .home-gift-value{font-size:16px}
 .home-gift-value.gift-open{font-size:14px;padding:2px 9px}
}
@media(max-width:370px){
 .illustrated-home.cut-home{padding:24px}
 .illustrated-home .home-art{min-height:205px}
 .illustrated-home .home-art h1{font-size:26px}
 .illustrated-home .home-heckler{height:110px}
 .illustrated-home .home-tile .home-illustration{width:65px;height:65px}
 .illustrated-home .tile-gifts .home-illustration{width:44px;height:44px}
 .illustrated-home .home-tile{min-height:100px}
 .illustrated-home .home-tile strong{font-size:12px}
}
@media(min-width:601px) and (max-height:600px){
 .illustrated-home.cut-home{padding:28px;gap:8px;justify-content:flex-start}
 .illustrated-home .home-main{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:18px}
 .illustrated-home .home-art{min-height:310px;padding:14px 9px 10px}
 .illustrated-home .home-art h1{font-size:32px}
 .illustrated-home .home-heckler{height:210px;width:78%}
 .illustrated-home .home-heckler-bubble{font-size:13px;padding:7px}
 .illustrated-home .home-actions{gap:8px}
 .illustrated-home .home-tile-grid{gap:8px}
 .illustrated-home .home-tile{min-height:98px;padding:4px}
 .illustrated-home .home-tile .home-illustration{width:68px;height:68px}
 .illustrated-home .tile-gifts .home-illustration{width:44px;height:44px}
 .illustrated-home .home-gift-copy strong{font-size:12px}
 .illustrated-home .home-tile strong{font-size:13px}
}