:root{--cyber-black: #080810;--cyber-dark: #0f0f1c;--cyber-card: #16162a;--cyber-neon-blue: #00f0ff;--cyber-neon-pink: #ff007f;--cyber-neon-green: #39ff14;--cyber-neon-yellow: #ffe600;--cyber-text: #e2e8f0;--cyber-text-mute: #8c95b2;--cyber-border: #282845;--cyber-border-glow: rgba(0, 240, 255, .2);--cyber-font-mono: "Orbitron", "Space Grotesk", system-ui, sans-serif;--cyber-font-sans: "Space Grotesk", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--cyber-font-sans);background-color:var(--cyber-black);color:var(--cyber-text);overflow:hidden;height:100vh;width:100vw}.space-bg{position:fixed;inset:0;z-index:0;background:radial-gradient(circle at 50% 50%,#15102a 0%,var(--cyber-black) 100%);overflow:hidden;pointer-events:none}.stars-layer-1{position:absolute;width:200%;height:200%;background-image:radial-gradient(white,rgba(255,255,255,.2) 2px,transparent 40px),radial-gradient(white,rgba(255,255,255,.15) 1px,transparent 30px);background-size:550px 550px,350px 350px;background-position:0 0,40px 60px;opacity:.35;animation:starDrift 120s linear infinite}.stars-layer-2{position:absolute;width:200%;height:200%;background-image:radial-gradient(#00f0ff,rgba(0,240,255,.1) 1.5px,transparent 30px),radial-gradient(#ff007f,rgba(255,0,127,.1) 1.5px,transparent 20px);background-size:400px 400px,280px 280px;background-position:80px 120px,150px 50px;opacity:.4;animation:starDriftReverse 90s linear infinite}.nebula-overlay{position:absolute;width:100%;height:100%;background:radial-gradient(circle at 80% 20%,rgba(255,0,127,.08) 0%,transparent 50%),radial-gradient(circle at 10% 70%,rgba(0,240,255,.08) 0%,transparent 60%);filter:blur(40px);animation:nebulaPulse 25s ease-in-out infinite alternate}.mini-stars .stars-layer-1{opacity:.2}.home-container{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:space-between;min-height:100vh;padding:3rem 2rem;overflow-y:auto}.hud-badge{display:inline-block;font-family:var(--cyber-font-mono);font-size:.75rem;letter-spacing:.2em;color:var(--cyber-neon-green);border:1px solid var(--cyber-neon-green);padding:.25rem .75rem;border-radius:4px;background:#39ff140d;box-shadow:0 0 10px #39ff141a;margin-bottom:1.5rem;text-transform:uppercase}.home-header{text-align:center;margin-bottom:2rem}.glitch-title{font-family:var(--cyber-font-mono);font-size:3.5rem;font-weight:900;letter-spacing:-.02em;color:#fff;text-transform:uppercase;position:relative;text-shadow:0 0 20px rgba(0,240,255,.4);margin-bottom:.75rem}.glitch-title:before,.glitch-title:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background:transparent}.glitch-title:before{left:2px;text-shadow:-2px 0 var(--cyber-neon-pink);clip:rect(44px,450px,56px,0);animation:glitch-anim 5s infinite linear alternate-reverse}.glitch-title:after{left:-2px;text-shadow:-2px 0 var(--cyber-neon-blue),0 2px var(--cyber-neon-pink);clip:rect(85px,450px,140px,0);animation:glitch-anim2 5s infinite linear alternate-reverse}.subtitle{font-size:1.1rem;color:var(--cyber-text-mute);max-width:600px;margin:0 auto}.deck-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;width:100%;max-width:900px;margin:3rem 0}.deck-card{position:relative;background:var(--cyber-card);border:2px solid var(--cyber-border);border-radius:12px;padding:2rem;cursor:pointer;overflow:hidden;transition:all .3s cubic-bezier(.25,.8,.25,1);box-shadow:0 10px 30px #00000080}.deck-card:hover{transform:translateY(-8px) scale(1.02);border-color:var(--cyber-neon-blue);box-shadow:0 0 30px #00f0ff40,inset 0 0 15px #00f0ff0d}.deck-card:after{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--cyber-neon-blue),var(--cyber-neon-pink))}.card-scanner{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,transparent 50%,rgba(0,240,255,.05) 50%,rgba(0,240,255,.05) 52%,transparent 52%);background-size:100% 20px;pointer-events:none;opacity:.3}.card-tag{font-family:var(--cyber-font-mono);font-size:.75rem;color:var(--cyber-neon-pink);font-weight:700;letter-spacing:.1em;margin-bottom:.75rem}.card-title{font-family:var(--cyber-font-mono);font-size:1.75rem;color:#fff;margin-bottom:.75rem;letter-spacing:-.01em}.card-desc{font-size:.95rem;color:var(--cyber-text-mute);line-height:1.5;margin-bottom:2rem}.card-footer{display:flex;justify-content:flex-end}.launch-btn{font-family:var(--cyber-font-mono);font-size:.85rem;font-weight:700;color:var(--cyber-neon-blue);letter-spacing:.05em;display:flex;align-items:center;gap:.5rem;transition:gap .2s ease}.deck-card:hover .launch-btn{color:#fff;text-shadow:0 0 8px var(--cyber-neon-blue)}.deck-card:hover .launch-btn .arrow{transform:translate(5px);color:var(--cyber-neon-pink)}.arrow{transition:transform .2s ease,color .2s ease}.corner{position:absolute;width:8px;height:8px;border:2px solid var(--cyber-border);pointer-events:none;transition:border-color .3s ease}.deck-card:hover .corner{border-color:var(--cyber-neon-blue)}.top-left{top:8px;left:8px;border-right:none;border-bottom:none}.top-right{top:8px;right:8px;border-left:none;border-bottom:none}.bottom-left{bottom:8px;left:8px;border-right:none;border-top:none}.bottom-right{bottom:8px;right:8px;border-left:none;border-top:none}.home-footer{font-family:var(--cyber-font-mono);font-size:.7rem;color:var(--cyber-text-mute);opacity:.6;letter-spacing:.15em;border-top:1px solid var(--cyber-border);padding-top:1.5rem;width:100%;max-width:600px;text-align:center}.generator-container{display:flex;height:100vh;width:100vw;position:relative;overflow:hidden;z-index:1}.control-panel{width:320px;flex:0 0 320px;background:#0e0e1cf2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-right:2px solid var(--cyber-border);display:flex;flex-direction:column;position:relative;z-index:10;box-shadow:10px 0 30px #0009}.panel-header{padding:1.25rem;border-bottom:2px solid var(--cyber-border);background:#080810cc}.back-btn{display:flex;align-items:center;gap:.4rem;background:transparent;border:1px solid var(--cyber-border);color:var(--cyber-text-mute);padding:.35rem .75rem;border-radius:4px;font-family:var(--cyber-font-mono);font-size:.75rem;font-weight:700;cursor:pointer;transition:all .2s ease;margin-bottom:1rem}.back-btn:hover{color:#fff;border-color:var(--cyber-neon-pink);box-shadow:0 0 10px #ff007f33}.panel-title-group{display:flex;flex-direction:column}.panel-subtitle{font-family:var(--cyber-font-mono);font-size:.65rem;color:var(--cyber-neon-pink);letter-spacing:.15em;font-weight:700}.panel-title{font-family:var(--cyber-font-mono);font-size:1.25rem;font-weight:900;color:#fff;letter-spacing:.02em}.presets-panel{padding:1rem 1.25rem .5rem;border-bottom:1px dashed var(--cyber-border);background:#08081066}.presets-row{display:flex;gap:.5rem;align-items:center;width:100%}.presets-row .select-wrapper{flex:1;min-width:0}.preset-delete-btn{background:#ff007f1a;border:1px solid rgba(255,0,127,.3);color:var(--cyber-neon-pink);border-radius:6px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;cursor:pointer;transition:all .2s ease}.preset-delete-btn:hover{background:#ff007f40;border-color:var(--cyber-neon-pink);box-shadow:0 0 8px #ff007f4d;color:#fff}.panel-scroll-area{flex:1;overflow-y:auto;padding:1.25rem;display:flex;flex-direction:column;gap:1.25rem}.panel-scroll-area::-webkit-scrollbar{width:6px}.panel-scroll-area::-webkit-scrollbar-track{background:transparent}.panel-scroll-area::-webkit-scrollbar-thumb{background:var(--cyber-border);border-radius:3px}.panel-scroll-area::-webkit-scrollbar-thumb:hover{background:var(--cyber-neon-blue)}.console-section{border:1px solid var(--cyber-border);border-radius:8px;padding:1rem;background:#16162a4d;position:relative;display:flex;flex-direction:column;gap:.85rem}.console-section.card-style{background:#16162a99;border-color:#282845cc}.section-title{font-family:var(--cyber-font-mono);font-size:.8rem;color:var(--cyber-neon-blue);text-transform:uppercase;letter-spacing:.08em;margin-bottom:0}.section-header-switch{display:flex;justify-content:space-between;align-items:center}.section-header-switch .section-title{margin-bottom:0}.section-content{margin-top:0;display:flex;flex-direction:column;gap:.85rem}.cyber-label{display:flex;flex-direction:column;gap:.35rem;min-width:0}.label-text{font-family:var(--cyber-font-mono);font-size:.65rem;color:var(--cyber-text-mute);font-weight:700;letter-spacing:.05em}.cyber-input{background:#080810cc;border:1px solid var(--cyber-border);color:#fff;padding:.5rem .75rem;font-family:var(--cyber-font-mono);font-size:.85rem;border-radius:6px;outline:none;transition:all .2s ease;width:100%;min-width:0}.cyber-input:focus{border-color:var(--cyber-neon-blue);box-shadow:0 0 8px #00f0ff26}.input-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;min-width:0}.select-wrapper{position:relative}.cyber-select{appearance:none;background:#080810cc;border:1px solid var(--cyber-border);color:#fff;padding:.5rem 2rem .5rem .75rem;font-family:var(--cyber-font-sans);font-size:.85rem;border-radius:6px;outline:none;width:100%;cursor:pointer;transition:all .2s ease}.cyber-select:focus{border-color:var(--cyber-neon-blue)}.select-wrapper:after{content:"▼";font-size:.6rem;color:var(--cyber-neon-blue);position:absolute;right:.75rem;top:50%;transform:translateY(-50%);pointer-events:none}.switch-toggle{position:relative;display:inline-block;width:36px;height:20px}.switch-toggle input{opacity:0;width:0;height:0}.switch-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--cyber-border);transition:.2s;border-radius:20px}.switch-slider:before{position:absolute;content:"";height:14px;width:14px;left:3px;bottom:3px;background-color:#fff;transition:.2s;border-radius:50%}.switch-toggle input:checked+.switch-slider{background-color:var(--cyber-neon-pink)}.switch-toggle input:checked+.switch-slider:before{transform:translate(16px);background-color:#fff}.action-tray{padding:1.25rem;border-top:2px solid var(--cyber-border);background:#080810e6;display:flex;flex-direction:column;gap:.75rem}.primary-cyber-btn{background:linear-gradient(135deg,var(--cyber-neon-pink) 0%,#d0006f 100%);border:none;border-radius:6px;padding:.85rem;color:#fff;font-family:var(--cyber-font-mono);font-size:.85rem;font-weight:900;letter-spacing:.05em;cursor:pointer;position:relative;overflow:hidden;transition:all .2s ease;box-shadow:0 0 15px #ff007f4d}.primary-cyber-btn.warning-btn{background:linear-gradient(135deg,#f33,#b30000);box-shadow:0 0 15px #f336}.primary-cyber-btn.warning-btn:hover{box-shadow:0 0 25px #f339}.ignite-warning-text{font-family:var(--cyber-font-sans);font-size:.7rem;color:#f55;line-height:1.3;margin-bottom:.35rem;display:flex;align-items:center;gap:.35rem;text-transform:uppercase;font-weight:700;letter-spacing:.05em}.primary-cyber-btn:hover{transform:translateY(-2px);box-shadow:0 0 25px #ff007f80}.primary-cyber-btn:active{transform:translateY(1px)}.secondary-cyber-btn{background:transparent;border:1px solid var(--cyber-neon-blue);border-radius:6px;padding:.65rem;color:var(--cyber-neon-blue);font-family:var(--cyber-font-mono);font-size:.75rem;font-weight:700;letter-spacing:.05em;cursor:pointer;transition:all .2s ease}.secondary-cyber-btn:hover{background:#00f0ff14;color:#fff;box-shadow:0 0 15px #00f0ff4d}.action-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.keep-btn{border-color:var(--cyber-neon-green);color:var(--cyber-neon-green)}.keep-btn:hover:not(.disabled){background:#39ff1414;color:#fff;box-shadow:0 0 15px #39ff144d}.keep-btn.disabled{opacity:.3;cursor:not-allowed;border-color:var(--cyber-border);color:var(--cyber-text-mute)}.seed-badge{display:flex;align-items:center;gap:.5rem;font-family:var(--cyber-font-mono);font-size:.65rem;color:var(--cyber-neon-green);background:#39ff140d;border:1px dashed rgba(57,255,20,.3);padding:.4rem;border-radius:4px;margin-top:.25rem}.seed-badge .dot{width:6px;height:6px;background-color:var(--cyber-neon-green);border-radius:50%;box-shadow:0 0 6px var(--cyber-neon-green)}.error-panel{display:flex;gap:.5rem;background:#ff00000d;border:1px solid rgba(255,0,0,.2);border-radius:4px;padding:.5rem;margin-top:.5rem}.warning-icon{color:#ff4545;font-weight:700;font-size:.9rem}.error-text{color:#ff6060;font-size:.75rem;line-height:1.3}.viewscreen{flex:1;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at center,#0a0a14,#030307);padding:2rem;overflow:auto;position:relative}.viewscreen-bezel{position:relative;background:#08080f;border:3px solid #202035;border-radius:16px;padding:2.25rem 1rem;display:inline-flex;flex-direction:column;align-items:center;box-shadow:0 20px 50px #000c,0 0 40px #00f0ff0d;max-width:100%;max-height:75vh;box-sizing:border-box;transition:width .6s cubic-bezier(.34,1.56,.64,1),height .6s cubic-bezier(.34,1.56,.64,1),padding .6s cubic-bezier(.34,1.56,.64,1),border-radius .6s cubic-bezier(.34,1.56,.64,1),box-shadow .6s ease}.viewscreen-bezel.is-loading{width:40px!important;height:40px!important;padding:0!important;border-radius:8px;box-shadow:0 0 20px #00f0ff4d;animation:frame-spin 1.2s steps(4) infinite}.viewscreen-bezel.is-loading>*:not(.bezel-corner){opacity:0!important;pointer-events:none}.viewscreen-bezel>*{transition:opacity .4s ease}@keyframes frame-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.bezel-header-hud,.bezel-footer-hud{display:flex;justify-content:space-between;width:100%;font-family:var(--cyber-font-mono);font-size:.65rem;letter-spacing:.1em;color:var(--cyber-text-mute);padding:0 .5rem;opacity:.7}.bezel-header-hud{margin-bottom:.75rem}.bezel-footer-hud{margin-top:.75rem}.hud-metric-mid{color:var(--cyber-neon-blue);font-weight:700}.canvas-frame{position:relative;border:1px solid #1a1a2e;background:#000;line-height:0;box-shadow:inset 0 0 40px #000000e6;overflow:hidden;margin:0 auto;width:100%;flex:1;min-height:0}.canvas-frame canvas{display:block;width:100%;height:100%;object-fit:contain}.crt-scanlines{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(#12101000 50%,#00000040 50%);background-size:100% 4px;z-index:5;pointer-events:none}.viewscreen-bezel.is-loading:before{content:"";position:absolute;inset:-10px;background:radial-gradient(circle at center,rgba(255,0,128,.4),transparent 70%);z-index:-1;filter:blur(15px);border-radius:20px;animation:loading-glow .3s ease-in-out infinite alternate;pointer-events:none}@keyframes loading-glow{0%{transform:scale(.8);opacity:.6}to{transform:scale(1.2);opacity:1}}.laser-scanner{position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(180deg,transparent,var(--cyber-neon-blue),transparent);box-shadow:0 0 12px var(--cyber-neon-blue);z-index:4;opacity:0;pointer-events:none;transition:opacity .4s ease}.viewscreen-bezel.is-loading .laser-scanner{opacity:.35;animation:laser-sweep 4s linear infinite}@keyframes laser-sweep{0%{top:0%}50%{top:100%}to{top:0%}}.reticle{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:3;opacity:.35;overflow:hidden}.reticle-circle{position:absolute;top:50%;left:50%;border:1px dashed var(--cyber-neon-blue);border-radius:50%;transform:translate(-50%,-50%)}.reticle-outer{width:280px;height:280px;border-color:#00f0ff33}.viewscreen-bezel.is-loading .reticle-outer{animation:rotate-cw 25s linear infinite}.reticle-mid{width:160px;height:160px;border:1px dotted var(--cyber-neon-pink);opacity:.7}.viewscreen-bezel.is-loading .reticle-mid{animation:rotate-ccw 15s linear infinite}.reticle-inner{width:60px;height:60px;border:1px double var(--cyber-neon-blue);opacity:.8}.reticle-axis{position:absolute;background:linear-gradient(90deg,transparent,rgba(0,240,255,.15),transparent);pointer-events:none}.axis-x{top:50%;left:0;width:100%;height:1px;transform:translateY(-50%)}.axis-y{left:50%;top:0;height:100%;width:1px;transform:translate(-50%);background:linear-gradient(180deg,transparent,rgba(0,240,255,.15),transparent)}@keyframes rotate-cw{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes rotate-ccw{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(-360deg)}}.bezel-orbit{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90px;height:90px;pointer-events:none;z-index:8}.particle{position:absolute;width:8px;height:8px;border-radius:50%;top:50%;left:50%}.particle.part-1{background:var(--cyber-neon-blue);box-shadow:0 0 10px var(--cyber-neon-blue);animation:orbit-1 1s linear infinite}.particle.part-2{background:var(--cyber-neon-pink);box-shadow:0 0 10px var(--cyber-neon-pink);animation:orbit-2 1.3s linear infinite}.particle.part-3{background:#ffd166;box-shadow:0 0 10px #ffd166;animation:orbit-3 .8s linear infinite}@keyframes orbit-1{0%{transform:rotate(0) translate(45px) rotate(0)}to{transform:rotate(360deg) translate(45px) rotate(-360deg)}}@keyframes orbit-2{0%{transform:rotate(120deg) translate(35px) rotate(-120deg)}to{transform:rotate(480deg) translate(35px) rotate(-480deg)}}@keyframes orbit-3{0%{transform:rotate(240deg) translate(55px) rotate(-240deg)}to{transform:rotate(-120deg) translate(55px) rotate(120deg)}}.viewscreen-bezel.is-loading>*:not(.bezel-corner):not(.bezel-orbit){opacity:0!important;pointer-events:none}.bezel-corner{position:absolute;width:16px;height:16px;border:3px solid var(--cyber-neon-blue);pointer-events:none}.bezel-corner.top-l{top:-3px;left:-3px;border-right:none;border-bottom:none}.bezel-corner.top-r{top:-3px;right:-3px;border-left:none;border-bottom:none}.bezel-corner.bottom-l{bottom:-3px;left:-3px;border-right:none;border-top:none}.bezel-corner.bottom-r{bottom:-3px;right:-3px;border-left:none;border-top:none}@keyframes starDrift{0%{transform:translate(0)}to{transform:translate(-300px,-200px)}}@keyframes starDriftReverse{0%{transform:translate(0)}to{transform:translate(250px,150px)}}@keyframes nebulaPulse{0%{transform:scale(1) rotate(0);opacity:.7}to{transform:scale(1.1) rotate(5deg);opacity:.95}}@keyframes glitch-anim{0%{clip:rect(31px,9999px,94px,0)}10%{clip:rect(112px,9999px,76px,0)}20%{clip:rect(85px,9999px,5px,0)}30%{clip:rect(27px,9999px,115px,0)}40%{clip:rect(76px,9999px,13px,0)}50%{clip:rect(118px,9999px,94px,0)}60%{clip:rect(9px,9999px,34px,0)}70%{clip:rect(81px,9999px,120px,0)}80%{clip:rect(44px,9999px,12px,0)}90%{clip:rect(94px,9999px,56px,0)}to{clip:rect(13px,9999px,85px,0)}}@keyframes glitch-anim2{0%{clip:rect(76px,9999px,116px,0)}11%{clip:rect(13px,9999px,45px,0)}22%{clip:rect(98px,9999px,120px,0)}33%{clip:rect(42px,9999px,15px,0)}44%{clip:rect(118px,9999px,75px,0)}55%{clip:rect(15px,9999px,90px,0)}66%{clip:rect(77px,9999px,14px,0)}77%{clip:rect(102px,9999px,123px,0)}88%{clip:rect(35px,9999px,5px,0)}to{clip:rect(61px,9999px,78px,0)}}.animate-pulse{animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:.3}50%{opacity:1}to{opacity:.3}}.animate-slide-down{animation:slideDown .25s cubic-bezier(.16,1,.3,1)}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.label-header{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:2px}.value-display{font-family:var(--cyber-font-mono);font-size:.7rem;color:var(--cyber-neon-blue);font-weight:700}.cyber-range{-webkit-appearance:none;appearance:none;width:100%;height:6px;background:var(--cyber-border);border-radius:3px;outline:none;margin:6px 0;transition:all .2s ease}.cyber-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--cyber-neon-blue);cursor:pointer;box-shadow:0 0 8px var(--cyber-neon-blue);transition:transform .1s ease,background-color .2s}.cyber-range::-webkit-slider-thumb:hover{transform:scale(1.2);background:var(--cyber-neon-pink);box-shadow:0 0 10px var(--cyber-neon-pink)}.cyber-range::-webkit-slider-thumb:active{transform:scale(.9)}.cyber-range::-moz-range-thumb{width:14px;height:14px;border:none;border-radius:50%;background:var(--cyber-neon-blue);cursor:pointer;box-shadow:0 0 8px var(--cyber-neon-blue);transition:transform .1s ease,background-color .2s}.cyber-range::-moz-range-thumb:hover{transform:scale(1.2);background:var(--cyber-neon-pink);box-shadow:0 0 10px var(--cyber-neon-pink)}.cyber-range::-moz-range-thumb:active{transform:scale(.9)}.slider-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.slider-stack{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}.resolution-presets{display:flex;gap:.5rem;width:100%}.preset-res-btn{flex:1;background:#16162a99;border:1px solid var(--cyber-border);color:var(--cyber-text-mute);font-family:var(--cyber-font-mono);font-size:.7rem;padding:.35rem .5rem;border-radius:4px;cursor:pointer;transition:all .2s ease}.preset-res-btn:hover{color:#fff;border-color:var(--cyber-neon-blue);background:#00f0ff0d}.preset-res-btn.active{color:#fff;border-color:var(--cyber-neon-blue);background:#00f0ff26;box-shadow:0 0 8px #00f0ff40}.input-group{display:flex;width:100%;position:relative}.input-group .cyber-input{border-top-right-radius:0;border-bottom-right-radius:0;flex:1}.input-group-btn{background:#080810e6;border:1px solid var(--cyber-border);border-left:none;color:#fff;padding:0 .75rem;border-top-right-radius:6px;border-bottom-right-radius:6px;cursor:pointer;transition:all .2s ease;font-size:.95rem;display:flex;align-items:center;justify-content:center}.input-group-btn:hover{background:#00f0ff1a;color:var(--cyber-neon-blue);border-color:var(--cyber-neon-blue)}.input-group-btn:active{transform:scale(.95)}@media(max-width:768px){.home-container{padding:2rem 1rem;overflow-x:hidden}.glitch-title{font-size:2.25rem!important;text-shadow:0 0 10px rgba(0,240,255,.4);margin-bottom:.5rem}.subtitle{font-size:.9rem;padding:0 .5rem}.deck-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important;gap:1.25rem!important;margin:1.5rem 0!important;padding:0 .5rem}.deck-card{padding:1.25rem!important}.card-title{font-size:1.35rem!important}.generator-container{flex-direction:column;overflow:hidden}.viewscreen{flex:1;width:100%;height:100%;padding:1rem .75rem 5.5rem;align-items:center;justify-content:center;position:relative;box-sizing:border-box}.viewscreen-bezel{max-height:48vh!important;border-radius:12px!important;padding:1.5rem .5rem!important}.viewscreen-bezel.is-loading{max-height:none!important}.bezel-header-hud,.bezel-footer-hud{font-size:.55rem!important}.control-panel{position:fixed;bottom:0;left:0;width:100vw!important;height:52vh!important;flex:none!important;border-right:none!important;border-top:2px solid var(--cyber-border);transition:transform .4s cubic-bezier(.16,1,.3,1)!important;box-shadow:0 -10px 30px #000000e6;border-top-left-radius:16px;border-top-right-radius:16px;background:#0a0a14fa!important;-webkit-backdrop-filter:blur(24px)!important;backdrop-filter:blur(24px)!important}.generator-container.controls-hidden .control-panel{transform:translateY(100%);pointer-events:none}.generator-container.controls-visible .control-panel{transform:translateY(0)}.panel-header{padding:.85rem 1rem!important}.panel-header-top{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:.5rem}.panel-header .back-btn{margin-bottom:0!important}.mobile-close-panel-btn{display:flex;align-items:center;justify-content:center;background:#ff007f1a;border:1px solid rgba(255,0,127,.3);color:var(--cyber-neon-pink);padding:.3rem .65rem;border-radius:6px;font-family:var(--cyber-font-mono);font-size:.7rem;font-weight:700;cursor:pointer;transition:all .2s ease}.mobile-close-panel-btn:hover{background:#ff007f40;border-color:var(--cyber-neon-pink)}.mobile-open-panel-btn{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);z-index:100;background:linear-gradient(135deg,var(--cyber-neon-blue) 0%,#0099bb 100%);border:1px solid var(--cyber-neon-blue);color:#fff;font-family:var(--cyber-font-mono);font-size:.8rem;font-weight:900;letter-spacing:.05em;padding:.7rem 1.4rem;border-radius:30px;box-shadow:0 0 20px #00f0ff66;cursor:pointer;display:block;animation:pulseGlow 2s infinite alternate}.panel-scroll-area{padding:.85rem 1rem!important;gap:1rem!important}.console-section{padding:.75rem!important;gap:.75rem!important}.action-tray{padding:.85rem 1rem!important;border-top:1px solid var(--cyber-border)!important}}@media(min-width:769px){.mobile-close-panel-btn,.mobile-open-panel-btn{display:none!important}.panel-header-top{display:block}}@keyframes pulseGlow{0%{box-shadow:0 0 15px #00f0ff4d}to{box-shadow:0 0 25px #00f0ffb3}}