.cyber-menu-item{padding:12px 16px;text-align:center;font-weight:600;letter-spacing:.1em;transition:all .3s cubic-bezier(.4,0,.2,1);background:rgba(255,255,255,.03);color:#6b7280;margin-top:6px}.cyber-menu-item,.cyber-menu-item:before{clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%)}.cyber-menu-item:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent,rgba(255,255,255,.02));transition:all .3s ease}.cyber-menu-item:hover{color:#e5e7eb;background:rgba(255,255,255,.06)}.cyber-menu-item:hover:after{content:"";position:absolute;bottom:0;left:10%;width:80%;height:1px;background:linear-gradient(90deg,transparent,currentColor,transparent);opacity:.5}.cyber-menu-item.active{background:linear-gradient(135deg,rgba(var(--cyber-accent-rgb,243,150,32),.15),rgba(var(--cyber-accent-rgb,243,150,32),.05))}.cyber-menu-item.active:before{background:linear-gradient(135deg,rgba(var(--cyber-accent-rgb,243,150,32),.1),transparent)}.cyber-menu-item.active:after{content:"";position:absolute;left:0;top:15%;bottom:15%;box-shadow:0 0 12px var(--cyber-accent,#F39620),0 0 24px var(--cyber-accent,#F39620);border-radius:0 2px 2px 0;animation:neon-pulse 2s ease-in-out infinite}.cyber-input-wrapper{position:relative}.cyber-input{width:100%;padding:12px 16px;background:rgba(1,18,23,.8);color:white;border:1px solid rgba(255,255,255,.08);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));transition:all .3s ease;outline:none;font-family:inherit}.cyber-input:focus{border-color:var(--cyber-accent,#F39620);box-shadow:0 0 15px rgba(var(--cyber-accent-rgb,243,150,32),.15),inset 0 0 15px rgba(var(--cyber-accent-rgb,243,150,32),.05)}.cyber-input:disabled{opacity:.45;cursor:not-allowed}.cyber-input::placeholder{color:rgba(255,255,255,.25)}.cyber-input-wrapper:before{top:-1px;left:-1px;border-top:2px solid var(--cyber-accent,#f39620);border-left:2px solid var(--cyber-accent,#f39620)}.cyber-input-wrapper:after,.cyber-input-wrapper:before{content:"";position:absolute;width:20px;height:20px;pointer-events:none;z-index:2;opacity:.6;transition:opacity .3s}.cyber-input-wrapper:after{bottom:-1px;right:-1px;border-bottom:2px solid var(--cyber-accent,#f39620);border-right:2px solid var(--cyber-accent,#f39620)}.cyber-input-wrapper:focus-within:after,.cyber-input-wrapper:focus-within:before{opacity:1}.cyber-textarea{width:100%;min-height:170px;padding:20px 24px;background:rgba(1,18,23,.8);color:white;border:1px solid rgba(255,255,255,.08);clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px));transition:all .3s ease;outline:none;resize:none;font-family:monospace;line-height:1.6}.cyber-textarea:focus{border-color:var(--cyber-accent,#F39620);box-shadow:0 0 20px rgba(var(--cyber-accent-rgb,243,150,32),.1),inset 0 0 20px rgba(var(--cyber-accent-rgb,243,150,32),.03)}.cyber-btn{position:relative;padding:14px 48px;background:transparent;color:var(--cyber-accent,#F39620);font-family:Orbitron,sans-serif;font-weight:700;font-size:14px;letter-spacing:.25em;text-transform:uppercase;border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.cyber-btn,.cyber-btn:before{clip-path:polygon(16px 0,calc(100% - 4px) 0,100% 4px,100% calc(100% - 16px),calc(100% - 16px) 100%,4px 100%,0 calc(100% - 4px),0 16px)}.cyber-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(var(--cyber-accent-rgb,243,150,32),.15),rgba(var(--cyber-accent-rgb,243,150,32),.05));border:1px solid var(--cyber-accent,#f39620);transition:all .3s ease}.cyber-btn:hover:before{background:linear-gradient(135deg,rgba(var(--cyber-accent-rgb,243,150,32),.3),rgba(var(--cyber-accent-rgb,243,150,32),.1));box-shadow:0 0 30px rgba(var(--cyber-accent-rgb,243,150,32),.3)}.cyber-btn:hover{transform:translateY(-2px);text-shadow:0 0 8px var(--cyber-accent,#F39620)}.cyber-btn:active{transform:translateY(0)}.cyber-btn:after{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--cyber-accent,#F39620),transparent);opacity:0;transform:translateY(-100%);transition:opacity .3s}.cyber-btn:hover:after{opacity:.5;animation:cyber-scanline 1.5s linear infinite}.cyber-btn span{position:relative;z-index:1}.cyber-card{position:relative;background:rgba(1,18,23,.9);border:1px solid rgba(255,255,255,.06);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;overflow:hidden}.cyber-card:hover{border-color:rgba(var(--cyber-accent-rgb,243,150,32),.3);box-shadow:0 0 20px rgba(var(--cyber-accent-rgb,243,150,32),.1),inset 0 0 20px rgba(var(--cyber-accent-rgb,243,150,32),.03);transform:translateY(-4px)}.cyber-card.selected{border:2px solid #22d3ee;box-shadow:0 0 20px rgba(34,211,238,.3),inset 0 0 15px rgba(34,211,238,.05)}.cyber-card.selected:before{content:"✓";position:absolute;top:8px;right:12px;color:#22d3ee;font-size:18px;font-weight:700;z-index:10;text-shadow:0 0 8px rgba(34,211,238,.8)}.cyber-card:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 0,rgba(0,0,0,.03) 4px);pointer-events:none;opacity:0;transition:opacity .3s}.cyber-card:hover:after{opacity:1}.cyber-divider{height:2px;background:linear-gradient(90deg,transparent,var(--cyber-accent,#F39620),transparent);opacity:.5;margin:8px 0}.cyber-sidebar{position:relative;background:rgba(1,18,23,.9);border:1px solid rgba(255,255,255,.06);overflow:hidden}.cyber-sidebar:before{top:0;opacity:.6}.cyber-sidebar:after,.cyber-sidebar:before{content:"";position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--cyber-accent,#F39620),transparent)}.cyber-sidebar:after{bottom:0;opacity:.3}.cyber-panel{position:relative;background:rgba(1,18,23,.75);border:1px solid rgba(255,255,255,.06);overflow:hidden}.cyber-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent)}.cyber-section-title{font-family:Orbitron,sans-serif;letter-spacing:.05em;position:relative;padding-bottom:8px}.cyber-section-title:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:2px;background:var(--cyber-accent,#F39620);box-shadow:0 0 8px var(--cyber-accent,#F39620)}.cyber-label{color:rgba(255,255,255,.85);font-weight:600;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;display:block}@keyframes neon-pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes cyber-scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}.cyber-dropdown-trigger{clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px);background:rgba(1,18,23,.95);border:1px solid rgba(255,255,255,.08);transition:all .3s ease}.cyber-dropdown-trigger:hover{border-color:rgba(var(--cyber-accent-rgb,243,150,32),.3)}.cyber-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;font-size:.75rem;font-weight:600;letter-spacing:.05em;clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%)}.cyber-badge.success{background:rgba(34,197,94,.15);color:#4ade80;border:1px solid rgba(34,197,94,.3)}.cyber-badge.error{background:rgba(239,68,68,.15);color:#f87171;border:1px solid rgba(239,68,68,.3)}.cyber-menu-item{position:relative;display:flex;align-items:center;gap:10px;width:100%;padding:11px 16px 11px 22px;cursor:pointer;transition:background .2s ease,padding-left .2s ease;border:none;outline:none;text-align:left;background:transparent}.cyber-menu-item:not(.active):hover{background:rgba(255,255,255,.03);padding-left:26px}.cyber-menu-item:after{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:0;height:0;background:var(--cyber-accent,#F39620);transition:all .25s ease}.cyber-menu-item:not(.active):hover:after{width:2px;height:50%}.cyber-menu-item.active{background:linear-gradient(90deg,rgba(var(--cyber-accent-rgb,243,150,32),.1),transparent 80%);padding-left:26px}.cyber-menu-item.active:after{width:3px;height:65%;background:var(--cyber-accent,#F39620);box-shadow:0 0 8px var(--cyber-accent,#F39620)}.cyber-menu-index{font-family:Orbitron,monospace;font-size:10px;letter-spacing:.05em;min-width:20px;color:rgba(255,255,255,.4);transition:color .25s ease;flex-shrink:0}.cyber-menu-item:hover .cyber-menu-index{color:rgba(255,255,255,.8)}.cyber-menu-item.active .cyber-menu-index{color:var(--cyber-accent,#F39620);text-shadow:0 0 8px rgba(var(--cyber-accent-rgb,243,150,32),.4)}.cyber-menu-label{font-family:Orbitron,monospace;font-size:.8rem;letter-spacing:.08em;font-weight:500;color:rgba(255,255,255,.75);transition:all .25s ease;text-transform:uppercase}.cyber-menu-item:hover .cyber-menu-label{color:rgba(255,255,255,1);letter-spacing:.1em;text-shadow:0 0 8px rgba(255,255,255,.3)}.cyber-menu-item.active .cyber-menu-label{color:var(--cyber-accent,#F39620);text-shadow:0 0 10px rgba(var(--cyber-accent-rgb,243,150,32),.3);letter-spacing:.15em}.cyber-menu-pip{width:4px;height:4px;border-radius:1px;margin-left:auto;flex-shrink:0;background:var(--cyber-accent,#F39620);box-shadow:0 0 6px var(--cyber-accent,#F39620);animation:pip-blink 3s ease-in-out infinite}@keyframes pip-blink{0%,90%,to{opacity:1}95%{opacity:.2}}.gamer-field{position:relative;margin-bottom:2px}.gamer-field-input{width:100%;padding:11px 16px 11px 14px;background:linear-gradient(135deg,rgba(255,255,255,.03),rgba(255,255,255,.01));color:#e5e7eb;border:1px solid rgba(255,255,255,.08);border-left:3px solid var(--cyber-accent,#f39620);outline:none;font-size:.875rem;font-family:Orbitron,monospace,sans-serif;letter-spacing:.03em;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;z-index:1}.gamer-field-input::placeholder{color:rgba(255,255,255,.15);font-family:monospace;letter-spacing:.1em;font-size:.8rem}.gamer-field-input:disabled{opacity:.3;cursor:not-allowed;border-left-style:dashed;border-left-color:rgba(255,255,255,.15)}.gamer-field:before{top:-1px;right:-1px;border-top:2px solid var(--cyber-accent,#f39620);border-right:2px solid var(--cyber-accent,#f39620);clip-path:polygon(40% 0,100% 0,100% 60%)}.gamer-field:after,.gamer-field:before{content:"";position:absolute;width:12px;height:12px;pointer-events:none;z-index:2;opacity:.3;transition:all .35s ease}.gamer-field:after{bottom:-1px;left:-1px;border-bottom:2px solid var(--cyber-accent,#f39620);border-left:2px solid var(--cyber-accent,#f39620);clip-path:polygon(0 40%,0 100%,60% 100%)}.gamer-field:focus-within .gamer-field-input{background:linear-gradient(135deg,rgba(var(--cyber-accent-rgb,243,150,32),.06) 0,rgba(var(--cyber-accent-rgb,243,150,32),.02) 100%);border-color:var(--cyber-accent,#F39620);border-left-width:4px;box-shadow:0 0 12px rgba(var(--cyber-accent-rgb,243,150,32),.12),inset 0 0 20px rgba(var(--cyber-accent-rgb,243,150,32),.04),0 1px 0 rgba(var(--cyber-accent-rgb,243,150,32),.2);color:#fff}.gamer-field:focus-within:before{opacity:1;width:16px;height:16px;filter:drop-shadow(0 0 4px var(--cyber-accent,#F39620))}.gamer-field:focus-within:after{opacity:1;width:16px;height:16px;filter:drop-shadow(0 0 4px var(--cyber-accent,#F39620))}.gamer-field.has-error .gamer-field-input{border-color:rgba(248,113,113,.3);box-shadow:0 0 8px rgba(248,113,113,.1)}.gamer-field.has-error:after,.gamer-field.has-error:before{border-color:#f87171;opacity:.6}.gamer-textarea{position:relative}.gamer-textarea textarea{width:100%;min-height:140px;padding:14px 18px 14px 16px;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.01));color:#e5e7eb;border:1px solid rgba(255,255,255,.08);border-left:3px solid var(--cyber-accent,#f39620);outline:none;font-family:monospace;font-size:.875rem;line-height:1.7;letter-spacing:.02em;resize:none;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px));transition:all .3s cubic-bezier(.4,0,.2,1)}.gamer-textarea textarea::placeholder{color:rgba(255,255,255,.15);letter-spacing:.08em}.gamer-textarea:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,0,0,.04) 0,rgba(0,0,0,.04) 4px);pointer-events:none;opacity:0;transition:opacity .3s;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px))}.gamer-textarea:focus-within:after{opacity:1}.gamer-textarea textarea:focus{background:linear-gradient(180deg,rgba(var(--cyber-accent-rgb,243,150,32),.05) 0,rgba(var(--cyber-accent-rgb,243,150,32),.02) 100%);border-color:var(--cyber-accent,#F39620);border-left-width:4px;color:#fff;box-shadow:0 0 16px rgba(var(--cyber-accent-rgb,243,150,32),.1),inset 0 0 30px rgba(var(--cyber-accent-rgb,243,150,32),.03)}.gamer-textarea:before{content:"";position:absolute;top:-1px;right:-1px;width:16px;height:16px;border-top:2px solid var(--cyber-accent,#f39620);border-right:2px solid var(--cyber-accent,#f39620);pointer-events:none;z-index:2;opacity:.25;transition:all .35s ease;clip-path:polygon(40% 0,100% 0,100% 60%)}.gamer-textarea:focus-within:before{opacity:1;width:20px;height:20px;filter:drop-shadow(0 0 4px var(--cyber-accent,#F39620))}.cyber-stat-btn{position:relative;display:flex;align-items:center;gap:14px;padding:10px 18px 10px 16px;background:linear-gradient(135deg,color-mix(in srgb,var(--stat-color) 10%,rgba(0,0,0,.7)) 0,color-mix(in srgb,var(--stat-color) 5%,rgba(0,0,0,.6)) 100%);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid color-mix(in srgb,var(--stat-color) 30%,rgba(255,255,255,.15));clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;overflow:hidden;min-width:140px;box-shadow:0 4px 15px rgba(0,0,0,.4),inset 0 0 30px color-mix(in srgb,var(--stat-color) 8%,transparent)}.cyber-stat-btn:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--stat-color,#fff);box-shadow:0 0 10px var(--stat-color,#fff);opacity:.6;transition:all .3s ease}.cyber-stat-btn:hover{background:linear-gradient(135deg,color-mix(in srgb,var(--stat-color) 15%,rgba(0,0,0,.8)) 0,color-mix(in srgb,var(--stat-color) 8%,rgba(0,0,0,.7)) 100%);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transform:translateY(-4px);border-color:color-mix(in srgb,var(--stat-color) 50%,rgba(255,255,255,.3));box-shadow:0 8px 30px color-mix(in srgb,var(--stat-color) 40%,rgba(0,0,0,.5)),inset 0 0 40px color-mix(in srgb,var(--stat-color) 15%,transparent)}.cyber-stat-btn:hover:before{opacity:1;width:5px;box-shadow:0 0 20px var(--stat-color,#fff)}.cyber-stat-icon-box{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--stat-color,#fff);font-size:1.25rem;box-shadow:inset 0 0 10px rgba(0,0,0,.3);transition:all .3s cubic-bezier(.34,1.56,.64,1);flex-shrink:0}.cyber-stat-btn:hover .cyber-stat-icon-box{border-color:var(--stat-color,#fff);box-shadow:0 0 15px color-mix(in srgb,var(--stat-color,#fff) 40%,transparent);transform:scale(1.1) rotate(-5deg);background:rgba(0,0,0,.6);text-shadow:0 0 8px var(--stat-color,#fff)}.cyber-stat-content{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.cyber-stat-label{font-family:Orbitron,sans-serif;font-size:.6rem;letter-spacing:.2em;color:rgba(255,255,255,.4);margin-bottom:2px;text-transform:uppercase;transition:color .3s}.cyber-stat-btn:hover .cyber-stat-label{color:var(--stat-color,#fff);text-shadow:0 0 8px color-mix(in srgb,var(--stat-color,#fff) 50%,transparent)}.cyber-stat-value{font-family:Orbitron,sans-serif;font-weight:700;font-size:1.35rem;color:#fff;line-height:1;letter-spacing:.05em;transition:all .3s}.cyber-stat-btn:hover .cyber-stat-value{text-shadow:0 0 10px rgba(255,255,255,.5);transform:scale(1.05);transform-origin:left center}.cyber-stat-btn:after{content:"";position:absolute;bottom:0;right:0;width:12px;height:12px;border-bottom:2px solid var(--stat-color,#fff);border-right:2px solid var(--stat-color,#fff);opacity:.3;transition:all .3s;pointer-events:none}.cyber-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.85);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:modal-fade-in .3s ease-out}.cyber-modal-content{position:relative;width:100%;max-width:400px;background:linear-gradient(145deg,rgba(20,25,35,.95),rgba(10,12,18,.95));border:1px solid rgba(255,255,255,.1);padding:24px;border-radius:16px;box-shadow:0 0 40px rgba(0,0,0,.5),inset 0 0 0 1px rgba(255,255,255,.05);clip-path:polygon(20px 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 20px);z-index:10000;animation:modal-scale-in .3s cubic-bezier(.34,1.56,.64,1)}.cyber-modal-content:before{content:"";position:absolute;top:0;left:0;width:100px;height:2px;background:linear-gradient(90deg,var(--cyber-accent,#F39620),transparent)}.cyber-modal-content:after{content:"";position:absolute;bottom:0;right:0;width:100px;height:2px;background:linear-gradient(90deg,transparent,var(--cyber-accent,#F39620))}.cyber-hex-input{width:100%;background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.1);color:#fff;font-family:Orbitron,monospace;font-size:1.1rem;text-align:center;padding:12px;border-radius:8px;outline:none;transition:all .3s;letter-spacing:.1em;text-transform:uppercase;margin-top:10px}.cyber-hex-input:focus{border-color:var(--cyber-accent,#F39620);box-shadow:0 0 15px color-mix(in srgb,var(--cyber-accent,#F39620) 20%,transparent)}.cyber-color-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:20px 0}.cyber-color-option{width:100%;aspect-ratio:1;border-radius:8px;cursor:pointer;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);border:2px solid transparent;box-shadow:0 4px 6px rgba(0,0,0,.3)}.cyber-color-option:hover{transform:scale(1.1);z-index:10;box-shadow:0 0 15px currentColor}.cyber-color-option.selected{transform:scale(1.15);border-color:#fff;z-index:10;box-shadow:0 0 20px currentColor,0 0 40px currentColor}.cyber-color-option:after{content:"";position:absolute;inset:2px;border-radius:6px;background:linear-gradient(135deg,rgba(255,255,255,.4),transparent);opacity:.3}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-scale-in{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.cyber-preview-ring{position:relative;width:100px;height:100px;margin:0 auto;border-radius:50%;padding:4px;background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.02));box-shadow:0 0 30px rgba(0,0,0,.5)}.cyber-preview-fill{width:100%;height:100%;border-radius:50%;box-shadow:inset 0 0 20px rgba(0,0,0,.5);transition:background-color .3s ease}.cyber-preview-ring:before{content:"";position:absolute;inset:-8px;border-radius:50%;border:2px dashed rgba(255,255,255,.15);animation:spin-slow 10s linear infinite}.cyber-preview-ring:after{content:"";position:absolute;inset:-2px;border-radius:50%;border:2px solid var(--cyber-accent,#f39620);opacity:.5;filter:blur(4px);transition:all .3s ease}@keyframes spin-slow{to{transform:rotate(1turn)}}.skeleton-shimmer{background:linear-gradient(90deg,rgba(255,255,255,.1),rgba(255,255,255,.2) 50%,rgba(255,255,255,.1));background-size:200% 100%;animation:shimmer 1.5s linear infinite}.skeleton-pulse{animation:pulse-opacity 2s ease-in-out infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes pulse-opacity{0%,to{opacity:1}50%{opacity:.5}}