.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:root{--primary-color: #00f5ff;--secondary-color: #ff00ff;--highlight-color: #39ff14;--accent-color: #ff3366;--mystic-color: #9966ff;--dark-bg: #0a0a12;--light-bg: #12121a;--panel-bg: rgba(18, 18, 28, .95);--text-color: #e8e8f0;--text-muted-color: #9090a0;--xp-bar-color: var(--primary-color);--success-color: #39ff14;--danger-color: #ff3366;--warning-color: #ffcc00;--glow-cyan: 0 0 10px rgba(0, 245, 255, .5), 0 0 20px rgba(0, 245, 255, .3);--glow-magenta: 0 0 10px rgba(255, 0, 255, .5), 0 0 20px rgba(255, 0, 255, .3);--glow-lime: 0 0 10px rgba(57, 255, 20, .5), 0 0 20px rgba(57, 255, 20, .3);--border-neon: 1px solid rgba(0, 245, 255, .6);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#0a0a12cc;border-radius:10px;border:1px solid rgba(0,245,255,.2)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--primary-color),var(--secondary-color));border-radius:10px;border:1px solid rgba(0,245,255,.4);box-shadow:var(--glow-cyan)}::-webkit-scrollbar-thumb:hover{box-shadow:var(--glow-cyan),0 0 15px #00f5ff99}::-webkit-scrollbar-corner{background:#0000004d}body,html{margin:0;padding:0;width:100%;height:100%;background:var(--dark-bg);font-family:Segoe UI,system-ui,sans-serif;color:var(--text-color);overflow:hidden}#gameContainer{position:fixed;top:0;left:0;width:100vw;height:100vh;min-width:100%;min-height:100%;background:var(--dark-bg);overflow:hidden;display:flex;justify-content:center;align-items:center}#gameCanvas{display:block;touch-action:none}#menuOverlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:199;display:none}#inGameUI{position:absolute;top:15px;left:50%;transform:translate(-50%);display:none;flex-direction:row;align-items:center;gap:20px;background:#0a0a12e6;padding:8px 16px;border-radius:var(--radius-lg);border:var(--border-neon);z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--glow-cyan),0 4px 20px #0009}#xpBarContainer{position:relative;width:250px;height:22px;background-color:#000c;border-radius:var(--radius-md);border:1px solid rgba(0,245,255,.5);overflow:hidden;box-shadow:inset 0 0 15px #00f5ff1a,0 0 8px #00f5ff33}#xpBarFill{width:0%;height:100%;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));transition:width .3s ease-out;box-shadow:0 0 15px #00f5ff80,inset 0 0 10px #00f5ff33}#xpBarText{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;color:#fff;font-size:12px;font-weight:700;text-shadow:1px 1px 2px #000}#gameTimer,#gemCounter{font-size:16px;font-weight:700;color:var(--text-color);min-width:80px;text-align:center}#gemCounter{color:var(--highlight-color);text-shadow:var(--glow-lime)}.popup-menu{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--panel-bg);border-radius:var(--radius-lg);z-index:2000;text-align:center;border:1px solid rgba(0,245,255,.5);display:none;width:90%;max-width:800px;box-sizing:border-box;flex-direction:column;max-height:80vh;box-shadow:var(--glow-cyan),0 0 40px #00f5ff26,inset 0 0 60px #00f5ff08;padding:clamp(20px,4vw,30px);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow:hidden}.popup-menu h2,.popup-menu h3{margin-top:0;color:var(--primary-color);text-transform:uppercase;letter-spacing:3px;text-shadow:var(--glow-cyan);font-family:Segoe UI,system-ui,sans-serif;font-weight:700}.menu-content{flex-grow:1;overflow-y:auto;min-height:0;padding:10px;margin:15px 0;border-radius:var(--radius-md);background:#0000004d;border:1px solid rgba(255,0,255,.2);max-height:60vh;scrollbar-width:thin;scrollbar-color:var(--primary-color) rgba(0,0,0,.3);overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch}#pauseStatsContainer{display:flex;flex-direction:row;gap:20px;text-align:left}.stats-column{flex:1;min-width:0;display:flex;flex-direction:column;gap:15px}.stats-section{background:#0006;padding:15px;border-radius:var(--radius-md);border-left:3px solid var(--primary-color);box-shadow:inset 0 0 15px #00f5ff0d,0 0 10px #00f5ff1a}.stats-section-title{font-weight:700;color:var(--primary-color);margin-bottom:10px;font-size:clamp(15px,2.5vw,18px);border-bottom:1px solid rgba(0,245,255,.3);padding-bottom:5px;font-family:Segoe UI,system-ui,sans-serif;text-shadow:var(--glow-cyan)}.upgrade-option,.permanent-upgrade-option,.character-option{background:#12121ccc;border:1px solid rgba(0,245,255,.4);margin-bottom:10px;padding:15px;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease-in-out;text-align:left;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.upgrade-option{display:flex;align-items:flex-start;gap:12px}.upgrade-option-icon,.permanent-upgrade-option .upgrade-option-icon{font-size:28px;flex-shrink:0;line-height:1;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#00f5ff14;border:1px solid rgba(0,245,255,.25);box-shadow:0 0 15px #00f5ff26,inset 0 0 10px #00f5ff0d}.upgrade-option.evolution .upgrade-option-icon{background:#39ff141a;border-color:#39ff1466;box-shadow:0 0 15px #39ff1433,inset 0 0 10px #39ff140d}.upgrade-option.mastery .upgrade-option-icon{background:#ff33661a;border-color:#f366;box-shadow:0 0 15px #f363,inset 0 0 10px #ff33660d}.upgrade-option.fusion .upgrade-option-icon{background:#9966ff1a;border-color:#96f6;box-shadow:0 0 15px #96f3,inset 0 0 10px #9966ff0d}.upgrade-option.passive .upgrade-option-icon{background:#00f5ff1f;border-color:#00f5ff66;box-shadow:0 0 15px #00f5ff40,inset 0 0 10px #00f5ff14}.upgrade-option-text{flex:1;min-width:0}.character-option{display:flex;align-items:flex-start;gap:12px}.character-option-icon{font-size:28px;flex-shrink:0;line-height:1}.character-option-content{flex:1;min-width:0}.upgrade-option:hover,.permanent-upgrade-option:hover,.character-option:hover{background:#00f5ff0f;border-color:var(--primary-color);transform:translateY(-2px) scale(1.01);box-shadow:var(--glow-cyan),0 4px 20px #0006}.upgrade-option.evolution,.upgrade-option.mastery{border-left:4px solid}.upgrade-option.evolution{border-color:var(--highlight-color);box-shadow:inset 0 0 15px #39ff141a}.upgrade-option.mastery{border-color:var(--accent-color);box-shadow:inset 0 0 15px #ff336626}.permanent-upgrade-option{display:flex;justify-content:space-between;align-items:center;background:#12121ce6;border:1px solid rgba(0,245,255,.4);border-radius:var(--radius-md);padding:20px;margin:15px 0;transition:all .3s ease;min-height:100px}.permanent-upgrade-option:hover{background:#00f5ff0d;border-color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--glow-cyan)}.permanent-upgrade-option>div:first-child{flex:1;text-align:left}.upgrade-title{font-size:18px;font-weight:700;color:var(--primary-color);margin-bottom:8px;text-shadow:0 0 8px rgba(0,245,255,.5);font-family:Segoe UI,system-ui,sans-serif}.perm-upgrade-level{font-size:16px;color:var(--secondary-color);margin-bottom:8px;font-weight:700;text-shadow:0 0 8px rgba(255,0,255,.4)}.upgrade-desc{font-size:15px;color:#fff;opacity:.95;text-shadow:0 1px 2px rgba(0,0,0,.8)}.perm-upgrade-cost{font-size:16px;color:var(--accent-color);font-weight:700;margin-bottom:12px;text-align:center;text-shadow:0 0 8px rgba(255,51,102,.5)}.buy-button{background:linear-gradient(145deg,var(--highlight-color),#28a745);color:#fff;border:none;border-radius:8px;padding:12px 20px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;min-width:120px;text-shadow:0 1px 2px rgba(0,0,0,.8);box-shadow:0 2px 4px #0000004d;font-family:Cinzel,serif}.buy-button:hover:not(:disabled){background:linear-gradient(145deg,#2ecc71,var(--success-color));transform:translateY(-1px);box-shadow:0 4px 8px #0006,0 0 8px #228b224d}.buy-button:disabled{background:linear-gradient(145deg,#666,#555);color:var(--text-muted-color);cursor:not-allowed;transform:none;box-shadow:0 1px 2px #0000004d;opacity:.7}.buy-button:disabled:hover{background:linear-gradient(145deg,#777,#666);transform:none;box-shadow:0 1px 2px #0000004d}.character-option h5{font-size:clamp(14px,2.5vw,16px);font-weight:700;color:var(--secondary-color);font-family:Cinzel,serif}.character-option p{font-size:clamp(10px,1.8vw,12px);color:var(--text-muted-color);margin:5px 0 0}.character-bonus{color:var(--success-color);text-shadow:0 0 3px rgba(34,139,34,.3)}.character-malus{color:var(--danger-color);text-shadow:0 0 3px rgba(139,0,0,.3)}.character-option.selected{border-color:var(--highlight-color);background:#39ff1414;box-shadow:var(--glow-lime),0 0 20px #39ff1433}#stageSelectionContainer{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;padding:15px}#stageSelectionContainer .character-option{min-width:140px;max-width:180px;text-align:center;position:relative;transition:all .3s ease}#stageSelectionContainer .character-option:hover{transform:translateY(-3px) scale(1.05);box-shadow:var(--glow-cyan)}#stageSelectionContainer .character-option.selected{border-color:var(--highlight-color);background:#39ff1414;box-shadow:var(--glow-lime),0 0 25px #39ff144d}#stageSelectionContainer .character-option:not(.unlocked){opacity:.6;cursor:not-allowed;background:#6464644d;border-color:#666}#stageSelectionContainer .character-option:not(.unlocked):hover{transform:none;box-shadow:none}.stage-lock-icon{position:absolute;top:5px;right:5px;font-size:16px;color:#666}.stage-name{font-weight:700;margin-bottom:5px;font-size:14px}.stage-status{font-size:12px;opacity:.8;line-height:1.2}.stat-item{display:flex;align-items:center;gap:8px;margin-bottom:5px;font-size:clamp(12px,2vw,14px)}.stat-item .icon{width:20px;height:20px;fill:var(--highlight-color);flex-shrink:0;filter:drop-shadow(0 0 3px rgba(255,215,0,.5))}.stat-item-label{color:var(--text-color)}.stat-item-value{color:var(--text-muted-color);font-weight:700}.stat-item-title{font-size:clamp(13px,2vw,15px);color:var(--primary-color);font-weight:700;margin:10px 0 4px;padding-bottom:4px;border-bottom:1px solid rgba(0,245,255,.2);text-shadow:0 0 5px rgba(0,245,255,.4)}.stat-item-title:first-of-type{margin-top:0}.weapon-stat-details{font-size:clamp(10px,1.8vw,12px);color:var(--text-muted-color);margin-left:28px;margin-bottom:8px;padding-left:8px;border-left:2px solid rgba(0,245,255,.2)}button{background:linear-gradient(145deg,var(--secondary-color),var(--primary-color));color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:clamp(14px,2.2vw,16px);margin:5px;transition:all .2s ease-in-out;-webkit-tap-highlight-color:transparent;flex-shrink:0;border-bottom:2px solid var(--dark-bg);text-transform:uppercase;font-weight:700;font-family:Cinzel,serif;letter-spacing:1px}button:hover{filter:brightness(1.15);transform:translateY(-1px);box-shadow:0 4px 12px #0006,0 0 12px #00f5ff4d}button:active{transform:translateY(1px);filter:brightness(.9)}button:disabled{background:#566573;filter:grayscale(80%);cursor:not-allowed;transform:none;box-shadow:none}.buy-button{background:linear-gradient(145deg,#2ecc71,#27ae60)}.controls{margin-top:20px;font-size:clamp(10px,1.8vw,12px);color:var(--text-muted-color)}#joystick-container{position:fixed;width:120px;height:120px;background:#80808066;border-radius:50%;z-index:150;display:none;pointer-events:none}#joystick-stick{position:absolute;top:30px;left:30px;width:60px;height:60px;background:#c8c8c899;border-radius:50%;will-change:transform}#pauseButton{position:absolute;top:15px;right:15px;width:45px;height:45px;padding:0;background:#12121ce6;color:var(--text-color);border:1px solid rgba(0,245,255,.5);border-radius:50%;display:none;flex-direction:row;justify-content:center;align-items:center;font-size:22px;line-height:1;font-weight:700;cursor:pointer;z-index:150;box-shadow:0 0 15px #00f5ff4d;transition:all .3s ease}#pauseButton span{display:flex;align-items:center;justify-content:center;width:1em;height:1em;text-align:center;transform:translate(1px,-2px)}#pauseButton:hover{background:#00f5ff1a;border-color:var(--primary-color);transform:scale(1.1);box-shadow:0 0 20px #00f5ff80}#pauseButtonMobile{display:flex;align-items:center;justify-content:center;padding:12px!important;min-width:48px;min-height:48px;box-sizing:border-box}.save-load-container{margin-top:15px;padding:10px;background:#0006;border-radius:var(--radius-md);border:1px solid rgba(0,245,255,.3)}.save-load-container input,.save-load-container textarea{width:calc(100% - 20px);padding:8px;margin:5px 0;border-radius:var(--radius-sm);border:1px solid rgba(0,245,255,.4);background:var(--light-bg);color:var(--text-color);font-family:Courier New,monospace}.save-load-container button{width:calc(50% - 10px)}#load-notification{color:var(--highlight-color);font-size:14px;height:16px;margin-top:5px;text-shadow:0 0 5px rgba(57,255,20,.5)}.menu-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:20px;width:100%}#runStatsContainer{display:flex;flex-wrap:wrap;justify-content:space-around;gap:15px;width:100%;padding:10px;background:#00000059;border-radius:var(--radius-md);margin-bottom:15px;border:1px solid rgba(0,245,255,.25)}.run-stat-item{display:flex;flex-direction:column;align-items:center;font-size:clamp(10px,2vw,12px);color:var(--text-muted-color)}.run-stat-item span{font-size:clamp(14px,2.5vw,16px);font-weight:700;color:var(--text-color)}.character-option.locked{opacity:.5;filter:grayscale(.7);pointer-events:auto;position:relative}.character-option .buy-archetype-btn{margin-top:8px;background:var(--highlight-color);color:#222;border:none;border-radius:6px;padding:6px 16px;font-weight:700;cursor:pointer;transition:all .2s;font-family:Cinzel,serif;text-shadow:0 1px 2px rgba(0,0,0,.3)}.character-option .buy-archetype-btn:disabled{background:#aaa;color:#fff;cursor:not-allowed}.character-option.locked.selected{outline:2px solid #e74c3c}.character-cost{color:var(--highlight-color);font-weight:700;margin:4px 0 0;text-shadow:0 0 5px rgba(255,215,0,.5)}@media(max-width:700px)and (orientation:portrait){#pauseButtonMobile:hover{background:#00f5ff26!important;border-color:var(--primary-color)!important;transform:scale(1.1)!important;box-shadow:0 0 25px #00f5ff80!important}}@media(min-width:701px){#pauseButtonMobile{display:none!important}}@media(max-width:700px){#pauseButton{display:none!important}#pauseButtonMobile,#xpBarMobile{display:none}.popup-menu{font-size:13px;max-width:98vw;max-height:85vh;padding:12px 3vw 16px;overflow-y:auto;box-sizing:border-box;-webkit-overflow-scrolling:touch}.main-menu{max-height:92vh;padding:16px 14px 20px}.main-menu .menu-actions{position:static;background:transparent;box-shadow:none;padding:12px 0}.popup-menu:not(.main-menu) .menu-actions{position:sticky;bottom:0;left:0;width:100%;background:#1a0f0ffa;padding:12px 0 8px;z-index:10;display:flex;justify-content:center;flex-wrap:wrap;gap:10px;border-radius:0 0 12px 12px;border-top:1px solid var(--primary-color)}.menu-content{max-height:40vh;overflow-y:auto;margin-bottom:10px;-webkit-overflow-scrolling:touch}button{font-size:15px;padding:10px 18px;min-width:90px}#xpBarContainer{width:180px;height:18px;border-width:2px}#xpBarText{font-size:11px}#inGameUI{display:none!important}.permanent-upgrade-option{flex-direction:column;text-align:center;gap:10px}.permanent-upgrade-option>div:first-child{text-align:center}.buy-button{width:100%;padding:12px;font-size:16px}}@media(min-width:701px){#xpBarMobile{display:none!important}}.max-level-indicator{color:#2ecc71;font-weight:700;font-size:18px;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.8);padding:12px 20px;background:#2ecc7133;border:2px solid #2ecc71;border-radius:8px;min-width:120px}.debug-only{display:none!important}.zero-gems-message{text-align:center;color:#f1c40f;font-size:18px;margin-bottom:25px;padding:20px;background:#f1c40f1a;border:2px solid #f1c40f;border-radius:10px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.8)}#permanentUpgradeShop{width:95%;max-width:900px;max-height:90vh;padding:clamp(25px,5vw,35px);display:flex;flex-direction:column}.shop-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid var(--primary-color)}.shop-header h3{font-size:clamp(20px,4vw,28px);margin:0;color:var(--primary-color);text-shadow:var(--glow-cyan)}.close-shop-btn{background:var(--light-bg);border:1px solid var(--primary-color);color:var(--text-color);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;transition:all .2s ease}.close-shop-btn:hover{background:#00f5ff1a;border-color:var(--primary-color);transform:scale(1.1);box-shadow:0 0 15px #00f5ff66}.shop-gems-display{display:flex;align-items:center;gap:10px;margin-bottom:20px;padding:15px;background:#0006;border-radius:var(--radius-lg);border:1px solid rgba(0,245,255,.4);box-shadow:0 0 15px #39ff141a}.gems-icon{font-size:24px}#totalGemsShop{font-size:clamp(18px,3vw,24px);font-weight:700;color:var(--highlight-color);text-shadow:0 0 10px rgba(57,255,20,.5)}.shop-content,.skill-tree-content{flex:1;max-height:50vh;overflow-y:auto;padding:10px;margin:0;background:#0000004d;border-radius:10px;border:1px solid rgba(74,144,226,.3)}.skill-tree-content{display:flex;flex-wrap:wrap;justify-content:center;gap:15px;padding:20px}#permanentUpgradeOptions{max-height:50vh;overflow-y:auto;padding:10px;margin:0;background:#0000004d;border-radius:10px;border:1px solid rgba(74,144,226,.3)}.skill-node{width:200px;background:#12121ccc;border:2px solid var(--primary-color);border-radius:var(--radius-md);padding:15px;text-align:center;position:relative;transition:all .3s ease;display:flex;flex-direction:column;gap:10px}.skill-node:hover{transform:translateY(-3px);box-shadow:0 5px 15px #00f5ff4d;border-color:var(--highlight-color)}.skill-node.locked{filter:grayscale(1) brightness(.6);border-color:#555}.skill-node.locked:hover{transform:none;box-shadow:none;border-color:#777;filter:grayscale(1) brightness(.8)}.skill-node-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px}.skill-node-icon{font-size:24px;background:#00f5ff1a;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;margin:0 auto;border:1px solid var(--primary-color)}.skill-node-level{font-size:12px;color:var(--highlight-color);font-weight:700;position:absolute;top:10px;right:10px}.skill-node-title{font-size:16px;font-weight:700;color:var(--text-color);margin:0;text-shadow:0 0 5px rgba(0,245,255,.5)}.skill-node-desc{font-size:12px;color:var(--text-muted-color);line-height:1.3;flex:1}.skill-node-cost{font-size:14px;color:var(--highlight-color);display:flex;align-items:center;justify-content:center;gap:5px;margin-top:auto}.skill-node-btn{background:linear-gradient(145deg,var(--primary-color),var(--secondary-color));color:#000;border:none;border-radius:var(--radius-sm);padding:8px;font-weight:700;cursor:pointer;transition:all .2s;text-transform:uppercase;font-size:12px}.skill-node-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 0 10px #00f5ff80}.skill-node-btn:disabled{background:#555;color:#999;cursor:not-allowed;transform:none;box-shadow:none}.skill-node.max-level .skill-node-btn{background:#27ae60;color:#fff}#permanentUpgradeOptions::-webkit-scrollbar{width:8px}#permanentUpgradeOptions::-webkit-scrollbar-track{background:#0003;border-radius:4px}#permanentUpgradeOptions::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--primary-color),var(--secondary-color));border-radius:4px}#permanentUpgradeOptions::-webkit-scrollbar-thumb:hover{box-shadow:0 0 10px #00f5ff80}@media(max-width:700px){#permanentUpgradeShop{width:98%;max-width:none;max-height:95vh;padding:15px}.shop-header h3{font-size:20px}.shop-gems-display{padding:12px;margin-bottom:15px}.gems-icon,#totalGemsShop{font-size:20px}#permanentUpgradeOptions{max-height:45vh;padding:8px}.permanent-upgrade-option{flex-direction:column;text-align:center;gap:12px;padding:12px;min-height:auto}.permanent-upgrade-option>div:first-child{text-align:center}.upgrade-title{font-size:15px}.perm-upgrade-level{font-size:13px}.upgrade-desc{font-size:12px}.perm-upgrade-cost{font-size:13px}.buy-button,.max-level-indicator{width:100%;padding:12px;font-size:14px;min-width:auto}.zero-gems-message{font-size:14px;padding:12px}@media(max-width:480px){#permanentUpgradeShop{padding:10px}.shop-header h3{font-size:18px}.permanent-upgrade-option{padding:10px;gap:10px}.upgrade-title{font-size:14px}.perm-upgrade-level{font-size:12px}.upgrade-desc{font-size:11px}.perm-upgrade-cost{font-size:12px}.buy-button,.max-level-indicator{padding:10px;font-size:13px}.zero-gems-message{font-size:13px;padding:10px}}}.inventory-tabs{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;margin-bottom:15px;border-bottom:1px solid rgba(0,245,255,.4);padding-bottom:10px;position:sticky;top:0;background:var(--panel-bg);z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.tab-btn{background:var(--light-bg);border:1px solid var(--primary-color);color:var(--text-color);padding:8px 16px;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:14px;font-weight:700}.tab-btn:hover{background:var(--dark-bg);border-color:var(--secondary-color)}.tab-btn.active{background:linear-gradient(145deg,var(--primary-color),var(--secondary-color));color:#0a0a12;border-color:var(--primary-color);box-shadow:0 0 12px #00f5ff80}.tab-content{display:none;text-align:left}.tab-content.active{display:block}.materials-list,.crafting-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin:15px 0;max-height:300px;overflow-y:auto;padding:10px;background:#0000004d;border-radius:var(--radius-md);border:1px solid rgba(0,245,255,.2)}.material-item,.crafting-item{background:#12121ccc;border:1px solid rgba(0,245,255,.3);border-radius:var(--radius-md);padding:12px;display:flex;align-items:center;gap:10px;transition:all .2s ease}.material-item:hover,.crafting-item:hover{background:#00f5ff0f;border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 0 12px #00f5ff33}.material-icon{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#fff}.material-info{flex:1}.material-name{font-weight:700;color:var(--text-color);font-size:14px}.material-count{color:var(--text-muted-color);font-size:12px}.material-rarity{font-size:10px;padding:2px 6px;border-radius:4px;text-transform:uppercase;font-weight:700}.rarity-common{background:#8b7355;color:#fff}.rarity-uncommon{background:#708090;color:#fff}.rarity-rare{background:#87ceeb;color:#000}.rarity-epic{background:#ff4500;color:#fff}.rarity-legendary{background:#8a2be2;color:#fff}.crafting-item{display:flex;flex-direction:row;align-items:flex-start;text-align:left;gap:12px}.crafting-item-icon{font-size:24px;flex-shrink:0;line-height:1}.crafting-item-content{flex:1;min-width:0}.crafting-item h5{margin:0;color:var(--primary-color);font-size:14px;font-weight:700;text-shadow:0 0 5px rgba(0,245,255,.4)}.crafting-item p{margin:0;color:var(--text-muted-color);font-size:12px}.crafting-item-core .crafting-item-icon{background:#00f5ff1a;border:1px solid rgba(0,245,255,.4);border-radius:10px;padding:8px;box-shadow:0 0 12px #00f5ff33,inset 0 0 8px #00f5ff0d}.crafting-item-core:hover .crafting-item-icon{box-shadow:0 0 18px #00f5ff59}.crafting-item-weapon .crafting-item-icon{background:#ff00ff14;border:1px solid rgba(255,0,255,.35);border-radius:10px;padding:8px;box-shadow:0 0 12px #ff00ff26,inset 0 0 8px #ff00ff08}.crafting-item-weapon:hover .crafting-item-icon{box-shadow:0 0 18px #ff00ff4d}.crafting-item .item-status{font-size:11px;color:var(--highlight-color);margin:4px 0;text-shadow:0 0 4px rgba(57,255,20,.4)}.craft-btn{background:linear-gradient(145deg,var(--highlight-color),#28a745);color:#0a0a12;border:1px solid var(--highlight-color);padding:6px 12px;border-radius:var(--radius-sm);cursor:pointer;font-size:12px;font-weight:700;transition:all .2s ease;box-shadow:0 0 8px #39ff144d}.craft-btn:hover{filter:brightness(1.15);transform:translateY(-1px)}.craft-btn:disabled{background:#566573;cursor:not-allowed;transform:none}.materials-required{font-size:10px;color:var(--text-muted-color);margin-top:5px}.empty-inventory{text-align:center;color:var(--text-muted-color);font-style:italic;padding:20px}.arsenal-section{margin-bottom:20px;padding:15px;background:#12121c99;border-radius:var(--radius-md);border:1px solid rgba(0,245,255,.3)}.arsenal-section h5{margin:0 0 10px;color:var(--primary-color);font-size:16px;text-shadow:0 0 8px rgba(0,245,255,.5)}.active-item-display,.active-weapons-display{min-height:60px;padding:10px;background:#00f5ff0d;border:1px solid rgba(0,245,255,.4);border-radius:var(--radius-md);box-shadow:inset 0 0 15px #00f5ff0d}.available-items-display{max-height:200px;overflow-y:auto;padding:10px;background:#0000004d;border-radius:var(--radius-md);border:1px solid rgba(255,0,255,.2);scrollbar-width:thin;scrollbar-color:var(--primary-color) rgba(0,0,0,.3)}.active-item{display:flex;align-items:flex-start;gap:10px;background:#00f5ff14;padding:10px;border-radius:var(--radius-md);margin-bottom:10px;border:1px solid rgba(0,245,255,.5);box-shadow:0 0 10px #00f5ff26}.active-item .item-icon,.available-item .item-icon{font-size:22px;flex-shrink:0;line-height:1}.active-item>div,.available-item>div{flex:1;min-width:0}.available-item{display:flex;align-items:flex-start;gap:10px;background:#12121ccc;padding:10px;border-radius:var(--radius-md);margin-bottom:8px;border:1px solid rgba(255,0,255,.25);transition:all .3s}.available-item:hover{background:#00f5ff0f;border-color:var(--primary-color);box-shadow:0 0 10px #00f5ff33}.available-item.equipped{background:#39ff141a;border-color:var(--highlight-color);box-shadow:0 0 10px #39ff1433}.item-level{font-size:12px;color:#f39c12;margin:5px 0}.equip-btn,.unequip-btn{padding:5px 10px;border:none;border-radius:3px;cursor:pointer;font-size:12px;transition:background .3s}.equip-btn{background:linear-gradient(145deg,var(--primary-color),var(--secondary-color));color:#0a0a12;font-weight:700}.equip-btn:hover:not(:disabled){background:#2980b9}.equip-btn:disabled{background:#95a5a6;cursor:not-allowed}.unequip-btn{background:#e74c3c;color:#fff}.unequip-btn:hover{background:#c0392b}.no-item{color:#95a5a6;font-style:italic;text-align:center;padding:20px}.stage-selection-section,.character-selection-section{margin:20px 0}.dropdown-container{display:flex;justify-content:center;margin:10px 0}.stage-dropdown{background:var(--light-bg);border:2px solid var(--primary-color);border-radius:8px;padding:12px 16px;color:var(--text-color);font-family:Courier New,monospace;font-size:16px;min-width:200px;cursor:pointer;transition:all .2s ease}.stage-dropdown:hover{border-color:var(--secondary-color);background:var(--dark-bg)}.stage-dropdown:focus{outline:none;border-color:var(--highlight-color);box-shadow:0 0 10px #f1c40f4d}.stage-dropdown option{background:var(--dark-bg);color:var(--text-color);padding:8px}.stage-dropdown option:disabled{color:#666;font-style:italic}.character-preview{display:flex;flex-direction:column;align-items:center;gap:15px;margin:15px 0}.character-preview-card{background:var(--dark-bg);border:2px solid var(--primary-color);border-radius:12px;padding:20px;min-width:280px;text-align:center;box-shadow:0 4px 8px #0000004d}.character-preview-card h5{color:var(--highlight-color);margin:0 0 10px;font-size:18px}.character-preview-card p{margin:8px 0;font-size:14px;line-height:1.4}.character-bonus{color:#2ecc71}.character-malus{color:#e74c3c}.character-select-btn{background:var(--secondary-color);color:#fff;border:none;border-radius:8px;padding:12px 24px;font-family:Courier New,monospace;font-size:16px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0003}.character-select-btn:hover{background:var(--highlight-color);transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}.character-popup{max-width:90vw;max-height:80vh;overflow-y:auto}#inventoryMenu{max-height:85vh;display:flex;flex-direction:column}#inventoryContent{flex:1;overflow-y:auto;max-height:50vh;margin:10px 0}#achievementsPopup{max-height:85vh;display:flex;flex-direction:column}.achievements-content{flex:1;overflow-y:auto;max-height:50vh;padding:10px;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:15px}.achievement-item{background:var(--light-bg);border:2px solid var(--primary-color);border-radius:8px;padding:15px;transition:all .3s ease;position:relative;overflow:hidden}.achievement-item:hover{transform:translateY(-2px);box-shadow:0 5px 15px #4a90e24d;border-color:var(--secondary-color)}.achievement-item.unlocked{border-color:var(--highlight-color);background:#f1c40f1a}.achievement-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.achievement-icon{font-size:24px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#4a90e233;border-radius:50%;border:2px solid var(--primary-color)}.achievement-info{flex:1}.achievement-name{font-weight:700;color:var(--text-color);font-size:16px;margin-bottom:5px}.achievement-description{color:var(--text-muted-color);font-size:14px;line-height:1.4}#glossaryPopup{max-height:85vh;display:flex;flex-direction:column}.glossary-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--primary-color)}.glossary-toolbar{display:flex;gap:10px;margin-bottom:12px;flex-wrap:wrap}.glossary-search{flex:1;min-width:140px;padding:8px 12px;border:2px solid var(--primary-color);border-radius:6px;background:var(--light-bg);color:var(--text-color);font-size:14px}.glossary-search:focus{outline:none;border-color:var(--secondary-color)}.glossary-category{padding:8px 12px;border:2px solid var(--primary-color);border-radius:6px;background:var(--light-bg);color:var(--text-color);font-size:14px;cursor:pointer}.glossary-content{flex:1;overflow-y:auto;max-height:50vh;padding:10px 0}.glossary-category-title{font-size:14px;color:var(--secondary-color);margin:16px 0 8px;text-transform:capitalize}.glossary-category-title:first-child{margin-top:0}.glossary-term{display:flex;align-items:flex-start;gap:12px;background:#12121c99;border:1px solid rgba(0,245,255,.3);border-radius:var(--radius-md);padding:10px 14px;margin-bottom:8px}.glossary-term:hover{border-color:var(--primary-color);box-shadow:0 0 10px #00f5ff26}.glossary-term-icon{font-size:24px;flex-shrink:0;line-height:1}.glossary-term-text{flex:1;min-width:0}.glossary-term strong{color:var(--primary-color);font-size:15px;text-shadow:0 0 5px rgba(0,245,255,.4)}.glossary-term p{margin:6px 0 0;color:var(--text-muted-color);font-size:13px;line-height:1.4}.glossary-empty{color:var(--text-muted-color);font-style:italic;text-align:center;padding:20px}.menu-btn-secondary{background:#00f5ff1a;border:1px solid rgba(0,245,255,.5);margin-top:10px}.menu-btn-secondary:hover{background:#00f5ff33;border-color:var(--primary-color);box-shadow:0 0 12px #00f5ff66}.achievement-progress{margin-top:10px;background:#0000004d;border-radius:4px;overflow:hidden;height:8px}.achievement-progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));transition:width .3s ease}.achievement-reward{position:absolute;top:10px;right:10px;background:var(--highlight-color);color:#000;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:700}#permanentUpgradeShop{max-height:85vh;display:flex;flex-direction:column}.shop-content{flex:1;overflow-y:auto;max-height:50vh}.main-menu{max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;padding:28px 32px 32px;gap:24px;border:2px solid rgba(0,245,255,.35);box-shadow:var(--glow-cyan),0 0 60px #00f5ff1f,inset 0 0 80px #00f5ff0a,0 0 0 1px #ff00ff26}.main-menu-header{text-align:center;margin-bottom:4px;position:relative}.main-menu-brand{display:flex;flex-direction:column;align-items:center;gap:16px}.main-menu-logo{width:72px;height:72px;border-radius:50%;background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.9),var(--primary-color) 25%,var(--secondary-color) 60%,#0a0a12 90%);box-shadow:0 0 25px #00f5ff99,0 0 50px #ff00ff4d,inset -8px -8px 20px #00000080,inset 4px 4px 12px #fff3;animation:menuLogoPulse 3s ease-in-out infinite}@keyframes menuLogoPulse{0%,to{filter:brightness(1);box-shadow:0 0 25px #00f5ff99,0 0 50px #ff00ff4d,inset -8px -8px 20px #00000080,inset 4px 4px 12px #fff3}50%{filter:brightness(1.15);box-shadow:0 0 35px #00f5ffcc,0 0 60px #f0f6,inset -8px -8px 20px #00000080,inset 4px 4px 12px #ffffff40}}@media(prefers-reduced-motion:reduce){.main-menu-logo{animation:none}}.main-menu-title-wrap{display:flex;flex-direction:column;align-items:center;gap:6px}.main-menu-title{font-family:Cinzel,serif;font-size:clamp(32px,6vw,44px);font-weight:700;margin:0;letter-spacing:.08em;background:linear-gradient(180deg,#fff 0%,var(--primary-color) 35%,var(--secondary-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 20px rgba(0,245,255,.6))}.main-menu-badge{display:inline-block;font-size:11px;font-weight:600;letter-spacing:.35em;color:#00f5ffe6;padding:4px 14px;border:1px solid rgba(0,245,255,.5);border-radius:20px;background:#00f5ff14;text-shadow:0 0 10px rgba(0,245,255,.5);margin-bottom:4px}.main-menu-tagline{margin:0;font-family:Crimson Text,Georgia,serif;font-size:clamp(14px,2.4vw,16px);font-style:italic;color:#c8dcffd9;letter-spacing:.02em}.main-menu-header-decoration{height:2px;margin-top:20px;background:linear-gradient(90deg,transparent,rgba(0,245,255,.5),rgba(255,0,255,.5),transparent);opacity:.8}.main-menu-body{display:flex;flex-direction:column;gap:22px}.menu-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px}.menu-card{background:linear-gradient(165deg,#121220d9,#080812e6);border:1px solid rgba(0,245,255,.35);border-radius:var(--radius-lg);padding:18px 20px;transition:all .3s ease;position:relative;overflow:hidden}.menu-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(0,245,255,.4),transparent)}.menu-card:hover{border-color:#00f5ffb3;box-shadow:0 0 25px #00f5ff33;transform:translateY(-2px)}.menu-card-title{margin:0 0 12px;font-size:12px;font-family:Cinzel,serif;font-weight:600;color:var(--primary-color);text-transform:uppercase;letter-spacing:.2em;text-shadow:0 0 8px rgba(0,245,255,.5)}.stage-dropdown{width:100%;padding:12px 16px;border:1px solid rgba(0,245,255,.45);border-radius:var(--radius-md);background:#05050fcc;color:var(--text-color);font-size:14px;font-family:Cinzel,serif;cursor:pointer;transition:all .2s}.stage-dropdown:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 15px #00f5ff59}.character-preview-card{padding:14px;margin-bottom:12px;background:#00000073;border-radius:var(--radius-md);border:1px solid rgba(0,245,255,.35);min-height:64px}.character-preview-card h5{margin:0 0 6px;font-size:15px;font-family:Cinzel,serif;color:var(--primary-color);text-shadow:0 0 6px rgba(0,245,255,.4)}.character-preview-card p{margin:4px 0;font-size:12px;color:var(--text-muted-color)}.character-select-btn{width:100%;padding:10px 16px;background:linear-gradient(180deg,#00f5ff1f,#00f5ff0f);border:1px solid rgba(0,245,255,.5);border-radius:var(--radius-md);color:var(--text-color);font-size:13px;font-family:Cinzel,serif;font-weight:600;letter-spacing:.05em;cursor:pointer;transition:all .25s ease}.character-select-btn:hover{background:linear-gradient(180deg,#00f5ff33,#00f5ff1a);border-color:var(--primary-color);box-shadow:0 0 18px #00f5ff59}.menu-actions{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:10px}.btn-cta{width:100%;max-width:300px;padding:18px 32px;font-size:18px;font-weight:700;font-family:Cinzel,serif;letter-spacing:.12em;text-transform:uppercase;background:linear-gradient(145deg,var(--primary-color) 0%,rgba(0,200,220,.95) 40%,var(--secondary-color) 100%);color:#050510;border:2px solid rgba(255,255,255,.4);border-radius:var(--radius-lg);cursor:pointer;transition:all .3s ease;box-shadow:0 0 20px #00f5ff80,0 4px 20px #00000080,inset 0 1px #ffffff4d}.btn-cta:hover{transform:scale(1.04);box-shadow:0 0 35px #00f5ffb3,0 0 50px #ff00ff40,0 6px 25px #00000080;border-color:#fff9}.menu-actions-secondary{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.menu-actions-secondary .menu-btn-secondary{margin-top:0;width:48px;height:48px;padding:0;font-size:20px;border-radius:12px;border:1px solid rgba(0,245,255,.4);background:#00f5ff0f;transition:all .25s ease}.menu-actions-secondary .menu-btn-secondary:hover{background:#00f5ff26;border-color:var(--primary-color);box-shadow:0 0 15px #00f5ff66}.login-section{border:1px solid rgba(0,245,255,.35);border-radius:var(--radius-lg);background:linear-gradient(180deg,#0a0a16b3,#05050fcc)}.login-toggle{padding:14px 18px;cursor:pointer;font-size:14px;font-family:Cinzel,serif;font-weight:600;letter-spacing:.05em;color:#00f5ffe6;list-style:none;transition:color .2s}.login-toggle:hover{color:var(--primary-color)}.login-toggle::-webkit-details-marker{display:none}.login-toggle:before{content:"▶";margin-right:10px;font-size:10px;opacity:.9}.login-section[open] .login-toggle:before{content:"▼"}.login-content{padding:0 18px 18px}.login-main,.login-form{display:flex;flex-direction:column;gap:12px}.login-prompt{margin:0 0 10px;font-size:14px;font-family:Crimson Text,serif;font-style:italic;color:var(--text-muted-color)}.btn-login{background:linear-gradient(145deg,var(--highlight-color),#28a745);color:#0a0a12;padding:10px 16px;border:1px solid var(--highlight-color);border-radius:var(--radius-md);font-size:14px;cursor:pointer;font-weight:700;box-shadow:0 0 10px #39ff144d}.btn-register{background:linear-gradient(145deg,var(--primary-color),var(--secondary-color));color:#0a0a12;padding:10px 16px;border:1px solid var(--primary-color);border-radius:var(--radius-md);font-size:14px;cursor:pointer;font-weight:700;box-shadow:var(--glow-cyan)}.btn-guest{background:linear-gradient(145deg,var(--secondary-color),var(--accent-color));color:#fff;padding:10px 16px;border:1px solid var(--secondary-color);border-radius:var(--radius-md);font-size:14px;cursor:pointer;box-shadow:0 0 10px #ff00ff4d}.btn-back{background:#3c3c50cc;color:var(--text-color);padding:8px 16px;border:1px solid rgba(0,245,255,.3);border-radius:var(--radius-md);font-size:13px;cursor:pointer}.login-input{width:100%;padding:8px 12px;border:1px solid var(--primary-color);border-radius:6px;background:var(--light-bg);color:var(--text-color);font-size:14px;box-sizing:border-box}.cloud-sync-hint{padding:8px 12px;background:#00f5ff0f;border-radius:var(--radius-md);border-left:3px solid var(--primary-color)}.cloud-sync-hint .hint{margin:4px 0 0;font-size:11px}.cloud-sync-hint .hint a{color:var(--primary-color);text-shadow:0 0 5px rgba(0,245,255,.5)}.login-buttons{display:flex;gap:8px;margin-top:4px}.player-info h4{margin:0 0 8px;color:var(--secondary-color)}.player-info #playerName{font-size:15px;color:var(--text-color)}.player-info #playerStats{font-size:12px;color:var(--text-muted-color);margin:4px 0}.player-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.btn-cloud{background:linear-gradient(145deg,var(--primary-color),var(--secondary-color));color:#0a0a12;padding:8px 12px;border:1px solid var(--primary-color);border-radius:var(--radius-md);font-size:12px;cursor:pointer;font-weight:700;box-shadow:0 0 8px #00f5ff4d}.btn-sync{background:linear-gradient(145deg,var(--highlight-color),#28a745);color:#0a0a12;padding:8px 12px;border:1px solid var(--highlight-color);border-radius:var(--radius-md);font-size:12px;cursor:pointer;font-weight:700}.btn-reset{background:#ff9800;color:#fff;padding:8px 12px;border:none;border-radius:6px;font-size:12px;cursor:pointer}.btn-logout{background:#f44336;color:#fff;padding:8px 12px;border:none;border-radius:6px;font-size:12px;cursor:pointer}.login-message{margin:8px 0;padding:8px;border-radius:6px;font-size:12px;display:none}.controls-hint{margin:0;font-size:12px;font-family:Crimson Text,serif;color:#b4c8dcbf;text-align:center;opacity:.95;letter-spacing:.03em}.main-menu .save-load-container{margin-top:6px;padding:18px;background:linear-gradient(180deg,#05050fcc,#0009);border-radius:var(--radius-lg);border:1px solid rgba(0,245,255,.35)}@media(max-width:500px){.menu-cards{grid-template-columns:1fr}}@media(max-width:700px){.main-menu{padding:20px 18px 24px}.main-menu-logo{width:58px;height:58px}.main-menu-title{font-size:clamp(26px,6vw,32px);letter-spacing:.06em}.main-menu-badge{font-size:10px;letter-spacing:.2em}.main-menu .menu-cards{gap:12px}.main-menu .menu-card{padding:12px 14px}.main-menu .btn-cta{max-width:100%;padding:16px 24px;font-size:16px;letter-spacing:.1em}.main-menu .menu-actions-secondary .menu-btn-secondary{width:44px;height:44px;font-size:18px}.main-menu .save-load-container{padding:14px}.main-menu .save-load-container input{font-size:14px}.inventory-tabs .tab-btn{padding:6px 10px;font-size:12px}.materials-list,.crafting-list{grid-template-columns:1fr;max-height:35vh}}@media(max-height:600px){.main-menu{max-height:95vh;padding:18px 20px 22px}.main-menu-logo{width:52px;height:52px}.main-menu-title{font-size:clamp(24px,4.5vw,28px)}.main-menu-badge{font-size:10px;letter-spacing:.25em;padding:3px 10px}.main-menu-tagline{font-size:12px}.menu-card{padding:12px 16px}.character-preview-card{padding:10px;min-height:50px}.btn-cta{padding:14px 24px;font-size:16px}.menu-actions-secondary .menu-btn-secondary{width:42px;height:42px;font-size:18px}}.character-popup-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid var(--primary-color)}.character-popup-header h3{margin:0;color:var(--primary-color);text-shadow:var(--glow-cyan)}.close-popup-btn{background:#12121ce6;color:var(--text-color);border:1px solid rgba(0,245,255,.5);border-radius:50%;width:40px;height:40px;font-size:18px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;line-height:1}.close-popup-btn:hover{background:#00f5ff26;border-color:var(--primary-color);color:var(--primary-color);box-shadow:0 0 15px #00f5ff66}.character-popup-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:15px;max-height:60vh;overflow-y:auto;padding:10px;scrollbar-width:thin;scrollbar-color:var(--primary-color) rgba(0,0,0,.3)}@media(max-height:700px){.character-popup{max-height:90vh}.character-popup-content{max-height:50vh;padding:15px;gap:10px}.character-option{padding:12px}.character-option h5{font-size:14px}.character-option p{font-size:11px}}@media(max-width:768px){.stage-dropdown{min-width:150px;font-size:14px;padding:10px 12px}.character-preview-card{min-width:250px;padding:15px}.character-popup-content{grid-template-columns:1fr;gap:10px}.character-popup{max-width:95vw;max-height:85vh}}@media(max-width:480px){.stage-dropdown{min-width:120px;font-size:12px;padding:8px 10px}.character-preview-card{min-width:200px;padding:12px}.character-preview-card h5{font-size:16px}.character-preview-card p{font-size:12px}.character-select-btn{padding:10px 20px;font-size:14px}}.sync-progress{margin:20px 0}.progress-bar{width:100%;height:20px;background:#2c3e50;border-radius:10px;overflow:hidden;margin:10px 0}.progress-fill{height:100%;background:linear-gradient(90deg,#3498db,#2ecc71);width:0%;transition:width .3s ease}.sync-details{background:#34495e1a;padding:15px;border-radius:8px;margin:15px 0}.sync-details p{margin:5px 0;font-size:14px}#tokenSetupStatus{margin-top:15px;padding:10px;border-radius:5px;text-align:center}#tokenSetupStatus.success{background:#2ecc7133;color:#27ae60}#tokenSetupStatus.error{background:#e74c3c33;color:#e74c3c}#tokenSetupStatus.info{background:#3498db33;color:#3498db}.cloud-sync-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid var(--primary-color)}.cloud-sync-content{max-height:500px;overflow-y:auto}.sync-status{background:#4a90e21a;padding:15px;border-radius:8px;margin-bottom:20px;border-left:4px solid #4a90e2}.token-config{background:#ffffff0d;padding:15px;border-radius:8px;margin-bottom:20px;border:1px solid rgba(255,255,255,.1)}.sync-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.sync-actions button{flex:1;min-width:150px;transition:all .3s ease}.sync-actions button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}body.high-contrast button,body.high-contrast .menu-actions button,body.high-contrast .popup-menu button{border:3px solid #fff!important;box-shadow:0 0 0 1px #000}body.high-contrast .popup-menu{border:3px solid var(--secondary-color);box-shadow:0 0 12px #daa52080}body.high-contrast input[type=range]{border:2px solid #fff}body.high-contrast label,body.high-contrast p,body.high-contrast h2,body.high-contrast h3,body.high-contrast h4{text-shadow:0 0 2px #000,0 0 4px #000;color:#fff!important}body.high-contrast .main-menu-title{-webkit-text-fill-color:#fff;background:none;filter:none}.mode-card{min-height:160px;display:flex;flex-direction:column}.mode-selector{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px;margin-bottom:15px;justify-content:center;width:100%}.mode-btn{background:#12121ccc;border:1px solid rgba(0,245,255,.3);color:var(--text-muted-color);padding:10px 5px;font-size:13px;font-weight:700;border-radius:6px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;font-family:Cinzel,serif;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mode-btn:hover{background:#00f5ff1a;color:var(--text-color);border-color:var(--primary-color);transform:translateY(-2px)}.mode-btn.active{background:#00f5ff33;color:var(--primary-color);border-color:var(--primary-color);box-shadow:0 0 10px #00f5ff4d}.mode-description{font-size:14px;color:var(--text-color);background:#0000004d;padding:10px;border-radius:6px;border-left:3px solid var(--secondary-color);text-align:left;min-height:40px}.daily-challenge-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid var(--primary-color)}.daily-challenge-header h3{margin:0;color:var(--primary-color);text-shadow:var(--glow-cyan);font-size:24px}.daily-content{display:flex;flex-direction:column;gap:15px;padding:20px;text-align:left}.daily-info-row{font-size:18px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:8px;display:flex;justify-content:space-between}.daily-modifier-box{background:#ff00001a;border:1px solid rgba(255,50,50,.5);border-radius:8px;padding:15px;margin-top:10px;text-align:center}.daily-modifier-box h4{margin:0 0 10px;color:#f44;text-transform:uppercase;font-size:16px}.modifier-name{font-size:20px;font-weight:700;color:#f44;margin:0 0 5px;text-shadow:0 0 5px rgba(255,0,0,.4)}.modifier-desc{font-size:14px;color:#ddd;font-style:italic;margin:0}.daily-rewards{text-align:center;font-size:18px;font-weight:700;margin-top:10px;padding:10px;background:#ffd7001a;border:1px solid rgba(255,215,0,.4);border-radius:8px;color:gold}.crafting-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px;padding:10px}.crafting-item{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:15px;transition:all .3s ease;cursor:default}.crafting-item:hover{border-color:var(--primary-color);background:#ffffff14}.crafting-item-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.crafting-item-icon{font-size:28px;background:#0000004d;width:45px;height:45px;display:flex;align-items:center;justify-content:center;border-radius:8px}.crafting-item-name{font-weight:700;font-size:16px;color:var(--primary-light)}.crafting-recipe{font-size:12px;color:var(--text-muted-color)}.recipe-material{display:flex;justify-content:space-between;padding:2px 0}.material-count{font-family:monospace;color:gold}.mode-card.highlight{border:2px solid #00f5ff;box-shadow:0 0 15px #00f5ff4d}.mode-card.highlight:hover{background:#00f5ff1a}