/* QQ MINER — underground operations console. All scenery is rendered in Three.js. */
:root{color-scheme:dark;--ink:#dce9ef;--muted:#829ba9;--green:#4cdae5;--line:#243744;--cream:#09121b;--shadow:0 8px 26px #0004;background:#080e17;color:var(--ink);font-family:'Segoe UI','Microsoft YaHei',sans-serif}
body{background:radial-gradient(ellipse at 55% 0,#102b3760,transparent 60%),#080e17}button:focus-visible,a:focus-visible,input:focus-visible{outline-color:#63e5ef}.site-header{height:78px;background:#0d1721ed;border-bottom:1px solid #26404b;padding:0 28px;gap:20px;box-shadow:0 8px 24px #0002}.brand{font-size:25px;letter-spacing:2px;color:#eef6fa;gap:10px}.brand small{color:#6da3b3;font-family:monospace;letter-spacing:2.5px;font-size:8px}.brand-mark{width:43px;height:58px}.brand-mark img{height:54px;width:45px;filter:drop-shadow(0 0 8px #56dfe52a)}.site-header nav{gap:8px}.nav-button{color:#8aa3b3;border:1px solid transparent;border-radius:5px;padding:10px 18px;font-size:12px}.nav-button.active{color:#9ff8ff;background:linear-gradient(#1b3945,#132832);border-color:#305562;box-shadow:inset 0 -2px #4fdae5}.nav-button svg{color:#5cbfcf}.wallet{background:#1b2330;border:1px solid #605339;border-radius:5px;gap:9px;color:#b8a880}.wallet svg{fill:none;color:#f2b954}.wallet strong{color:#ffcc71;font-family:monospace;font-size:18px}.icon-button{border:1px solid #293c49;border-radius:5px;background:#14232e;color:#88a2b2}.icon-button:hover{background:#24414d}
main{max-width:1720px;padding:23px 24px 0}.page-heading{margin-bottom:20px;gap:20px}.eyebrow{font-family:monospace;color:#61919f;font-size:9px;letter-spacing:2.5px;margin-bottom:8px}.tiny-leaf{color:#5be0e9;font-size:10px}.page-heading h1{font-size:27px;letter-spacing:2px;color:#e4eef4;margin-bottom:8px}.page-heading p:last-child{font-size:11px;color:#748c9b}.day-label{border-left:1px solid #2c4551;padding-left:20px;color:#aac0ca;font-family:monospace;font-size:11px}.day-label>svg{color:#47d5e7;width:26px}.day-label b{color:#67e7ed;font-size:21px}.day-label small{color:#5d7a8c}
.home-layout{display:grid;grid-template-columns:185px minmax(0,1fr) 215px;gap:18px;position:relative;padding:0 16px}.garden{grid-row:1;grid-column:1/-1;height:620px;margin:0 -16px;border:1px solid #3d6473;border-radius:8px;background:#050a11;box-shadow:0 18px 50px #0007,0 0 0 4px #12232d;isolation:isolate}.garden.night{background:#050a11;border-color:#647987}.garden:before{z-index:1;opacity:1;inset:0;background:linear-gradient(180deg,#050b17b0,transparent 15%,transparent 72%,#050b17b0);pointer-events:none}.garden:after{content:'';position:absolute;inset:9px;z-index:5;border:1px solid #589eaa22;border-radius:2px;pointer-events:none}.garden #scene{inset:0;z-index:0}.garden-top{left:18px;right:18px;top:17px;z-index:3}.place-tag{background:#0a1a25d9;border:1px solid #305567;color:#cce3eb;border-radius:3px;font-size:11px;letter-spacing:1px;padding:9px 12px;backdrop-filter:blur(6px)}.place-tag svg{color:#58d6e5}.place-tag:before{content:'B-07';font:10px monospace;color:#17272b;background:#73d5dd;border-radius:2px;padding:3px 5px;margin-right:4px}.weather{background:#0b1924d9;border:1px solid #564c32;color:#e8c580;font-size:10px;padding:8px 11px;border-radius:3px;backdrop-filter:blur(5px)}.weather svg{color:#ffc466}.scene-caption{top:29px;font:9px monospace;letter-spacing:3px;color:#6da2b8;z-index:2}.live-dot{background:#59e4ef;box-shadow:0 0 9px #64f2fa}.speech{top:83px;max-width:44%;font-size:11px;color:#bcdae4;background:#0c202bda;border:1px solid #315666;border-radius:6px;padding:10px 16px;box-shadow:0 4px 22px #0004;white-space:normal;text-align:center;z-index:3}.speech:after{border-top-color:#234959}.speech span{color:#63f0eb}
.pet-column{grid-row:1;grid-column:1;z-index:4;align-self:center;gap:12px;pointer-events:none}.activity-column{grid-row:1;grid-column:3;z-index:4;align-self:center;gap:12px;pointer-events:none}.pet-column>*,.activity-column>*{pointer-events:auto}.card{background:linear-gradient(140deg,#122530ed,#09151fe8);border:1px solid #345362;border-radius:5px;box-shadow:0 7px 24px #0005,inset 0 1px #81c1cb0a;backdrop-filter:blur(12px)}.pet-card{padding:14px 13px;text-align:center}.card-kicker{font-size:9px;color:#7fa4b3;letter-spacing:2px}.green-dot{background:#54dfe4;box-shadow:0 0 6px #56e6eb70}.avatar{height:74px;width:74px;background:radial-gradient(#254857,#10212d);border:1px solid #487385;border-radius:12px;margin:12px auto 9px;box-shadow:0 0 18px #42c4d214}.avatar img{width:65px;height:73px;object-fit:contain}.avatar>span{background:#102e3a;border:2px solid #305469;color:#61deee;border-radius:4px;bottom:-4px;right:-6px}.pet-name-row h2{font-size:21px;color:#ecf8fa}.text-button{color:#7a98a7}.pet-personality{font-size:9px;color:#7393a4;margin:6px 0 11px}.level-pill{border:1px solid #345564;background:#1a3441;border-radius:3px;color:#67dbe5;font-size:9px;padding:5px 9px}.xp-heading{margin-top:14px;color:#7f9aa7;font-size:9px}.xp-heading b{color:#58c6d5}.xp-track{height:5px;border-radius:1px;background:#203440}.xp-track span{background:linear-gradient(90deg,#237f9f,#6de9f2);border-radius:1px;box-shadow:0 0 8px #5fe1f0}.next-level{font-size:7px;color:#658492}.status-card{padding:14px 12px 0}.section-title h2{font-size:12px;color:#b8d5e1;letter-spacing:1px}.section-title>span{color:#6d94a7;font-size:8px}.stat{margin-top:13px}.stat-heading{font-size:9px;color:#85a6b7;gap:5px}.stat-heading b{font-size:9px;color:#a3c6d5}.stat-track{background:#1d3340;height:5px;border-radius:1px}.stat-track span{border-radius:1px;box-shadow:0 0 9px var(--stat-color)}.status-tip{margin-top:14px;background:#0a1922;border-color:#27404c;color:#6f9bad;font-size:8px;padding:10px 8px}.status-tip svg{color:#64ccdf}
.tasks-card{padding:16px 12px 0}.count-pill{color:#4de0ec!important;background:#173642;border:1px solid #2d515c;border-radius:3px;font-family:monospace}.section-description{color:#5f8395;font-size:9px;margin:9px 0 10px}.task{gap:7px;padding:12px 0;border-color:#213844}.task-symbol{background:#19313e;border:1px solid #2a4958;color:#5dbacd;border-radius:4px;width:25px;height:28px}.task-symbol svg{width:13px}.task-copy b{font-size:9px;color:#a3c4d2}.task-copy small{color:#5e8496;font-size:8px}.task-copy small span{color:#caaa66;margin-left:5px}.task-claim{color:#7ba4b6;background:#152a37;border:1px solid #2b4956;border-radius:3px;font-size:8px;padding:5px}.task-claim.ready{background:#206571;border-color:#4ea5b5;color:#b0f7ff}.task-footer{border-color:#29424d;color:#577d90;font-size:8px}.memory-card{padding:14px 12px 0;min-height:0}.small-label{color:#3e748c!important}.memory-item{margin-top:10px;gap:8px;font-size:9px}.memory-item p{color:#709aae}.memory-item time{color:#476b7e;font-size:7px}.memory-dot{background:#3c768a}.journal-link{border-color:#233e4c;color:#70a3b9;font-size:9px}.market-teaser{background:linear-gradient(135deg,#243043,#152433);border:1px solid #455674;border-radius:5px;padding:10px 12px;gap:9px}.market-icon{background:#263b50;color:#9caeea;border-radius:5px;width:29px;height:31px}.market-teaser b{color:#a9b9dd;font-size:11px}.market-teaser small{color:#657a9f;font-size:8px}.market-teaser>svg{color:#647b94}
.scene-controls{right:250px;bottom:108px;z-index:4;gap:8px}.scene-button{height:33px;width:33px;border:1px solid #3e5c6b;background:#122432dd;color:#77b2c5;border-radius:4px;box-shadow:0 3px 12px #0003}.scene-button:hover{background:#275363;color:#c1f4ff}.garden-bottom{left:20px;right:20px;bottom:14px;color:#5c8ca2;font-family:monospace;z-index:3}.mood-badge{color:#65cad9;background:#0a2630ca;border:1px solid #2a5969;border-radius:3px;padding:6px 9px;font-size:8px}.drag-hint{color:#728e9f;font-size:8px}.dimension-badge{color:#5594ae;font-size:8px}.world-places{position:absolute;bottom:54px;left:216px;right:248px;z-index:4;display:flex;gap:8px;justify-content:center}.world-place{display:flex;align-items:center;justify-content:center;gap:8px;flex:1;border:1px solid #355362;border-radius:4px;background:linear-gradient(#1c3544ef,#0e202cee);padding:10px 9px;color:#8ec4d6;box-shadow:0 5px 16px #0005;text-align:left}.world-place>svg{width:22px;height:22px}.world-place b{display:block;font-size:10px;font-weight:600;white-space:nowrap}.world-place small{display:block;font-size:7px;color:#5b849a;margin-top:4px;white-space:nowrap}.world-place.mine-place{background:linear-gradient(#ebc06f,#c99543);border-color:#ffd899;color:#202b30;flex:1.3;box-shadow:0 0 22px #eaba4a1c}.world-place.mine-place small{color:#6b552f}.world-place.mine-place>svg{width:26px;height:26px}.world-mining-hud{position:absolute;left:50%;transform:translateX(-50%);top:132px;z-index:3;display:flex;gap:20px;pointer-events:none;font-size:8px;font-family:monospace;color:#638da2}.world-mining-hud b{color:#76cfdf;font-size:15px;font-weight:400;margin:0 5px}.world-atmosphere{display:none}
.care-section{border:1px solid #2a404c;background:#0e1c27;border-radius:6px;padding:15px;margin-top:20px}.care-heading{margin-bottom:12px}.care-heading h2{font-size:12px;color:#a8c3d1;letter-spacing:1px}.care-heading h2>span{color:#526d7e;font-size:9px}.saved-label{color:#54889c;font-size:8px}.care-actions{gap:10px}.care-button{padding:12px 10px;gap:9px;background:linear-gradient(#1c2d3b,#142330);border:1px solid #2c4555;border-radius:4px;box-shadow:inset 0 1px #ffffff05}.care-button:hover{background:#223d4c;border-color:#42788f;box-shadow:0 0 13px #37bec315}.action-icon{background:#213c4c;border:1px solid #345463;color:#76c5d9;width:33px;height:33px;border-radius:4px}.action-icon svg{width:19px;height:19px}.working .action-icon{color:#ecc16e;background:#373329;border-color:#625139}.care-button b{color:#9ec2d1;font-size:10px}.care-button small{font-size:8px;color:#577f96}.care-button small i{color:#44677c}.action-plus{color:#3b677b}.care-button.working{border-color:#6f5b37}.care-button.working b{color:#e9c681}.shop-banner{background:radial-gradient(ellipse at 80% 50%,#1e51643f,transparent 55%),linear-gradient(115deg,#10202e,#152c3d);border:1px solid #305568;border-radius:6px;padding:25px 38px}.shop-banner h2{color:#c5e1ec}.shop-banner p:last-child{color:#638a9e}.shop-mascot{width:115px;height:135px;object-fit:contain;filter:drop-shadow(0 0 25px #32ceec22);margin-right:9%}.filter-button{color:#638b9f;border-radius:3px}.filter-button.active{background:#1b3949;color:#88dce7}.shop-filters>span{color:#466c80}.shop-card{background:#10222f;border:1px solid #2e4b5b;border-radius:6px}.item-visual{background:linear-gradient(135deg,#142c3b,#183744)!important;border:1px solid #305569;border-radius:5px}.product-farmer,.product-miner{width:120px;height:140px;object-fit:contain}.product-food{width:80px;height:100px}.item-visual svg{color:#85ceda}.item-label{background:#0e2534df;border:1px solid #315668;color:#69b1c9;border-radius:3px;font-size:8px}.shop-card h3{color:#b6d3e1}.shop-card p{color:#6e93a6}.item-price{color:#cfaa63}.shop-card button{background:#214758;color:#93d9e8;border:1px solid #3c6c7f;border-radius:3px}.summary-card{background:#102330;border:1px solid #2b4859;border-radius:5px;color:#658fa5}.summary-card b{color:#69d8e6}.journal-timeline .memory-item{border-color:#243f4f}.guide-card h2{color:#b3d2e0}.guide-card p{color:#6c92a7}.guide-card p b{color:#a5c7d8}.guide-card>div>span{color:#3e899f;font-family:monospace}.primary-button{background:#256477;color:#baf6ff;border:1px solid #418f9f;border-radius:4px}.secondary-button{background:#193746;color:#91c8dc;border-color:#376171;border-radius:4px}dialog{background:#0f2331;border:1px solid #3c687c;color:#c2ddeb;border-radius:8px;box-shadow:0 25px 90px #0008}dialog::backdrop{background:#010611c9}.modal-copy{color:#739cb2}.field input{background:#091b28;border-color:#2b5369;color:#bee5f7;border-radius:4px}.setting-separator{border-color:#274659}.market-note{color:#517b92}.market-grid>div{background:#193442;color:#759eb2;border:1px solid #2a4b5a;border-radius:4px}.market-grid b{color:#79d4e2}.scan-chart{display:flex;align-items:center;justify-content:center;gap:12px;padding:22px;height:160px;background:repeating-linear-gradient(0deg,transparent,transparent 29px,#2b657c33 30px),#091c28;border:1px solid #244b5f;border-radius:4px}.scan-band{height:var(--h);width:16px;background:linear-gradient(#66dcdf,#1c536b);opacity:.8}.scan-result{color:#79edff;font-size:28px}.guess-buttons button{background:#173e50;border-color:#36667b;color:#8adeee;border-radius:4px}.guess-buttons button:last-child{background:#2a294c;border-color:#4a4780;color:#b5aae4}.game-result{color:#8cbbcf}.photo-preview{background:#07121d;border:1px solid #34536a}.toast{background:#164256f2;border:1px solid #3f899f;border-radius:5px;color:#c5f2ff}.toast.error{background:#5e3826f2;border-color:#977044;color:#ffe4af}.webgl-error{background:#163243!important;color:#bce8f3!important}footer{border-color:#1f3440;color:#4d748a;margin-top:20px;padding:17px 0;font-size:8px}footer p{color:#3d5e72}footer button{color:#628ba2}.noscript{background:#142b3c;color:#d7f1ff}
.world-mining-hud>span{display:flex;align-items:center;gap:4px}.world-mining-hud svg{width:13px;height:13px;color:#4fabc1}.world-mining-hud em{font-style:normal}.energy-pack{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;width:63px;height:90px;border:2px solid #5eb6cd;border-radius:9px;background:linear-gradient(90deg,#143345,#357282,#153345);box-shadow:0 0 24px #3ba6b52e,inset 0 0 12px #72e6e426}.energy-pack:before{content:'';position:absolute;top:-10px;width:28px;height:8px;background:#648694;border:1px solid #8ca9b2;border-radius:2px}.energy-pack svg{width:27px;height:34px;filter:drop-shadow(0 0 6px #4be3fd)}.energy-pack b{font:9px monospace;letter-spacing:2px;color:#8ee6f3}.energy-pack.premium-pack{background:linear-gradient(90deg,#473221,#87652e,#463020);border-color:#dfb25f;box-shadow:0 0 24px #efb95828}.premium-pack svg,.premium-pack b{color:#ffe0a0}.product-mint{filter:hue-rotate(105deg)}.product-gold{filter:saturate(1.5) brightness(1.15)}.product-sunglasses{filter:hue-rotate(170deg)}.scan-chart{position:relative;overflow:hidden;gap:30px}.scan-chart>div{display:flex;flex-direction:column;align-items:center;gap:12px}.scan-chart>div svg{width:36px;height:42px;color:#5ad6e6}.scan-chart small{font:8px monospace;letter-spacing:1px;color:#477c98}.scan-chart .scan-band{position:absolute;left:0;top:0;width:25%;height:100%;background:linear-gradient(90deg,transparent,#50d9eb18);border-right:1px solid #52c8df80;animation:scan-sweep 3s linear infinite;pointer-events:none}.scan-result{min-width:40px;text-align:center;z-index:1}@keyframes scan-sweep{from{transform:translateX(-100%)}to{transform:translateX(400%)}}
@media(min-width:961px){.task{padding:9px 0}.memory-card .memory-item:nth-child(n+2){display:none}.pet-card{padding-top:12px;padding-bottom:12px}}
@media(min-width:1500px){.home-layout{grid-template-columns:210px minmax(0,1fr) 244px;padding:0 20px}.garden{height:700px;margin:0 -20px}.pet-card{padding:17px}.stat{margin-top:16px}.world-places{left:255px;right:289px;bottom:60px}.scene-controls{right:280px}.task-copy b{font-size:11px}.task-copy small{font-size:9px}.task{padding:14px 0}.speech{top:105px}.world-mining-hud{top:156px}}
@media(max-width:1100px){.home-layout{grid-template-columns:162px minmax(0,1fr) 186px;gap:12px;padding:0 12px}.garden{margin:0 -12px;height:620px}.world-places{left:184px;right:208px;gap:5px}.world-place{padding:9px 5px;gap:5px}.world-place small{display:none}.world-place>svg{width:17px}.world-place b{font-size:9px}.scene-controls{right:210px}.task-symbol{display:none}.task-copy b{font-size:9px}.task-copy small span{margin-left:4px}.pet-card{padding:12px 9px}.next-level{font-size:6px}.status-card{padding:13px 9px 0}.speech{max-width:40%}.scene-caption{letter-spacing:1px}.avatar{width:67px;height:67px}.avatar img{width:60px;height:67px}.care-button{padding:11px 7px;gap:7px}}
@media(max-width:960px){.site-header{padding:0 20px}.brand{font-size:23px}.nav-button{padding:10px 12px}.home-layout{grid-template-columns:1fr 1fr;gap:14px;padding:0}.garden{grid-row:1;grid-column:1/-1;height:590px;margin:0}.pet-column{grid-row:2;grid-column:1;display:grid;grid-template-columns:1fr 1fr;align-self:stretch;gap:12px}.activity-column{grid-row:2;grid-column:2;display:flex;align-self:stretch}.memory-card{display:none}.market-teaser{display:flex}.tasks-card{flex:1}#tasks{display:block}.task{padding:11px 0}.task-symbol{display:grid}.world-places{left:35px;right:35px;bottom:53px;gap:10px}.world-place{padding:12px 10px}.world-place b{font-size:11px}.world-place small{display:block}.world-place>svg{width:22px}.scene-controls{right:20px;bottom:135px}.speech{top:78px;max-width:65%}.world-mining-hud{top:126px}.scene-caption{top:66px;font-size:8px;letter-spacing:2px}.speech{top:95px}.world-mining-hud{top:140px}.care-actions{grid-template-columns:repeat(3,1fr)}.care-button b{font-size:11px}.day-label{display:none}.task-copy b{font-size:10px}.next-level{white-space:normal;font-size:7px}.avatar{width:65px;height:68px}.stat-heading b{font-size:8px}}
@media(max-width:650px){.site-header{height:73px;padding:0 15px;margin-bottom:50px;border-bottom:1px solid #29404e}.site-header nav{top:73px;height:49px;background:#101d29;border-bottom:1px solid #29404e;gap:12px;padding:7px}.nav-button{padding:7px 11px;font-size:11px;border-radius:3px}.brand{font-size:24px}.brand-mark{width:34px;height:51px}.brand-mark img{width:36px;height:48px}.brand small{font-size:7px;letter-spacing:2px}.wallet{padding:6px 9px}.wallet strong{font-size:15px}.wallet svg{width:17px}.icon-button{width:30px;height:30px}.header-tools{gap:8px}main{padding:19px 12px 0}.page-heading{margin-bottom:17px}.page-heading h1{font-size:23px;letter-spacing:1px;margin-bottom:9px}.page-heading p:last-child{font-size:10px;max-width:330px;line-height:1.7}.eyebrow{font-size:7px;letter-spacing:1.7px}.home-layout{grid-template-columns:1fr;gap:14px}.garden{height:550px;border-radius:5px}.pet-column{grid-row:2;grid-column:1}.activity-column{grid-row:3;grid-column:1}.garden-top{left:11px;right:11px;top:13px}.place-tag{font-size:9px;padding:7px;gap:4px}.place-tag:before{font-size:8px;padding:2px 3px}.place-tag svg{display:none}.weather{font-size:8px;padding:7px}.weather svg{width:12px;height:12px}.scene-caption{top:60px;font-size:7px;letter-spacing:1.5px}.speech{top:79px;font-size:9px;padding:8px 11px;max-width:85%}.world-mining-hud{top:120px;font-size:7px;gap:13px;white-space:nowrap}.world-mining-hud b{font-size:12px}.scene-controls{right:12px;bottom:148px;gap:7px}.scene-button{width:29px;height:29px}.world-places{left:10px;right:10px;bottom:55px;gap:5px;flex-wrap:wrap}.world-place{flex:1;padding:9px 5px;gap:5px}.world-place.mine-place{flex:1 0 100%;padding:11px;justify-content:center;gap:12px}.world-place.mine-place small{display:inline;margin:0 0 0 8px}.world-place.mine-place b{display:inline;font-size:12px}.world-place.mine-place>svg{width:20px;height:20px}.world-place b{font-size:9px}.world-place small{display:none}.world-place>svg{width:15px;height:16px}.garden-bottom{left:12px;right:12px;bottom:13px;gap:5px}.mood-badge{font-size:7px;padding:6px}.drag-hint{font-size:6px;display:block}.dimension-badge{display:none}.pet-card{padding:15px}.avatar{width:73px;height:73px}.avatar img{height:73px;width:65px}.card-kicker{font-size:9px}.pet-personality{font-size:9px}.status-card{padding:15px 12px 0}.stat{margin-top:19px}.stat-heading{font-size:10px}.stat-heading b{font-size:9px}.status-tip{font-size:8px}.next-level{font-size:7px}.tasks-card{padding:16px}#tasks{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.task-symbol{display:none}.task-copy b{font-size:10px}.task-claim{padding:5px;font-size:8px}.task-copy small{font-size:9px}.task-footer{font-size:8px}.market-teaser{padding:13px}.care-section{padding:12px;margin-top:18px}.care-heading h2{font-size:12px}.care-heading h2>span{font-size:8px;margin-top:6px}.saved-label{font-size:7px}.care-actions{grid-template-columns:repeat(2,1fr);gap:8px}.care-button{padding:11px 8px;gap:7px}.care-button b{font-size:10px}.care-button small{font-size:7px}.action-icon{width:29px;height:30px}.shop-banner{padding:22px}.shop-banner h2{font-size:22px}.shop-mascot{width:76px;height:100px;margin:0}.product-miner{width:90px;height:115px}.shop-card p{font-size:10px}.shop-grid{gap:12px}.shop-card{padding:12px}.item-visual{height:140px}.summary-card{padding:20px}.scan-chart{gap:10px}.scan-band{width:12px}.world-place.mine-place svg{flex-shrink:0}footer{font-size:7px}}
@media(max-width:380px){#tasks{grid-template-columns:1fr}.task-symbol{display:grid}.page-heading h1{font-size:21px}.world-place.mine-place small{font-size:7px}.garden{height:530px}.speech{font-size:8px}.world-mining-hud{gap:10px}}