*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--stone: #7a7a7a;--coal: #2a2a2a;--iron: #c0956d;--gold: #f5c542;--diamond: #4ef0f0;--obsidian: #1a0a2e;--tnt: #e03030;--bedrock: #3c3c3c;--crystal: #a78bfa;--lava: #ff6b00;--bg-dark: #0d0d1a;--bg-mid: #111128;--surface: #1a1a35;--panel: #20203f;--border: #3a3a6a;--accent: #f5c542;--accent2: #4ef0f0;--danger: #e03030;--success: #22c55e;--font-pixel: "Press Start 2P", monospace;--font-head: "Boogaloo", cursive;--font-body: "Nunito", sans-serif;--shadow-glow: 0 0 20px rgba(245,197,66,.4);--shadow-deep: 0 8px 32px rgba(0,0,0,.7)}html,body{width:100%;height:100%;overflow:hidden;background:var(--bg-dark);color:#e8e8ff;font-family:var(--font-body)}#app{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column;opacity:0;pointer-events:none;transition:opacity .4s ease;z-index:10}.screen.active{opacity:1;pointer-events:all}#mine-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:url(/bg-mine.jpg) center/cover no-repeat;z-index:0}#mine-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0a0a1ae0,#0d0d1eb8,#06040ef2)}#particle-canvas{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}#screen-menu{z-index:10;gap:0}.menu-logo{text-align:center;margin-bottom:2rem;position:relative}.menu-logo .logo-title{font-family:var(--font-head);font-size:clamp(4rem,10vw,7rem);line-height:1;color:var(--accent);text-shadow:0 0 30px rgba(245,197,66,.6),4px 4px 0 #7a5000;letter-spacing:2px;display:block}.menu-logo .logo-subtitle{font-family:var(--font-pixel);font-size:clamp(.5rem,1.5vw,.75rem);color:var(--accent2);letter-spacing:3px;text-transform:uppercase;display:block;margin-top:.5rem}.pickaxe-hero{width:130px;height:130px;object-fit:contain;filter:drop-shadow(0 0 20px rgba(245,197,66,.7));margin:0 auto 1.5rem;display:block;animation:pickaxe-swing 1.4s ease-in-out infinite alternate}@keyframes pickaxe-swing{0%{transform:rotate(-15deg) scale(1)}to{transform:rotate(15deg) scale(1.05)}}.menu-panel{background:#1a1a35eb;border:2px solid var(--border);border-radius:16px;padding:2rem 2.5rem;width:min(420px,90vw);box-shadow:var(--shadow-deep),inset 0 1px #ffffff0d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.btn{display:block;width:100%;padding:.85rem 1.5rem;border:none;border-radius:10px;font-family:var(--font-head);font-size:1.4rem;letter-spacing:1px;cursor:pointer;transition:transform .15s,box-shadow .15s,filter .15s;position:relative;overflow:hidden}.btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,255,255,.15) 0%,transparent 60%);pointer-events:none}.btn:hover{transform:translateY(-2px);filter:brightness(1.1)}.btn:active{transform:translateY(1px);filter:brightness(.95)}.btn-primary{background:linear-gradient(135deg,#f5c542,#e0940a);color:#1a0a00;box-shadow:0 4px #7a4800,var(--shadow-glow);margin-bottom:.85rem}.btn-primary:hover{box-shadow:0 6px #7a4800,0 0 30px #f5c54299}.btn-secondary{background:linear-gradient(135deg,#2a2a55,#1a1a3a);color:var(--accent2);border:1px solid var(--border);box-shadow:0 4px #0a0a1a;margin-bottom:.85rem}.btn-danger{background:linear-gradient(135deg,#c0392b,#8e1a10);color:#fff;box-shadow:0 4px #5a0a05}.btn-sm{width:auto;display:inline-block;padding:.5rem 1rem;font-size:1.1rem}.menu-info{font-family:var(--font-pixel);font-size:.55rem;color:#6a6a99;text-align:center;margin-top:1rem;line-height:1.8}.pickaxe-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin:1rem 0}.pick-card{background:#1e1e3ccc;border:2px solid var(--border);border-radius:12px;padding:.85rem .5rem;text-align:center;cursor:pointer;transition:border-color .2s,transform .2s,box-shadow .2s;position:relative}.pick-card:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:0 6px 20px #f5c54240}.pick-card.selected{border-color:var(--accent);background:#f5c5421a;box-shadow:0 0 20px #f5c5424d}.pick-card.locked{opacity:.45;cursor:not-allowed;filter:grayscale(.7)}.pick-card.locked:hover{transform:none;border-color:var(--border);box-shadow:none}.pick-icon{font-size:2.2rem;display:block;margin-bottom:.4rem}.pick-name{font-family:var(--font-head);font-size:1.05rem;color:var(--accent);display:block;margin-bottom:.25rem}.pick-stat{font-family:var(--font-pixel);font-size:.45rem;color:#9898cc;line-height:1.8}.pick-stat span{color:#e8e8ff}.lock-badge{position:absolute;top:6px;right:6px;font-size:.9rem}#screen-game{z-index:5;flex-direction:row;align-items:flex-start;justify-content:center;padding:.5rem;gap:.75rem}.hud-panel{background:#141428e6;border:2px solid var(--border);border-radius:12px;padding:.75rem;width:180px;flex-shrink:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow-deep);display:flex;flex-direction:column;gap:.6rem}.hud-label{font-family:var(--font-pixel);font-size:.45rem;color:#6a6a99;text-transform:uppercase;letter-spacing:1px;margin-bottom:2px}.hud-value{font-family:var(--font-head);font-size:1.6rem;color:var(--accent);line-height:1}.hud-divider{border:none;border-top:1px solid var(--border);margin:.2rem 0}.progress-bar-wrap{background:#0006;border-radius:99px;height:10px;overflow:hidden;border:1px solid var(--border)}.progress-bar-fill{height:100%;border-radius:99px;transition:width .3s ease;position:relative}.progress-bar-fill:after{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:#fff3;border-radius:99px}.durability-fill{background:linear-gradient(90deg,#22c55e,#86efac)}.durability-fill.mid{background:linear-gradient(90deg,#f59e0b,#fcd34d)}.durability-fill.low{background:linear-gradient(90deg,#ef4444,#fca5a5)}.stage-fill{background:linear-gradient(90deg,var(--accent2),#818cf8)}.hud-stage-info{font-family:var(--font-head);font-size:1rem;color:#e8e8ff}.hud-pick-name{font-family:var(--font-head);font-size:1.1rem;color:var(--accent)}.mini-stage{display:flex;flex-direction:column;gap:2px;margin-top:.25rem}.mini-row{display:flex;gap:2px}.mini-block{width:14px;height:10px;border-radius:2px;opacity:.7}.combo-display{font-family:var(--font-head);font-size:1.3rem;color:var(--accent2);text-shadow:0 0 10px rgba(78,240,240,.6);text-align:center;min-height:1.6rem;transition:opacity .3s}.game-area{position:relative;flex:1;max-width:420px;display:flex;flex-direction:column;align-items:center;gap:.5rem}#game-canvas{border:3px solid var(--border);border-radius:12px;box-shadow:0 0 40px #000c,inset 0 0 0 1px #ffffff0a;display:block;cursor:none;max-width:100%}#timer-bar-wrap{width:100%;height:8px;background:#0006;border-radius:99px;border:1px solid var(--border);overflow:hidden}#timer-bar-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--danger),var(--accent));transition:width .05s linear}#stage-banner{font-family:var(--font-head);font-size:1.1rem;color:var(--accent);text-align:center;letter-spacing:1px;min-height:1.6rem}.hud-right{width:160px;flex-shrink:0;display:flex;flex-direction:column;gap:.6rem}.log-panel{background:#141428e6;border:2px solid var(--border);border-radius:12px;padding:.75rem;flex:1;overflow:hidden;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow-deep)}.log-title{font-family:var(--font-pixel);font-size:.45rem;color:#6a6a99;margin-bottom:.5rem;text-transform:uppercase}#event-log{display:flex;flex-direction:column;gap:.3rem;max-height:220px;overflow-y:auto}.log-entry{font-family:var(--font-pixel);font-size:.42rem;color:#b8b8e8;padding:.3rem .4rem;background:#00000040;border-radius:4px;border-left:2px solid var(--border);line-height:1.6;animation:log-in .3s ease}.log-entry.good{border-color:var(--success);color:#a7f3d0}.log-entry.warn{border-color:var(--gold);color:#fde68a}.log-entry.great{border-color:var(--accent2);color:#a5f3fc}.log-entry.danger{border-color:var(--danger);color:#fca5a5}@keyframes log-in{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.speed-panel{background:#141428e6;border:2px solid var(--border);border-radius:12px;padding:.75rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.speed-btns{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.4rem}.btn-speed{flex:1;padding:.35rem .4rem;border:1px solid var(--border);border-radius:6px;background:#0000004d;color:#9898cc;font-family:var(--font-pixel);font-size:.45rem;cursor:pointer;transition:all .15s;text-align:center}.btn-speed:hover,.btn-speed.active{background:var(--accent);color:#1a0a00;border-color:var(--accent)}.btn-pause{padding:.5rem 1rem;border:1px solid var(--border);border-radius:8px;background:#0006;color:#e8e8ff;font-family:var(--font-head);font-size:1rem;cursor:pointer;transition:all .15s;width:100%}.btn-pause:hover{background:#ffffff1a}#screen-upgrade{z-index:15}.upgrade-container{background:#141428f5;border:2px solid var(--accent);border-radius:18px;padding:1.5rem 2rem;width:min(520px,96vw);box-shadow:0 0 60px #f5c54233,var(--shadow-deep);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.upgrade-title{font-family:var(--font-head);font-size:2.2rem;color:var(--accent);text-align:center;margin-bottom:.25rem}.upgrade-sub{font-family:var(--font-pixel);font-size:.5rem;color:#6a6a99;text-align:center;margin-bottom:1.25rem}.upgrade-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1rem}.upgrade-card{background:#1e1e3ccc;border:2px solid var(--border);border-radius:12px;padding:1rem .85rem;cursor:pointer;transition:all .2s;position:relative}.upgrade-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 6px 24px #f5c54233}.upgrade-card.chosen{border-color:var(--accent);background:#f5c54214;pointer-events:none;box-shadow:0 0 20px #f5c5424d}.upg-icon{font-size:2rem;display:block;margin-bottom:.4rem}.upg-name{font-family:var(--font-head);font-size:1.15rem;color:#e8e8ff;margin-bottom:.25rem}.upg-desc{font-family:var(--font-pixel);font-size:.42rem;color:#9898cc;line-height:1.8}.upg-type{position:absolute;top:8px;right:8px;font-family:var(--font-pixel);font-size:.38rem;padding:2px 5px;border-radius:4px}.upg-type.attack{background:#ef444433;color:#fca5a5}.upg-type.defense{background:#22c55e33;color:#a7f3d0}.upg-type.special{background:#a78bfa33;color:#ddd6fe}.upgrade-stats{display:flex;gap:.5rem;margin-bottom:1rem}.upg-stat-box{flex:1;background:#0000004d;border-radius:8px;padding:.5rem;text-align:center}.upg-stat-label{font-family:var(--font-pixel);font-size:.4rem;color:#6a6a99;display:block;margin-bottom:2px}.upg-stat-val{font-family:var(--font-head);font-size:1.3rem;color:var(--accent)}#screen-result{z-index:20}.result-container{background:#141428f7;border:2px solid var(--border);border-radius:18px;padding:2rem 2.5rem;width:min(460px,96vw);text-align:center;box-shadow:var(--shadow-deep);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.result-title{font-family:var(--font-head);font-size:3rem;margin-bottom:.5rem}.result-title.win{color:var(--accent);text-shadow:0 0 30px rgba(245,197,66,.5)}.result-title.lose{color:var(--danger);text-shadow:0 0 30px rgba(224,48,48,.5)}.result-stats{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin:1.25rem 0}.result-stat-box{background:#0000004d;border-radius:10px;padding:.75rem;border:1px solid var(--border)}.result-stat-label{font-family:var(--font-pixel);font-size:.4rem;color:#6a6a99;display:block;margin-bottom:4px}.result-stat-val{font-family:var(--font-head);font-size:1.6rem;color:var(--accent)}.result-medal{font-size:4rem;display:block;margin:.5rem 0;filter:drop-shadow(0 0 15px rgba(245,197,66,.5))}.result-msg{font-family:var(--font-pixel);font-size:.5rem;color:#9898cc;line-height:2;margin-bottom:1.5rem}.result-btns{display:flex;flex-direction:column;gap:.6rem}.float-text{position:absolute;font-family:var(--font-head);font-size:1.4rem;font-weight:900;pointer-events:none;z-index:50;text-shadow:2px 2px 0 rgba(0,0,0,.8);white-space:nowrap}#pause-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:100;display:none;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}#pause-overlay.visible{display:flex}.pause-box{background:#1a1a35fa;border:2px solid var(--accent);border-radius:16px;padding:2rem 3rem;text-align:center;box-shadow:var(--shadow-deep),var(--shadow-glow)}.pause-title{font-family:var(--font-head);font-size:2.8rem;color:var(--accent);margin-bottom:1.5rem}.block-legend{margin-top:.5rem;display:flex;flex-direction:column;gap:.3rem}.legend-item{display:flex;align-items:center;gap:.4rem}.legend-dot{width:12px;height:12px;border-radius:3px;flex-shrink:0;border:1px solid rgba(255,255,255,.1)}.legend-text{font-family:var(--font-pixel);font-size:.38rem;color:#9898cc}.tooltip{position:relative}.tooltip:before{content:attr(data-tip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:#1a1a35;border:1px solid var(--border);border-radius:6px;padding:.3rem .5rem;font-family:var(--font-pixel);font-size:.4rem;color:#e8e8ff;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s;z-index:99}.tooltip:hover:before{opacity:1}@media (max-width: 700px){#screen-game{flex-direction:column;overflow-y:auto;align-items:center;padding:.5rem}.hud-panel,.hud-right{width:100%;flex-direction:row;flex-wrap:wrap}.hud-right{flex-direction:column}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 10px #f5c5424d}50%{box-shadow:0 0 25px #f5c542b3}}@keyframes bounce-in{0%{transform:scale(.5);opacity:0}70%{transform:scale(1.1);opacity:1}to{transform:scale(1)}}.anim-shake{animation:shake .35s ease}.anim-bounce{animation:bounce-in .4s ease forwards}.anim-pulse{animation:pulse-glow 1.5s ease infinite}.stars-bg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}