/* Keeps the lobby's cream, mint, honey and soft-toy artwork. */
.mon-overlay{--home-bg:#f8f2e5;--home-surface:#fffefb;--home-ink:#163e45;--home-muted:#68848a;--home-yellow:#ffd34f;--home-mint:#51c8b1;font-family:Nunito,sans-serif;color:var(--home-ink);z-index:12000;background:#163e456b;backdrop-filter:blur(5px);padding:18px;display:grid;place-items:center}
.mon-sheet{position:relative;display:flex;flex-direction:column;width:min(100%,620px);max-height:calc(100dvh - 36px);background:var(--home-bg);border:1px solid #fff8e8;border-radius:30px;box-shadow:0 24px 80px #153f453d;overflow:hidden}
.mon-sheet *{box-sizing:border-box}.mon-sheet button,.mon-entry{font-family:Nunito,sans-serif;cursor:pointer;-webkit-tap-highlight-color:transparent}.mon-sheet button:focus-visible,.mon-entry:focus-visible{outline:3px solid #1d8b79;outline-offset:3px}.mon-sheet button:disabled{cursor:default;opacity:.48;filter:grayscale(.3)}
.mon-head{padding:23px 24px 15px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #e9e2d3}.mon-head>div{flex:1;min-width:0}.mon-head small{font-size:10px;font-weight:900;letter-spacing:1.4px;color:#738878}.mon-head h2{font-size:27px;line-height:1.15;margin:5px 0 0;font-weight:900;color:var(--home-ink)}
.mon-close{border:1px solid #e3ddce;border-radius:15px;background:#fffcf5;width:44px;height:44px;flex:none;font-size:28px;line-height:1;color:#52756b}
.mon-body{padding:20px 24px 24px;overflow:auto;overscroll-behavior:contain;min-height:0;scrollbar-width:thin;touch-action:pan-y}.mon-foot{border-top:1px solid #e7dfcc;padding:14px 24px calc(18px + env(safe-area-inset-bottom));display:grid;gap:10px;background:#fffcf5;flex:none}.mon-foot:empty{display:none}
.mon-art{display:block;object-fit:contain;flex:none}.mon-hero{position:relative;display:flex;align-items:center;gap:18px;margin:0 0 21px;min-height:155px}.mon-hero>.mon-art{width:142px;height:150px;filter:drop-shadow(0 9px 8px #ac8e4823)}.mon-hero>div{min-width:0}.mon-hero small{font-size:10px;letter-spacing:1px;font-weight:900;color:#668578}.mon-hero h3{font-size:26px;line-height:1.08;font-weight:900;margin:8px 0 9px;max-width:290px}.mon-hero p{font-size:13px;line-height:1.5;color:#6b8379;margin:0}
.mon-button{display:flex;gap:8px;align-items:center;justify-content:center;border-radius:16px;min-height:48px;padding:12px 16px;border:1px solid #edc45c;border-bottom-width:4px;background:var(--home-yellow);color:#5d4920;font-size:16px;font-weight:900;line-height:1.3;transition:transform 120ms,filter 120ms}.mon-button:not(:disabled):hover{filter:brightness(1.035)}.mon-button:not(:disabled):active{transform:translateY(2px)}.mon-button.is-secondary{background:#eaf3e7;border-color:#cbdcc9;color:#356855}.mon-button.is-quiet{background:transparent;border:0;color:#6a8074;min-height:40px;padding:8px;font-size:14px}.mon-button svg{width:21px;height:21px;flex:none}.mon-button .mon-art{width:24px;height:24px}
.mon-note{color:#6b8177;font-size:13px;line-height:1.5;text-align:center;margin:12px 0}.mon-foot .mon-note{margin:0}.mon-clock{display:inline-flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap;color:#856738;background:#fff0cc;border-radius:8px;padding:5px 8px;font-size:12px;font-variant-numeric:tabular-nums}.mon-clock b{font-weight:800}.mon-clock svg{width:16px;height:16px}
.mon-entries{display:grid;gap:8px}.mon-entry{border:1px solid #e4decd;border-bottom:3px solid #dfd7c3;border-radius:18px;background:#fffcf5;display:flex;align-items:center;text-align:left;padding:10px 12px;gap:10px;width:100%;color:#214e4c;min-height:68px}.mon-entry>.mon-art{width:53px;height:53px}.mon-entry>span{display:grid;gap:3px;flex:1;min-width:0}.mon-entry strong{font-size:15px;font-weight:900;line-height:1.2}.mon-entry small{font-size:11px;color:#708779;line-height:1.35}.mon-entry>i{font-style:normal;color:#89a18e;font-size:25px}.mon-entry .mon-clock{display:flex;flex:none;font-size:11px;padding:4px 6px}.mon-entry .mon-clock svg{display:none}.mon-ready-dot{width:10px;height:10px;background:#39b296;border-radius:50%;box-shadow:0 0 0 4px #d9eee5}.mon-entry-sale{background:#fff3d4;border-color:#ead49a}.mon-body>.mon-entry{margin-top:10px}.mon-entries-shop{margin-bottom:16px}.mon-entries-shop .mon-entry-sale strong{font-size:17px}.mon-entry s{opacity:.65;margin-right:4px}
#splav-home .mon-entries-home{margin-top:12px;grid-template-columns:1fr 1fr}#splav-home .mon-entry{padding:7px 9px;gap:6px;min-height:60px}#splav-home .mon-entry .mon-art{width:39px;height:43px}#splav-home .mon-entry strong{font-size:12px}#splav-home .mon-entry small{font-size:10px}#splav-home .mon-entry>i:not(.mon-ready-dot){display:none}#splav-home .mon-entry-sale{grid-column:1/-1;order:3}#splav-home .mon-entry-calendar .mon-clock{display:none}
.mon-loot{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:9px}.mon-loot>span{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:82px;min-height:95px;padding:9px;border-radius:16px;background:#fffaf0;border:1px solid #e9e0c9}.mon-loot .mon-art{width:49px;height:49px}.mon-loot b{font-size:20px;line-height:1.1;color:#315e4c}.mon-loot small{font-size:10px;color:#7b8971;line-height:1.25;text-align:center}.mon-loot.is-compact{gap:2px}.mon-loot.is-compact>span{background:none;border:0;padding:0;min-width:0;min-height:0}.mon-loot.is-compact .mon-art{width:28px;height:28px}.mon-loot.is-compact b{font-size:13px}.mon-loot.is-compact small{display:none}
.mon-calendar{list-style:none;padding:0;margin:18px 0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px}.mon-calendar>li{position:relative;min-height:91px;border:1px solid #e4ddc9;border-bottom:3px solid #e0d5bd;border-radius:13px;padding:7px 2px 10px;background:#fffaf0;text-align:center}.mon-day{display:flex;align-items:center;justify-content:center;gap:2px;font-size:10px;font-weight:800;line-height:1.2;margin-bottom:6px;color:#7c8a73}.mon-day i{font-style:normal;color:#38a588}.mon-calendar .is-claimed{background:#edf1e5;border-color:#dbe3d2}.mon-calendar .is-claimed .mon-loot{opacity:.55}.mon-calendar .is-current{background:#fff1b5;border:2px solid #d2a240;box-shadow:0 0 0 3px #f6dc8b55}.mon-calendar .is-big{background:#e7f1e9;border-color:#aecdbb}.mon-calendar .is-big.is-current{background:#ddf2df;border-color:#439b7c}.mon-calendar em{position:absolute;left:50%;bottom:-7px;transform:translateX(-50%);font-size:9px;white-space:nowrap;font-style:normal;font-weight:900;background:#d6a33c;color:#fff;padding:2px 6px;border-radius:6px}.mon-calendar .is-big em{background:#479b7b}.mon-calendar li:last-child .mon-loot{flex-wrap:nowrap}.mon-calendar li:last-child .mon-art{width:24px;height:24px}
.mon-final-gift{display:flex;align-items:center;gap:12px;background:#e7efe1;border:1px solid #cedbc0;border-radius:18px;padding:12px}.mon-final-gift>.mon-loot{flex-wrap:nowrap;gap:3px}.mon-final-gift .mon-loot>span{padding:0;border:0;background:none;min-width:50px;min-height:68px}.mon-final-gift>.mon-loot .mon-art{width:42px;height:42px}.mon-final-gift .mon-loot small{display:none}.mon-final-gift>span{display:grid;gap:5px}.mon-final-gift strong{font-size:14px;line-height:1.25}.mon-final-gift small{font-size:12px;color:#71836a}
.mon-balance{padding:20px;border-radius:22px;background:#fffaf0;border:1px solid #e5dabe;text-align:center}.mon-balance>span{font-size:12px;color:#7d8c73}.mon-balance>strong{display:flex;align-items:center;justify-content:center;gap:8px;font-size:42px;line-height:1.5}.mon-balance>strong .mon-art{width:40px;height:40px}.mon-balance>strong small{font-size:22px;color:#9caa8f}.mon-balance p{font-size:13px;color:#6a8574;margin:10px 0 0}.mon-meter{height:13px;background:#e9e4d4;border:2px solid #e2dcc9;border-radius:20px;overflow:hidden}.mon-meter>i{display:block;height:100%;background:linear-gradient(90deg,#52b999,#95d9a4);border-radius:20px;transition:width 400ms}.mon-key-line{display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid #e6d6ab;border-radius:18px;background:#fff1c7;padding:12px;color:#7d652a}.mon-key-line strong{font-size:28px}.mon-key-line strong small{font-size:20px;color:#a18c51}.mon-key-line>span{font-size:13px;max-width:100px}.mon-methods{display:grid;gap:9px;margin-top:20px}.mon-methods .mon-note{margin:1px 0}
.mon-benefits{list-style:none;padding:0;margin:0;display:grid;gap:11px}.mon-benefits li{display:flex;gap:11px;align-items:center;padding:13px;background:#fffaf0;border:1px solid #e6ddc9;border-radius:15px;font-size:14px;line-height:1.4}.mon-benefits svg{width:24px;height:24px;color:#5d9c7c;flex:none}.mon-active{padding:12px 14px;background:#dceedd;color:#42826b;border-radius:15px;margin-top:16px;display:flex;gap:9px;align-items:center;font-size:14px;font-weight:900}.mon-offer-time{display:flex;align-items:center;justify-content:center;gap:10px;margin:18px 0}.mon-offer-time>span:first-child{font-size:12px;color:#7d8871}.mon-sale-price{display:flex;align-items:center;justify-content:center;gap:13px;margin-top:16px}.mon-sale-price s{font-size:19px;color:#9a9b82}.mon-sale-price strong{font-size:33px;color:#416a50}
.mon-reveal{text-align:center;padding:4px 0 20px;animation:mon-reveal 400ms cubic-bezier(.2,.8,.2,1)}.mon-reveal>.mon-art{width:190px;height:175px;margin:auto;filter:drop-shadow(0 8px 12px #caae4b40)}.mon-reveal>small{font-size:10px;letter-spacing:1.3px;font-weight:900;color:#7b936e}.mon-reveal h3{font-size:29px;line-height:1.15;margin:10px 0 20px;font-weight:900}.mon-reveal p{font-size:13px;color:#789078;margin:20px 0 0}.mon-message{position:absolute;left:14px;right:14px;bottom:100px;z-index:2;border-radius:13px;padding:12px 16px;background:#244e49;color:white;font-size:14px;line-height:1.35;box-shadow:0 8px 20px #274c4933}.mon-message[hidden]{display:none}
@keyframes mon-reveal{from{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:none}}
.mon-sale-price em{font-size:14px;font-weight:900;font-style:normal;color:#786022;background:#ffdf86;padding:6px 10px;border-radius:10px;transform:rotate(-4deg)}
.mon-sheet>.mon-message{position:static;flex:none;margin:0 17px 12px}.mon-body>.mon-button{width:100%}
.mon-toast{position:fixed;z-index:20000;bottom:calc(20px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100vw - 32px);box-sizing:border-box;display:flex;gap:14px;align-items:center;padding:14px 18px;border-radius:17px;background:#244e49;color:#fff;font:700 14px/1.4 Nunito,sans-serif;box-shadow:0 8px 30px #173c4940}.mon-toast button{background:none;color:inherit;border:0;font:24px Nunito;min-width:36px;min-height:36px;cursor:pointer}
@media(max-width:599px){.mon-overlay{padding:10px}.mon-sheet{border-radius:25px;max-height:calc(100dvh - 20px)}.mon-head{padding:17px 17px 13px}.mon-head h2{font-size:24px}.mon-head small{font-size:9px;letter-spacing:1px}.mon-body{padding:17px}.mon-foot{padding:12px 17px calc(14px + env(safe-area-inset-bottom))}.mon-hero{gap:9px;min-height:128px;margin-bottom:18px}.mon-hero>.mon-art{width:106px;height:126px}.mon-hero h3{font-size:23px}.mon-hero small{font-size:9px}.mon-hero p{font-size:12px;line-height:1.4}.mon-calendar{gap:5px}.mon-calendar>li{min-height:78px;border-radius:10px;padding:6px 1px 9px}.mon-day{font-size:9px}.mon-loot.is-compact .mon-art{width:25px;height:25px}.mon-loot.is-compact b{font-size:12px}.mon-calendar li:last-child .mon-loot{flex-direction:column;gap:0}.mon-calendar li:last-child .mon-loot>span{flex-direction:row}.mon-calendar li:last-child .mon-art{width:19px;height:19px}.mon-final-gift{padding:9px;gap:9px}.mon-final-gift strong{font-size:13px}.mon-final-gift .mon-loot>span{min-width:39px}.mon-final-gift .mon-loot .mon-art{width:35px;height:35px}.mon-final-gift small{font-size:11px}}
@media(max-height:680px){.mon-hero{min-height:100px;margin-bottom:12px}.mon-hero>.mon-art{height:100px;width:95px}.mon-hero h3{font-size:21px}.mon-head{padding-block:12px}.mon-calendar{margin-block:12px}.mon-reveal>.mon-art{height:140px}}
@media(prefers-reduced-motion:reduce){.mon-sheet *{animation:none!important;transition:none!important}}

/* A single full-width grid track prevents short reward states from shrink-wrapping. */
body .hub-overlay.mon-overlay{grid-template-columns:minmax(0,1fr);justify-items:center;align-items:center;box-sizing:border-box;width:100%;padding:12px!important}
.mon-overlay .mon-sheet{width:100%;max-width:620px;min-width:0;outline:none}
.mon-head{gap:18px;padding:19px 22px 16px}.mon-head h2{flex:1;margin:0;font-size:26px}.mon-close{border-radius:50%;width:40px;height:40px;background:#fffaf0}
.mon-ad-button,.mon-button.is-ad{border:1.5px solid #718c71;border-bottom:3px solid #809c7b;background:#e7efdf;color:#345f49;box-shadow:inset 0 1px 0 #fcfff4;min-height:61px}
.reward-ad-icon{position:relative;display:inline-grid;place-items:center;width:42px;height:42px;flex:none}.reward-ad-icon .mon-art,.reward-ad-icon img{width:100%;height:100%;object-fit:contain}.reward-ad-icon.is-skipped:after{content:'';position:absolute;left:3%;top:47%;height:3px;width:94%;background:#446f59;border-radius:3px;transform:rotate(-43deg);box-shadow:0 0 0 2px #eff4e5}
.mon-button .reward-ad-icon{width:38px;height:38px}.mon-button.is-ad{padding-block:8px;gap:12px}
.mon-key-line>.mon-art{width:52px;height:52px;filter:drop-shadow(0 3px 2px #af8c3130)}.mon-button[data-mon=keys]>.mon-art{width:28px;height:28px}.mon-key-line{gap:12px}
.mon-ad-free-art{display:block;position:relative;flex:none;aspect-ratio:1}.mon-ad-free-art>.mon-art{width:100%;height:100%}.mon-ad-free-art:after{content:'';position:absolute;left:24%;top:59%;width:51%;height:5%;background:#527d69;border-radius:20px;transform:rotate(-44deg);box-shadow:0 0 0 2px #f6f0d9,0 3px 3px #254e4520}.mon-entry>.mon-ad-free-art{display:block;flex:0 0 53px;width:53px;height:53px}.mon-entry>.mon-ad-free-art:after{box-shadow:0 0 0 1px #f6f0d9}
[data-page=premium] .mon-sheet{max-width:480px}[data-page=premium] .mon-body{padding:0 24px 16px;background:radial-gradient(ellipse at 50% 18%,#e3f2dc 0,transparent 55%)}[data-page=premium] .mon-head{border-bottom:0;padding-bottom:8px}[data-page=premium] .mon-foot{gap:9px;padding-top:14px}
.mon-premium-hero{text-align:center;position:relative;padding:0 0 12px}.premium-illustration{width:220px;height:190px;margin:0 auto 1px;display:grid;place-items:center;filter:drop-shadow(0 13px 11px #7c987321)}.premium-illustration .mon-ad-free-art{width:212px;height:212px;transform:rotate(-5deg)}.premium-duration{position:absolute;right:5px;top:21px;background:#ffe09a;border:1px solid #e9c56c;border-bottom:3px solid #d4ad51;border-radius:17px;padding:10px 12px;display:grid;gap:1px;transform:rotate(7deg);color:#92712d;z-index:1}.premium-duration b{font-size:29px;font-weight:900;line-height:1}.premium-duration>span{font-size:10px;letter-spacing:1px;text-transform:uppercase;font-weight:900}.premium-eyebrow{display:block;color:#779176;font-size:9px;letter-spacing:1.6px;font-weight:900;margin:14px 0 9px}.mon-premium-hero h3{margin:0;color:#254f42;font-size:34px;line-height:1.04;letter-spacing:-.6px;font-weight:900}.mon-premium-hero p{font-size:13px;line-height:1.5;color:#70846b;margin:12px auto 0}
.premium-rewards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:13px 0 10px;border-top:1px solid #e1e4ce;border-bottom:1px solid #e1e4ce;margin:6px 0 0}.premium-rewards>div{display:flex;flex-direction:column;align-items:center;gap:6px}.premium-rewards .mon-art{width:48px;height:44px;filter:drop-shadow(0 3px 3px #82906824)}.premium-rewards span{font-size:10px;color:#56735c;font-weight:800}.premium-limits{font-size:10px;color:#93a083;line-height:1.4;text-align:center;margin:9px 0 0}.premium-purchase-copy{display:flex;justify-content:space-between;color:#8c957c;font-size:11px;padding:0 3px}.premium-purchase-copy b{font-weight:700}.mon-button.is-premium{justify-content:space-between;min-height:59px;border-radius:17px;background:linear-gradient(110deg,#ffe17a,#ffd048);border-color:#e9bd44;border-bottom-color:#cba036;box-shadow:inset 0 1px 0 #fff6d2,0 4px 8px #d5b4591a;padding:13px 18px;font-size:17px}.mon-button.is-premium>b{font-size:19px;border-left:1px solid #c8a24160;padding-left:16px;white-space:nowrap}.premium-purchase-note{font-size:10px;line-height:1.4;color:#929b85;text-align:center;margin:0}
@media(max-height:710px){.premium-illustration{height:137px;width:170px}.premium-illustration .mon-ad-free-art{width:159px;height:159px}.mon-premium-hero h3{font-size:28px}.premium-eyebrow{margin:8px 0}.mon-premium-hero p{margin-top:8px;font-size:12px}.premium-duration{top:12px;right:14px;padding:7px 10px}.premium-duration b{font-size:25px}.premium-rewards{padding-block:8px}.premium-rewards .mon-art{width:39px;height:35px}[data-page=premium] .mon-body{padding-bottom:12px}.premium-rewards span{font-size:9px}.mon-premium-hero{padding-bottom:9px}}
.booster-video-label .reward-ad-icon{width:19px;height:21px;vertical-align:middle}.booster-video-label .reward-ad-icon.is-skipped:after{height:2px;box-shadow:0 0 0 1px #eff4e5}.booster-pay-option>.reward-ad-icon{flex:none;width:44px;height:48px}.diamond-ad>.reward-ad-icon{flex:none;width:60px;height:60px}.diamond-ad>b{flex:0 1 auto;min-width:0;max-width:90px;text-align:center;line-height:1.2;overflow-wrap:anywhere}

/* Light navigation on the lobby; the sale is a small collectible beside the hero. */
.mon-home-nav{display:flex;align-items:center;justify-content:space-around;gap:12px;border-top:1px solid #e4decd;padding-top:8px;margin-top:0;min-height:47px}
.mon-home-nav>button{position:relative;display:flex;align-items:center;justify-content:center;gap:7px;flex:1;min-height:44px;padding:3px;border:0;background:transparent;color:#526e5e;font:800 12px Nunito,sans-serif;cursor:pointer}.mon-home-nav .mon-art{width:28px;height:33px}.mon-home-nav .mon-ready-dot{width:7px;height:7px;box-shadow:0 0 0 3px #d9eee5}.mon-home-nav i{font-style:normal;font-size:18px;color:#91a086}.mon-home-nav>button+button{border-left:1px solid #e4decd}
#splav-home.home-soft .home-hero-offer{position:absolute;right:0;top:22px;z-index:2}
#splav-home.home-soft .mon-home-offer{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;position:relative;width:64px;min-height:0;margin:0;padding:0;border:0;background:transparent;box-shadow:none;transform:rotate(5deg);color:#81682b}
#splav-home.home-soft .mon-home-offer .mon-art{width:50px;height:53px;filter:drop-shadow(0 5px 5px #99834525)}
#splav-home.home-soft .mon-home-offer b{padding:2px 8px;background:#ffdb76;border-radius:7px;border-bottom:2px solid #d5b05b;position:relative;margin-top:-9px;font-size:14px;line-height:1.15}
#splav-home.home-soft .mon-home-offer small{display:block;font-size:9px;color:#90815b;margin-top:3px;line-height:1.2}
#splav-home.home-soft .home-hero{animation:none;opacity:1}
@media(min-width:600px) and (min-aspect-ratio:1.1){#splav-home.home-soft .home-treasures{grid-column:2;grid-row:4;align-self:start}#splav-home.home-soft .home-hero-offer{top:26px;right:12px}}
@media(max-width:599px) and (max-height:720px){#splav-home.home-soft .home-hero-offer{top:0;right:-3px}#splav-home.home-soft .mon-home-offer{width:48px}#splav-home.home-soft .mon-home-offer .mon-art{width:36px;height:38px}#splav-home.home-soft .mon-home-offer small{display:none}#splav-home.home-soft .home-brand{padding-right:32px}#splav-home.home-soft .mon-home-offer b{font-size:11px}}

/* The piggy bank fills with the same crystals the player collects. */
.mon-piggy-scene{position:relative;display:grid;place-items:center;height:228px;margin:-3px 0 20px;isolation:isolate}
.piggy-halo{position:absolute;width:234px;height:200px;border-radius:50%;background:radial-gradient(ellipse,#d9ecd0 0,#e6eed8 47%,#e6eed800 72%);z-index:-1}
.mon-piggy-scene>.piggy-hero{width:205px;height:205px;object-fit:contain;filter:drop-shadow(0 12px 9px #97a47733);transform:rotate(-5deg)}
.piggy-tally{display:flex;align-items:center;justify-content:center;gap:10px;position:absolute;bottom:-6px;padding:8px 24px 11px;border:1px solid #e4d8b7;border-bottom:4px solid #ddceab;border-radius:20px;background:#fffaf0;box-shadow:0 8px 18px #b9a46518;transform:rotate(-2deg)}
.piggy-tally>.mon-art{width:34px;height:34px}.piggy-tally b{font-size:42px;line-height:1;color:#2e6757;font-weight:900}.piggy-tally small{font-size:22px;color:#a0ab8a;font-weight:800}
.mon-piggy-scene>.piggy-spark{position:absolute;width:37px;height:37px;filter:drop-shadow(0 5px 4px #83bfa42a)}.piggy-spark.is-one{top:35px;left:calc(50% - 125px);transform:rotate(-22deg)}.piggy-spark.is-two{top:112px;right:calc(50% - 126px);width:26px;height:26px;transform:rotate(17deg)}
.piggy-copy{font-size:13px;line-height:1.5;text-align:center;max-width:340px;margin:22px auto 24px;color:#758570;text-wrap:balance}
.mon-gem-meter{max-width:390px;margin:0 auto;padding:12px 10px 10px;background:#ede8d8;border-radius:20px;box-shadow:inset 0 2px 3px #a9a0871f;border:1px solid #e0dac7}
.piggy-gem-track{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:2px;align-items:center}.piggy-gem-track>span{position:relative;aspect-ratio:1.05;filter:drop-shadow(0 3px 1px #abac8d38)}.piggy-gem-track .mon-art{position:absolute;width:100%;height:100%}.piggy-gem-track .gem-empty{filter:grayscale(1);opacity:.23}.piggy-gem-track .gem-filled{clip-path:inset(0 calc(100% - var(--fill)) 0 0)}
.piggy-scale{display:flex;justify-content:space-between;align-items:center;color:#8e9378;font-size:10px;font-weight:800;padding:6px 3px 0}.piggy-scale>span:nth-child(2){display:flex;align-items:center;gap:4px;color:#9e8750}.piggy-scale svg{width:13px;height:13px}
.piggy-status{font-size:14px;font-weight:800;text-align:center;display:flex;align-items:center;justify-content:center;gap:7px;margin:16px 0 8px;color:#9a8758}.piggy-status.is-ready{color:#4b886c}.piggy-status svg{width:18px;height:18px}
[data-page=piggy] .mon-note{max-width:330px;margin:8px auto 0;font-size:11px;color:#929980}

/* Four little chapters, with a larger treasure at the end of each week. */
.mon-calendar-intro{display:flex;gap:14px;align-items:center;margin:0 0 19px}.mon-calendar-intro>.mon-art{width:76px;height:84px}.mon-calendar-intro>div{min-width:0}.mon-calendar-intro small{font-size:10px;letter-spacing:1.1px;font-weight:900;color:#96a17d}.mon-calendar-intro h3{font-size:23px;line-height:1.1;font-weight:900;margin:5px 0 6px}.mon-calendar-intro p{font-size:12px;line-height:1.4;margin:0;color:#839075}
.mon-calendar-weeks{display:grid;gap:20px}.mon-week>header{display:flex;justify-content:space-between;align-items:center;padding:0 3px 10px}.mon-week>header>span{font-size:10px;letter-spacing:1.6px;font-weight:900;color:#96a080}.mon-week>header>small{font-size:10px;color:#9ca58e}.mon-week.is-current-week>header>small{color:#4a9474;font-weight:900}
.mon-week-days{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) 1.12fr;grid-template-rows:repeat(2,77px);gap:7px}
.mon-week-days>li{grid-column:var(--day-col);grid-row:var(--day-row);position:relative;text-align:center;border-radius:15px;border:1px solid #e5ddc7;border-bottom:4px solid #dcd1b4;background:linear-gradient(155deg,#fffcf3,#f5edda);padding:6px 2px 8px;isolation:isolate}
.mon-week-days .mon-day{font-size:10px;margin-bottom:3px;color:#9a9f82}.mon-week-days .mon-gift-pedestal{display:grid;place-items:center;min-height:42px}.mon-week-days .mon-loot{gap:1px}.mon-week-days .mon-loot>span{gap:0}.mon-week-days .mon-loot .mon-art{width:27px;height:27px;filter:drop-shadow(0 3px 1px #c0ad7222)}.mon-week-days .mon-loot b{font-size:13px}.mon-week-days .is-claimed{background:#e4ecda;border-color:#d3ddc5;border-bottom-color:#c0cfb6}.mon-week-days .is-claimed .mon-loot{opacity:.66}.mon-week-days .is-claimed .mon-day i{display:grid;place-items:center;font-size:9px;width:13px;height:13px;border-radius:50%;background:#9fbea0;color:#fff}
.mon-week-days .is-current{background:linear-gradient(145deg,#ffedaa,#ffda63);border:2px solid #dfac35;border-bottom:4px solid #c99b2a;box-shadow:0 0 0 3px #ffdf7450;z-index:1}.mon-week-days .is-current .mon-day{color:#90712f}.mon-week-days em{position:absolute;bottom:-7px;left:50%;transform:translateX(-50%) rotate(-3deg);padding:1px 8px;background:#b58a2d;color:#fff8db;font-style:normal;font-size:9px;font-weight:900;border-radius:6px;white-space:nowrap}
.mon-week-days .is-big{grid-column:4;grid-row:1/3;border-radius:20px;background:radial-gradient(ellipse at 50% 35%,#e3f8dc,#c7e3ce);border-color:#b5d4bb;border-bottom-color:#9dbfa6;padding:12px 4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px}
.mon-week-days .is-big:before{content:'✦';position:absolute;right:7px;top:29px;color:#f7fdcf;font-size:17px;transform:rotate(12deg)}.mon-week-days .is-big .mon-loot{flex-direction:column;gap:6px}.mon-week-days .is-big .mon-loot .mon-art{width:36px;height:36px}.mon-week-days .is-big .mon-loot b{font-size:19px;color:#42745a}.mon-week-prize{font-size:9px;line-height:1.2;max-width:65px;color:#719775;font-weight:800}.mon-week-days .is-big .mon-gift-pedestal{flex:1}.mon-week-days .is-big.is-current{background:radial-gradient(ellipse at 50% 35%,#fff8ba,#ffdf77);border-color:#dfac35;border-bottom-color:#c99b2a}
.mon-week-days .is-big:has(.mon-loot>span+span) .mon-loot>span{flex-direction:row;gap:3px}.mon-week-days .is-big:has(.mon-loot>span+span) .mon-loot .mon-art{width:29px;height:29px}.mon-week-days .is-big:has(.mon-loot>span+span) .mon-loot b{font-size:16px}
[data-page=calendar] .mon-body{padding-bottom:28px}.mon-reveal>.mon-art{width:180px;height:170px}.mon-reveal h3{font-size:28px}.mon-reveal .mon-loot{gap:14px}.mon-reveal .mon-loot>span{min-width:105px;min-height:110px}
@media(min-width:600px){[data-page=calendar] .mon-sheet{max-width:760px}.mon-week-days{grid-template-columns:repeat(7,minmax(0,1fr));grid-template-rows:98px}.mon-week-days>li,.mon-week-days .is-big{grid-row:1;grid-column:auto}.mon-week-days .is-big{padding:5px 3px;gap:2px;border-radius:15px}.mon-week-days .is-big .mon-loot{flex-direction:row;gap:3px}.mon-week-days .is-big .mon-loot .mon-art{width:28px;height:28px}.mon-week-days .is-big .mon-loot b{font-size:14px}.mon-week-prize{font-size:8px;max-width:none}.mon-week-days .mon-gift-pedestal{min-height:54px}.mon-week-days .mon-loot .mon-art{width:34px;height:34px}.mon-week-days .mon-loot b{font-size:15px}.mon-calendar-weeks{gap:15px}}
@media(max-width:599px){.mon-head{padding:17px}.mon-head h2{font-size:24px}.mon-overlay .mon-sheet{border-radius:25px}.mon-reveal{padding:6px 4px 20px}.mon-reveal>.mon-art{margin-top:4px}}
@media(max-height:680px){.mon-piggy-scene{height:185px;margin-bottom:17px}.mon-piggy-scene>.piggy-hero{width:172px;height:172px}.piggy-halo{width:200px;height:172px}.piggy-tally b{font-size:36px}.piggy-tally{padding:6px 20px 9px}.piggy-copy{margin:20px auto 16px;font-size:12px}.piggy-status{margin-top:12px}.mon-calendar-intro h3{font-size:21px}.mon-reveal>.mon-art{height:145px}}