:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.title-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:2rem;gap:1.5rem}.title-glow{position:relative}.title{font-family:"Press Start 2P",monospace;font-size:2.2rem;color:#fff;text-shadow:0 0 10px #ff3366,0 0 20px #ff336688,0 0 40px #ff336644,0 0 10px #33aaff,0 0 20px #33aaff88,0 0 40px #33aaff44;animation:title-flicker 3s ease-in-out infinite;text-align:center;line-height:1.4}@keyframes title-flicker{0%,to{opacity:1}92%{opacity:1}93%{opacity:.8}94%{opacity:1}96%{opacity:.9}97%{opacity:1}}.subtitle{font-family:"Press Start 2P",monospace;font-size:.7rem;color:#88a;letter-spacing:2px}.menu-buttons{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.menu-btn{font-family:"Press Start 2P",monospace;font-size:.85rem;padding:1rem 2rem;border:2px solid;border-radius:4px;cursor:pointer;background:transparent;transition:all .2s;min-width:280px;text-align:center}.btn-pvp{color:#f36;border-color:#f36;text-shadow:0 0 8px #ff336688;box-shadow:0 0 10px #f363}.btn-pvp:hover{background:#f362;box-shadow:0 0 20px #f366}.btn-pva{color:#3af;border-color:#3af;text-shadow:0 0 8px #33aaff88;box-shadow:0 0 10px #3af3}.btn-pva:hover{background:#3af2;box-shadow:0 0 20px #3af6}.btn-train{color:#fa3;border-color:#fa3;text-shadow:0 0 8px #ffaa3388;box-shadow:0 0 10px #fa33}.btn-train:hover{background:#fa32;box-shadow:0 0 20px #fa36}.btn-howto{color:#3f9;border-color:#3f9;text-shadow:0 0 8px #33ff9988;box-shadow:0 0 10px #3f93}.btn-howto:hover{background:#3f92;box-shadow:0 0 20px #3f96}.trained-badge{display:inline-block;font-size:.45rem;background:#3f63;color:#3f6;border:1px solid #33ff6666;border-radius:3px;padding:.15rem .4rem;margin-left:.6rem;vertical-align:middle;text-shadow:0 0 6px #33ff6688}.player-stats{width:280px;padding:.8rem 1rem;border:1px solid #2a2a4a;border-radius:4px;background:#0d0d1f}.stats-header{font-family:"Press Start 2P",monospace;font-size:.5rem;color:#aac;text-align:center;margin-bottom:.5rem}.stats-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.4rem}.stats-level{font-family:"Press Start 2P",monospace;font-size:.5rem;color:#fa3;text-shadow:0 0 6px #ffaa3344}.stats-record{font-family:"Press Start 2P",monospace;font-size:.45rem;color:#88a}.level-bar-track{width:100%;height:6px;background:#1a1a3a;border-radius:3px;overflow:hidden}.level-bar-fill{height:100%;background:linear-gradient(90deg,#fa3,#f63);border-radius:3px;transition:width .3s;box-shadow:0 0 6px #fa34}.training-screen{display:flex;flex-direction:column;align-items:center;padding:2rem;gap:1.2rem;max-width:520px;width:100%;max-height:100vh;overflow-y:auto}.training-title{font-family:"Press Start 2P",monospace;font-size:1.4rem;color:#fa3;text-shadow:0 0 10px #ffaa3388,0 0 20px #ffaa3344;text-align:center}.training-subtitle{font-family:"Press Start 2P",monospace;font-size:.55rem;color:#88a;margin-top:-.5rem;text-align:center;line-height:1.6}.config-description{font-size:.75rem;color:#88a;text-align:center;line-height:1.6;margin:0}.training-config{display:flex;flex-direction:column;gap:.8rem;width:100%;padding:1rem;border:1px solid #2a2a4a;border-radius:4px;background:#0d0d1f}.config-row{display:flex;align-items:center;gap:.8rem;justify-content:center}.config-label{font-family:"Press Start 2P",monospace;font-size:.55rem;color:#aac}.config-input{font-family:"Press Start 2P",monospace;font-size:.6rem;width:70px;padding:.4rem;background:#0a0a1a;border:1px solid #3a3a6a;border-radius:4px;color:#fff;text-align:center}.config-input:focus{outline:none;border-color:#fa3}.config-actions{display:flex;justify-content:center}.train-btn{font-family:"Press Start 2P",monospace;font-size:.65rem;padding:.7rem 1.5rem;border:2px solid;border-radius:4px;cursor:pointer;background:transparent;transition:all .2s}.train-start{color:#fa3;border-color:#fa3;text-shadow:0 0 8px #ffaa3388}.train-start:hover{background:#fa32;box-shadow:0 0 15px #fa34}.train-stop{color:#f36;border-color:#f36;text-shadow:0 0 8px #ff336688}.train-stop:hover{background:#f362}.train-play{color:#3f6;border-color:#3f6;text-shadow:0 0 8px #33ff6688}.train-play:hover{background:#3f62;box-shadow:0 0 15px #3f64}.train-reset{color:#88a;border-color:#5a5a8a;font-size:.5rem}.train-reset:hover{color:#f36;border-color:#f36}.train-back{color:#aac;border-color:#5a5a8a;font-size:.5rem}.train-back:hover{color:#fff;border-color:#88b;box-shadow:0 0 10px #5a5a8a44}.training-progress{width:100%;padding:1rem;border:1px solid #2a2a4a;border-radius:4px;background:#0d0d1f}.progress-header{display:flex;justify-content:space-between;margin-bottom:.6rem}.progress-label{font-family:"Press Start 2P",monospace;font-size:.5rem;color:#fa3}.progress-games{font-family:"Press Start 2P",monospace;font-size:.45rem;color:#88a}.progress-bar-track{width:100%;height:12px;background:#1a1a3a;border-radius:6px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#fa3,#f63);border-radius:6px;transition:width .3s ease;box-shadow:0 0 8px #fa34}.progress-fitness{font-family:"Press Start 2P",monospace;font-size:.45rem;color:#88a;margin-top:.5rem;text-align:center}.fitness-value{color:#fa3}.training-results{width:100%;display:flex;flex-direction:column;gap:1rem}.fitness-chart{padding:1rem;border:1px solid #2a2a4a;border-radius:4px;background:#0d0d1f}.chart-title{font-family:"Press Start 2P",monospace;font-size:.5rem;color:#aac;text-align:center;margin-bottom:.8rem}.chart-bars{display:flex;align-items:flex-end;gap:2px;height:80px}.chart-bar-wrapper{flex:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:2px}.chart-bar-label{font-family:"Press Start 2P",monospace;font-size:.3rem;color:#668}.chart-bar{width:100%;background:linear-gradient(0deg,#fa3,#f63);border-radius:2px 2px 0 0;min-height:3px;transition:height .3s;box-shadow:0 0 4px #fa34}.weights-panel{padding:1rem;border:1px solid #2a2a4a;border-radius:4px;background:#0d0d1f}.weights-title{font-family:"Press Start 2P",monospace;font-size:.5rem;color:#aac;text-align:center;margin-bottom:.8rem}.weight-row{display:flex;align-items:center;gap:.5rem;padding:.25rem 0}.weight-label{font-family:"Press Start 2P",monospace;font-size:.4rem;color:#88a;min-width:110px;text-align:right}.weight-bar-container{flex:1;height:8px;background:#1a1a3a;border-radius:4px;overflow:hidden}.weight-bar{height:100%;border-radius:4px;transition:width .3s}.weight-bar.positive{background:#3af;box-shadow:0 0 4px #3af4}.weight-bar.negative{background:#f36;box-shadow:0 0 4px #f364}.weight-value{font-family:"Press Start 2P",monospace;font-size:.4rem;color:#88a;min-width:45px;text-align:right}.weight-changed{color:#fa3}.training-actions{display:flex;flex-direction:column;gap:.6rem;align-items:center;width:100%}.trained-info{font-family:"Press Start 2P",monospace;font-size:.4rem;color:#668;text-align:center}.howto-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:2rem;gap:1.5rem}.howto-title{font-family:"Press Start 2P",monospace;font-size:1.4rem;color:#3f9;text-shadow:0 0 10px #33ff9988,0 0 20px #33ff9944;text-align:center}.wizard-progress{display:flex;gap:.6rem}.wizard-dot{width:12px;height:12px;border-radius:50%;border:2px solid #3a3a6a;background:transparent;cursor:pointer;transition:all .2s;padding:0}.wizard-dot.done{background:#3f96;border-color:#3f9}.wizard-dot.active{background:#3f9;border-color:#3f9;box-shadow:0 0 8px #3f98;transform:scale(1.2)}.wizard-step{display:flex;flex-direction:column;align-items:center;gap:1.2rem;padding:1.5rem;border:1px solid #2a2a4a;border-radius:8px;background:#0a0a1a88;min-height:280px;width:100%;max-width:520px;animation:step-fade .3s ease-out}@keyframes step-fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.step-title{font-family:"Press Start 2P",monospace;font-size:.9rem;color:#fff;text-shadow:0 0 8px #33ff9988;text-align:center}.step-visual{display:flex;justify-content:center;align-items:center;flex:1}.step-description{font-size:.85rem;color:#aac;text-align:center;line-height:1.6;max-width:440px}.mini-grid-wrapper{display:flex;flex-direction:column;align-items:center;gap:.4rem}.mini-grid{display:grid;gap:0;border:2px solid #3a3a6a;border-radius:4px;overflow:hidden;box-shadow:0 0 12px #3a3a6a33}.mini-cell{width:44px;height:44px;border:1px solid #2a2a4a;display:flex;align-items:center;justify-content:center;background:#0d0d1f;position:relative}.mini-highlight{background:#1a1a3a;border-color:#5a5a8a;box-shadow:inset 0 0 8px #3f92}.mini-pulse{animation:mini-pulse-anim .8s ease-in-out infinite}@keyframes mini-pulse-anim{0%,to{background:#0d0d1f}50%{background:#2a1028}}.mini-orbs{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:2px}.mini-orb{border-radius:50%}.mini-caption{font-family:"Press Start 2P",monospace;font-size:.45rem;color:#88a;text-align:center;margin:0}.mini-arrow{position:absolute;width:0;height:0}.arrow-up{top:2px;left:50%;transform:translate(-50%);border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:7px solid #ff336688}.arrow-down{bottom:2px;left:50%;transform:translate(-50%);border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid #ff336688}.arrow-left{left:2px;top:50%;transform:translateY(-50%);border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:7px solid #ff336688}.arrow-right{right:2px;top:50%;transform:translateY(-50%);border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:7px solid #ff336688}.step-grids{display:flex;align-items:center;gap:.8rem}.step-grids.triple{gap:.5rem}.step-grids.triple .mini-cell{width:36px;height:36px}.step-grids.triple .mini-grid{grid-template-columns:repeat(3,36px)!important;grid-template-rows:repeat(3,36px)!important}.step-arrow-between{font-family:"Press Start 2P",monospace;font-size:1.2rem;color:#3f9;text-shadow:0 0 8px #33ff9988}.step-add-label{font-family:"Press Start 2P",monospace;font-size:.45rem;color:#f36;text-shadow:0 0 6px #ff336688;text-align:center;margin-bottom:.3rem;animation:boom-flash 1s ease-in-out infinite}@keyframes boom-flash{0%,to{opacity:1}50%{opacity:.5}}.step-mass-demo{display:flex;flex-direction:column;align-items:center;gap:1rem}.mass-legend{display:flex;gap:1.2rem}.mass-item{display:flex;align-items:center;gap:.4rem;font-size:.7rem;color:#88a}.mass-item strong{color:#cce;font-family:"Press Start 2P",monospace;font-size:.6rem}.mass-box{width:16px;height:16px;border:2px solid;border-radius:2px}.mass-corner{border-color:#f36;background:#f362;box-shadow:0 0 6px #f364}.mass-edge{border-color:#fa3;background:#fa32;box-shadow:0 0 6px #fa34}.mass-center{border-color:#3af;background:#3af2;box-shadow:0 0 6px #3af4}.step-win{display:flex;flex-direction:column;align-items:center;gap:1rem}.win-banner{text-align:center}.win-text{font-family:"Press Start 2P",monospace;font-size:1rem;color:#f36;text-shadow:0 0 12px #ff336688,0 0 24px #ff336644;animation:winner-pulse 1.5s ease-in-out infinite}.win-tip{font-size:.75rem;color:#fa3;margin-top:.5rem;line-height:1.5}.wizard-nav{display:flex;align-items:center;gap:1.5rem}.wizard-btn{font-family:"Press Start 2P",monospace;font-size:.65rem;padding:.7rem 1.2rem;border:2px solid #5a5a8a;border-radius:4px;background:transparent;color:#aac;cursor:pointer;transition:all .2s}.wizard-btn:hover:not(:disabled){background:#5a5a8a22;border-color:#88b;color:#fff;box-shadow:0 0 10px #5a5a8a44}.wizard-btn:disabled{opacity:.3;cursor:default}.wizard-btn-next{border-color:#3f9;color:#3f9;text-shadow:0 0 6px #33ff9988}.wizard-btn-next:hover{background:#3f92!important;border-color:#3f9!important}.wizard-btn-play{border-color:#f36;color:#f36;text-shadow:0 0 6px #ff336688}.wizard-btn-play:hover:not(:disabled){background:#f362!important;border-color:#f36!important;box-shadow:0 0 15px #f364}.wizard-counter{font-family:"Press Start 2P",monospace;font-size:.5rem;color:#5a5a8a}.cell{width:80px;height:80px;border:1px solid #2a2a4a;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .15s,border-color .15s;position:relative;background:#0d0d1f}.cell:hover{background:#14142a}.cell-valid{border-color:#3a3a6a}.cell-valid:hover{background:#1a1a3a;border-color:#5a5a8a}.cell-critical{animation:pulse-cell .8s ease-in-out infinite}@keyframes pulse-cell{0%,to{background:#0d0d1f}50%{background:#1a1028}}.orb-layout{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;width:60px;height:60px;position:relative}.orb{width:20px;height:20px;border-radius:50%;position:absolute;animation:orb-appear .2s ease-out}@keyframes orb-appear{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.orb-count-1 .orb:nth-child(1){top:50%;left:50%;transform:translate(-50%,-50%)}.orb-count-2 .orb:nth-child(1){top:12px;left:12px}.orb-count-2 .orb:nth-child(2){bottom:12px;right:12px}.orb-count-3 .orb:nth-child(1){top:8px;left:50%;transform:translate(-50%)}.orb-count-3 .orb:nth-child(2){bottom:8px;left:8px}.orb-count-3 .orb:nth-child(3){bottom:8px;right:8px}.orb-count-4 .orb:nth-child(1){top:6px;left:6px}.orb-count-4 .orb:nth-child(2){top:6px;right:6px}.orb-count-4 .orb:nth-child(3){bottom:6px;left:6px}.orb-count-4 .orb:nth-child(4){bottom:6px;right:6px}.cell-critical .orb{animation:orb-wobble .6s ease-in-out infinite}@keyframes orb-wobble{0%,to{transform:translate(0) scale(1)}25%{transform:translate(-2px,-1px) scale(1.05)}50%{transform:translate(1px,2px) scale(.95)}75%{transform:translate(2px,-1px) scale(1.05)}}.cell-critical .orb-count-1 .orb:nth-child(1){top:50%;left:50%;animation:orb-wobble-center .6s ease-in-out infinite}@keyframes orb-wobble-center{0%,to{transform:translate(-50%,-50%) scale(1)}25%{transform:translate(calc(-50% - 2px),calc(-50% - 1px)) scale(1.05)}50%{transform:translate(calc(-50% + 1px),calc(-50% + 2px)) scale(.95)}75%{transform:translate(calc(-50% + 2px),calc(-50% - 1px)) scale(1.05)}}.board{display:grid;gap:0;border:2px solid #3a3a6a;box-shadow:0 0 20px #3a3a6a44,0 0 60px #1a1a3a22;border-radius:4px;overflow:hidden}.game-info{display:flex;flex-direction:column;align-items:center;gap:.8rem;margin-bottom:1rem;width:100%;max-width:402px}.info-row{display:flex;align-items:center;justify-content:space-between;width:100%;gap:1rem}.player-indicator{display:flex;align-items:center;gap:.5rem;padding:.4rem .8rem;border:1px solid #2a2a4a;border-radius:4px;opacity:.5;transition:opacity .3s,border-color .3s}.player-indicator.active{opacity:1;border-color:#5a5a8a}.player-dot{width:10px;height:10px;border-radius:50%}.player-indicator.active .player-dot{animation:dot-pulse 1s ease-in-out infinite}@keyframes dot-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.player-name{font-family:"Press Start 2P",monospace;font-size:.55rem;color:#aac}.bomb-count{font-family:"Press Start 2P",monospace;font-size:.6rem;color:#fff;min-width:1.5em;text-align:right}.turn-display{text-align:center}.turn-label{font-family:"Press Start 2P",monospace;font-size:.55rem;color:#668}.chain-label{font-family:"Press Start 2P",monospace;font-size:.65rem;color:#fa3;text-shadow:0 0 8px #ffaa3388;animation:chain-flash .3s ease-in-out infinite alternate}@keyframes chain-flash{0%{opacity:.7}to{opacity:1}}.menu-back-btn{font-family:"Press Start 2P",monospace;font-size:.5rem;color:#aac;background:transparent;border:1px solid #5a5a8a;border-radius:4px;padding:.3rem 1rem;cursor:pointer;transition:all .2s}.menu-back-btn:hover{color:#fff;border-color:#88b;box-shadow:0 0 10px #5a5a8a44}.modal-overlay{position:fixed;inset:0;background:#0a0a1acc;display:flex;align-items:center;justify-content:center;z-index:100;animation:modal-fade-in .3s ease-out}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.modal-content{text-align:center;padding:2.5rem 3rem;border:2px solid #3a3a6a;border-radius:8px;background:#0d0d1f;box-shadow:0 0 40px #3a3a6a44;animation:modal-scale-in .3s ease-out}@keyframes modal-scale-in{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.winner-text{font-family:"Press Start 2P",monospace;font-size:1.4rem;margin-bottom:2rem;animation:winner-pulse 1.5s ease-in-out infinite}@keyframes winner-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.modal-buttons{display:flex;flex-direction:column;gap:.8rem}.modal-btn{font-family:"Press Start 2P",monospace;font-size:.7rem;padding:.8rem 1.5rem;border:2px solid #33aaff;border-radius:4px;background:transparent;color:#3af;cursor:pointer;transition:all .2s;text-shadow:0 0 8px #33aaff88}.modal-btn:hover{background:#3af2;box-shadow:0 0 15px #3af4}.modal-btn-secondary{border-color:#6a6a9a;color:#aac;text-shadow:none}.modal-btn-secondary:hover{color:#fff;background:#6a6a9a22;box-shadow:0 0 15px #6a6a9a44}.level-change{font-family:"Press Start 2P",monospace;font-size:.9rem;margin-bottom:1.5rem;display:flex;flex-direction:column;gap:.4rem}.level-up{color:#3f6;text-shadow:0 0 12px #33ff6688;animation:level-bounce .5s ease-out}.level-down{color:#f63;text-shadow:0 0 12px #ff663388}@keyframes level-bounce{0%{transform:scale(.5)}60%{transform:scale(1.2)}to{transform:scale(1)}}.level-change-detail{font-size:.55rem;color:#aac;text-shadow:none}.level-info{font-family:"Press Start 2P",monospace;font-size:.55rem;color:#88a;margin-bottom:1.5rem}*{margin:0;padding:0;box-sizing:border-box}body{background:#0a0a1a;color:#ccd;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow-x:hidden}.app{width:100vw;min-height:100vh;position:relative;display:flex;align-items:center;justify-content:center}.scanlines{position:fixed;inset:0;pointer-events:none;z-index:50;background:repeating-linear-gradient(0deg,transparent,transparent 2px,#0a0a1a11 2px,#0a0a1a11 4px)}.game-container{display:flex;flex-direction:column;align-items:center;gap:.5rem}::selection{background:#f364;color:#fff}