.header{background:var(--bg-secondary);border-bottom:1px solid var(--card-border);z-index:10;justify-content:space-between;align-items:center;padding:12px 16px;display:flex;position:relative}.header__gems{color:var(--gold);align-items:center;gap:8px;font-size:20px;font-weight:700;display:flex}.header__gems-icon{font-size:24px;animation:2s ease-in-out infinite gemPulse}@keyframes gemPulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.header__boost{color:var(--accent);background:#4fc3f726;border-radius:12px;justify-content:center;align-items:center;gap:4px;min-width:64px;padding:4px 10px;font-size:13px;display:flex}.header__boost.active{color:var(--gold);background:#ffd54f33;animation:1s ease-in-out infinite alternate boostGlow}@keyframes boostGlow{0%{box-shadow:0 0 4px #ffd54f4d}to{box-shadow:0 0 12px #ffd54f99}}.header__pet{align-items:center;gap:6px;font-size:14px;display:flex}.header__pet-emoji{font-size:22px}.header__streak{color:#ff9800;background:#ff980033;border-radius:8px;margin-left:4px;padding:1px 6px;font-size:12px}.header__combo{color:var(--gold);background:#ffd54f26;border-radius:6px;margin-right:4px;padding:1px 6px;font-size:13px;animation:.5s ease-in-out pulse}.header__mute-btn{cursor:pointer;opacity:.6;background:0 0;border:none;border-radius:6px;margin-left:6px;padding:2px 4px;font-size:16px;line-height:1;transition:opacity .2s}.header__mute-btn:hover{opacity:1}.mine-area{background:radial-gradient(ellipse at center bottom, #1a3a2a 0%, var(--bg) 70%);flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.mine-area:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(2px 2px at 20% 40%,#ffd54f80,#0000),radial-gradient(2px 2px at 70% 30%,#ffd54f66,#0000),radial-gradient(1px 1px at 40% 60%,#ffc1074d,#0000),radial-gradient(1px 1px at 80% 55%,#ffd54f4d,#0000),radial-gradient(3px 3px at 15% 70%,#fff3,#0000),radial-gradient(2px 2px at 55% 20%,#ffffff26,#0000);position:absolute;top:0;bottom:0;left:0;right:0}.mine-area__pet-container{cursor:pointer;z-index:1;position:relative}.mine-area__pet{filter:drop-shadow(0 0 20px #ffd54f4d);font-size:120px;transition:transform .1s}.mine-area__pet:active{transform:scale(.9)}.mine-area__pet.tapping{transform:scale(.85)}.mine-area__name{text-align:center;color:var(--text);z-index:1;margin-top:8px;font-size:18px;font-weight:600}.mine-area__gems-per-tap{text-align:center;color:var(--text-dim);z-index:1;margin-top:2px;font-size:13px}.mine-area__progress{z-index:1;width:200px;margin-top:20px}.mine-area__progress-label{color:var(--text-dim);justify-content:space-between;margin-bottom:4px;font-size:11px;display:flex}.mine-area__progress-bar{background:var(--card-bg);border-radius:3px;width:100%;height:6px;overflow:hidden}.mine-area__progress-fill{background:linear-gradient(90deg, var(--accent), var(--gold));border-radius:3px;height:100%;transition:width .5s}.float-text{color:var(--gold);pointer-events:none;z-index:100;text-shadow:0 0 8px #ffd54f80;font-size:22px;font-weight:700;animation:1s ease-out forwards floatUp;position:absolute}@keyframes floatUp{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-60px)scale(1.3)}}.mine-area__auto{color:var(--green);z-index:2;background:#66bb6a26;border-radius:10px;padding:4px 12px;font-size:12px;animation:2s ease-in-out infinite pulse;position:absolute;bottom:80px;left:50%;transform:translate(-50%)}@keyframes pulse{0%,to{opacity:.7}50%{opacity:1}}@media (max-height:600px){.mine-area__pet{font-size:80px}.mine-area__progress{margin-top:10px}}.float-text--crit{color:#ff5722;text-shadow:0 0 12px #ff5722b3;font-size:28px;animation:1s ease-out forwards floatUpCrit}@keyframes floatUpCrit{0%{opacity:1;transform:translateY(0)scale(1.5)}to{opacity:0;transform:translateY(-80px)scale(2)}}.mine-area__combo-badge{color:#ff9800;background:#ff980026;border-radius:10px;margin-left:8px;padding:2px 8px;font-size:13px;animation:.4s ease-in-out pulse;display:inline-block}.mine-area__max-combo{color:var(--text-dim);z-index:1;margin-top:4px;font-size:12px}.bottom-nav{background:var(--bg-secondary);border-top:1px solid var(--card-border);z-index:10;gap:10px;padding:12px 16px 16px;display:flex;position:relative}.bottom-nav__btn{background:var(--card-bg);border:1px solid var(--card-border);color:var(--text);border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:4px;padding:12px 8px;font-size:12px;transition:transform .1s,box-shadow .2s,background .2s;display:flex;position:relative}.bottom-nav__btn:active{transform:scale(.96)}.bottom-nav__btn-icon{font-size:28px}.bottom-nav__btn-label{font-size:13px;font-weight:600}.bottom-nav__btn-sub{color:var(--text-dim);font-size:10px}.bottom-nav__btn--boost{background:linear-gradient(135deg,#ff8f0033,#ffd54f1a);border-color:#ff8f004d}.bottom-nav__btn--boost:active{box-shadow:0 0 16px #ff8f0066}.bottom-nav__btn--auto{background:linear-gradient(135deg,#66bb6a26,#66bb6a0d);border-color:#66bb6a40}.bottom-nav__btn--task{background:linear-gradient(135deg,#4fc3f726,#4fc3f70d);border-color:#4fc3f740}.bottom-nav__btn-cooldown{color:var(--text-dim);pointer-events:none;background:#00000080;border-radius:12px;justify-content:center;align-items:center;font-size:12px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}:root{--bg:#1a1a2e;--bg-secondary:#16213e;--text:#e0e0e0;--text-dim:#888;--accent:#4fc3f7;--accent-glow:#81d4fa;--gold:#ffd54f;--gold-dark:#ff8f00;--green:#66bb6a;--red:#ef5350;--card-bg:#ffffff0f;--card-border:#ffffff14}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--bg);width:100%;height:100%;color:var(--text);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;touch-action:manipulation;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;outline:none}@keyframes spin{to{transform:rotate(360deg)}}