.home-game{--night:#07150f;--panel:#0d251a;--lime:#c7f45d;--cream:#fff3d3;--gold:#f3c64e;min-height:100vh;background:radial-gradient(circle at 15% 0,#214d3477,transparent 30%),var(--night);color:var(--cream)}
.home-game button{font:inherit}.home-hud{position:sticky;z-index:60;top:0;min-height:72px;display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;align-items:center;padding:8px max(18px,calc((100vw - 1320px)/2));border-bottom:1px solid #ffffff1b;background:#07150fe8;backdrop-filter:blur(15px)}.home-stats{display:flex;padding:5px;border:1px solid #ffffff1f;border-radius:13px;background:#ffffff08}.home-stats span{min-width:92px;padding:.3rem .7rem;border-right:1px solid #ffffff18;text-align:center}.home-stats span:last-child{border:0}.home-stats small,.home-stats b{display:block}.home-stats small{color:#789485;font-size:.42rem;font-weight:950}.home-stats b{margin-top:2px;font-size:.78rem}.home-actions{justify-self:end;display:flex;gap:.55rem}.home-actions button,.home-actions a{min-height:42px;padding:0 .8rem;display:flex;align-items:center;gap:.4rem;border:1px solid #698273;border-radius:8px;background:#173629;color:#fff;font-size:.55rem;font-weight:950;text-decoration:none;text-transform:uppercase;cursor:pointer}.home-actions a{border-color:var(--lime);background:var(--lime);color:#142218}.notification-button>span{color:#ff6857}.notification-button>b{width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:#f3c64e;color:#251c08;font-size:.46rem}
.home-shell{max-width:1320px;margin:auto;padding:clamp(1.1rem,3vw,2.5rem) clamp(10px,3vw,30px)}.home-titlebar{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1rem}.home-titlebar p{margin:0;color:#b7ea6d;font-size:.53rem;font-weight:950;letter-spacing:.13em}.home-titlebar h1{margin:.25rem 0 0;font-size:clamp(2.4rem,5vw,4.8rem);line-height:.9;letter-spacing:-.055em}.owner-chip{display:flex;align-items:center;gap:.55rem;padding:.45rem .7rem;border:1px solid #ffffff20;border-radius:12px;background:#ffffff08}.owner-chip>span,.owner-chip>img{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;object-fit:cover;background:#e65f3e;color:#fff;font-size:.55rem;font-weight:950}.owner-chip small,.owner-chip b{display:block}.owner-chip small{color:#839d8e;font-size:.4rem}.owner-chip b{font-size:.62rem}
.owner-chip>img[hidden],.home-player img[hidden]{display:none!important}
.home-board{overflow:hidden;border:1px solid #7e9c6c;border-radius:25px;background:#153424;box-shadow:0 32px 85px #0009}.home-toolbar{height:44px;display:flex;align-items:center;gap:.5rem;padding:0 1rem;background:linear-gradient(90deg,#10291e,#183927);font-size:.53rem;text-transform:uppercase}.home-toolbar>span:nth-of-type(2){color:#88a293}.home-toolbar em{margin-left:auto;padding:.28rem .55rem;border-radius:99px;background:#c7f45d1c;color:var(--lime);font-style:normal;font-weight:950}.online-dot{width:7px;height:7px;border-radius:50%;background:#8df268;box-shadow:0 0 0 5px #8df2681d}.home-map{position:relative;aspect-ratio:16/9;overflow:hidden;isolation:isolate}.home-map:after{content:"";position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(180deg,#07150f0d,transparent 55%,#07150f2d)}.home-map-art{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover}
.placed-decorations{position:absolute;z-index:6;inset:0;pointer-events:none}.placed-item{position:absolute;transform-origin:50% 100%;filter:drop-shadow(0 8px 7px #17351b88)}.placed-item.is-appearing{animation:place-grow 1s cubic-bezier(.18,.88,.28,1.3) both}.placed-almond{left:79%;top:18%;width:10%;height:24%}.placed-almond>b{position:absolute;left:44%;bottom:0;width:14%;height:46%;border-radius:35% 35% 10% 10%;background:linear-gradient(90deg,#6c3a18,#9a6030,#4e2a13)}.placed-almond>i,.placed-almond>span{position:absolute;border-radius:48% 52%;background:radial-gradient(circle at 35% 30%,#a7cf67,#497b35 58%,#274d29);box-shadow:inset -8px -10px 12px #284c2788}.placed-almond>i{left:8%;top:7%;width:70%;height:55%}.placed-almond>span:nth-of-type(1){right:0;top:18%;width:58%;height:50%}.placed-almond>span:nth-of-type(2){left:25%;top:0;width:56%;height:45%}.placed-almond>span:nth-of-type(3){display:none}.placed-flowers{left:72%;top:49%;width:13%;height:10%;border-radius:50%;background:radial-gradient(ellipse,#6fa74a 0 55%,#3d6e34 58%,transparent 61%)}.placed-flowers:before,.placed-flowers:after,.placed-flowers>i,.placed-flowers>b,.placed-flowers>span{content:"";position:absolute;width:17%;aspect-ratio:1;border:3px solid #fff4a4;border-radius:50%;background:#e14c78;box-shadow:0 0 0 3px #f08cb0}.placed-flowers:before{left:18%;top:18%}.placed-flowers:after{right:16%;top:26%;background:#865ed7;box-shadow:0 0 0 3px #b99bea}.placed-flowers>i{left:43%;top:7%;background:#f3b62e;box-shadow:0 0 0 3px #ffe178}.placed-flowers>b{left:35%;bottom:2%;background:#e45d40;box-shadow:0 0 0 3px #f9a18e}.placed-flowers>span:nth-of-type(1){right:31%;bottom:3%;background:#d95ca7;box-shadow:0 0 0 3px #f0a5d2}.placed-flowers>span:nth-of-type(2),.placed-flowers>span:nth-of-type(3){display:none}.placed-fountain{left:81%;top:58%;width:10%;height:15%}.placed-fountain>i{position:absolute;left:0;right:0;bottom:0;height:35%;border:5px solid #e8dfc8;border-radius:50%;background:radial-gradient(ellipse,#82dbed 0 52%,#409eb7 55% 68%,#bcb49d 70%);box-shadow:0 6px 0 #8c846f}.placed-fountain>b{position:absolute;left:45%;bottom:25%;width:12%;height:48%;border-radius:7px;background:linear-gradient(90deg,#a69e8a,#eee4cb,#918976)}.placed-fountain>span{position:absolute;bottom:56%;width:9%;height:28%;border:3px solid #9befff;border-bottom:0;border-radius:50% 50% 0 0}.placed-fountain>span:nth-of-type(1){left:27%;transform:rotate(-22deg)}.placed-fountain>span:nth-of-type(2){right:26%;transform:rotate(22deg)}.placed-fountain>span:nth-of-type(3){left:46%;bottom:62%;height:32%}.placement-burst{position:absolute;z-index:20;left:50%;top:45%;width:10px;height:10px}.placement-burst i{position:absolute;width:9px;height:9px;border-radius:50%;background:#fff07a;box-shadow:0 0 12px #fff07a;animation:spark-out 1.15s ease-out both}.placement-burst i:nth-child(1){--sx:-58px;--sy:-45px}.placement-burst i:nth-child(2){--sx:52px;--sy:-55px}.placement-burst i:nth-child(3){--sx:-66px;--sy:18px}.placement-burst i:nth-child(4){--sx:64px;--sy:22px}.placement-burst i:nth-child(5){--sx:0;--sy:-74px}.placement-burst b{position:absolute;left:-20px;top:-48px;padding:.25rem .45rem;border-radius:99px;background:#c7f45d;color:#173019;font-size:.58rem;white-space:nowrap;animation:reward-rise 1.35s ease-out both}@keyframes place-grow{0%{opacity:0;transform:translateY(-45px) scale(.05) rotate(-8deg)}55%{opacity:1;transform:translateY(0) scale(1.16) rotate(3deg)}75%{transform:scale(.92) rotate(-1deg)}100%{transform:scale(1)}}@keyframes spark-out{0%{opacity:0;transform:translate(0,0) scale(.3)}30%{opacity:1}100%{opacity:0;transform:translate(var(--sx),var(--sy)) scale(1.2)}}@keyframes reward-rise{0%{opacity:0;transform:translateY(18px) scale(.7)}25%{opacity:1}100%{opacity:0;transform:translateY(-42px) scale(1.05)}}
.home-hotspot{--x:50%;--y:50%;position:absolute;z-index:8;left:var(--x);top:var(--y);width:23%;height:26%;padding:0;border:3px solid transparent;border-radius:28%;background:transparent;cursor:pointer;transition:.2s}.home-hotspot:hover,.home-hotspot:focus-visible,.home-hotspot.is-selected{border-color:#fff6c7;box-shadow:inset 0 0 0 5px #c7f45d55,0 0 32px #c7f45d7a;outline:0}.home-hotspot>span{position:absolute;left:50%;bottom:4%;transform:translateX(-50%);display:flex;align-items:center;gap:.4rem;min-width:max-content;padding:.35rem .6rem;border:2px solid #fff;border-radius:99px;background:#0b211dec;color:#fff;box-shadow:0 8px 20px #0009;backdrop-filter:blur(8px)}.home-hotspot>span>b{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:#c7f45d;color:#172219;font-size:1rem}.home-hotspot strong,.home-hotspot small{display:block;text-align:left}.home-hotspot strong{font-size:.53rem}.home-hotspot small{color:#c7f45d;font-size:.38rem;font-weight:950}.home-hotspot i{font-style:normal}.house-hotspot{--x:35%;--y:20%;--w:27%;width:27%;height:38%}.garden-hotspot{--x:2%;--y:31%;--w:28%;width:28%;height:34%}.animal-hotspot{--x:1%;--y:1%;--w:30%;width:30%;height:31%}.visit-hotspot{--x:55%;--y:45%;--w:21%;width:21%;height:30%}
.home-player{--px:53%;--py:61%;position:absolute;z-index:18;left:var(--px);top:var(--py);transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;pointer-events:none;transition:left .65s,top .65s}.home-player>div{width:58px;height:58px;display:grid;place-items:center;overflow:hidden;border:5px solid #fff;border-radius:50%;background:#e65f3e;color:#fff;font-size:.8rem;font-weight:950;box-shadow:0 0 0 5px var(--lime),0 12px 22px #0008}.home-player img{width:100%;height:100%;object-fit:cover}.home-player>b{margin-top:7px;padding:.2rem .45rem;border:2px solid #fff;border-radius:99px;background:#0d211cec;font-size:.43rem}.daily-welcome{position:absolute;z-index:35;right:4%;top:8%;width:min(390px,38%);padding:1.2rem;border:1px solid #dff69370;border-radius:18px;background:linear-gradient(145deg,#102a20f5,#071710f3);box-shadow:0 24px 70px #000b;backdrop-filter:blur(14px);transition:.25s}.daily-welcome.is-hidden{opacity:0;visibility:hidden;transform:translateY(-10px)}.daily-welcome>button:first-child{position:absolute;right:10px;top:9px;width:31px;height:31px;border:1px solid #ffffff2c;border-radius:50%;background:#ffffff0a;color:#fff;font-size:1rem;cursor:pointer}.daily-welcome>span{color:#c7f45d;font-size:.47rem;font-weight:950;letter-spacing:.11em}.daily-welcome h2{margin:.45rem 0 .75rem;font-size:1.65rem;line-height:.95}.daily-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem}.daily-summary p{margin:0;padding:.45rem;border-radius:8px;background:#ffffff0a;text-align:center}.daily-summary b,.daily-summary small{display:block}.daily-summary b{color:#f3c64e}.daily-summary small{color:#a9baaf;font-size:.4rem}.claim-button{width:100%;min-height:46px;margin-top:.7rem;border:0;border-radius:8px;background:var(--lime);color:#142218;font-size:.55rem;font-weight:950;text-transform:uppercase;cursor:pointer}
.home-nav{position:relative;z-index:25;display:grid;grid-template-columns:repeat(5,1fr);gap:.4rem;margin:-26px 28px 0;padding:.45rem;border:1px solid #789368;border-radius:16px;background:#0b211bed;box-shadow:0 16px 40px #0009;backdrop-filter:blur(13px)}.home-nav button,.home-nav a{position:relative;min-height:68px;display:flex;align-items:center;justify-content:center;gap:.5rem;border:0;border-radius:10px;background:transparent;color:#a3b8ab;text-decoration:none;cursor:pointer}.home-nav button:hover,.home-nav a:hover,.home-nav .is-active{background:#c7f45d;color:#142218}.home-nav span{font-size:1.2rem}.home-nav b{font-size:.58rem;text-transform:uppercase}.home-nav i{position:absolute;right:10px;top:8px;width:19px;height:19px;display:grid;place-items:center;border-radius:50%;background:#f3c64e;color:#261c08;font-size:.42rem;font-style:normal;font-weight:950}
.village-panel{position:relative;display:block;min-height:0;overflow:visible;margin-top:1rem;padding:1.2rem;border:1px solid #ffffff19;border-radius:18px;background:#ffffff06;box-shadow:none}.panel-heading{display:flex;justify-content:space-between;gap:1rem;align-items:end;margin-bottom:1rem}.panel-heading small{color:#b8eb6b;font-size:.45rem;font-weight:950;letter-spacing:.11em}.panel-heading h2{margin:.2rem 0;font-size:1.5rem}.panel-heading p{margin:0;color:#8fa799;font-size:.63rem}.panel-heading button{min-height:44px;padding:0 .8rem;border:1px solid #c7f45d;border-radius:8px;background:#173629;color:#fff;font-size:.53rem;font-weight:950;text-transform:uppercase;cursor:pointer}.shop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem}.shop-card{display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:.65rem;padding:.75rem;border:1px solid #ffffff18;border-radius:12px;background:#10271e;color:#fff}.shop-card>span{width:64px;height:64px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(135deg,#315f42,#1b3d2b);font-size:1.7rem}.shop-card small,.shop-card strong{display:block}.shop-card strong{font-size:.68rem}.shop-card small{margin-top:.18rem;color:#8da495;font-size:.5rem}.shop-card button{min-height:40px;padding:0 .65rem;border:0;border-radius:7px;background:#f3c64e;color:#221906;font-size:.5rem;font-weight:950;text-transform:uppercase;cursor:pointer}.shop-card.is-owned{border-color:#8fb862}.shop-card.is-owned button{background:#34563f;color:#b7c9bd}.visit-card{grid-template-columns:48px 1fr}.visit-card>span{width:48px;height:48px;font-size:1.1rem}.visit-card time{color:#789384;font-size:.45rem}.home-toast{position:fixed;z-index:70;left:50%;bottom:22px;max-width:90vw;padding:.8rem 1rem;border:1px solid var(--lime);border-radius:9px;background:#10291f;color:#fff;font-size:.66rem;font-weight:850;box-shadow:0 18px 50px #000a;opacity:0;transform:translate(-50%,90px);transition:.25s}.home-toast.is-visible{opacity:1;transform:translate(-50%,0)}.home-footer{max-width:1320px;margin:auto;padding:1.5rem clamp(14px,3vw,30px);display:flex;justify-content:space-between;color:#718b7b;font-size:.58rem}.home-footer a{color:#9eb2a5}
@media(max-width:850px){.home-hud{grid-template-columns:1fr auto}.home-stats{grid-row:2;grid-column:1/-1;justify-self:center}.home-actions{grid-column:2}.home-titlebar{align-items:flex-start}.shop-grid{grid-template-columns:1fr 1fr}.daily-welcome{width:min(390px,48%)}}
@media(max-width:600px){.home-hud{min-height:64px}.brand-name{font-size:.62rem}.home-actions a{font-size:0;padding:0 .65rem}.home-actions a:after{content:"MONDO";font-size:.48rem}.notification-button{font-size:0!important}.notification-button:after{content:"AVVISI";font-size:.48rem}.home-stats span{min-width:88px}.home-titlebar{align-items:center}.home-titlebar h1{font-size:2rem}.owner-chip div{display:none}.home-map{aspect-ratio:4/5}.home-map-art,.placed-decorations{width:178%;max-width:none;left:50%;right:auto;transform:translateX(-50%)}.daily-welcome{position:fixed;z-index:80;left:50%;right:auto;top:52%;width:min(390px,88vw);transform:translate(-50%,-50%)}.daily-welcome.is-hidden{transform:translate(-50%,-47%)}.home-hotspot{transform:scale(.82)}.house-hotspot{--x:28%;--y:25%;width:38%}.garden-hotspot{--x:-4%;--y:36%;width:40%}.animal-hotspot{--x:-5%;--y:6%;width:42%}.visit-hotspot{--x:61%;--y:48%;width:30%}.home-hotspot>span{transform:translateX(-50%) scale(.83)}.home-player{--px:54%;--py:64%}.home-player>div{width:50px;height:50px}.home-nav{margin:-18px 8px 0;gap:.15rem}.home-nav button,.home-nav a{min-height:62px;flex-direction:column;gap:.1rem}.home-nav span{font-size:1rem}.home-nav b{font-size:.42rem}.home-nav i{right:4px;top:4px}.panel-heading{align-items:flex-start;flex-direction:column}.panel-heading button{width:100%}.shop-grid{grid-template-columns:1fr}.shop-card{grid-template-columns:52px 1fr auto}.shop-card>span{width:52px;height:52px}.home-footer{flex-direction:column;gap:.4rem}}
@media(prefers-reduced-motion:reduce){.home-hotspot,.home-player,.daily-welcome,.home-toast,.placed-item,.placement-burst *{transition:none;animation:none}}