*{box-sizing:border-box} :root{color-scheme:dark;font-family:Inter,Segoe UI,Arial,sans-serif;color:#f4f5f7;background:#0b0e14}body{margin:0;background:radial-gradient(ellipse at 50% 0,#202b31 0,transparent 65%),#0b0e14;min-height:100vh}button,select,input{font:inherit}button{cursor:pointer;color:inherit}button:disabled{opacity:.45;cursor:wait}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #c6f46b;outline-offset:3px}.app{max-width:960px;margin:auto;padding:26px 28px 110px}header{display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{font-size:30px;display:flex;gap:10px;align-items:center;color:#cbf785;text-decoration:none}.brand span{font-size:19px;font-weight:900;letter-spacing:2px;color:#fff}.brand small{display:block;font-size:8px;letter-spacing:1.6px;color:#88959e;margin-top:5px}.wallet{background:#252b27;border:1px solid #3d4833;border-radius:22px;padding:10px 16px;font-size:14px}.demo{font-size:10px;letter-spacing:1px;color:#c9f28a;border-bottom:1px solid #272e36;padding:22px 0 17px;margin-bottom:25px}.demo span{font-size:11px;letter-spacing:0;color:#8f9ba7;margin-left:12px}.eyebrow{color:#c5f17c;font-size:10px;font-weight:800;letter-spacing:2px}h1{font-size:36px;letter-spacing:-1.3px;margin:8px 0 10px}h2{font-size:20px;margin:0 0 14px}p{color:#a5afbc;line-height:1.7;font-size:14px}.topline{display:flex;align-items:center;justify-content:space-between;gap:18px}.badge{border:1px solid #353f32;color:#bfe987;padding:7px 11px;border-radius:20px;font-size:11px;white-space:nowrap}.workbench{display:grid;grid-template-columns:1.1fr 1fr;gap:22px;margin-top:25px}.stage{position:relative;display:flex;align-items:center;flex-direction:column;justify-content:center;min-height:360px;border:1px solid #334035;border-radius:24px;background:radial-gradient(circle at 50% 43%,#3e52344d,transparent 62%),#151b21;overflow:hidden}.stage:before{content:"";position:absolute;width:255px;height:255px;border:1px solid #9acd6430;border-radius:50%;box-shadow:0 0 0 24px #a0d65b05,0 0 0 50px #a0d65b04}.egg{position:relative;width:120px;height:158px;border-radius:50% 50% 45% 45% / 65% 65% 35% 35%;background:radial-gradient(ellipse at 32% 27%,#f0ffcf 0,#c1e488 25%,#6d9d43 65%,#2b4a24 100%);box-shadow:inset -15px -10px 20px #162b3a60,0 25px 35px #0008;transform:rotate(-9deg);margin:25px 0 35px}.egg:after{content:"✦";position:absolute;font-size:54px;left:40px;top:57px;color:#233d2770}.stage-label{z-index:1;color:#bbd797;letter-spacing:3px;font-size:10px;margin-bottom:15px}.stage small{z-index:1;color:#88998b;font-size:11px}.stage.cracking .egg{animation:shake .18s infinite}.panel{border:1px solid #2b333e;background:#161c24;border-radius:24px;padding:24px}label{display:block;color:#96a2b1;font-size:11px;margin:12px 0 8px}select,input{width:100%;background:#10151c;border:1px solid #343e4b;border-radius:12px;padding:12px;color:#fff}select{margin-bottom:10px}.cost{display:flex;justify-content:space-between;border-top:1px solid #2c343e;padding:18px 0;margin-top:10px;color:#aab3bf;font-size:13px}.cost b{color:#fff}.primary,.secondary{width:100%;padding:15px;border:0;border-radius:12px;font-weight:800}.primary{color:#17230e;background:#c6f277;box-shadow:0 6px 25px #b8f46715}.secondary{background:#252e38;margin-top:10px}.hint{font-size:11px;text-align:center;margin:12px 0 0;color:#83909d;line-height:1.6}.section{margin-top:30px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.section-heading h2{margin:0}.section-heading span{color:#84909e;font-size:11px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.card{padding:16px;border:1px solid #2c3542;border-radius:16px;background:#151b23;min-width:0}.avatar{display:grid;place-items:center;height:72px;font-size:44px;background:radial-gradient(circle,#b9e97112,transparent 75%);margin-bottom:8px}.card h3{font-size:13px;margin:10px 0 5px;overflow-wrap:anywhere}.card small{font-size:10px;color:#8997a7}.rarity{font-size:9px;color:var(--rarity,#bec7ce);font-weight:800;letter-spacing:1px;text-transform:uppercase}.stat{font-size:12px;color:#bfc9d2;display:flex;justify-content:space-between;margin-top:12px}.sell{width:100%;margin-top:12px;border:1px solid #3a4432;border-radius:9px;background:#243020;color:#c3ee8b;padding:9px;font-size:11px}.chance{color:#c4ed8e}.footer{font-size:10px;color:#74818e;line-height:1.6;margin-top:25px}.footer a,.help a{color:#c3e893}nav{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);display:flex;background:#1a212cf0;backdrop-filter:blur(18px);border:1px solid #38424d;border-radius:20px;padding:7px;gap:5px;z-index:5;box-shadow:0 15px 40px #0008}nav button{background:none;border:0;border-radius:13px;padding:10px 22px;font-size:20px;color:#81909e}nav button span{display:block;font-size:10px;margin-top:5px}nav .active{color:#cefa93;background:#35432d}.empty{padding:50px 20px;border:1px dashed #3a4652;border-radius:20px;text-align:center;color:#8f9cab}.toolbar{display:flex;gap:12px;margin:20px 0}.toolbar>*{flex:1}.progress{height:8px;border-radius:8px;background:#29333d;margin:18px 0}.progress i{display:block;height:100%;background:#c5f277;border-radius:8px}.help{max-width:650px}.help li{color:#aab6c1;line-height:1.9;font-size:14px;margin-bottom:10px}.help code{color:#cbef92}dialog{width:min(390px,90vw);border:1px solid #506143;border-radius:24px;background:#182020;color:white;padding:26px;text-align:center}dialog::backdrop{background:#05080dcc;backdrop-filter:blur(8px)}dialog .avatar{height:130px;font-size:80px}dialog h2{margin:10px 0}dialog p{font-size:12px}#toast{position:fixed;top:20px;left:50%;transform:translate(-50%,-130px);transition:transform .25s;z-index:30;padding:14px 22px;background:#d0f8a0;color:#1d2b11;border-radius:12px;font-size:13px;box-shadow:0 10px 25px #0005}#toast.show{transform:translate(-50%,0)}@keyframes shake{0%,100%{transform:rotate(-13deg)}50%{transform:rotate(10deg)}}@media(max-width:650px){.app{padding:20px 16px 100px}.demo span{display:block;margin:7px 0 0}h1{font-size:30px}.workbench{grid-template-columns:1fr;gap:14px;margin-top:18px}.stage{min-height:245px}.egg{width:95px;height:125px;margin:14px 0 25px}.egg:after{font-size:44px;left:30px;top:40px}.stage:before{width:170px;height:170px}.panel{padding:18px}.grid{grid-template-columns:repeat(2,1fr)}nav{bottom:12px;width:calc(100% - 32px);max-width:470px;justify-content:space-around}nav button{flex:1;padding:9px 8px}.topline .badge{font-size:10px}.toolbar{flex-direction:column}.card{padding:13px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.egg-slot{height:220px;display:grid;place-items:center}.egg-image{max-height:210px;max-width:220px;object-fit:contain;filter:drop-shadow(0 18px 22px #0007)}.stage-name{font-size:20px;min-height:30px}.pet-image{width:100%;height:100%;object-fit:contain}.avatar{height:110px;display:grid;place-items:center}.image-missing{font-size:12px;color:#a0adba}.revealing .egg-image{animation:egg-pop .12s ease-out}.landed .egg-image{filter:drop-shadow(0 0 24px #b8f17480)}@keyframes egg-pop{from{transform:scale(.85);opacity:.7}to{transform:scale(1);opacity:1}}.result-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.result-grid .card{padding:14px}dialog{max-width:760px;width:calc(100% - 32px)}.stage>small{max-width:260px;text-align:center;line-height:1.5}#batch{margin-bottom:8px}@media(prefers-reduced-motion:reduce){.revealing .egg-image{animation:none}}

.avatar .pet-image{height:110px;max-width:100%;width:100%;min-height:0}.avatar{overflow:hidden;min-height:0}.egg-slot{z-index:1;width:100%;grid-auto-flow:column;gap:6px;padding:12px;overflow:hidden}.stage[data-count="3"] .egg-image,.stage[data-count="5"] .egg-image{max-width:100%;width:100%;max-height:130px}.stage-name{z-index:1}.result-grid .avatar{height:110px}.result-grid{grid-template-columns:repeat(auto-fit,minmax(125px,1fr))}

/* Currency is an image so it renders on devices without the coin emoji font. */
.currency-icon{display:inline-block;width:28px;height:22px;object-fit:contain;vertical-align:-5px;margin-right:4px;flex-shrink:0}.wallet{display:flex;align-items:center;gap:5px}.wallet .currency-icon{width:34px;height:28px;vertical-align:middle;margin:0}.cost b{white-space:nowrap}.stat .currency-icon,.sell .currency-icon{width:23px;height:18px;vertical-align:-4px}

header{margin-bottom:28px}.skip{position:absolute;top:12px;right:12px;z-index:2;border:1px solid #465740;background:#202b20;color:#dcf7bb;padding:8px;border-radius:10px;font-size:11px}.skip[hidden]{display:none}.inventory-actions{display:flex;flex-wrap:wrap;gap:8px}.chip{border:1px solid #3a4651;background:#1d2730;padding:9px 12px;color:#d1dec6;border-radius:12px;font-size:12px}.pet-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px}.pick{display:flex;align-items:center;gap:7px;font-size:11px}.pick input{width:16px;height:16px;accent-color:#c6f277}.favorite{border:1px solid #44523b;border-radius:9px;background:#222d22;color:#9ba98d;font-size:24px;line-height:1;padding:7px}.favorite.on{color:#f6dc72}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.stat-tile{background:#161e27;border:1px solid #303c46;border-radius:14px;padding:16px}.stat-tile span{display:block;color:#93a0ae;font-size:12px}.stat-tile strong{display:block;font-size:23px;margin-top:10px}.rarity-stats{display:flex;flex-wrap:wrap;gap:8px}.history article{padding:16px 0;border-bottom:1px solid #303943;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;text-align:left}.history strong{font-size:13px}.history small{display:block;color:#8e9bab;font-size:11px;margin-top:5px}.history b{color:#c6f277;font-size:13px}.history p{width:100%;font-size:12px;margin:0}#repeat-result{margin-top:16px}.sell:disabled{cursor:default}.empty{grid-column:1/-1}

/* Opening is a single viewport; detailed odds live in a modal. */
.opening-screen{height:100svh;min-height:0;display:flex;flex-direction:column;max-width:640px;padding:18px 22px 12px;gap:12px}.opening-screen header{flex-shrink:0;margin:0}.opening-screen main{flex:1;min-height:0}.opening-screen nav{position:static;transform:none;width:100%;max-width:none;margin:0;padding:5px;border-radius:16px;flex-shrink:0;justify-content:space-around}.opening-screen nav button{flex:1;padding:7px 8px;font-size:17px}.opening-screen nav button span{font-size:10px;margin-top:3px}.opening-room{height:100%;display:flex;flex-direction:column;gap:12px}.opening-title{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-shrink:0}.opening-title h1{font-size:19px;letter-spacing:-.5px;margin:0}.opening-title .badge{font-size:10px;padding:5px 9px}.opening-room .stage{flex:1;min-height:100px;border-radius:22px;padding:14px 8px 10px}.opening-room .stage:before{width:190px;height:190px;max-height:65%;max-width:65%}.opening-room .stage-label{margin:0;font-size:10px;letter-spacing:2px}.opening-room .egg-slot{flex:1;min-height:0;height:auto;padding:10px;overflow:hidden}.opening-room .egg-image{width:auto;max-width:80%;height:100%;max-height:250px;object-fit:contain}.opening-room .stage[data-count="3"] .egg-image,.opening-room .stage[data-count="5"] .egg-image{width:100%;max-width:100%;max-height:160px}.opening-room .stage-name{font-size:17px;min-height:24px;margin:0}.opening-room .stage>small{font-size:9px;max-width:290px;line-height:1.4}.opening-controls{flex-shrink:0}.opening-selects{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1.05fr) 64px;gap:8px}.opening-selects label{margin:0 0 5px;font-size:10px}.opening-selects select{font-size:12px;padding:11px 8px;border-radius:12px;margin:0;width:100%;text-overflow:ellipsis}.opening-buy{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;padding:14px 16px;font-size:16px}.opening-buy b{display:flex;align-items:center;background:#1b371b20;border-radius:20px;padding:5px 10px;white-space:nowrap;font-size:13px}.opening-buy .currency-icon{width:25px;height:20px}.opening-meta{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-top:10px;color:#8d9b9a;font-size:10px}.opening-meta button{border:0;background:none;color:#c3ef8d;padding:0;font-size:10px;white-space:nowrap}.rescue-compact{width:100%;padding:7px;margin-top:7px;border:1px solid #3b4b35;border-radius:10px;background:#1b251a;color:#c9e7a2;font-size:11px}#odds{max-height:88svh;text-align:left;overflow:auto}#odds h2{margin-top:10px}#odds .grid{grid-template-columns:repeat(3,minmax(0,1fr))}.odds-close{position:sticky;top:0;z-index:2;display:block;margin-left:auto;border:1px solid #42523b;border-radius:10px;padding:10px;background:#253020;color:#ceebaf}.opening-screen .brand{font-size:24px}.opening-screen .brand span{font-size:16px}.opening-screen .wallet{font-size:12px;padding:7px 11px}@media(max-width:650px){.opening-screen{padding:12px 14px max(10px,env(safe-area-inset-bottom));gap:10px}.opening-room{gap:9px}.opening-title h1{font-size:17px}.opening-room .stage{min-height:90px;padding:10px 7px 8px}.opening-room .egg-image{max-height:210px}.opening-room .stage-name{font-size:15px}.opening-screen nav{bottom:auto}.opening-screen .brand small{font-size:7px;letter-spacing:1px}#odds .grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-height:610px){.opening-screen{gap:7px;padding-top:8px;padding-bottom:7px}.opening-title h1{font-size:15px}.opening-room{gap:7px}.opening-room .stage>small{display:none}.opening-room .stage-label{font-size:9px}.opening-room .stage-name{font-size:13px;min-height:20px}.opening-buy{padding:9px 12px;margin-top:7px}.opening-meta{margin-top:6px}.opening-selects select{padding:8px 6px}.opening-screen nav button{padding:5px 6px}.opening-screen header .brand small{display:none}}

.mutation{font-size:11px;line-height:1.5;margin:8px 0;text-align:left;border-radius:8px;padding:7px 8px;background:#26303b;color:#aab5c3}.mutation.gold{background:#4d3f1d;color:#ffdc78;border:1px solid #85703a}.mutation.silver{background:#343d49;color:#e0e8f2;border:1px solid #657484}.mutation.rainbow{background:linear-gradient(120deg,#642a5370,#354c9270,#226e5370);color:#fff;border:1px solid #bd7cdf}.pet-weight{font-size:12px;color:#d6e2ef;margin:10px 0;overflow-wrap:anywhere}.result-total{font-size:12px}.result-total b{color:#ccf19a}.giant-badge{color:#f0d779;font-size:11px;padding:6px 0}.sell-all{background:#3b512b;color:#dbf6bd;border:1px solid #657d47}.result-sell{font-size:12px;padding:12px 6px}.result-grid .card{text-align:left}#minimum{font-weight:750}.opening-selects select{padding-left:6px}

.egg-final{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;height:100%;margin:0;gap:10px}.opening-room .egg-final .egg-image{height:auto;max-height:190px;max-width:100%;filter:drop-shadow(0 0 15px var(--egg-color))}.egg-final figcaption{font-size:11px;font-weight:700;color:#e4edf4;text-align:center;overflow-wrap:anywhere;line-height:1.35;max-width:130px}.opening-room .stage[data-count="5"] .egg-final .egg-image{max-height:110px}.opening-room .stage[data-count="5"] .egg-final figcaption{font-size:8px}.opening-room .stage[data-count="3"] .egg-final .egg-image{max-height:145px}.hatching .egg-final{animation:egg-hatching .14s ease-in-out infinite}.hatch-burst .egg-final .egg-image{animation:egg-open-burst .4s ease-in forwards}.stage.hatch-burst:after{content:'✦';position:absolute;inset:10%;display:grid;place-items:center;color:#edffc5;font-size:120px;text-shadow:0 0 45px #d5ff97;animation:hatch-flash .4s ease-out;pointer-events:none;z-index:3}.result-grid .card{animation:pet-arrive .4s ease-out both}.result-grid .card:nth-child(2){animation-delay:.06s}.result-grid .card:nth-child(3){animation-delay:.12s}.result-grid .card:nth-child(4){animation-delay:.18s}.result-grid .card:nth-child(5){animation-delay:.24s}@keyframes egg-hatching{0%,100%{transform:scale(1.04) rotate(-3deg)}50%{transform:scale(1.1) rotate(3deg)}}@keyframes egg-open-burst{to{transform:scale(1.35);filter:brightness(3) drop-shadow(0 0 30px #ddffad);opacity:0}}@keyframes hatch-flash{0%{transform:scale(.2);opacity:0}45%{opacity:1}100%{transform:scale(1.4);opacity:0}}@keyframes pet-arrive{from{transform:translateY(15px) scale(.92);opacity:0}to{transform:none;opacity:1}}@media(max-height:610px){.egg-final figcaption{font-size:9px}.opening-room .egg-final .egg-image{max-height:105px}.opening-room .stage[data-count="5"] .egg-final .egg-image{max-height:70px}.egg-final{gap:6px}}
.opening-room .stage[data-count="3"] .egg-slot{grid-template-columns:repeat(3,minmax(0,1fr))}.opening-room .stage[data-count="5"] .egg-slot{grid-template-columns:repeat(5,minmax(0,1fr))}.egg-final{width:100%}.opening-room .egg-final .egg-image{width:100%;min-height:40px}

.auto-sell-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px}.auto-sell-row label{margin:0;font-size:11px}.auto-sell-row select{width:62%;padding:7px 10px;margin:0;font-size:11px}.auto-sold-summary{color:#c6f277;font-weight:700;margin:5px 0 12px}

.luck-preview{margin-top:7px;padding:6px 10px;border:1px solid #6f583b;border-radius:10px;background:linear-gradient(100deg,#3b2940,#293126);color:#f7d889;font-size:10px;font-weight:700}.luck-result{color:#f7d889;font-size:10px;font-weight:800;margin-bottom:7px}.opening-buy{margin-top:7px}@media(max-height:610px){.luck-preview{padding:4px 8px;margin-top:5px}}

button.luck-preview{width:100%;text-align:left}.luck-milestones{display:grid;gap:12px}.luck-milestones article{padding:13px;border:1px solid #455039;border-radius:12px;background:#1c2426}.luck-milestones strong{font-size:13px;color:#f7d889}.luck-milestones span{display:block;font-size:11px;margin:6px 0;color:#a8b4bc}.luck-track{height:7px;border-radius:9px;background:#30383c;overflow:hidden}.luck-track i{display:block;height:100%;background:linear-gradient(90deg,#9ce174,#ffd177);border-radius:9px}
.opening-room .egg-slot{grid-template-rows:minmax(0,1fr)}.opening-room .egg-slot>.egg-image{min-height:0;max-height:100%}

.game-header{gap:7px}.menu-toggle{width:35px;height:35px;flex-shrink:0;border:1px solid #36413d;border-radius:50%;background:#202927;font-size:23px;line-height:1}.game-header .brand{min-width:0}.game-header .brand span,.opening-screen .game-header .brand span{font-size:11px;letter-spacing:1px}.game-header .brand small{font-size:7px}.header-luck{position:relative;display:flex;align-items:center;gap:4px;padding:8px;border:1px solid #3e5942;border-radius:20px;background:#1c3027;color:#bef58d;flex-shrink:0}.clover-icon{font-size:21px;filter:drop-shadow(0 0 6px #89f57a55)}.header-luck b{font-size:12px}.header-luck small{display:none}.bonus-active{background:linear-gradient(120deg,#ffe57b,#ffbd13);color:#4a3100;border-color:#ffe77a;box-shadow:0 0 23px #ffcb4e77;animation:bonus-glow .7s ease-in-out infinite alternate}.game-header .wallet{display:flex;align-items:center;gap:4px;white-space:nowrap;padding:8px;font-size:11px;margin-left:auto}.game-header .currency-icon{width:22px}.bonus-buy{background:linear-gradient(100deg,#ffe87f,#ffbb17);color:#3c2900;box-shadow:0 0 25px #ffc62c33}.bonus-egg{border-radius:16px;background:radial-gradient(ellipse,#ffd64b33,transparent 75%);box-shadow:0 0 15px #ffc72c33}.egg-bonus-label{display:block;color:#ffe476;margin-top:5px;font-size:10px}.profile-finds{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px}.profile-find{display:flex;align-items:center;flex-direction:column;gap:9px;border:1px solid #394339;border-radius:18px;padding:16px;background:#172024;text-align:center}.profile-find h2{font-size:13px;margin:0}.profile-find .pet-image{width:100%;max-width:150px;height:130px;object-fit:contain}.profile-find>span{font-size:11px}.profile-find p{margin:0;font-size:11px}.profile-find>b{color:#c6f277;font-size:13px}#app-menu{width:min(340px,92vw);border:1px solid #3c4b3d;border-radius:20px;background:#172020;color:white;padding:22px}#app-menu h2{margin:12px 0 20px}#app-menu nav,.opening-screen #app-menu nav{display:grid;position:static;background:none;border:0;padding:0;gap:9px}#app-menu nav button{display:flex;align-items:center;gap:12px;text-align:left;padding:14px;border:1px solid #34413c;border-radius:12px;background:#222e2a}#app-menu nav span{font-size:13px}.menu-close{float:right;border:0;background:none;color:#c7d8c7;font-size:20px}@keyframes bonus-glow{to{box-shadow:0 0 35px #ffcc5688}}@media(prefers-reduced-motion:reduce){.bonus-active{animation:none}}
.header-luck.bonus-active:disabled,.opening-buy.bonus-buy:disabled{opacity:1}.app:not(.opening-screen){padding-bottom:30px}

/* V10: viewport-anchored bottom sheet; never inherits page navigation layout. */
body.sheet-open{overflow:hidden}#app-menu{position:fixed;inset:auto 0 0;margin:0 auto;width:min(520px,100vw);max-width:100vw;max-height:85dvh;box-sizing:border-box;overflow-y:auto;border-radius:26px 26px 0 0;padding:12px 18px max(24px,env(safe-area-inset-bottom));background:#192120;text-align:left;animation:sheet-arrive .22s ease-out}#app-menu::backdrop{background:#030808aa;backdrop-filter:blur(5px)}.sheet-handle{height:5px;width:42px;margin:0 auto 14px;background:#58635f;border-radius:8px}#app-menu h2{font-size:18px;margin:8px 0 18px}.menu-section-label{font-size:10px;letter-spacing:1px;color:#9eaaa6;margin:23px 0 10px}#app-menu nav,.opening-screen #app-menu nav,.app:not(.opening-screen) #app-menu nav{position:static;inset:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;margin:0;padding:0;transform:none;background:transparent;border:0;gap:8px}#app-menu nav button{flex-direction:column;justify-content:center;gap:8px;min-width:0;padding:13px 4px;text-align:center;color:#ecf5ef}#app-menu nav button i{display:grid;place-items:center;background:#2a884e;width:40px;height:40px;border-radius:12px;font-size:22px;font-style:normal}#app-menu nav button:nth-child(2) i{background:#2876a1}#app-menu nav button:nth-child(3) i{background:#8d496e}#app-menu nav button:nth-child(4) i{background:#916e2a}#app-menu nav button span{font-size:10px;line-height:1.4}#app-menu nav button.active{border-color:#b8ec7b;background:#32452e}#app-menu nav.menu-rows{grid-template-columns:1fr;gap:7px}#app-menu nav.menu-rows button{flex-direction:row;justify-content:flex-start;padding:10px 12px;gap:12px}#app-menu nav.menu-rows button i{width:32px;height:32px;font-size:20px;background:#405247}#app-menu nav.menu-rows button span{font-size:13px}#app-menu nav.menu-rows button b{margin-left:auto}.opening-title{justify-content:flex-end}.settings-panel{margin-top:18px}.setting-line{display:flex;align-items:center;justify-content:space-between;gap:20px}.setting-line small{display:block;font-size:12px;color:#a2b2a8;margin-top:5px}.setting-line input{width:22px;height:22px;accent-color:#bcf276;flex-shrink:0}.guide-panel{margin-top:18px}.guide-panel h2{font-size:17px;margin-top:22px}.guide-panel p{font-size:13px;line-height:1.7}.opening-room .stage>small{display:none}@keyframes sheet-arrive{from{transform:translateY(100%)}to{transform:translateY(0)}}@media(prefers-reduced-motion:reduce){#app-menu{animation:none}}

.sheet-handle{touch-action:none;cursor:grab;padding:5px 0;background-clip:content-box;height:15px;box-sizing:border-box}
.shop-section-label{font-size:10px;letter-spacing:1.3px;color:#95a69d;margin:19px 0 9px}.shop-active{font-size:12px;color:#dcf9a8;line-height:1.5}.shop-row{display:flex;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid #ffffff12;min-width:0}.shop-row-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#ffffff09;font-size:21px;flex-shrink:0}.shop-row>div{flex:1;min-width:0}.shop-row strong{display:block;font-size:13px;line-height:1.4}.shop-row small{display:block;font-size:10px;color:#a5b4ae;line-height:1.5;margin-top:3px}.star-buy{width:auto;flex-shrink:0;border:1px solid #a5914c;background:#e9ce70;color:#272310;font-weight:800;font-size:11px;padding:9px 10px;border-radius:10px;white-space:nowrap}.star-buy:disabled{opacity:.4}.shop-terms-line{display:flex;align-items:center;gap:8px;margin:15px 0 7px;font-size:11px;color:#aabbb3}.shop-terms-line input{width:17px;height:17px;accent-color:#d8bd65;flex-shrink:0}.shop-terms-line a,.shop-terms-text a{color:#ebd489}.shop-terms-text{font-size:11px;color:#aabbb3;line-height:1.6}.shop-terms-text p{margin:7px 0}.shop-free-eggs{font-size:11px;color:#d2eda3}.vip-mark{display:inline-block;padding:4px 8px;border:1px solid #a59248;color:#f5db80;border-radius:8px;font-size:12px;vertical-align:middle}.test-purchase{border:1px dashed #8a7d42;padding:10px;margin-top:8px;border-radius:12px}#shop-modal{background:#192120;border-color:#45534b;padding-inline:17px}#shop-modal h2{font-size:20px;margin-bottom:12px}#shop-modal .ad-message{font-size:12px;color:#e5cc7c;line-height:1.5}#shop-modal .ad-time-box{display:none}
#app-menu nav.menu-rows,.opening-screen #app-menu nav.menu-rows,.app:not(.opening-screen) #app-menu nav.menu-rows{grid-template-columns:minmax(0,1fr)}#app-menu nav.menu-rows button{width:100%;box-sizing:border-box}.game-header{position:sticky;top:0;z-index:10;background:#111a1d}
/* V13: direct shop access and cumulative rewarded luck. */
.opening-title{justify-content:space-between;gap:8px}.shop-button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:35px;padding:7px 13px;border:1px solid #ffe48a;border-radius:13px;background:linear-gradient(120deg,#ffe98c,#ffc51b);color:#382800;box-shadow:0 3px 13px #eab32d23;font-size:12px;font-weight:800;flex-shrink:0}.shop-button span{display:block}.shop-button small{display:block;font-size:9px;margin-top:2px;font-variant-numeric:tabular-nums}.shop-button small[hidden]{display:none}.shop-button.has-boost{box-shadow:0 0 17px #ffe08040}.opening-title .badge{white-space:nowrap}#shop-modal{position:fixed;inset:auto 0 0;margin:0 auto;width:min(520px,100vw);max-width:100vw;max-height:88dvh;overflow-y:auto;padding:12px 20px max(24px,env(safe-area-inset-bottom));border:1px solid #77653b;border-radius:26px 26px 0 0;background:radial-gradient(ellipse at 50% 10%,#3f3827,transparent 70%),#172020;text-align:left;animation:sheet-arrive .22s ease-out}#shop-modal::backdrop{background:#030808aa;backdrop-filter:blur(5px)}#shop-modal h2{font-size:23px;margin:5px 0 20px}#shop-modal .eyebrow{color:#ffe38b;font-size:10px;letter-spacing:2px}.ad-boost-card{padding:20px;border:1px solid #596340;border-radius:22px;background:linear-gradient(155deg,#293c29,#172522);text-align:center}.ad-boost-art{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 auto 13px;font-size:50px;filter:drop-shadow(0 0 18px #baff7540)}.ad-boost-art span{font-size:42px;font-weight:900;color:#e3ff9c}.ad-boost-card h3{font-size:21px;margin:0 0 9px}.ad-boost-card p{font-size:13px;line-height:1.6;margin:7px 0 15px;color:#b9c9b9}.ad-time-box{padding:12px;background:#0c1c1880;border-radius:14px;margin:14px 0}.ad-time-box span{display:block;font-size:11px;color:#b4c7b5}.ad-time-box strong{display:block;font-variant-numeric:tabular-nums;font-size:25px;letter-spacing:1px;color:#e0ff9f;margin-top:4px}.ad-watch{background:linear-gradient(115deg,#ffea89,#ffbf19);color:#382800;margin:4px 0;font-size:15px}.ad-boost-card .ad-shop-note{font-size:11px;margin:12px 0 0;color:#a4b8a6}.ad-boost-card .ad-message{color:#ffe68e;font-size:12px;margin:12px 0 0}.ad-message:empty{display:none}@media(max-height:610px){.shop-button{min-height:30px;padding:5px 11px}.ad-boost-card{padding:15px}.ad-boost-art{font-size:38px;margin-bottom:8px}.ad-boost-art span{font-size:34px}#shop-modal h2{margin-bottom:12px}}@media(prefers-reduced-motion:reduce){#shop-modal{animation:none}}

#shop-modal{background:#192120;padding:17px;max-height:90dvh;overflow-y:auto}#shop-modal h2{font-size:20px;margin-bottom:14px}.shop-row{min-width:0}.shop-row>div{min-width:0}.shop-row small{overflow-wrap:anywhere}