:root{--primary:#6366f1;--primary-hover:#4f46e5;--primary-glow:#6366f166;--secondary:#22d3ee;--secondary-glow:#22d3ee4d;--accent:#f43f5e;--bg-primary:#0f0f1a;--bg-secondary:#1a1a2e;--bg-tertiary:#16213e;--bg-card:#1a1a2ecc;--bg-card-hover:#1a1a2ef2;--text-primary:#fff;--text-secondary:#a1a1aa;--text-muted:#71717a;--border-color:#6366f133;--border-hover:#6366f180;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-glow:0 0 40px var(--primary-glow);--transition-fast:.15s ease;--transition-normal:.3s ease;--transition-slow:.5s ease;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background:var(--bg-primary);color:var(--text-primary);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;overflow-x:hidden}.background-effects{pointer-events:none;z-index:-1;position:fixed;inset:0;overflow:hidden}.glow{filter:blur(100px);opacity:.5;border-radius:50%;animation:20s ease-in-out infinite float;position:absolute}.glow-1{background:var(--primary);width:600px;height:600px;animation-delay:0s;top:-200px;left:-200px}.glow-2{background:var(--secondary);width:500px;height:500px;animation-delay:-7s;bottom:-150px;right:-150px}.glow-3{background:var(--accent);opacity:.2;width:400px;height:400px;animation-delay:-14s;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes float{0%,to{transform:translate(0)scale(1)}25%{transform:translate(50px,-50px)scale(1.1)}50%{transform:translate(-30px,30px)scale(.9)}75%{transform:translate(-50px,-30px)scale(1.05)}}.container{flex-direction:column;max-width:1200px;min-height:100vh;margin:0 auto;padding:2rem;display:flex}.header{text-align:center;margin-bottom:3rem;animation:.6s ease-out slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.logo{background:linear-gradient(135deg, var(--primary), var(--secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;align-items:center;gap:.75rem;margin-bottom:.5rem;font-size:2rem;font-weight:700;display:inline-flex}.logo svg{width:40px;height:40px;stroke:var(--primary)}.subtitle{color:var(--text-secondary);font-size:1.1rem;font-weight:400}.main-content{flex:1;grid-template-columns:1fr 1fr;gap:2rem;animation:.8s ease-out .2s backwards fadeIn;display:grid}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=900px){.main-content{grid-template-columns:1fr}}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:var(--transition-normal);box-shadow:var(--shadow-md);padding:1.5rem}.card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-lg), var(--shadow-glow)}.card-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.card-header h2{color:var(--text-primary);font-size:1.25rem;font-weight:600}.card-header p{color:var(--text-secondary);margin-top:.25rem;font-size:.9rem}.generator-card .card-header{flex-direction:column;align-items:flex-start}.form-section{flex-direction:column;gap:1.5rem;display:flex}.input-group{flex-direction:column;gap:.5rem;display:flex}.input-group label{color:var(--text-secondary);font-size:.9rem;font-weight:500}.input-wrapper{gap:.5rem;display:flex}.input-wrapper input{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);transition:var(--transition-fast);outline:none;flex:1;padding:.875rem 1rem;font-family:inherit;font-size:1rem}.input-wrapper input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.input-wrapper input::placeholder{color:var(--text-muted)}.btn-fetch{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);padding:0 1rem}.btn-fetch:hover{background:var(--primary);border-color:var(--primary);color:var(--text-primary)}.btn-fetch svg{width:20px;height:20px}.hint{color:var(--text-muted);font-size:.8rem}.hint a{color:var(--secondary);transition:var(--transition-fast);text-decoration:none}.hint a:hover{text-decoration:underline}.game-info{background:var(--bg-tertiary);border-radius:var(--radius-lg);border:1px solid var(--border-color);padding:1rem;animation:.3s ease-out slideUp}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.game-header{align-items:center;gap:1rem;display:flex}.game-image{border-radius:var(--radius-md);object-fit:cover;background:var(--bg-secondary);width:80px;height:80px}.game-details h3{color:var(--text-primary);margin-bottom:.25rem;font-size:1.1rem;font-weight:600}.game-id{color:var(--text-muted);font-family:Consolas,monospace;font-size:.85rem}.dlc-section{border-top:1px solid var(--border-color);margin-top:1rem;padding-top:1rem}.dlc-section h4{color:var(--text-secondary);align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.9rem;font-weight:500;display:flex}.dlc-count{background:var(--primary);color:#fff;border-radius:20px;padding:.1rem .5rem;font-size:.75rem}.dlc-list{flex-wrap:wrap;gap:.5rem;max-height:120px;display:flex;overflow-y:auto}.dlc-list::-webkit-scrollbar{width:4px}.dlc-list::-webkit-scrollbar-thumb{background:var(--primary);border-radius:4px}.dlc-item{background:var(--bg-secondary);border-radius:var(--radius-sm);color:var(--text-secondary);border:1px solid var(--border-color);padding:.35rem .75rem;font-size:.8rem}.options-section h4{color:var(--text-secondary);margin-bottom:.75rem;font-size:.9rem;font-weight:500}.checkbox-group{flex-direction:column;gap:.75rem;display:flex}.checkbox-label{cursor:pointer;color:var(--text-primary);transition:var(--transition-fast);align-items:center;gap:.75rem;font-size:.9rem;display:flex}.checkbox-label:hover{color:var(--secondary)}.checkbox-label input{display:none}.checkmark{border:2px solid var(--border-color);width:20px;height:20px;transition:var(--transition-fast);border-radius:4px;position:relative}.checkbox-label input:checked+.checkmark{background:var(--primary);border-color:var(--primary)}.checkbox-label input:checked+.checkmark:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:10px;position:absolute;top:2px;left:6px;transform:rotate(45deg)}.button-group{gap:1rem;display:flex}.btn{border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-normal);border:none;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-family:inherit;font-size:.95rem;font-weight:500;display:inline-flex}.btn svg{width:18px;height:18px}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--primary-hover));color:#fff;box-shadow:0 4px 15px var(--primary-glow)}.btn-primary:hover{box-shadow:0 6px 25px var(--primary-glow);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background:var(--secondary);border-color:var(--secondary);color:var(--bg-primary)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.preview-card{flex-direction:column;display:flex}.btn-copy{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);padding:.5rem}.btn-copy:hover{background:var(--secondary);border-color:var(--secondary);color:var(--bg-primary)}.btn-copy svg{width:18px;height:18px}.code-preview{background:var(--bg-tertiary);border-radius:var(--radius-lg);flex:1;min-height:300px;max-height:500px;padding:1rem;overflow:auto}.code-preview pre{white-space:pre-wrap;word-break:break-word;margin:0;font-family:Consolas,Monaco,Courier New,monospace;font-size:.85rem;line-height:1.6}.code-preview code{color:var(--text-secondary)}.code-preview::-webkit-scrollbar{width:8px;height:8px}.code-preview::-webkit-scrollbar-thumb{background:var(--primary);border-radius:4px}.code-preview::-webkit-scrollbar-corner{background:0 0}.footer{text-align:center;border-top:1px solid var(--border-color);margin-top:2rem;padding-top:2rem}.footer p{color:var(--text-muted);font-size:.9rem}.disclaimer{margin-top:.5rem;font-size:.8rem!important}.toast{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;opacity:0;transition:var(--transition-normal);padding:1rem 1.5rem;position:fixed;bottom:2rem;left:50%;transform:translate(-50%)translateY(100px)}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.toast.success{border-color:#22c55e}.toast.error{border-color:var(--accent)}.toast-message{color:var(--text-primary);font-size:.9rem}@media (width<=600px){.container{padding:1rem}.logo{font-size:1.5rem}.logo svg{width:32px;height:32px}.card{padding:1rem}.button-group{flex-direction:column}.game-header{text-align:center;flex-direction:column}}.loading{pointer-events:none;position:relative}.loading:after{content:"";border-radius:inherit;background:#0f0f1acc;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.spinner{border:3px solid var(--border-color);border-top-color:var(--primary);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}