
/* Luma Bloom - Android visual parity, QA web only */
:root{color-scheme:light}
body.web-premium-qa{--qa-paper:#eae8f3;--qa-ink:#2b4434;--qa-muted:#798575;--qa-soft:#e5eadc;--qa-accent:#657d5e;background:#eae8f3!important;color:#2b4434!important;font-family:"Segoe UI",system-ui,-apple-system,sans-serif!important}
body.web-premium-qa::before,body.web-premium-qa::after{display:none!important}
body.web-premium-qa .page-glow{display:none}
body.web-premium-qa.qa-shell-active>.topbar,body.web-premium-qa.qa-shell-active>.game-layout,body.web-premium-qa.qa-shell-active>.page-footer,body.web-premium-qa.qa-shell-active>.page-glow{display:none!important}
body.web-premium-qa.qa-playing>#android-web-qa{display:none!important}
body.web-premium-qa.qa-shell-active #android-web-qa{display:flex!important}
.android-web-qa{display:none;position:relative;z-index:5;flex-direction:column;min-height:100dvh;background:#eae8f3;color:#2b4434;font-family:"Segoe UI",Arial,sans-serif}
.android-web-qa *{box-sizing:border-box}
.qa-status-space{height:clamp(14px,5vh,36px);background:#f5f1e9}
.qa-app-header{height:94px;max-width:800px;width:100%;margin:0 auto;padding:16px 22px 8px;display:flex;align-items:center;justify-content:space-between}
.qa-app-header>div{display:flex;flex-direction:column;gap:4px}
.qa-app-header strong{font-size:clamp(29px,5.8vw,40px);letter-spacing:-1.15px;line-height:1.1;font-weight:700}
.qa-app-header small{font-size:11px;letter-spacing:1.75px;color:#7d8977;font-weight:550}
.qa-app-header button{height:55px;width:55px;border-radius:22px;border:0;background:#e4eadb;color:#627b5e;display:grid;place-items:center}
.qa-app-header button svg{height:29px;width:29px}
.qa-app-main{flex:1;max-width:800px;width:100%;margin:0 auto;padding:26px 22px 104px;min-height:0}
.qa-eyebrow{color:#66805e;letter-spacing:2.15px;font-size:clamp(12px,2.55vw,15px);font-weight:700;margin-bottom:12px}
.qa-app-main h1{font-weight:700;font-size:clamp(32px,7vw,49px);line-height:1.14;letter-spacing:-1px;margin:0 0 15px;color:#2b4434}
.qa-subheading{margin:0 0 22px;color:#7c8975;font-size:clamp(15px,3.35vw,18px);line-height:1.53}
.qa-muted{color:#778571;font-size:14px;line-height:1.5;margin:15px 0}
.qa-home-garden{width:100%;padding:0;margin:8px auto 16px;border:0;background:none;display:block}
.qa-garden-svg{width:100%;height:auto;max-height:260px;display:block;margin:auto}
.qa-button{display:flex;justify-content:center;align-items:center;width:100%;text-align:center;min-height:63px;border:0;border-radius:23px;padding:13px 16px;font-size:17px;font-weight:600;cursor:pointer}
.qa-button-soft{background:#e5eadb;color:#294935;margin-bottom:15px}
.qa-button-main{background:#667e60;color:#fff;font-size:20px;min-height:72px;margin:0 0 16px}
.qa-home-stats{text-align:center;color:#83907d;font-size:16px;margin:24px 0 34px}
.qa-home-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.qa-home-shortcuts button{min-height:145px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:left;gap:7px;padding:21px;border:0;border-radius:28px;background:#e4e9d9;color:#2b4434}
.qa-home-shortcuts button:last-child{background:#eee2d1}
.qa-home-shortcuts strong{font-size:24px}.qa-home-shortcuts small{font-size:14px;color:#82907c}
.qa-home-shortcuts svg{width:25px;height:25px;color:#617961}
.qa-bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:8;display:flex;justify-content:center;align-items:stretch;background:#eae8f3;min-height:87px;padding:7px max(10px,calc((100vw - 790px)/2)) max(7px,env(safe-area-inset-bottom))}
.qa-bottom-nav button{width:25%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;border:0;border-radius:22px;background:transparent;color:#838e7b;font-size:13px;min-height:72px}
.qa-bottom-nav button.selected{background:#d9e4d3;color:#5e795d}
.qa-bottom-nav button svg{width:24px;height:24px}
.qa-chapter{display:flex;align-items:center;gap:12px;justify-content:space-between;margin:24px 0 18px}
.qa-chapter>button{width:54px;height:54px;border:0;border-radius:21px;background:#e4eadb;color:#637b5d;display:grid;place-items:center}
.qa-chapter>button:disabled{opacity:.35}
.qa-chapter>div{display:flex;flex-direction:column;gap:5px;align-items:center}
.qa-chapter small{color:#7c8977;font-size:11px;letter-spacing:1.8px}
.qa-chapter strong{font-size:21px;color:#2b4434}
.qa-jump{display:flex;gap:6px;align-items:center;margin-bottom:18px}
.qa-jump input{flex:1;min-width:0;height:55px;background:#fffefa;border:0;border-radius:17px;padding:0 16px;font-size:16px}
.qa-jump button{width:80px;height:55px;border:0;background:#e4eadb;color:#34503a;border-radius:17px;font-size:18px}
.qa-level-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.qa-level-tile{aspect-ratio:1;min-height:84px;border:0;border-radius:22px;background:#e5eadf;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;color:#2c4735}
.qa-level-tile strong{font-size:clamp(24px,5vw,35px);font-weight:650}
.qa-level-tile small{font-size:11px;color:#ac9765}
.qa-level-tile:disabled{opacity:.47}
.qa-mission-stats,.qa-mission-card,.qa-card,.qa-resource,.qa-plant-focus{border-radius:27px;padding:22px;background:#e2e9d7;margin:14px 0}
.qa-mission-stats>small{display:block;color:#71886a;font-size:12px;line-height:1.6}
.qa-mission-stats h2{font-size:clamp(22px,5vw,30px);font-weight:650;margin:8px 0}
.qa-mission-stats p{color:#71836c;font-size:16px;margin:10px 0}
.qa-mission-stats button{width:100%;min-height:54px;border-radius:19px;border:0;background:#e5e9da;color:#98a091;font-size:18px;margin:8px 0}
.qa-mission-card{background:#e2ead8}
.qa-mission-heading{display:flex;align-items:center;gap:14px;font-size:21px;font-weight:700;margin-bottom:11px}
.qa-mission-card small{font-size:13px;color:#6a835f}
.qa-mission-card p{font-size:16px;color:#7a8973;line-height:1.45}
.qa-mission-card b{font-size:14px;color:#6a835f}
.qa-progress{height:5px;width:100%;margin:16px 0 8px;background:#cfdcc5;border-radius:6px;overflow:hidden}
.qa-progress i{display:block;height:100%;background:#87a374;border-radius:6px}
.qa-resource{padding:20px;margin:18px 0 16px;display:flex;flex-direction:column;gap:10px}
.qa-resource strong{font-size:clamp(22px,5vw,29px);color:#80789e}
.qa-resource span{font-size:15px;color:#6d7f6c}
.qa-field{height:220px;border-radius:25px 25px 0 0;background:#d9d7e9;position:relative;overflow:hidden;margin-top:14px}
.qa-field span{font-size:10px;position:absolute;top:26px;left:0;right:0;text-align:center;color:#7e9677;font-weight:700}
.qa-moon{position:absolute;right:15%;top:25px;font-size:58px;color:#fff0bd}
.qa-cloud{position:absolute;top:50px;left:13%;width:72px;height:18px;border-radius:50%;background:#ffffffe1}
.qa-cloud.c2{top:72px;left:55%;width:55px}
.qa-field-hills{position:absolute;left:-10%;right:-10%;bottom:-35px;height:120px;background:#b4cea7;border-radius:55% 55% 0 0;box-shadow:130px 10px #a8c59f,-105px 20px #afc4af}
.qa-fence{position:absolute;bottom:30px;left:0;right:0;height:67px;border-top:5px solid #f8f5d9;border-bottom:5px solid #f8f5d9;display:flex;justify-content:space-around;align-items:center}
.qa-fence i{height:78px;width:5px;background:#f8f5d9;border-radius:6px}
.qa-field-water{position:absolute;bottom:5px;width:100%;text-align:center;font-size:15px;color:#6caecc}
.qa-plant-focus{background:#fffefa;margin:0 0 18px;padding:18px}
.qa-plant-head{display:flex;justify-content:space-between;gap:10px;align-items:center}
.qa-plant-head>div{display:flex;flex-direction:column;gap:7px}
.qa-plant-head strong{font-size:20px}.qa-plant-head small{font-size:14px;color:#7b8975}
.qa-plant-head button{width:120px;min-height:74px;border:0;border-radius:22px;background:#667e60;color:#fff;font-size:17px}
.qa-plant-head button:disabled{opacity:.5}
.qa-plant-focus p{color:#7e8977;font-size:14px;margin:9px 0}
.qa-water-state{font-size:16px;color:#80759b}
.qa-section-heading{font-size:21px;margin:24px 0 10px}
.qa-plant-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.qa-plant-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;border:0;border-radius:22px;background:#fffefa;padding:16px;min-height:100px;gap:8px;text-align:center}
.qa-plant-tile.active{background:#dfead3}.qa-plant-tile strong{font-size:16px}.qa-plant-tile small{font-size:13px;color:#7c8974}.qa-plant-tile span{font-size:12px;color:#6e8462}
.qa-card{background:#fffefa;margin:20px 0;padding:22px}
.qa-card h2{font-size:22px;font-weight:650;margin:0 0 8px}
.qa-card p{font-size:14px;line-height:1.5;color:#798875}
.qa-setting-row{height:67px;display:flex;align-items:center;justify-content:space-between;position:relative}
.qa-setting-row strong{font-size:19px;font-weight:550}
.qa-setting-row input{position:absolute;right:3px;width:50px;height:45px;opacity:0;z-index:1}
.qa-switch{height:24px;width:45px;background:#cbd5c5;border-radius:999px;position:relative}
.qa-switch::after{content:'';position:absolute;left:2px;top:-3px;width:30px;height:30px;border-radius:50%;background:#aab4a5;box-shadow:0 2px 4px #0002;transition:transform .2s}
.qa-setting-row input:checked+.qa-switch::after{background:#667e60;transform:translateX(14px)}
.qa-setting-row input:focus-visible+.qa-switch{outline:2px solid #667e60}
.qa-volume{display:flex;flex-direction:column;gap:15px;color:#7a8876;font-size:15px;margin:10px 0 18px}
.qa-volume input{width:100%;accent-color:#667e60}
.qa-language .qa-button{font-size:17px;margin:8px 0}
.qa-theme-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:15px}
.qa-theme-row button{min-height:60px;background:#e5eadb;border-radius:15px;border:0;color:#36543d}
.qa-theme-row button:disabled{opacity:.4}
body.web-premium-qa.qa-playing{background:#f5f1e9!important;color:#343b38!important}
body.web-premium-qa.qa-playing>.topbar{height:55px;max-width:800px;padding:8px 16px;border:0}
body.web-premium-qa.qa-playing>.topbar .brand{display:none}
body.web-premium-qa.qa-playing>.topbar .header-actions{top:auto;right:15px;transform:none}
body.web-premium-qa.qa-playing .qa-game-back{position:absolute;top:10px;left:15px;background:#e4e9dd;border:0;border-radius:15px;width:45px;height:45px;font-size:34px;color:#536e58}
body.web-premium-qa.qa-playing .game-layout{padding:10px 12px 60px;max-width:800px;display:flex;flex-direction:column}
body.web-premium-qa.qa-playing .game-layout .intro-panel{display:none}
body.web-premium-qa.qa-playing .game-layout .side-panel{display:none}
body.web-premium-qa.qa-playing .game-layout .play-panel{width:100%;max-width:100%;padding:0}
body.web-premium-qa.qa-playing .level-heading>button{background:#e4e9dd;color:#2d4936;border:0;box-shadow:none;min-height:50px;border-radius:18px}
body.web-premium-qa.qa-playing .level-heading strong{color:#2c4534}
body.web-premium-qa.qa-playing .scoreboard{background:transparent;border:0;box-shadow:none;padding:0;margin:20px 0 16px}
body.web-premium-qa.qa-playing .score-value{color:#2e3d32;text-shadow:none}
body.web-premium-qa.qa-playing .scoreboard .small-label{color:#869081}
body.web-premium-qa.qa-playing .scoreboard>div:first-child::before{display:none}
body.web-premium-qa.qa-playing .moves-badge{background:#e5eadb;border:1px solid #d6dfce;box-shadow:none}
body.web-premium-qa.qa-playing .moves-badge strong{color:#293e31}
body.web-premium-qa.qa-playing .goal-chip{background:#e9eee1;border:1px solid #d9e3d0;box-shadow:none}
body.web-premium-qa.qa-playing .goal-chip>span:not(.goal-tile),body.web-premium-qa.qa-playing .goal-chip strong{color:#3a503e}
body.web-premium-qa.qa-playing .board-frame{background:#303e3a;border:0;outline:none;box-shadow:none;border-radius:28px;padding:14px}
body.web-premium-qa.qa-playing .board-frame::after{display:none}
body.web-premium-qa.qa-playing .board{background:#303e3a}
body.web-premium-qa.qa-playing .cell{background:#3c4b45;border-radius:9px;box-shadow:none}
body.web-premium-qa.qa-playing .play-instruction{color:#859083}
body.web-premium-qa.qa-playing .tool-button{background:#e5e9dd;color:#394c3a;box-shadow:none;border:1px solid #d6dfce}
body.web-premium-qa.qa-playing .finish-level{background:#dce8d0;color:#315139;border:1px solid #b4c7ac;box-shadow:none;text-shadow:none}
@media (min-width:680px){.android-web-qa{max-width:800px;margin:auto;border-left:1px solid #dddde5;border-right:1px solid #dddde5}}
@media (max-width:400px){.qa-app-header{height:85px;padding:12px 19px 7px}.qa-app-main{padding:20px 18px 108px}.qa-app-main h1{font-size:33px}.qa-app-header strong{font-size:30px}.qa-app-header button{height:50px;width:50px}.qa-home-shortcuts button{min-height:125px;padding:16px}.qa-home-shortcuts strong{font-size:22px}.qa-field{height:190px}}
