: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;flex-direction:column-reverse;height:100vh;width:100vw;position:relative;overflow:hidden;z-index:1}.control-panel{background:#0a0a14fa;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-top:2px solid var(--cyber-border);display:flex;flex-direction:column;position:relative;z-index:10;box-shadow:0 -10px 30px #000000e6;border-top-left-radius:16px;border-top-right-radius:16px;width:100vw;height:50vh;flex:none}.generator-container.controls-hidden .control-panel{display:none}.generator-container.controls-visible .control-panel{display:flex}.panel-header{padding:.85rem 1rem;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:0;border-bottom:none;background:transparent;margin-bottom:.5rem}.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:.85rem 1rem;display:flex;flex-direction:column;gap:1rem}.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:.75rem;background:#16162a4d;position:relative;display:flex;flex-direction:column;gap:.75rem}.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:.85rem 1rem;border-top:1px solid var(--cyber-border);background:#080810f2;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{display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at center,#0e0e1a,#030307);position:relative;overflow:auto;box-sizing:border-box}.viewscreen:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,240,255,.015) 1px,transparent 1px),linear-gradient(rgba(0,240,255,.015) 1px,transparent 1px);background-size:30px 30px;background-position:center;pointer-events:none;z-index:1}.viewscreen>*{position:relative;z-index:2}.generator-container.controls-visible .viewscreen{height:50vh;flex:none;padding:1rem .75rem}.generator-container.controls-hidden .viewscreen{height:100vh;flex:1;padding:1rem .75rem}.viewscreen-bezel{position:relative;background:#08080f;border:3px solid #202035;border-radius:12px;padding:1rem .5rem;display:inline-flex;flex-direction:column;align-items:center;box-shadow:0 20px 50px #000c,0 0 40px #00f0ff0d;max-width:100%;max-height:44vh;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;image-rendering:pixelated}.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}.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:.35rem .75rem;border-radius:4px;font-family:var(--cyber-font-mono);font-size:.75rem;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}.desktop-action-buttons{display:none}.mobile-action-buttons-row{display:flex;gap:.5rem;width:100%;align-items:center}.mobile-action-buttons-row .mobile-icon-btn{flex:1;height:44px;display:flex;align-items:center;justify-content:center;font-size:1.15rem;padding:0;margin:0;border-radius:6px}.mobile-action-buttons-row .mobile-icon-btn.primary-cyber-btn{flex:2.2;background:linear-gradient(135deg,var(--cyber-neon-pink) 0%,#d0006f 100%)}.mobile-btn-icon-content{font-size:1.25rem;display:inline-flex;align-items:center;justify-content:center}.desktop-only-header-top{display:none}.cyber-title{font-size:1rem}.cyber-subtitle{font-size:.55rem}.bezel-header-hud,.bezel-footer-hud{font-size:.52rem;letter-spacing:.05em}.generator-container.controls-visible .viewscreen-bezel{max-height:32vh}.viewscreen-meta-heading{flex-direction:column;align-items:flex-start;gap:.5rem}.meta-text{flex-direction:column;align-items:flex-start;gap:.25rem}}@media(min-width:769px){.generator-container{flex-direction:row}.generator-container.controls-visible .viewscreen,.generator-container.controls-hidden .viewscreen{height:100%;flex:1;padding:2rem}.control-panel{width:320px;height:100%;flex:0 0 320px;background:#0e0e1cf2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-right:2px solid var(--cyber-border);border-top:none;border-top-left-radius:0;border-top-right-radius:0;box-shadow:10px 0 30px #0009}.generator-container.controls-hidden .control-panel{display:flex;transform:translate(-100%);position:absolute;pointer-events:none}.generator-container.controls-visible .control-panel{transform:translate(0);position:relative;pointer-events:auto}.viewscreen-bezel{max-height:75vh;border-radius:16px;padding:2.25rem 1rem;border-width:3px}.panel-header{padding:1.25rem}.presets-panel{padding:1rem 1.25rem .5rem;border-bottom:1px dashed var(--cyber-border);background:#08081066;margin-bottom:0}.panel-scroll-area{padding:1.25rem;gap:1.25rem}.console-section{padding:1rem;gap:.85rem}.action-tray{padding:1.25rem;border-top:2px solid var(--cyber-border);background:#080810e6;gap:.75rem}.mobile-close-panel-btn,.mobile-open-panel-btn,.mobile-action-buttons-row{display:none}.desktop-action-buttons{display:block}.desktop-only-header-top{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:.5rem}}@keyframes pulseGlow{0%{box-shadow:0 0 15px #00f0ff4d}to{box-shadow:0 0 25px #00f0ffb3}}.section-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;padding:.25rem 0;width:100%}.section-header-left{display:flex;align-items:center;gap:.5rem}.section-arrow{font-size:.6rem;color:var(--cyber-neon-blue);transition:transform .2s ease;display:inline-block;opacity:.7}.section-arrow.is-open{transform:rotate(0)}.console-section.is-collapsed .section-arrow{transform:rotate(-90deg)}.console-section.is-collapsed{border-style:dashed;opacity:.85}.color-picker-wrapper{display:flex;align-items:center;gap:.75rem;background:#080810cc;border:1px solid var(--cyber-border);padding:.35rem .5rem;border-radius:6px;width:100%}.cyber-color-input{-webkit-appearance:none;border:none;width:28px;height:24px;border-radius:4px;cursor:pointer;background:none;padding:0}.cyber-color-input::-webkit-color-swatch-wrapper{padding:0}.cyber-color-input::-webkit-color-swatch{border:1px solid var(--cyber-border);border-radius:4px}.color-hex-label{font-family:var(--cyber-font-mono);font-size:.8rem;color:#fff;letter-spacing:.05em}.toggle-container{display:flex;align-items:center;gap:.75rem;padding:.25rem 0}.toggle-label-text{margin:0;color:var(--cyber-text);font-size:.8rem;text-transform:none}.cyber-topbar{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:0}.cyber-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}.cyber-back-btn:hover{color:#fff;border-color:var(--cyber-neon-pink);box-shadow:0 0 10px #ff007f33}.cyber-title-group{display:flex;flex-direction:column;align-items:flex-end;text-align:right;flex:1}.cyber-subtitle{font-family:var(--cyber-font-mono);font-size:.65rem;color:var(--cyber-neon-pink);letter-spacing:.15em;font-weight:700}.cyber-title{font-family:var(--cyber-font-mono);font-size:1.25rem;font-weight:900;color:#fff;letter-spacing:.02em}.cyber-status-badge{display:inline-block;font-family:var(--cyber-font-mono);font-size:.65rem;letter-spacing:.1em;color:var(--cyber-neon-green);border:1px solid var(--cyber-neon-green);padding:.25rem .5rem;border-radius:4px;background:#39ff140d;box-shadow:0 0 10px #39ff141a;text-transform:uppercase;flex:none}.viewscreen-meta-container{display:flex;flex-direction:column;width:100%;max-width:640px;margin-top:1rem;gap:.75rem}.viewscreen-meta-heading{display:flex;align-items:center;gap:.75rem;border-bottom:1px solid var(--cyber-border);padding-bottom:.5rem}.hud-badge-mini{font-family:var(--cyber-font-mono);font-size:.6rem;color:var(--cyber-neon-blue);border:1px solid var(--cyber-neon-blue);padding:.15rem .4rem;border-radius:3px;background:#00f0ff0d}.meta-text{display:flex;align-items:baseline;gap:.5rem}.meta-title{font-family:var(--cyber-font-sans);font-size:.85rem;color:var(--cyber-text-mute);text-transform:uppercase}.meta-subtitle{font-family:var(--cyber-font-mono);font-size:.9rem;color:#fff;text-transform:uppercase}.viewscreen-actions{display:flex;gap:.75rem;width:100%}.viewscreen-actions button,.viewscreen-actions a{flex:1;text-align:center;justify-content:center}.sidebar-fields-container{display:flex;flex-direction:column;gap:1.25rem}.is-disabled{opacity:.5;pointer-events:none}.planet-console{--planet-amber: #ffbd59;--planet-cyan: var(--cyber-neon-blue);display:flex;flex-direction:column;gap:1rem}.planet-console-intro{position:relative;overflow:hidden;border:1px solid rgba(0,240,255,.35);border-left:3px solid var(--planet-cyan);padding:.8rem .85rem;background:linear-gradient(90deg,rgba(0,240,255,.09),transparent 72%),repeating-linear-gradient(0deg,transparent 0 7px,rgba(255,255,255,.018) 7px 8px);box-shadow:inset 0 0 24px #00f0ff09}.planet-console-intro:after{content:"◉";position:absolute;right:.75rem;top:.55rem;color:var(--cyber-neon-green);font-size:.72rem;text-shadow:0 0 8px var(--cyber-neon-green)}.planet-console-intro span{font:800 .64rem/1 var(--cyber-font-mono);letter-spacing:.14em;color:var(--planet-cyan)}.planet-console-intro p,.planet-source-note{margin:.45rem 0 0;color:var(--cyber-text-mute);font:500 .68rem/1.45 var(--cyber-font-mono)}.planet-source-note{border-left:2px solid rgba(255,189,89,.55);padding:.45rem .55rem;background:#ffbd590b}.planet-metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid rgba(0,240,255,.2);border-left:1px solid rgba(0,240,255,.2)}.planet-metric{min-width:0;padding:.55rem;border-right:1px solid rgba(0,240,255,.2);border-bottom:1px solid rgba(0,240,255,.2);background:#00f0ff06}.planet-metric span,.planet-metric strong{display:block;font-family:var(--cyber-font-mono)}.planet-metric span{overflow:hidden;color:var(--cyber-text-mute);font-size:.52rem;letter-spacing:.08em;text-overflow:ellipsis;white-space:nowrap}.planet-metric strong{margin-top:.22rem;color:#e9fdff;font-size:.72rem;font-weight:700}.planet-health{display:flex;align-items:center;justify-content:space-between;padding:.45rem .6rem;border:1px solid currentColor;font:800 .6rem/1 var(--cyber-font-mono);letter-spacing:.12em}.planet-health:after{content:"● ● ●";font-size:.45rem;letter-spacing:.25em}.planet-health.is-nominal{color:var(--cyber-neon-green);background:#39ff1409}.planet-health.has-issues{color:var(--planet-amber);background:#ffbd590b}.planet-issue{display:grid;gap:.25rem;border-left:3px solid var(--planet-amber);padding:.55rem .65rem;background:#ffbd590e;font-family:var(--cyber-font-mono)}.planet-issue.is-error{border-left-color:#ff536b;background:#ff536b11}.planet-issue strong{color:var(--planet-amber);font-size:.62rem;letter-spacing:.05em}.planet-issue.is-error strong{color:#ff7387}.planet-issue span{color:#d5d5e6;font-size:.64rem;line-height:1.4}.planet-issue code{overflow:hidden;color:var(--cyber-text-mute);font-size:.54rem;text-overflow:ellipsis;white-space:nowrap}.planet-unit-divider{display:flex;align-items:center;gap:.55rem;color:var(--planet-amber);font:700 .55rem/1 var(--cyber-font-mono);letter-spacing:.12em}.planet-unit-divider:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,rgba(255,189,89,.55),transparent)}
