:root{--bg-color:rgba(24,48,13,.2);--mid-color:rgba(72,144,52,.6);--accent-color:#b4ff6a}body,html{background-color:#000;color:#fff;cursor:crosshair;font-family:sans-serif;height:100%;margin:0;overflow:hidden;padding:0;text-align:center;width:100%}@keyframes fadeInTop{0%{top:-320px}to{top:0}}@keyframes fadeInBottom{0%{bottom:-30px}to{bottom:0}}#headerContainer{backdrop-filter:blur(6px);background-color:var(--bg-color);border:5px solid var(--bg-color);border-bottom-left-radius:15px;border-bottom-right-radius:15px;border-top:none;box-shadow:0 0 20px rgba(0,0,0,.8);cursor:auto;height:auto;margin:0 auto;overflow:hidden;position:relative;top:-320px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:380px;z-index:9999}#headerContainer.ready{animation:fadeInTop 1s forwards}#headerContainer.minimized{height:28px}#fractalCanvas{display:block;flex:1;height:100vh;left:0;position:fixed;top:0;width:100vw}h1{color:var(--accent-color,#fff);font-family:Bruno Ace SC,sans-serif;font-size:12pt;font-style:italic;letter-spacing:1px;margin:6px auto;padding:0;text-shadow:0 0 4px #000,0 0 12px var(--accent-color);width:320px;z-index:1000}@media screen and (min-width:471px){#headerContainer,#infoLabel{zoom:110%}}@media screen and (max-width:470px){h1{font-size:10pt}}p{color:#ccc;font-size:12px;line-height:14px;margin:5px 0 3px;text-shadow:0 0 10px #000;z-index:1000}a{color:#fff;text-decoration:underline .1em hsla(0,0%,100%,0);text-shadow:0 0 8px var(--accent-color);transition:text-decoration-color .3s}a:hover{text-decoration-color:var(--accent-color)}span{color:#fff;font-size:12px;text-shadow:0 0 10px #000}hr{border:0;border-top:1px solid #222;display:block;height:1px;margin:5px auto 1px;padding:0;width:90%}button{align-items:center;background-color:initial;background-image:linear-gradient(#777,#333);border-width:0;border-right:1px solid var(--accent-color);box-shadow:0 5px 10px rgba(0,0,0,.1),0 2px 4px rgba(0,0,0,.05);box-sizing:border-box;color:#eee;cursor:pointer;display:inline-flex;flex-direction:column;font-size:12px;height:18px;justify-content:center;line-height:1;margin:4px 0;opacity:.85;outline:none;overflow:hidden;padding:10px;position:relative;text-align:center;text-decoration:none;touch-action:manipulation;transform:translateZ(0);transition:all .15s;user-select:none;-webkit-user-select:none;vertical-align:baseline;white-space:nowrap;z-index:10}button:first-of-type{border-left:none;border-radius:4px 0 0 4px}button:last-of-type{border-radius:0 4px 4px 0;border-right:none}button:hover{box-shadow:0 2px 4px var(--accent-color),0 -2px 4px var(--accent-color)}button.active{background-image:linear-gradient(#222,#666);box-shadow:0 4px 8px var(--accent-color),0 -4px 8px var(--accent-color);color:var(--accent-color);text-shadow:0 0 4px var(--accent-color)}button:first-of-type:hover{box-shadow:-2px 0 4px var(--accent-color),0 2px 4px var(--accent-color),0 -2px 4px var(--accent-color)}button:first-of-type.active{box-shadow:-4px 0 8px var(--accent-color),0 4px 8px var(--accent-color),0 -4px 8px var(--accent-color)}button:last-of-type:hover{box-shadow:2px 0 4px var(--accent-color),0 2px 4px var(--accent-color),0 -2px 4px var(--accent-color)}button:last-of-type.active{box-shadow:4px 0 8px var(--accent-color),0 4px 8px var(--accent-color),0 -4px 8px var(--accent-color)}button:focus{background-image:linear-gradient(#222,#666);text-shadow:0 0 4px var(--accent-color)}#sliders{align-items:center;display:none;flex-direction:column;gap:5px;margin:5px 0 10px;text-align:center}.slider-container{align-items:center;display:flex;flex-direction:row;gap:0;width:310px}.sliderValue,label{color:#ccc;font-size:12px;text-align:right}.slider-container label{color:#fff;text-shadow:0 0 10px var(--accent-color)}.slider-container span{text-shadow:0 0 2px var(--accent-color)}.slider{-webkit-appearance:none;background:var(--bg-color);border:1px solid #666;border-radius:10px;box-shadow:inset 0 0 5px var(--bg-color);flex:1;height:10px;outline:none;overflow:hidden}.slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent-color);border:1px solid #fff;border-radius:50%;cursor:pointer;height:10px;width:10px}.slider::-webkit-slider-thumb:hover{box-shadow:0 0 10px var(--accent-color)}.thumbDisabled{background:#333}#dives{display:none}button.dive{width:57px}.switch-field{display:flex;margin:0 auto;overflow:hidden;padding:10px 20px;width:240px}.switch-field span{padding:8px 5px 0 0}.switch-field button{width:80px}#mandelbrotSwitch{border-right:1px solid var(--accent-color)}#controlArea{background:var(--bg-color);border-radius:10px;cursor:auto;margin:0 auto;padding:2px 2px 6px;position:relative;width:340px}#controlButtons{margin:5px 0 0}#controlButtons button{width:80px}p.small{font-size:11px}p#presets{margin:0}p#dives,p#presets{color:#fff}p#dives span,p#presets span{padding:0 5px 0 0}.highlight{color:#fff}#version{color:var(--accent-color);font-size:11px;text-shadow:0 0 8px var(--accent-color)}#infoLabel{backdrop-filter:blur(8px);background-color:var(--bg-color);border:5px solid var(--bg-color);border-bottom:none;border-top-left-radius:15px;border-top-right-radius:15px;bottom:-30px;box-shadow:0 0 20px rgba(0,0,0,.8);cursor:text;height:14px;left:50%;margin-left:-195px;overflow:hidden;padding:3px 5px;position:absolute;right:25%;width:370px;z-index:9999}#infoLabel.ready{animation:fadeInBottom 1s forwards}.middot{color:var(--accent-color)}#infoText{background:transparent;border:none;caret-color:var(--accent-color);color:#fff;cursor:pointer;font-family:sans-serif;font-size:10px;overflow:hidden;resize:none;text-align:center;text-shadow:0 0 8px #000;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}#infoText:focus{outline:none!important}@keyframes pulse{0%{color:#fff}to{color:var(--accent-color)}}#infoText.animation{color:var(--accent-color)}#debugInfo{border:1px solid #ff0;display:none;font-size:11px;padding:3px;text-align:left}.centerLine{display:none;pointer-events:none;position:absolute;z-index:1000}.verticalLine{background:transparent;border-left:2px dashed #ccc;height:100vh;left:50%;top:0;transform:translateX(-50%)}.horizontalLine{background:transparent;border-top:2px dashed #ccc;left:0;top:50%;transform:translateY(-50%);width:100vw}
/*# sourceMappingURL=style.css.map*/