*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-dark: #0a0a0f;--bg-panel: #12121a;--border-color: #2a2a3a;--text-primary: #e8e8f0;--text-secondary: #8888a0;--accent-gold: #f4a83d;--accent-orange: #e85d2d;--accent-red: #c42847;--energy-green: #4ade80;--energy-yellow: #facc15;--energy-red: #ef4444;--panel-width: 200px;--header-height: 48px;--footer-height: 44px}html,body{height:100%;overflow:hidden;overscroll-behavior:none}body{font-family:Oxanium,sans-serif;background:var(--bg-dark);color:var(--text-primary);font-size:13px}#app{display:flex;flex-direction:column;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh}.header{display:flex;justify-content:space-between;align-items:center;height:var(--header-height);min-height:var(--header-height);flex-shrink:0;padding:0 1rem;background:var(--bg-panel);border-bottom:1px solid var(--border-color);z-index:10}.header-left{display:flex;align-items:center;gap:.75rem}.title{font-size:1rem;font-weight:700;letter-spacing:.08em;background:linear-gradient(135deg,var(--accent-gold),var(--accent-orange));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.online-status{display:flex;align-items:center;gap:.3rem;font-size:.7rem}.online-status .status-dot{width:7px;height:7px;border-radius:50%;background:var(--energy-red)}.online-status.online .status-dot{background:var(--energy-green);animation:pulse-dot 2s ease-in-out infinite}.online-status .status-text{color:var(--text-secondary)}.online-status.online .status-text{color:var(--energy-green)}.online-status.reconnecting .status-dot{background:var(--energy-yellow);animation:reconnect-pulse .8s ease-in-out infinite}.online-status.reconnecting .status-text{color:var(--energy-yellow)}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.5}}@keyframes reconnect-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.testing-mode-badge{display:flex;align-items:center;font-size:.65rem;font-weight:600;padding:.2rem .4rem;background:#facc1533;border:1px solid var(--energy-yellow);border-radius:4px;color:var(--energy-yellow);animation:testing-pulse 1.5s ease-in-out infinite}@keyframes testing-pulse{0%,to{opacity:1;box-shadow:0 0 4px #facc154d}50%{opacity:.7;box-shadow:0 0 8px #facc1580}}.header-center{flex:1;display:flex;justify-content:center;max-width:200px;margin:0 1rem}.progress-container{display:flex;align-items:center;gap:.5rem;width:100%}.progress-container .progress-bar-bg{flex:1;height:6px;background:var(--bg-dark);border-radius:3px;overflow:hidden}.progress-container .progress-bar{height:100%;width:0%;background:linear-gradient(90deg,var(--energy-green),var(--accent-gold));border-radius:3px;transition:width .3s ease}.progress-text{font-size:.7rem;font-weight:600;color:var(--accent-gold);min-width:2.5rem}.header-right{display:flex;align-items:center}.depth-display{display:flex;align-items:baseline;gap:.25rem}.depth-value{font-size:1.25rem;font-weight:700;color:var(--accent-gold)}.depth-value.updated{animation:depth-pulse .3s ease}@keyframes depth-pulse{50%{transform:scale(1.1);color:#fff}}.depth-unit{color:var(--text-secondary);font-size:.75rem}.main-layout{display:flex;flex:1;min-height:0;overflow:hidden}.game-container{flex:1;min-height:0;position:relative;overflow:hidden;cursor:crosshair}#game-canvas{display:block;width:100%;height:100%}.game-container.can-dig{cursor:pointer}.game-container.cannot-dig{cursor:not-allowed}.game-container.panning{cursor:grabbing}.game-container.mode-dig{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Ctext x='4' y='24' font-size='24'%3E⛏️%3C/text%3E%3C/svg%3E") 8 24,crosshair}.game-container.mode-dig:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border:2px solid rgba(255,215,0,.3);animation:dig-mode-border 2s ease-in-out infinite}@keyframes dig-mode-border{0%,to{border-color:#ffd70026}50%{border-color:#ffd70066}}.game-container.mode-reinforce{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='10' fill='%234ade80' opacity='0.7'/%3E%3Ccircle cx='16' cy='16' r='6' fill='%2322c55e'/%3E%3Ctext x='10' y='20' font-size='12' fill='white'%3E+%3C/text%3E%3C/svg%3E") 16 16,cell}.game-container.mode-reinforce:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border:3px solid rgba(74,222,128,.4);animation:reinforce-mode-border 2s ease-in-out infinite}@keyframes reinforce-mode-border{0%,to{border-color:#4ade8033}50%{border-color:#4ade8099}}.game-container.mode-destabilize{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='12' fill='none' stroke='%23ef4444' stroke-width='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='10' stroke='%23ef4444' stroke-width='2'/%3E%3Cline x1='16' y1='22' x2='16' y2='30' stroke='%23ef4444' stroke-width='2'/%3E%3Cline x1='2' y1='16' x2='10' y2='16' stroke='%23ef4444' stroke-width='2'/%3E%3Cline x1='22' y1='16' x2='30' y2='16' stroke='%23ef4444' stroke-width='2'/%3E%3Ccircle cx='16' cy='16' r='3' fill='%23ef4444'/%3E%3C/svg%3E") 16 16,crosshair}.game-container.mode-destabilize:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border:3px solid rgba(239,68,68,.4);animation:destabilize-mode-border 1.2s ease-in-out infinite}@keyframes destabilize-mode-border{0%,to{border-color:#ef444433}50%{border-color:#ef444499}}.side-panel{width:var(--panel-width);background:var(--bg-panel);display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.side-panel::-webkit-scrollbar{width:4px}.side-panel::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.left-panel{border-right:1px solid var(--border-color)}.right-panel{border-left:1px solid var(--border-color)}.panel-section{padding:.5rem;border-bottom:1px solid var(--border-color)}.panel-section:last-child{border-bottom:none}.section-header{display:flex;align-items:center;gap:.4rem;margin-bottom:.4rem;padding:0 .25rem}.section-icon{font-size:.8rem}.section-title{font-size:.65rem;font-weight:600;letter-spacing:.1em;color:var(--text-secondary)}.collapsed-section{padding:0}.collapsible-section{padding:0;display:flex;flex-direction:column}.collapsible-section.expanded{flex:1;min-height:0}.collapsible-section .section-content{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.section-toggle{width:100%;display:flex;align-items:center;gap:.4rem;padding:.5rem;background:none;border:none;color:var(--text-secondary);font-family:inherit;font-size:.65rem;cursor:pointer;transition:background .2s}.section-toggle:hover{background:#ffffff08}.section-toggle .badge{margin-left:auto;background:var(--accent-gold);color:#000;font-size:.6rem;font-weight:700;padding:.1rem .4rem;border-radius:10px}.toggle-arrow{font-size:.5rem;transition:transform .2s;margin-left:auto}.section-toggle.open .toggle-arrow{transform:rotate(180deg)}.section-content{padding:.5rem;border-top:1px solid var(--border-color)}.section-content.hidden{display:none}.tunnel-list{max-height:300px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--accent-gold) transparent}.tunnel-list::-webkit-scrollbar{width:6px}.tunnel-list::-webkit-scrollbar-thumb{background:var(--accent-gold);border-radius:3px}.tunnel-list::-webkit-scrollbar-thumb:hover{background:var(--accent-orange)}.tunnel-list.compact{max-height:250px}.tunnel-empty{color:var(--text-secondary);font-size:.75rem;text-align:center;padding:.75rem}.tunnel-item{background:#ffffff05;border:1px solid var(--border-color);border-radius:4px;padding:.4rem .5rem;margin-bottom:.35rem;cursor:pointer;transition:all .15s}.tunnel-item:hover{background:#ffffff0d}.tunnel-item.selected{border-color:var(--accent-gold);background:#f4a83d1a}.tunnel-item.warning{border-color:var(--energy-yellow)}.tunnel-item.danger{border-color:var(--accent-orange)}.tunnel-item.critical{border-color:var(--energy-red);animation:tunnel-pulse .5s ease-in-out infinite}@keyframes tunnel-pulse{50%{opacity:.7}}.tunnel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.tunnel-name{font-size:.75rem;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tunnel-depth{font-size:.65rem;color:var(--text-secondary)}.tunnel-stability{display:flex;align-items:center;gap:.4rem}.stability-bar-bg{flex:1;height:4px;background:var(--bg-dark);border-radius:2px;overflow:hidden}.stability-bar{height:100%;border-radius:2px;transition:width .2s,background .2s}.stability-text{font-size:.65rem;font-weight:600;min-width:2rem;text-align:right}.reinforce-section{background:#ffffff05}.selected-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:.4rem;font-size:.7rem}.selected-name{color:var(--text-primary);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected-stability{color:var(--accent-gold);font-weight:600}.reinforce-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.5rem;background:linear-gradient(135deg,#5d4a2a,#4a3a20);border:1px solid #7a6540;border-radius:4px;color:var(--text-primary);font-family:inherit;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .15s}.reinforce-btn:hover:not(:disabled){background:linear-gradient(135deg,#6d5a3a,#5a4a30)}.reinforce-btn:disabled{opacity:.4;cursor:not-allowed}.reinforce-btn.compact{padding:.4rem}.stat-compact{display:flex;justify-content:space-between;padding:.25rem 0;font-size:.7rem;color:var(--text-secondary)}.stat-compact .accent{color:var(--accent-gold);font-weight:600}.share-btn{width:100%;padding:.4rem;background:linear-gradient(135deg,var(--accent-gold),var(--accent-orange));border:none;border-radius:4px;color:#fff;font-family:inherit;font-size:.7rem;font-weight:600;cursor:pointer;margin-top:.4rem}.share-btn.compact{padding:.35rem;font-size:.65rem}.activity-feed{flex:1;overflow-y:auto;scrollbar-width:thin;min-height:100px}.collapsible-section.expanded .activity-feed{max-height:none}.feed-empty{color:var(--text-secondary);text-align:center;padding:.5rem;font-size:.7rem}.feed-item{display:flex;align-items:center;gap:.3rem;padding:.3rem .4rem;border-radius:3px;margin-bottom:.2rem;background:#ffffff05;font-size:.65rem;border-left:2px solid transparent}.feed-item.dig{border-left-color:var(--accent-gold)}.feed-item.reinforce{border-left-color:var(--energy-green)}.feed-item.destabilize{border-left-color:var(--accent-red);background:#8b454526}.feed-item.merge{border-left-color:var(--accent-blue);background:#6496ff1a}.feed-item.collapse{border-left-color:var(--energy-red);background:#ef44441a}.feed-icon{font-size:.7rem}.feed-text{flex:1;color:var(--text-secondary)}.feed-user{color:var(--text-primary);font-weight:500}.feed-depth{color:var(--accent-gold)}.progress-chart-section .section-content{padding:.4rem}.chart-period-tabs{display:flex;gap:.2rem;margin-bottom:.3rem}.chart-period-tab{flex:1;padding:.2rem .3rem;background:transparent;border:1px solid var(--border-color);border-radius:3px;color:var(--text-secondary);font-family:inherit;font-size:.55rem;cursor:pointer;transition:all .15s}.chart-period-tab:hover{background:#ffffff0d}.chart-period-tab.active{background:#f4a83d26;border-color:var(--accent-gold);color:var(--accent-gold)}.progress-chart{height:60px;background:#0003;border-radius:4px;overflow:hidden;margin-bottom:.3rem}.progress-chart svg{width:100%;height:100%}.progress-chart .chart-line{fill:none;stroke:var(--accent-gold);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.progress-chart .chart-area{fill:url(#chartGradient);opacity:.3}.progress-chart .chart-dot{fill:var(--accent-gold)}.chart-stats{display:flex;justify-content:space-between;font-size:.6rem}.chart-stats span:first-child{color:var(--text-primary);font-weight:600}.chart-stats span:last-child{color:var(--energy-green)}.embed-link-container{margin-top:.5rem;text-align:center}.embed-btn{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);padding:.3rem .6rem;font-size:.6rem;border-radius:4px;cursor:pointer;transition:all .2s}.embed-btn:hover{background:#f4a83d1a;border-color:var(--accent-gold);color:var(--accent-gold)}.embed-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1100;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s}.embed-modal.visible{opacity:1;visibility:visible}.embed-modal-content{background:var(--panel-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;max-width:450px;width:90%;max-height:80vh;overflow-y:auto}.embed-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.embed-modal-title{font-size:1rem;font-weight:600;color:var(--accent-gold)}.embed-modal-close{background:transparent;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;padding:0;line-height:1}.embed-modal-close:hover{color:var(--text-primary)}.embed-preview{background:#0a0a0f;border-radius:8px;padding:.5rem;margin-bottom:1rem}.embed-preview iframe{width:100%;height:280px;border:none;border-radius:6px}.embed-code-label{font-size:.75rem;color:var(--text-secondary);margin-bottom:.4rem}.embed-code{background:#0000004d;border:1px solid var(--border-color);border-radius:6px;padding:.6rem;font-family:Monaco,Consolas,monospace;font-size:.65rem;color:var(--text-primary);word-break:break-all;margin-bottom:.75rem}.embed-copy-btn{width:100%;background:linear-gradient(135deg,var(--accent-gold),#ff6b35);border:none;color:#0a0a0f;padding:.6rem;border-radius:6px;font-weight:600;font-size:.8rem;cursor:pointer;transition:transform .2s,box-shadow .2s}.embed-copy-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #f4a83d4d}.embed-options{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.embed-option{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--text-secondary);margin-bottom:.4rem}.embed-option input[type=checkbox]{accent-color:var(--accent-gold)}.leaderboard-period-tabs{display:flex;gap:.2rem;margin-bottom:.3rem}.period-tab{flex:1;padding:.25rem .4rem;background:transparent;border:1px solid var(--border-color);border-radius:3px;color:var(--text-secondary);font-family:inherit;font-size:.6rem;cursor:pointer;transition:all .15s}.period-tab:hover{background:#ffffff0d}.period-tab.active{background:#f4a83d26;border-color:var(--accent-gold);color:var(--accent-gold)}.leaderboard-tabs{display:flex;gap:.2rem;margin-bottom:.4rem}.leaderboard-tabs.compact .leaderboard-tab{padding:.3rem;font-size:.75rem}.leaderboard-tab{flex:1;padding:.35rem;background:#ffffff08;border:1px solid var(--border-color);border-radius:3px;color:var(--text-secondary);font-family:inherit;cursor:pointer;transition:all .15s}.leaderboard-tab:hover{background:#ffffff0f}.leaderboard-tab.active{background:#f4a83d26;border-color:var(--accent-gold);color:var(--accent-gold)}.leaderboard-list{flex:1;overflow-y:auto;min-height:80px}.collapsible-section.expanded .leaderboard-list{max-height:none}.leaderboard-empty{text-align:center;color:var(--text-secondary);padding:.4rem;font-size:.7rem}.leaderboard-entry{display:flex;align-items:center;gap:.4rem;padding:.25rem .4rem;border-radius:3px;margin-bottom:.15rem;background:#ffffff05;font-size:.7rem}.leaderboard-entry:nth-child(1){background:#ffd7001a}.leaderboard-entry:nth-child(2){background:#c0c0c014}.leaderboard-entry:nth-child(3){background:#cd7f3214}.leaderboard-entry.is-you{border:1px solid var(--accent-gold)}.leaderboard-rank{font-weight:700;min-width:1.2rem;color:var(--text-secondary);font-size:.65rem}.leaderboard-entry:nth-child(1) .leaderboard-rank{color:gold}.leaderboard-entry:nth-child(2) .leaderboard-rank{color:silver}.leaderboard-entry:nth-child(3) .leaderboard-rank{color:#cd7f32}.leaderboard-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-score{font-weight:600;color:var(--accent-gold)}.load-more-btn{display:block;width:100%;padding:.3rem;margin-top:.3rem;background:#ffffff08;border:1px solid var(--border-color);border-radius:3px;color:var(--text-secondary);font-family:inherit;font-size:.6rem;cursor:pointer;transition:all .15s}.load-more-btn:hover{background:#ffffff0f;color:var(--text-primary)}.load-more-btn.hidden{display:none}.setting-item{display:flex;align-items:center;justify-content:space-between;padding:.35rem .5rem;background:#ffffff05;border-radius:4px;cursor:pointer;margin-bottom:.25rem;font-size:.7rem}.setting-item.compact{padding:.3rem .4rem}.setting-toggle{width:32px;height:18px;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:var(--bg-dark);border:1px solid var(--border-color);border-radius:9px;position:relative;cursor:pointer}.setting-toggle:before{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;background:var(--text-secondary);border-radius:50%;transition:transform .2s}.setting-toggle:checked{background:var(--accent-gold);border-color:var(--accent-gold)}.setting-toggle:checked:before{transform:translate(14px);background:#fff}.settings-group{padding:.25rem 0;border-bottom:1px solid rgba(255,255,255,.05)}.settings-group:last-child{border-bottom:none}.audio-toggle{margin-bottom:.25rem}.volume-slider-container{padding:0 .25rem;transition:opacity .2s,max-height .2s}.volume-slider-container.hidden{opacity:.4;pointer-events:none}.volume-item{gap:.5rem}.volume-item span{min-width:45px;font-size:.65rem}.volume-slider{flex:1;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg-dark);border-radius:2px;cursor:pointer}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;background:var(--accent-gold);border-radius:50%;cursor:pointer;transition:transform .1s}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.volume-slider::-moz-range-thumb{width:12px;height:12px;background:var(--accent-gold);border-radius:50%;border:none;cursor:pointer}.volume-slider::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--accent-gold) 0%,var(--accent-gold) var(--value, 50%),var(--bg-dark) var(--value, 50%),var(--bg-dark) 100%);border-radius:2px;height:4px}.volume-slider::-moz-range-track{background:var(--bg-dark);border-radius:2px;height:4px}.footer{display:flex;align-items:center;justify-content:space-between;height:var(--footer-height);min-height:var(--footer-height);flex-shrink:0;padding:0 1rem;background:var(--bg-panel);border-top:1px solid var(--border-color);z-index:10}.action-modes{display:flex;gap:.25rem;margin-right:1rem}.mode-btn{width:36px;height:36px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-card);font-size:1.1rem;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.mode-btn:hover{background:#ffffff1a;border-color:var(--accent-gold)}.mode-btn.active{background:#ffd70033;border-color:var(--accent-gold);box-shadow:0 0 8px #ffd7004d}.mode-btn.mode-villain:hover{border-color:var(--accent-red);background:#ff64641a}.mode-btn.mode-villain.active{background:#ff646433;border-color:var(--accent-red);box-shadow:0 0 8px #ff64644d}.leaderboard-tab.villain-tab{color:var(--accent-red)}.leaderboard-tab.villain-tab.active{background:#ff646433;border-color:var(--accent-red)}.energy-container{display:flex;align-items:center;gap:.5rem;flex:1;max-width:300px}.energy-icon{font-size:1rem}.energy-bar-bg{flex:1;height:10px;background:var(--bg-dark);border-radius:5px;overflow:hidden;border:1px solid var(--border-color)}.energy-bar{height:100%;width:100%;background:var(--energy-green);border-radius:4px;transition:width .3s,background .3s}.energy-bar.medium{background:linear-gradient(90deg,var(--energy-yellow),var(--energy-green))}.energy-bar.low{background:linear-gradient(90deg,var(--energy-red),var(--energy-yellow))}.energy-text{font-size:.8rem;font-weight:600;color:var(--text-primary);min-width:3.5rem}.energy-timer{font-size:.7rem;color:var(--text-secondary)}.daily-bonus{font-size:.75rem;color:var(--accent-gold);font-weight:600;animation:pulse 2s ease-in-out infinite}.daily-bonus.used{color:var(--text-secondary);animation:none;opacity:.5}@keyframes pulse{50%{opacity:.6}}.hover-tooltip{position:absolute;pointer-events:none;background:#000000e6;border:1px solid var(--border-color);border-radius:4px;padding:.3rem .5rem;font-size:.7rem;opacity:0;transition:opacity .15s;z-index:100}.hover-tooltip.visible{opacity:1}.hover-tooltip.mode-reinforce{border-color:var(--energy-green);background:#002814f2}.hover-tooltip.mode-destabilize{border-color:var(--energy-red);background:#280a0af2}.dig-animation{position:fixed;pointer-events:none;width:50px;height:50px;border-radius:50%;background:radial-gradient(circle,rgba(244,168,61,.6) 0%,transparent 70%);transform:translate(-50%,-50%) scale(0);opacity:0;z-index:1000}.dig-animation.active{animation:dig-burst .35s ease-out forwards}@keyframes dig-burst{0%{transform:translate(-50%,-50%) scale(0);opacity:1}to{transform:translate(-50%,-50%) scale(1.3);opacity:0}}.collapse-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#c8323200;pointer-events:none;z-index:999}.collapse-overlay.active{animation:collapse-flash .5s ease-out}@keyframes collapse-flash{0%{background:#c8323259}to{background:#c8323200}}.notification{position:fixed;top:60px;left:20px;padding:.6rem 1.2rem;border-radius:8px;font-weight:600;font-size:.85rem;z-index:1000;pointer-events:none;animation:notification-slide 2.5s ease-in-out forwards}.notification-success{background:#4ade80f2;color:#fff}.notification-error{background:#ef4444f2;color:#fff}.notification-info{background:#f4a83df2;color:#fff}@keyframes notification-slide{0%{opacity:0;transform:translateY(-15px)}10%,85%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.collapse-warning{position:fixed;top:55px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#ef4444f2,#dc2626f2);border-radius:8px;z-index:200;animation:warning-pulse 1s ease-in-out infinite}.collapse-warning.hidden{display:none}@keyframes warning-pulse{50%{box-shadow:0 4px 20px #ef444499}}.warning-icon{font-size:1rem;animation:shake-icon .4s ease-in-out infinite}@keyframes shake-icon{25%{transform:rotate(-8deg)}75%{transform:rotate(8deg)}}.warning-text{font-weight:600;font-size:.8rem;color:#fff}.warning-action{padding:.3rem .7rem;background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:4px;color:#fff;font-family:inherit;font-weight:600;font-size:.7rem;cursor:pointer}.panel-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:99;opacity:0;transition:opacity .3s}.panel-backdrop.visible{display:block;opacity:1}.tutorial-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#050508f2;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem;opacity:1;transition:opacity .4s ease}.tutorial-overlay.hidden{opacity:0;pointer-events:none}.tutorial-content{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;max-width:380px;width:100%;text-align:center;position:relative}.tutorial-page{animation:tutorialFadeIn .3s ease}.tutorial-page.hidden{display:none}@keyframes tutorialFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tutorial-content h2{font-size:1.4rem;margin-bottom:.4rem;background:linear-gradient(135deg,var(--accent-gold),var(--accent-orange));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.tutorial-content h3{font-size:1.1rem;margin-bottom:.75rem;color:var(--accent-gold)}.tutorial-subtitle{color:var(--text-secondary);font-size:.85rem;margin-bottom:.5rem}.tutorial-hero{margin:1.5rem 0}.tutorial-earth{width:100px;height:100px;margin:0 auto 1rem;border-radius:50%;background:linear-gradient(180deg,#8b7355,#8b7355 15%,#9e5a3c 15%,#9e5a3c 50%,#b84a32 50%,#b84a32 75%,#ffb347 75%);box-shadow:0 0 20px #ffb34766,inset 0 0 40px #00000080;animation:earthPulse 3s ease-in-out infinite}@keyframes earthPulse{0%,to{box-shadow:0 0 20px #ffb34766,inset 0 0 40px #00000080}50%{box-shadow:0 0 35px #ffb34799,inset 0 0 40px #00000080}}.tutorial-goal{font-size:.95rem;color:var(--text-primary);font-weight:500}.tutorial-steps{display:flex;flex-direction:column;gap:.6rem;margin-bottom:1.25rem}.tutorial-step{display:flex;align-items:flex-start;gap:.75rem;text-align:left;padding:.7rem .85rem;background:#ffffff08;border-radius:8px;border-left:3px solid transparent;transition:all .2s ease}.tutorial-step.warning{border-left-color:var(--accent-gold);background:#f4a83d14}.tutorial-step.danger{border-left-color:#ef4444;background:#ef444414}.tutorial-step.villain{border-left-color:#a855f7;background:#a855f714}.step-icon{font-size:1.3rem;flex-shrink:0;margin-top:.1rem}.step-content{display:flex;flex-direction:column;gap:.15rem}.step-text{font-size:.9rem;font-weight:500;color:var(--text-primary)}.step-hint{font-size:.75rem;color:var(--text-secondary)}.tutorial-nav{display:flex;gap:.75rem;justify-content:center}.tutorial-btn{flex:1;padding:.85rem 1rem;font-size:.95rem;font-weight:700;background:linear-gradient(135deg,var(--accent-gold),var(--accent-orange));border:none;border-radius:8px;color:#fff;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.tutorial-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f4a83d4d}.tutorial-btn:active{transform:translateY(0)}.tutorial-btn-secondary{flex:.6;padding:.85rem 1rem;font-size:.9rem;font-weight:600;background:#ffffff14;border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.tutorial-btn-secondary:hover{background:#ffffff1f;color:var(--text-primary)}.tutorial-progress{display:flex;justify-content:center;gap:.5rem;margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--border-color)}.progress-dot{width:8px;height:8px;border-radius:50%;background:#fff3;cursor:pointer;transition:all .2s ease}.progress-dot.active{background:var(--accent-gold);transform:scale(1.2)}.progress-dot:hover:not(.active){background:#fff6}.tutorial-skip{display:flex;align-items:center;justify-content:center;gap:.4rem;margin-top:.85rem;color:var(--text-secondary);font-size:.75rem;cursor:pointer}.tutorial-skip input{width:16px;height:16px;accent-color:var(--accent-gold)}.mobile-actions{display:none;position:fixed;bottom:56px;right:10px;flex-direction:column;align-items:flex-end;gap:10px;z-index:101}.mobile-energy-indicator{display:none}.mobile-mode-selector{display:flex;flex-direction:row;gap:6px;background:#0a0a0ff2;padding:8px 10px;border-radius:16px;border:2px solid var(--border-color);box-shadow:0 4px 20px #00000080}.mobile-action-btn{min-width:58px;height:52px;border-radius:12px;border:2px solid var(--border-color);color:#fff;font-size:1.2rem;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;box-shadow:0 3px 12px #0000004d;padding:4px 8px;transition:all .2s ease}.mobile-btn-icon{font-size:1.3rem;line-height:1}.mobile-btn-label{font-size:.6rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;opacity:.9}.mobile-action-btn:disabled{opacity:.4}.mobile-action-btn.dig{background:linear-gradient(135deg,#4a4a4a,#2a2a2a);border-color:#666}.mobile-action-btn.dig.active{background:linear-gradient(135deg,gold,#ff9500);border-color:gold;box-shadow:0 0 18px #ffd70099}.mobile-action-btn.dig.active .mobile-btn-label{color:#000}.mobile-action-btn.reinforce{background:linear-gradient(135deg,#4a5a3a,#3a4a30);border:2px solid #5a7550}.mobile-action-btn.reinforce.critical{background:linear-gradient(135deg,#8a4030,#6a3020);border-color:var(--energy-red);animation:critical-pulse .5s ease-in-out infinite}@keyframes critical-pulse{50%{box-shadow:0 4px 20px #ef4444cc}}.mobile-action-btn.reinforce.active{background:linear-gradient(135deg,#4ade80,#22c55e);border-color:#4ade80;box-shadow:0 0 18px #4ade8099}.mobile-action-btn.reinforce.active .mobile-btn-label{color:#000}.mobile-action-btn.menu{background:linear-gradient(135deg,var(--accent-gold),var(--accent-orange));min-width:46px;height:46px;border-radius:50%;padding:0}.mobile-action-btn.destabilize{background:linear-gradient(135deg,#5a3030,#4a2020);border:2px solid #8a4040}.mobile-action-btn.destabilize.active{background:linear-gradient(135deg,#dc2626,#b91c1c);border-color:#f44;box-shadow:0 0 18px #dc262699}.mobile-energy-indicator{display:flex;align-items:center;justify-content:center;gap:4px;background:#0a0a0fe6;border:2px solid var(--border-color);border-radius:20px;padding:6px 12px;min-width:60px}.mobile-energy-indicator.low{border-color:var(--energy-red);animation:energy-low-pulse 1s ease-in-out infinite}@keyframes energy-low-pulse{50%{box-shadow:0 0 12px #ef444499}}.mobile-energy-icon{font-size:.9rem}.mobile-energy-value{font-size:.85rem;font-weight:600;color:var(--text-primary)}@media (max-width: 900px){:root{--panel-width: 170px}.title{font-size:.9rem}.online-status .status-text{display:none}}@media (max-width: 768px){.mobile-actions,.mobile-energy-indicator{display:flex}.side-panel{position:fixed;top:0;bottom:0;width:260px;z-index:100;transform:translate(-100%);transition:transform .3s ease}.left-panel{left:0}.right-panel{right:0;transform:translate(100%)}.side-panel.open{transform:translate(0)}.side-panel.open~.game-container .minimap-container,body:has(.side-panel.open) .minimap-container{opacity:0;pointer-events:none}.panel-backdrop.visible{z-index:99}.side-panel.open{z-index:100}.header{height:42px;padding:0 .75rem}.title{font-size:.85rem}.header-center{display:none}.depth-value{font-size:1.1rem}.footer{height:50px;padding:0 .75rem}.daily-bonus{display:none}.action-modes{margin-right:.5rem}.mode-btn{width:32px;height:32px;font-size:1rem}.energy-container{max-width:none}.energy-bar-bg{height:14px}.energy-text{font-size:.9rem}}@media (max-width: 480px){.header{padding:0 .5rem}.title{font-size:.75rem;letter-spacing:.05em}.depth-value{font-size:1rem}.footer{padding:0 .5rem}.action-modes{margin-right:.25rem;gap:.15rem}.mode-btn{width:28px;height:28px;font-size:.9rem}}body.large-text{font-size:16px}body.large-text .title{font-size:1.3rem}body.large-text .depth-value{font-size:1.6rem}body.large-text .tunnel-name{font-size:.9rem}body.high-contrast{--text-primary: #ffffff;--text-secondary: #cccccc;--border-color: #555555;--accent-gold: #ffcc00}body.reduced-motion,body.reduced-motion *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}@supports (padding-top: env(safe-area-inset-top)){#app{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.mobile-actions{bottom:max(56px,calc(50px + env(safe-area-inset-bottom)))}}.victory-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0a0ff2;z-index:2000;display:flex;align-items:center;justify-content:center;animation:victoryFadeIn .5s ease-out}.victory-overlay.hidden{display:none}@keyframes victoryFadeIn{0%{opacity:0}to{opacity:1}}.victory-confetti{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.confetti-piece{position:absolute;width:10px;height:10px;animation:confettiFall linear forwards}@keyframes confettiFall{0%{transform:translateY(-100px) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}.victory-content{position:relative;text-align:center;padding:2rem;max-width:700px;max-height:90vh;overflow-y:auto;animation:victorySlideUp .6s ease-out .2s both}.victory-close-btn{position:absolute;top:1rem;right:1rem;width:36px;height:36px;border:none;border-radius:50%;background:#ffffff1a;color:#ffffffb3;font-size:1.25rem;cursor:pointer;transition:all .2s ease;z-index:10}.victory-close-btn:hover{background:#fff3;color:#fff;transform:scale(1.1)}@keyframes victorySlideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.victory-glow{position:absolute;top:50%;left:50%;width:400px;height:400px;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(255,179,71,.3) 0%,rgba(255,107,53,.1) 40%,transparent 70%);animation:victoryPulse 3s ease-in-out infinite;pointer-events:none;z-index:-1}@keyframes victoryPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.8}50%{transform:translate(-50%,-50%) scale(1.2);opacity:1}}.victory-title{font-size:2.5rem;font-weight:700;letter-spacing:.1em;margin-bottom:.5rem;background:linear-gradient(135deg,gold,#ff6b35,#f44);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:victoryTitleGlow 2s ease-in-out infinite alternate;text-shadow:0 0 30px rgba(255,215,0,.5)}@keyframes victoryTitleGlow{0%{filter:brightness(1) drop-shadow(0 0 10px rgba(255,215,0,.5))}to{filter:brightness(1.2) drop-shadow(0 0 20px rgba(255,107,53,.8))}}.victory-subtitle{color:var(--text-secondary);font-size:1.1rem;margin-bottom:2rem}.victory-stats{display:flex;justify-content:center;gap:3rem;margin-bottom:2rem}.victory-stat{display:flex;flex-direction:column;gap:.3rem}.victory-stat.main-stat .stat-value{font-size:3rem;font-weight:700;background:linear-gradient(180deg,#fff,#fc0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.victory-stat .stat-value{font-size:1.8rem;font-weight:600;color:var(--accent-gold)}.victory-stat .stat-label{font-size:.85rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em}.victory-winner,.victory-mvp{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;margin:.5rem auto;background:#ffd7001a;border:1px solid rgba(255,215,0,.3);border-radius:8px;max-width:400px}.victory-winner{background:#ffd70026;border-color:#ffd70080}.winner-icon,.mvp-icon{font-size:1.5rem}.winner-label,.mvp-label{color:var(--text-secondary);font-size:.85rem}.winner-name,.mvp-name{font-weight:600;color:gold}.mvp-score{color:var(--text-secondary);font-size:.8rem}.victory-special-roles{display:flex;justify-content:center;gap:1rem;margin:1rem auto;flex-wrap:wrap;max-width:500px}.victory-role{display:flex;align-items:center;gap:.4rem;padding:.5rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;font-size:.85rem}.victory-role.top-referrer{background:#4ade801a;border-color:#4ade804d}.victory-role.top-villain{background:#ef44441a;border-color:#ef44444d}.role-icon{font-size:1.2rem}.role-label{color:var(--text-secondary);font-size:.75rem}.role-name{font-weight:600}.victory-role.top-referrer .role-name{color:#4ade80}.victory-role.top-villain .role-name{color:#ef4444}.role-score{color:var(--text-secondary);font-size:.75rem}.victory-leaderboards{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin:2rem 0;text-align:left}.victory-leaderboard h3{font-size:.9rem;color:var(--accent-gold);margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.05em}.victory-list{list-style:none;padding:0;margin:0}.victory-list li{display:flex;justify-content:space-between;padding:.4rem .5rem;font-size:.85rem;border-bottom:1px solid rgba(255,255,255,.05)}.victory-list li:nth-child(1){color:gold}.victory-list li:nth-child(2){color:silver}.victory-list li:nth-child(3){color:#cd7f32}.victory-list .rank{color:var(--text-secondary);width:1.5rem}.victory-list .name{flex:1}.victory-list .score{color:var(--text-secondary)}.victory-totals{display:flex;justify-content:center;gap:2rem;margin:1.5rem 0}.total-item{display:flex;flex-direction:column;align-items:center;gap:.2rem}.total-item span:first-child{font-size:1.3rem;font-weight:600;color:var(--text-primary)}.total-item span:last-child{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase}.victory-actions{display:flex;justify-content:center;gap:1rem;margin-top:1.5rem}.victory-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-family:inherit;font-size:.95rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;text-decoration:none;transition:transform .15s,box-shadow .15s}.victory-btn.share{background:linear-gradient(135deg,gold,#ff8c00);color:#1a1a1a}.victory-btn.secondary{background:#ffffff1a;color:var(--text-primary);border:1px solid rgba(255,255,255,.2)}.victory-btn:hover{transform:translateY(-2px);box-shadow:0 4px 20px #ffd7004d}@media (max-width: 600px){.victory-content{padding:1.5rem 1rem}.victory-title{font-size:1.6rem}.victory-stat.main-stat .stat-value{font-size:2rem}.victory-stats{gap:1.5rem}.victory-leaderboards{grid-template-columns:1fr;gap:1rem}.victory-totals{gap:1rem}.victory-actions{flex-direction:column}.victory-btn{justify-content:center}}.disaster-warnings{position:fixed;top:60px;left:50%;transform:translate(-50%);z-index:500;display:flex;flex-direction:column;gap:.5rem;max-width:400px;width:90%}.disaster-warnings.hidden{display:none}.disaster-warning-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#c83232e6;border:1px solid var(--accent-red);border-radius:8px;color:#fff;font-size:.9rem;animation:warningPulse 2s ease-in-out infinite;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.disaster-warning-item.tremor{background:#b45028e6;border-color:#b85020}.disaster-warning-item.hot_zone{background:#c86414e6;border-color:#f60}.disaster-warning-item.loose_rock{background:#786450e6;border-color:#8a7a60}.warning-icon{font-size:1.3rem}.warning-text{flex:1;font-weight:600}.warning-timer{font-family:Oxanium,monospace;font-size:1.1rem;font-weight:700;padding:.25rem .5rem;background:#0000004d;border-radius:4px}@keyframes warningPulse{0%,to{box-shadow:0 0 10px #ff646480}50%{box-shadow:0 0 20px #ff6464cc,0 0 30px #ff323266}}@media (max-width: 768px){.disaster-warnings{top:50px;max-width:95%}.disaster-warning-item{padding:.5rem .75rem;font-size:.8rem}.warning-icon{font-size:1.1rem}}.merge-popup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1500;display:flex;align-items:center;justify-content:center}.merge-popup.hidden{display:none}.merge-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.merge-content{position:relative;background:var(--bg-panel);border:2px solid var(--accent-gold);border-radius:12px;padding:1.5rem;max-width:450px;width:90%;box-shadow:0 0 30px #ffd7004d;animation:mergePopIn .3s ease-out}@keyframes mergePopIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.merge-title{font-family:Oxanium,sans-serif;font-size:1.4rem;font-weight:700;color:var(--accent-gold);text-align:center;margin:0 0 .75rem}.merge-description{text-align:center;color:var(--text-secondary);margin:0 0 1.25rem;font-size:.95rem}.merge-description span{color:var(--text-primary);font-weight:600}.merge-stats{display:flex;gap:1rem;margin-bottom:1.25rem;align-items:stretch}.tunnel-stats{flex:1;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:.75rem}.tunnel-stats h3{font-size:.85rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem;text-align:center}.tunnel-stats.your-tunnel{border-color:var(--accent-gold)}.tunnel-stats.other-tunnel{border-color:var(--accent-blue)}.merge-arrow{display:flex;align-items:center;font-size:1.5rem;color:var(--text-secondary)}.stat-row{display:flex;justify-content:space-between;font-size:.8rem;padding:.2rem 0}.stat-label{color:var(--text-secondary)}.stat-value{color:var(--text-primary);font-weight:600}.stat-value.danger{color:var(--accent-red)}.merge-preview{background:#ffd7001a;border:1px solid var(--accent-gold);border-radius:8px;padding:.75rem;text-align:center;margin-bottom:1.25rem}.merge-preview h3{font-size:.85rem;color:var(--accent-gold);margin:0 0 .5rem}.preview-stats{font-size:1rem;font-weight:600}.preview-stats .separator{margin:0 .5rem;color:var(--text-secondary)}.merge-actions{display:flex;flex-direction:column;gap:.5rem}.merge-btn{padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:8px;font-family:Oxanium,sans-serif;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .15s ease;text-align:center}.merge-btn.primary{background:linear-gradient(135deg,#ffd7004d,#ffb40033);border-color:var(--accent-gold);color:var(--accent-gold)}.merge-btn.primary:hover{background:linear-gradient(135deg,#ffd70080,#ffb4004d);box-shadow:0 0 15px #ffd7004d}.merge-btn.secondary{background:#64b4ff1a;border-color:var(--accent-blue);color:var(--accent-blue)}.merge-btn.secondary:hover{background:#64b4ff33}.merge-btn.secondary .cost{font-size:.85rem;opacity:.8}.merge-btn.cancel{background:transparent;color:var(--text-secondary)}.merge-btn.cancel:hover{color:var(--text-primary);background:#ffffff0d}@media (max-width: 480px){.merge-content{padding:1rem}.merge-title{font-size:1.2rem}.merge-stats{flex-direction:column;gap:.5rem}.merge-arrow{transform:rotate(90deg);justify-content:center;padding:.25rem 0}}.minimap-container{position:absolute;bottom:12px;left:12px;width:120px;height:240px;background:#0a0a0ff2;border:1px solid var(--border-color);border-radius:8px;overflow:hidden;z-index:50;box-shadow:0 4px 12px #0006;transition:height .25s ease,opacity .2s ease;display:flex;flex-direction:column}.minimap-container.collapsed{height:28px}.minimap-container.collapsed #minimap-canvas{display:none}.minimap-header{display:flex;align-items:center;justify-content:space-between;padding:.35rem .5rem;background:var(--bg-panel);border-bottom:1px solid var(--border-color);flex-shrink:0}.minimap-title{font-size:.6rem;font-weight:600;letter-spacing:.1em;color:var(--text-secondary)}.minimap-toggle{width:18px;height:18px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border-color);border-radius:3px;color:var(--text-secondary);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .15s;padding:0;line-height:1}.minimap-toggle:hover{background:#ffffff1a;color:var(--text-primary);border-color:var(--accent-gold)}#minimap-canvas{flex:1;width:100%;cursor:pointer;display:block}.minimap-viewport{position:absolute;border:2px solid var(--accent-gold);background:#f4a83d26;pointer-events:none;border-radius:2px;box-shadow:0 0 8px #f4a83d66}@media (max-width: 768px){.minimap-container{width:90px;height:180px;bottom:60px;left:8px}.minimap-container.collapsed{height:26px}.minimap-header{padding:.25rem .4rem}.minimap-title{font-size:.55rem}.minimap-toggle{width:16px;height:16px;font-size:.8rem}}@media (max-width: 480px){.minimap-container{width:80px;height:160px}.minimap-container.collapsed{height:24px}}.layer-phase-section{background:linear-gradient(180deg,rgba(40,40,60,.3) 0%,transparent 100%)}.layer-phase-section .section-header{padding-bottom:.25rem}.layer-info{padding:.25rem .5rem .5rem}.layer-depth{font-size:.7rem;color:var(--text-secondary);margin-bottom:.25rem}.layer-description{font-size:.75rem;color:var(--text-primary);margin:0 0 .5rem;line-height:1.3}.layer-requirements{background:#ffb43c1a;border:1px solid rgba(255,180,60,.3);border-radius:4px;padding:.4rem .5rem;margin-bottom:.5rem}.layer-requirements.hidden{display:none}.requirements-label{display:block;font-size:.65rem;color:var(--accent-gold);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.15rem}.requirements-text{font-size:.75rem;color:var(--text-primary)}.layer-mechanic{margin-top:.5rem;padding:.4rem .5rem;background:#0003;border-radius:4px}.layer-mechanic.hidden{display:none}.mechanic-label{display:block;font-size:.65rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.3rem}.ratio-display{display:flex;align-items:baseline;gap:.15rem;margin-bottom:.25rem}.ratio-value{font-size:1.1rem;font-weight:700;color:var(--energy-green)}.ratio-value.warning{color:var(--energy-yellow)}.ratio-value.danger{color:var(--energy-red)}.ratio-limit{font-size:.75rem;color:var(--text-secondary)}.ratio-bar-bg{height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.ratio-bar{height:100%;background:var(--energy-green);border-radius:2px;transition:width .3s ease,background .3s ease;width:0%}.ratio-bar.warning{background:var(--energy-yellow)}.ratio-bar.danger{background:var(--energy-red)}.sync-push-display{display:flex;gap:1rem;margin-bottom:.25rem}.sync-stat{display:flex;align-items:center;gap:.25rem}.sync-icon{font-size:.9rem}.sync-value{font-size:1rem;font-weight:700;color:var(--accent-gold)}.sync-limit{font-size:.75rem;color:var(--text-secondary)}.sync-timer{display:flex;align-items:center;gap:.3rem;font-size:.8rem;color:var(--energy-yellow);background:#fac8141a;padding:.25rem .5rem;border-radius:4px;margin-top:.25rem}.sync-timer.hidden{display:none}.timer-icon{font-size:.85rem}.hazard-list{display:flex;flex-direction:column;gap:.3rem}.hazard-item{display:flex;align-items:center;gap:.4rem;padding:.3rem .4rem;background:#ffffff0d;border-radius:4px;font-size:.75rem}.hazard-item .hazard-icon{font-size:.9rem}.hazard-item .hazard-name{flex:1;color:var(--text-primary)}.hazard-item .hazard-count{color:var(--text-secondary);font-size:.7rem}.hazard-item.heat{border-left:2px solid #ff6b35}.hazard-item.crystal{border-left:2px solid #60a5fa}.hazard-item.gas{border-left:2px solid #a855f7}.hazard-item.seismic{border-left:2px solid #fbbf24}.layer-phase-section[data-layer=CRUST] .section-header{background:linear-gradient(90deg,rgba(139,115,85,.3),transparent)}.layer-phase-section[data-layer=MANTLE] .section-header{background:linear-gradient(90deg,rgba(158,90,60,.3),transparent)}.layer-phase-section[data-layer=OUTER_CORE] .section-header{background:linear-gradient(90deg,rgba(220,56,32,.3),transparent)}.layer-phase-section[data-layer=INNER_CORE] .section-header{background:linear-gradient(90deg,rgba(255,140,66,.3),transparent)}@media (max-width: 768px){.layer-phase-section{position:fixed;top:var(--header-height);left:50%;transform:translate(-50%);width:auto;min-width:200px;max-width:280px;background:var(--bg-panel);border:1px solid var(--border-color);border-top:none;border-radius:0 0 8px 8px;z-index:100;box-shadow:0 4px 12px #0006}.layer-phase-section .section-header{padding:.35rem .5rem}.layer-info{padding:.25rem .5rem .35rem}.layer-description{font-size:.7rem;margin-bottom:.35rem}.layer-mechanic{padding:.3rem .4rem;margin-top:.35rem}}