html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background-color:#0b0c10}#game-container{position:relative;width:100vw;height:100vh;overflow:hidden;background-color:#0b0c10;font-family:Outfit,sans-serif;color:#c5c6c7;-webkit-user-select:none;user-select:none}#game-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}#ui-root{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none}#ui-root *{pointer-events:auto}.game-window{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:500px;background:#0f1624d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:2px solid #66fcf1;border-radius:8px;box-shadow:0 0 20px #66fcf14d,inset 0 0 15px #66fcf11a;padding:30px;box-sizing:border-box;text-align:center;animation:window-appear .3s cubic-bezier(.175,.885,.32,1.275) forwards}.game-window:before,.game-window:after{content:"";position:absolute;width:16px;height:16px;border:3px solid #45f3ff;pointer-events:none}.game-window:before{top:-6px;left:-6px;border-right:none;border-bottom:none}.game-window:after{bottom:-6px;right:-6px;border-left:none;border-top:none}@keyframes window-appear{0%{opacity:0;transform:translate(-50%,-45%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}h1,h2,h3{margin-top:0;font-family:Share Tech Mono,monospace;text-transform:uppercase;letter-spacing:2px}h1{font-size:2.2rem;color:#fff;text-shadow:0 0 10px rgba(102,252,241,.6),0 0 20px rgba(102,252,241,.3);margin-bottom:25px}h2{font-size:1.5rem;color:#66fcf1;margin-bottom:20px}.game-button{display:inline-block;background:linear-gradient(135deg,#1f2833,#0b0c10);border:1px solid #45f3ff;color:#66fcf1;font-family:Share Tech Mono,monospace;font-size:1.1rem;font-weight:600;text-transform:uppercase;padding:12px 24px;margin:8px;border-radius:4px;cursor:pointer;transition:all .2s ease;box-shadow:0 0 8px #66fcf126;min-width:160px}.game-button:hover:not(:disabled){background:linear-gradient(135deg,#45f3ff,#1f2833);color:#0b0c10;box-shadow:0 0 15px #45f3ff80;transform:translateY(-2px)}.game-button:active:not(:disabled){transform:scale(.95)}.game-button:disabled{border-color:#444;color:#666;cursor:not-allowed;box-shadow:none;background:#111}.hud-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.hud-panel{position:absolute;background:#0a0f1ab3;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(102,252,241,.2);border-radius:4px;padding:10px 15px;pointer-events:auto}.hud-top-left{top:20px;left:20px;width:260px}.hud-top-right{top:20px;right:20px;text-align:right;font-family:Share Tech Mono,monospace}.hud-bottom-left{bottom:20px;left:20px;max-width:300px}.hud-bottom-right{bottom:20px;right:20px}.hp-bar-container{width:100%;height:16px;background-color:#ffffff1a;border:1px solid #1f2833;border-radius:8px;margin-top:5px;overflow:hidden;position:relative}.hp-bar-fill{height:100%;background:linear-gradient(90deg,#ff4d4d,#ff1a1a);width:100%;transition:width .1s ease-out}.hp-text{position:absolute;width:100%;text-align:center;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.75rem;font-weight:800;color:#fff;text-shadow:1px 1px 2px #000;font-family:Share Tech Mono,monospace}.hud-label{font-size:.8rem;color:#8892b0;text-transform:uppercase}.hud-value{font-size:1.3rem;font-weight:700;color:#66fcf1;font-family:Share Tech Mono,monospace}.synergy-list{display:flex;flex-direction:column;gap:5px;margin-top:5px}.synergy-badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:4px;font-size:.75rem;font-family:Share Tech Mono,monospace;background:#66fcf11a;border:1px solid rgba(102,252,241,.4);color:#66fcf1;animation:neon-glow 1.5s ease-in-out infinite alternate}@keyframes neon-glow{0%{box-shadow:0 0 2px #66fcf133}to{box-shadow:0 0 8px #66fcf199}}.settings-list,.upgrade-list,.ranking-list{display:flex;flex-direction:column;gap:12px;margin:20px 0;max-height:280px;overflow-y:auto;padding-right:5px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0000001a}::-webkit-scrollbar-thumb{background:#1f2833;border-radius:3px;border:1px solid #66fcf1}.setting-row{display:flex;justify-content:space-between;align-items:center;padding:5px 0}.slider-container{display:flex;align-items:center;gap:10px;flex-grow:1;max-width:200px}.game-slider{-webkit-appearance:none;width:100%;height:6px;background:#1f2833;outline:none;border:1px solid #45f3ff;border-radius:3px}.game-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#66fcf1;cursor:pointer;box-shadow:0 0 8px #66fcf1}.upgrade-row{display:flex;justify-content:space-between;align-items:center;background:#1f283366;padding:10px 15px;border-radius:4px;border-left:3px solid #66fcf1}.upgrade-info{text-align:left}.upgrade-name{font-weight:600;font-size:.95rem;color:#fff}.upgrade-level{font-size:.75rem;color:#8892b0}.ranking-table{width:100%;border-collapse:collapse;font-family:Share Tech Mono,monospace;font-size:.9rem}.ranking-table th{border-bottom:2px solid #66fcf1;color:#66fcf1;padding:8px;text-align:center}.ranking-table td{padding:8px;border-bottom:1px solid rgba(255,255,255,.05)}.ranking-table tr:hover{background:#66fcf10d}.pause-btn-hud{pointer-events:auto;background:#0f1624cc;border:1px solid #45f3ff;color:#66fcf1;font-family:Share Tech Mono,monospace;cursor:pointer;padding:6px 12px;border-radius:4px;font-size:.8rem;transition:all .2s}.pause-btn-hud:hover{background:#45f3ff;color:#0b0c10;box-shadow:0 0 10px #45f3ff}.result-details{display:flex;flex-direction:column;gap:8px;margin:15px 0 25px;background:#1f28334d;padding:15px;border-radius:6px;font-family:Share Tech Mono,monospace}.result-row{display:flex;justify-content:space-between}.result-val{color:#66fcf1;font-weight:700}.upgrade-select-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:800px;background:#0a0f1ae6;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(102,252,241,.3);border-radius:12px;padding:30px;box-shadow:0 0 30px #0009;text-align:center;box-sizing:border-box;animation:window-appear .25s cubic-bezier(.175,.885,.32,1.2) forwards}.card-container{display:flex;justify-content:center;gap:20px;margin:30px 0;flex-wrap:wrap}.upgrade-card{flex:1 1 200px;max-width:230px;background:#1f283399;border:2px solid #555;border-radius:8px;padding:20px;cursor:pointer;transition:all .25s ease;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden}.rarity-Common{border-color:#66fcf1;box-shadow:inset 0 0 10px #66fcf10d}.rarity-Rare{border-color:#2ecc71;box-shadow:inset 0 0 10px #2ecc710d}.rarity-Epic{border-color:#bf55ec;box-shadow:inset 0 0 10px #bf55ec0d}.rarity-Legendary{border-color:gold;box-shadow:inset 0 0 10px #ffd7000d}.upgrade-card:hover{transform:translateY(-8px) scale(1.03);background:#1f2833e6}.upgrade-card.rarity-Common:hover{box-shadow:0 0 20px #66fcf166}.upgrade-card.rarity-Rare:hover{box-shadow:0 0 20px #2ecc7166}.upgrade-card.rarity-Epic:hover{box-shadow:0 0 20px #bf55ec66}.upgrade-card.rarity-Legendary:hover{box-shadow:0 0 25px #ffd70080}.upgrade-card.selected-card{transform:translateY(-8px) scale(1.03);background:#1f2833e6;outline:3px solid #ff007f;outline-offset:2px}.upgrade-card.rarity-Common.selected-card{box-shadow:0 0 20px #66fcf166}.upgrade-card.rarity-Rare.selected-card{box-shadow:0 0 20px #2ecc7166}.upgrade-card.rarity-Epic.selected-card{box-shadow:0 0 20px #bf55ec66}.upgrade-card.rarity-Legendary.selected-card{box-shadow:0 0 25px #ffd70080}.card-rarity-badge{font-family:Share Tech Mono,monospace;font-size:.7rem;font-weight:700;padding:2px 6px;border-radius:4px;text-transform:uppercase;margin-bottom:12px}.badge-Common{background:#66fcf133;color:#66fcf1}.badge-Rare{background:#2ecc7133;color:#2ecc71}.badge-Epic{background:#bf55ec33;color:#bf55ec}.badge-Legendary{background:#ffd70033;color:gold}.card-part-color{width:40px;height:40px;border-radius:4px;margin-bottom:15px;box-shadow:0 0 10px #ffffff1a;border:1px solid rgba(255,255,255,.2)}.card-name{font-family:Share Tech Mono,monospace;font-size:1.1rem;font-weight:700;color:#fff;margin-bottom:5px;text-align:center}.card-type{font-size:.75rem;color:#8892b0;text-transform:uppercase;margin-bottom:15px}.card-desc{font-size:.85rem;color:#c5c6c7;line-height:1.3;text-align:center;flex-grow:1}.damage-flash{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;background-color:#ff000040;animation:flash-animation .15s ease-out forwards;z-index:50}.upgrade-flash{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;background-color:#66fcf133;animation:flash-animation .25s ease-out forwards;z-index:50}@keyframes flash-animation{0%{opacity:1}to{opacity:0}}.exp-bar-wrapper{position:absolute;top:15px;left:50%;transform:translate(-50%);width:50%;max-width:600px;display:flex;align-items:center;gap:15px;z-index:20;pointer-events:auto}.exp-level-badge{background:linear-gradient(135deg,gold,#c90);color:#0b0c10;font-family:Share Tech Mono,monospace;font-size:.95rem;font-weight:800;padding:5px 12px;border-radius:4px;box-shadow:0 0 10px #ffd70066;text-shadow:0 1px 1px rgba(255,255,255,.2);flex-shrink:0;border:1px solid #ffffff33}.exp-bar-container{flex-grow:1;height:20px;background-color:#0a0f1ab3;border:1px solid rgba(255,215,0,.5);box-shadow:0 0 12px #ffd7001a;border-radius:10px;overflow:hidden;position:relative}.exp-bar-fill{height:100%;background:linear-gradient(90deg,gold,#fa0);box-shadow:0 0 8px #fa0c;width:0%;transition:width .2s cubic-bezier(.1,.8,.3,1)}.exp-bar-text{position:absolute;width:100%;text-align:center;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.75rem;font-weight:700;color:#fff;text-shadow:1px 1px 2px #000,0 0 4px #000;font-family:Share Tech Mono,monospace;letter-spacing:1.5px}