/* LUMI: all rules scoped to the game, safe for WordPress themes. */
.lumi-standalone{margin:0;background:#14112e}
.lumi-app{
  --lumi-white:#fff;--lumi-ink:#32274e;--lumi-muted:#8a819c;
  --lumi-pink:#fe719c;--lumi-purple:#9980ff;
  box-sizing:border-box;position:relative;isolation:isolate;min-height:760px;
  padding:0 16px 16px;overflow:hidden;color:#fff;
  background:radial-gradient(ellipse 60% 35% at 83% 4%,#413077 0,transparent 72%),radial-gradient(ellipse 45% 42% at 9% 52%,#261e52 0,transparent 75%),#16132f;
  font-family:'Avenir Next',Avenir,'Segoe UI',Arial,sans-serif;font-size:15px;line-height:1.5;
  -webkit-font-smoothing:antialiased;
}
.lumi-app::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.18;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:31px 31px;mask-image:linear-gradient(to bottom,#000 5%,transparent 65%)}
.lumi-app *,.lumi-app *::before,.lumi-app *::after{box-sizing:border-box}
.lumi-app button,.lumi-app input{font:inherit}
.lumi-app button{cursor:pointer;touch-action:manipulation}
.lumi-app button:focus-visible,.lumi-app a:focus-visible,.lumi-app input:focus-visible,.lumi-app label:focus-within{outline:3px solid #8cf4e4;outline-offset:3px}
.lumi-app button:disabled{cursor:not-allowed}
.lumi-app a{color:inherit;text-decoration:none}
.lumi-app h1,.lumi-app h2,.lumi-app h3,.lumi-app p{margin-top:0}
.lumi-app .lumi-shell{width:min(1140px,100%);margin:0 auto;position:relative;z-index:1}
.lumi-app .lumi-loading{padding:100px 12px;text-align:center;font-weight:900;font-size:20px}
.lumi-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:28px 2px 20px}
.lumi-logo{display:flex;align-items:center;gap:11px;font-size:27px;line-height:1;font-weight:950;letter-spacing:2.6px;color:white!important}
.lumi-logo-badge{width:48px;height:48px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(145deg,#ff9cb7,#fd6392);font-size:29px;color:#fff;box-shadow:0 9px 22px #f672a03d}
.lumi-logo small{display:block;font-size:9px;letter-spacing:3.9px;color:#c1b6e4;margin-top:6px;font-weight:800}
.lumi-header-actions{display:flex;align-items:center;gap:10px}
.lumi-coins{display:flex;align-items:center;gap:6px;border-radius:18px;padding:10px 15px;font-weight:950;background:#2c2552;color:#fff1c4;font-size:16px;white-space:nowrap}
.lumi-coins>span{font-size:24px;color:#ffd476;line-height:1}
.lumi-head-btn{border:1px solid #675a86!important;background:#332b5b!important;color:#fff!important;width:42px;height:42px;line-height:1!important;border-radius:15px!important;font-size:23px!important;padding:0!important;box-shadow:none!important}
.lumi-head-btn:hover{background:#48377b!important;transform:translateY(-1px)}
.lumi-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;padding:6px 1px 21px}
.lumi-eyebrow,.lumi-mini-label{font-size:10px;font-weight:950;letter-spacing:2.7px;color:#a99af0;margin-bottom:6px}
.lumi-eyebrow span{color:#ffaecc}
.lumi-intro h1{font-weight:950;font-size:clamp(31px,4.1vw,48px);line-height:1.13;letter-spacing:-1.7px;margin:0 0 8px;color:#fff}
.lumi-wave{font-size:.64em;color:#ffcc89;vertical-align:13%;display:inline-block;animation:lumi-glint 4s ease-in-out infinite}
.lumi-subtitle{color:#bab1d4;margin:0;font-size:14px;letter-spacing:.1px}
.lumi-level-pill{min-width:126px;background:#302856;border:1px solid #4e4079;border-radius:18px;display:flex;align-items:center;gap:10px;padding:10px 15px;box-shadow:inset 0 1px #ffffff15}
.lumi-level-star{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#fcdda1;color:#9f6a2a;font-size:23px}
.lumi-level-pill>span:last-child{font-size:10px;font-weight:800;letter-spacing:1.2px;color:#baabd6;line-height:1.3}
.lumi-level-pill strong{font-size:20px;color:white;letter-spacing:0}
.lumi-level-pill small{display:block;font-size:11px;letter-spacing:0;color:#efbfd6}
.lumi-dashboard{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(295px,.82fr);align-items:start;gap:19px}
.lumi-left-col,.lumi-right-col{display:grid;gap:19px;min-width:0}
.lumi-habitat{height:389px;border-radius:29px;position:relative;overflow:hidden;background:linear-gradient(150deg,#beaef6 0%,#cfb6ef 40%,#f7c7d8 100%);box-shadow:0 18px 44px #05010e52,inset 0 1px #ffffff70;color:#674b8d}
.lumi-habitat::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 52% 45%,#fff5e050 0,transparent 54%),linear-gradient(180deg,transparent 62%,#fee6e695)}
.lumi-habitat::after{content:"";position:absolute;bottom:-78px;left:-30%;width:160%;height:177px;border-radius:50%;background:#fff0ed65;filter:blur(4px)}
.lumi-habitat-top,.lumi-habitat-bottom{position:absolute;left:25px;right:25px;display:flex;align-items:center;justify-content:space-between;gap:10px;z-index:3}
.lumi-habitat-top{top:20px}.lumi-habitat-bottom{bottom:21px;font-size:12px;font-weight:800;color:#7b619b}
.lumi-scene-label{font-weight:950;letter-spacing:1.4px;font-size:10px;color:#624e9f}
.lumi-mood-badge{padding:8px 12px;border-radius:30px;color:#755389;background:#ffffff94;font-size:11px;font-weight:900;white-space:nowrap}
.lumi-habitat-cloud{position:absolute;background:#ffffff70;width:130px;height:40px;border-radius:60px;filter:blur(1px)}
.lumi-habitat-cloud::before,.lumi-habitat-cloud::after{content:"";position:absolute;border-radius:100%;background:inherit}
.lumi-habitat-cloud::before{width:70px;height:70px;left:13px;bottom:5px}.lumi-habitat-cloud::after{width:64px;height:55px;right:9px;bottom:3px}
.lumi-habitat-cloud.one{top:120px;left:-40px;opacity:.55}.lumi-habitat-cloud.two{top:104px;right:-44px;opacity:.48;transform:scale(.8)}
.lumi-room-star{position:absolute;z-index:1;color:#fff9db;text-shadow:0 0 14px #fff9ec;animation:lumi-glint 3s ease-in-out infinite}
.lumi-room-star.a{top:81px;left:20%;font-size:30px}.lumi-room-star.b{top:117px;right:18%;font-size:21px;animation-delay:1s}.lumi-room-star.c{top:240px;right:13%;font-size:28px;animation-delay:.5s}.lumi-room-star.d{top:222px;left:17%;font-size:17px;animation-delay:2s}
.lumi-platform{position:absolute;left:50%;bottom:44px;transform:translateX(-50%);width:300px;height:49px;border-radius:50%;background:#8d66b266;filter:blur(6px);z-index:1}
.lumi-pet{position:absolute;left:50%;bottom:55px;transform:translateX(-50%);width:305px;max-width:77%;height:295px;z-index:2;filter:drop-shadow(0 16px 13px #b06b9668);animation:lumi-pet-bob 3.2s ease-in-out infinite}
.lumi-creature-svg{width:100%!important;height:100%!important;display:block;max-width:none!important}
.lumi-pet.is-sleeping{animation:lumi-pet-sleep 4s ease-in-out infinite}
.lumi-mess{border:0!important;background:#ffffffab!important;position:absolute;left:18%;bottom:73px;font-size:26px;z-index:4;border-radius:50%!important;width:48px;height:48px;padding:5px!important;box-shadow:0 3px 10px #76548944}
.lumi-sick-bubble{position:absolute;top:70px;left:50%;font-size:28px;z-index:4}
.lumi-panel{background:#fff;border-radius:25px;padding:25px 25px 23px;color:var(--lumi-ink);box-shadow:0 15px 35px #0e082b25}
.lumi-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:19px}
.lumi-section-head .lumi-mini-label{margin-bottom:4px;color:#a897c3}
.lumi-section-head h2{font-size:21px;line-height:1.25;letter-spacing:-.6px;margin:0;font-weight:950;color:#36274f}
.lumi-sparkle{font-size:29px;color:#e6a4cf}
.lumi-action-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}
.lumi-app .lumi-action{background:#faf7ff;border:1px solid #efe9f5;box-shadow:0 4px 0 #ede8f1;color:#483754;min-height:96px;border-radius:17px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;padding:9px 3px;font-size:12px;font-weight:950;line-height:1.1;transition:transform .16s,box-shadow .16s}
.lumi-app .lumi-action:hover{transform:translateY(-3px);box-shadow:0 6px 0 #e6dff0}
.lumi-app .lumi-action:active{transform:translateY(2px);box-shadow:0 1px 0 #e6dff0}
.lumi-action-icon{display:grid;place-items:center;width:49px;height:49px;border-radius:15px;font-size:25px;background:#ffe6ed}
.lumi-action-mint .lumi-action-icon{background:#d8f9ed}.lumi-action-yellow .lumi-action-icon{background:#fff4d7}.lumi-action-purple .lumi-action-icon{background:#eee2ff}.lumi-action-blue .lumi-action-icon{background:#deefff}
.lumi-stats-panel{padding-bottom:21px}
.lumi-pill{background:#dbf7e8;border-radius:20px;padding:5px 9px;font-size:9px;font-weight:950;letter-spacing:1px;color:#378b6b}
.lumi-stat-list{display:grid;gap:16px}
.lumi-stat-top{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:800;gap:8px;margin-bottom:7px}
.lumi-stat-top strong{font-size:12px;color:#8e829d}
.lumi-stat-track{height:9px;background:#f1eff4;border-radius:50px;overflow:hidden}
.lumi-stat-track>span{display:block;height:100%;border-radius:50px;transition:width .45s}
.lumi-care-note{display:flex;gap:10px;align-items:flex-start;border-radius:15px;background:#f8f5ff;padding:12px;margin-top:22px}
.lumi-care-note>span{font-size:19px}
.lumi-care-note p{font-size:11px;color:#8a7d9d;line-height:1.55;margin:0}
.lumi-quests-panel{padding-top:22px}
.lumi-quests-panel .lumi-section-head{margin-bottom:7px}
.lumi-gift{font-size:28px}
.lumi-quest-caption{font-size:11px;color:#a39aaf;margin-bottom:18px}
.lumi-quest-list{display:grid;gap:14px}
.lumi-quest{display:flex;align-items:center;gap:10px;font-size:12px}
.lumi-quest-icon{display:grid;place-items:center;width:33px;height:33px;background:#f6f0fb;border-radius:11px;font-size:16px;flex:none}
.lumi-quest-name{flex:1;color:#675a7a;font-weight:750}
.lumi-quest strong{font-size:11px;color:#a69bac;white-space:nowrap}
.lumi-quest .lumi-quest-done{color:#41bc89;font-size:20px}
.lumi-app .lumi-reward-btn{display:block;width:100%;margin-top:20px;border:0;border-radius:13px;padding:12px 8px;font-weight:950;font-size:12px;color:white;background:linear-gradient(95deg,#f87fa2,#af85f5);box-shadow:none}
.lumi-app .lumi-reward-btn:disabled{background:#f4eff9;color:#a79db6}
.lumi-log-panel{padding-top:20px;padding-bottom:18px}
.lumi-log-panel .lumi-section-head{margin-bottom:12px}
.lumi-log-list{display:grid;gap:9px}
.lumi-log-item{display:flex;align-items:flex-start;gap:8px;color:#9a83bd}
.lumi-log-item>span{font-size:15px}
.lumi-log-item p{font-size:11px;font-weight:750;color:#6d607c;margin:0;flex:1}
.lumi-log-item small{font-size:10px;font-weight:500;color:#aaa1b4;display:block}
.lumi-footer{padding:23px 5px 8px;color:#8d81b6;display:flex;justify-content:space-between;gap:13px;font-size:10px;font-weight:800;letter-spacing:1px}
.lumi-footer span:last-child{letter-spacing:.1px}
/* Welcome screen */
.lumi-welcome-tag{color:#b9a8e2;font-size:10px;letter-spacing:2px;font-weight:950}
.lumi-welcome-grid{display:grid;grid-template-columns:1fr 1.04fr;gap:26px;padding:24px 0 26px;align-items:stretch}
.lumi-welcome-scene{min-height:600px;position:relative;overflow:hidden;border-radius:35px;text-align:center;padding:44px 25px 34px;background:radial-gradient(circle at 50% 30%,#ffebf4aa 0,transparent 50%),linear-gradient(150deg,#b8acf6,#f5c1d7);color:#594b7f;display:flex;align-items:center;flex-direction:column;justify-content:space-between}
.lumi-welcome-scene::after{content:"";position:absolute;bottom:180px;width:300px;max-width:75%;height:40px;border-radius:100%;background:#9b78bb49;filter:blur(8px)}
.lumi-welcome-kicker{font-size:12px;letter-spacing:2.1px;font-weight:950;color:#6e60a6;z-index:1}
.lumi-onboard-pet{width:290px;max-width:88%;aspect-ratio:1;z-index:2;filter:drop-shadow(0 23px 17px #9e7baf66);animation:lumi-pet-bob 3.2s ease-in-out infinite}
.lumi-welcome-scene h2{margin:0 0 12px;font-size:31px;letter-spacing:-1.1px;line-height:1.23;font-weight:950;z-index:2}
.lumi-welcome-scene h2 em{font-style:normal;color:#fff}
.lumi-welcome-scene>p:last-child{max-width:330px;line-height:1.7;margin-bottom:0;font-size:14px;font-weight:650;z-index:2}
.lumi-welcome-shine{position:absolute;color:white;font-size:43px;animation:lumi-glint 4s infinite}.lumi-welcome-shine.one{top:24%;left:13%}.lumi-welcome-shine.two{top:41%;right:12%;animation-delay:1.7s}
.lumi-welcome-form{padding:40px 36px;border-radius:35px}
.lumi-welcome-form h1{font-size:clamp(25px,3vw,35px);font-weight:950;letter-spacing:-1px;line-height:1.2;margin-bottom:9px}
.lumi-welcome-form h1 span{font-size:.75em}
.lumi-form-sub{font-size:13px;color:#93889d;margin-bottom:24px}
.lumi-form-group{margin-bottom:23px}
.lumi-form-label{display:block;margin-bottom:10px;font-size:13px;font-weight:950;color:#473758}
.lumi-name-input{display:block;width:100%;border:2px solid #f0e9f7!important;outline:none;background:#f9f6fc!important;border-radius:15px!important;padding:13px 15px!important;color:#352846!important;font-size:16px!important;box-shadow:none!important}
.lumi-name-input:focus{border-color:#ab8bef!important}
.lumi-kind-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.lumi-app .lumi-kind{border:2px solid #f0ebf3;background:#fbf8fd;padding:12px 7px 10px;border-radius:14px;min-height:107px;display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;color:#4f4067;box-shadow:none;line-height:1.25}
.lumi-app .lumi-kind.selected{border-color:#b490ff;background:#f4edff}
.lumi-kind>span{font-size:26px;color:#a48ada}.lumi-kind strong{font-size:13px}.lumi-kind small{font-size:10px;color:#978da8;min-height:24px}
.lumi-colors{display:flex;gap:14px;align-items:center}
.lumi-app .lumi-color-swatch{border:4px solid white;width:41px;height:41px;padding:0;border-radius:50%;background:var(--swatch);box-shadow:0 0 0 1px #eeeaf3;color:white;font-weight:950;font-size:16px}
.lumi-app .lumi-color-swatch.selected{box-shadow:0 0 0 3px #9c83e5}
.lumi-app .lumi-primary-btn{display:flex;align-items:center;justify-content:space-between;gap:10px;border:0!important;border-radius:15px!important;background:linear-gradient(97deg,#ff7fa5,#a681f7)!important;color:white!important;font-size:14px;font-weight:950;padding:15px 19px;box-shadow:0 10px 20px #bc82d546;min-height:52px;text-align:left}
.lumi-primary-btn:hover{filter:brightness(1.045)}
.lumi-hatch-btn{width:100%;margin-top:15px}
.lumi-hatch-btn span{font-size:23px;font-weight:500;line-height:1}
.lumi-privacy-caption{font-size:10px;text-align:center;color:#a79baa;margin:12px 0 0}
/* Modal dialogs */
.lumi-modal-backdrop{position:fixed;z-index:999999;inset:0;padding:18px;display:flex;align-items:center;justify-content:center;background:#17122dc7;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.lumi-modal{color:#34274f;width:min(500px,100%);max-height:min(90dvh,800px);overflow-y:auto;background:white;border-radius:28px;padding:27px;box-shadow:0 26px 100px #09031b77}
.lumi-modal-header{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:22px}
.lumi-modal-header h2{font-size:24px;line-height:1.18;letter-spacing:-.7px;margin:0 0 8px;font-weight:950;color:#34274f}
.lumi-modal-header p{font-size:12px;color:#95899e;margin:0;line-height:1.6}
.lumi-app .lumi-close{border:0;background:#f6f2fa;color:#8c7ba8;flex:none;width:38px;height:38px;line-height:1;display:grid;place-items:center;border-radius:12px;font-size:29px;padding:0;box-shadow:none}
.lumi-food-grid{display:grid;gap:10px}
.lumi-app .lumi-food{border:2px solid #f0edf5;background:#faf8fc;display:grid;grid-template-columns:55px 1fr auto;grid-template-rows:auto auto;column-gap:11px;align-items:center;text-align:left;padding:10px 12px;border-radius:16px;color:#4a3b60;box-shadow:none}
.lumi-app .lumi-food:hover{background:#f5edff;border-color:#d6c4fd}
.lumi-food-icon{font-size:32px;grid-row:span 2}.lumi-food strong{font-size:13px}.lumi-food small{font-size:10px;color:#998da7;grid-column:2}
.lumi-food-meta{grid-column:3;grid-row:1/span 2;font-size:10px;font-weight:900;color:#9e7be0;text-align:right}
.lumi-doctor{text-align:center;border-radius:20px;background:#f9f3fc;padding:24px 16px;margin-bottom:18px}
.lumi-doctor-icon{font-size:54px}.lumi-doctor strong{display:block;margin:6px 0;color:#58486a}.lumi-doctor p{font-size:12px;color:#8e819f;margin:4px 0 0}
.lumi-doctor+.lumi-primary-btn{width:100%}
.lumi-setting-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 3px;border-top:1px solid #f0edf5;border-bottom:1px solid #f0edf5}
.lumi-setting-row strong,.lumi-settings-save>strong{font-size:14px;color:#4d3f60}
.lumi-setting-row small{display:block;font-size:11px;color:#998da7;margin-top:5px}
.lumi-switch{display:inline-flex;position:relative;align-items:center;flex:none;cursor:pointer}
.lumi-switch input{opacity:0;width:47px;height:27px;position:absolute;inset:0;cursor:pointer;z-index:1}
.lumi-switch>span{display:block;width:47px;height:27px;border-radius:30px;background:#ded6e8;position:relative;transition:background .15s}
.lumi-switch>span::before{content:"";position:absolute;top:3px;left:3px;width:21px;height:21px;border-radius:50%;background:#fff;box-shadow:0 2px 5px #5b4b6e3a;transition:transform .2s}
.lumi-switch input:checked+span{background:#ac88f0}.lumi-switch input:checked+span::before{transform:translateX(20px)}
.lumi-settings-save{padding:22px 0 12px}
.lumi-settings-save p{font-size:12px;color:#95899f;line-height:1.7;margin:9px 0 17px}
.lumi-settings-buttons{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.lumi-app .lumi-secondary-btn{display:grid;place-items:center;min-height:49px;text-align:center;border:1px solid #e4dced;border-radius:13px;color:#66547e;font-size:11px;font-weight:900;background:#f8f5fc;box-shadow:none;padding:8px;cursor:pointer}
.lumi-import-label{position:relative;overflow:hidden}.lumi-import-label input{position:absolute;width:1px;height:1px;opacity:0;top:0;left:0}
.lumi-app .lumi-reset-btn{display:block;width:100%;margin-top:15px;border:none;background:none;color:#bf638a;font-size:12px;text-decoration:underline;text-underline-offset:3px;padding:9px}
.lumi-install-help p{padding:13px 14px;background:#f7f2fc;border-radius:13px;font-size:12px;line-height:1.65;color:#766785;margin:0 0 9px}
.lumi-game-hud{display:flex;justify-content:space-between;gap:12px;margin-bottom:15px;color:#655379;font-size:14px;font-weight:900}
.lumi-game-hud strong{color:#a176ea;font-size:20px}
.lumi-game-board{position:relative;width:100%;height:285px;overflow:hidden;border:3px solid #eee1ff;border-radius:22px;background:radial-gradient(circle at 50% 20%,#efe7ff,#c1b6ed 72%,#b5a5ea)}
.lumi-game-board::before{content:"✧      ✦           ✧        ✳      ✧";white-space:pre;position:absolute;top:15%;left:0;width:100%;text-align:center;letter-spacing:17px;font-size:24px;color:#ffffff9a}
.lumi-app .lumi-game-star{border:0!important;position:absolute;display:grid;place-items:center;width:61px;height:61px;transform:translate(-50%,-50%);background:radial-gradient(circle,#fff5c5,#ffe1a5)!important;border-radius:50%;color:#ff9b4b!important;font-size:49px;line-height:1;box-shadow:0 0 28px #fff2c9,0 8px 21px #947ec455;padding:0!important;animation:lumi-game-pulse .8s ease-in-out infinite alternate}
.lumi-game-tip{text-align:center;margin:11px 0 0;color:#a095ad;font-size:11px}
.lumi-result{text-align:center;padding:10px 0 24px}.lumi-result-star{font-size:90px;animation:lumi-glint 1.6s ease-in-out infinite}.lumi-result>strong{display:block;font-size:23px;font-weight:950;margin:2px 0 16px}.lumi-result-bonus{display:flex;justify-content:center;flex-wrap:wrap;gap:9px}.lumi-result-bonus span{border-radius:12px;background:#f5edf9;padding:9px 11px;font-size:13px;font-weight:900;color:#856ba7}
.lumi-result+.lumi-primary-btn{width:100%}
.lumi-toast{position:fixed;left:50%;bottom:max(18px,env(safe-area-inset-bottom));z-index:1000001;transform:translateX(-50%);width:max-content;max-width:min(430px,90vw);padding:13px 22px;text-align:center;background:#282344;color:white;border-radius:30px;font-size:12px;line-height:1.45;font-weight:800;box-shadow:0 11px 35px #06021b6e;animation:lumi-toast-pop .22s ease-out}
@keyframes lumi-pet-bob{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-9px)}}
@keyframes lumi-pet-sleep{0%,100%{transform:translateX(-50%) scale(.99)}50%{transform:translateX(-50%) scale(1.02)}}
@keyframes lumi-glint{0%,100%{opacity:.7;transform:scale(.95)}50%{opacity:1;transform:scale(1.13)}}
@keyframes lumi-game-pulse{to{transform:translate(-50%,-50%) scale(1.12)}}
@keyframes lumi-toast-pop{from{opacity:0;transform:translateX(-50%) translateY(15px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}
@media(max-width:920px){
  .lumi-dashboard{grid-template-columns:minmax(0,1fr) minmax(270px,.85fr);gap:13px}.lumi-left-col,.lumi-right-col{gap:13px}
  .lumi-panel{padding:21px 17px}.lumi-action-grid{gap:7px}.lumi-action{min-height:90px}.lumi-section-head h2{font-size:19px}
  .lumi-welcome-grid{gap:14px}.lumi-welcome-form{padding:29px 23px}
}
@media(max-width:690px){
  .lumi-app{padding:0 12px 16px;min-height:100vh}
  .lumi-header{padding:20px 2px 17px}
  .lumi-logo{font-size:23px;letter-spacing:2px}.lumi-logo-badge{width:41px;height:41px;font-size:25px;border-radius:13px}.lumi-logo small{font-size:8px;letter-spacing:3px}
  .lumi-coins{font-size:13px;padding:9px 12px}.lumi-head-btn{width:39px;height:39px;font-size:22px}.lumi-header-actions{gap:6px}
  .lumi-intro{padding:5px 2px 19px;align-items:center}.lumi-eyebrow{font-size:9px;letter-spacing:1.9px}.lumi-intro h1{font-size:31px}.lumi-subtitle{font-size:11px;max-width:245px}
  .lumi-level-pill{min-width:auto;padding:8px 10px;border-radius:13px;gap:6px}.lumi-level-star{width:29px;height:29px;font-size:16px}.lumi-level-pill strong{font-size:15px}.lumi-level-pill>span:last-child{font-size:9px}.lumi-level-pill small{font-size:10px}
  .lumi-dashboard{display:flex;flex-direction:column;gap:14px}.lumi-left-col,.lumi-right-col{width:100%;gap:14px}
  .lumi-habitat{height:368px;border-radius:27px}.lumi-pet{width:285px;height:285px;bottom:51px}.lumi-habitat-top,.lumi-habitat-bottom{left:18px;right:18px}.lumi-habitat-top{top:18px}
  .lumi-panel{border-radius:23px;padding:23px 19px}.lumi-actions-panel{order:1}.lumi-action-grid{gap:10px}.lumi-app .lumi-action{min-height:91px;border-radius:16px;font-size:11px}.lumi-action-icon{width:44px;height:44px;font-size:24px}
  .lumi-stat-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px;row-gap:17px}
  .lumi-footer{align-items:center;flex-direction:column;text-align:center;padding-top:24px}
  .lumi-welcome-grid{display:flex;flex-direction:column;padding-top:8px;gap:14px}
  .lumi-welcome-scene{min-height:315px;border-radius:25px;padding:19px 16px 16px}
  .lumi-welcome-kicker{font-size:10px}.lumi-onboard-pet{width:160px}.lumi-welcome-scene h2{font-size:22px;margin-bottom:5px}.lumi-welcome-scene>p:last-child{font-size:11px;max-width:265px}
  .lumi-welcome-scene::after{bottom:74px;width:150px}
  .lumi-welcome-form{padding:27px 20px 24px}.lumi-welcome-form h1{font-size:27px}.lumi-welcome-tag{font-size:9px;letter-spacing:1px}
  .lumi-form-group{margin-bottom:19px}.lumi-kind small{font-size:9px}
}
@media(max-width:390px){
  .lumi-app{padding-left:8px;padding-right:8px}.lumi-logo{font-size:20px}.lumi-logo-badge{width:36px;height:36px}
  .lumi-logo small{font-size:7px}.lumi-coins{padding:7px 8px}.lumi-head-btn{width:35px;height:35px}
  .lumi-intro h1{font-size:28px}.lumi-subtitle{font-size:10px}
  .lumi-habitat{height:337px}.lumi-pet{height:250px;width:250px}
  .lumi-app .lumi-action{min-height:84px}.lumi-action-icon{width:40px;height:40px;font-size:21px}
  .lumi-action-grid{gap:7px}.lumi-panel{padding:19px 15px}.lumi-section-head h2{font-size:18px}
  .lumi-kind-grid{gap:6px}.lumi-app .lumi-kind{padding:7px 3px}
  .lumi-food-meta{font-size:9px}.lumi-app .lumi-food{grid-template-columns:45px 1fr auto;padding:10px 7px;gap:6px}
}
@media(prefers-reduced-motion:reduce){
  .lumi-app *, .lumi-app *::before, .lumi-app *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}
