@font-face{font-family:Roboto;font-style:normal;font-weight:300;src:local("Roboto Light"),local("Roboto-Light"),url(/fonts/roboto-v20-latin/300.woff2) format("woff2"),url(/fonts/roboto-v20-latin/300.woff) format("woff")}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:local("Roboto"),local("Roboto-Regular"),url(/fonts/roboto-v20-latin/400.woff2) format("woff2"),url(/fonts/roboto-v20-latin/400.woff) format("woff")}@font-face{font-family:Roboto;font-style:normal;font-weight:500;src:local("Roboto Medium"),local("Roboto-Medium"),url(/fonts/roboto-v20-latin/500.woff2) format("woff2"),url(/fonts/roboto-v20-latin/500.woff) format("woff")}@font-face{font-family:Titillium Web;font-style:normal;font-weight:400;src:local("Titillium Web Regular"),local("TitilliumWeb-Regular"),url(/fonts/titillium-web-v8-latin/400.woff2) format("woff2"),url(/fonts/titillium-web-v8-latin/400.woff) format("woff")}body{margin:0;overflow:hidden}button,input,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}html{font-family:Roboto,sans-serif;-webkit-user-select:none;user-select:none}*{box-sizing:border-box}#loadingScreen{position:fixed;inset:0;background-color:#303030}#loadingScreen.active{z-index:10}#loadingScreen.active .loadingWheel{animation:rotating 2s linear infinite}#loadingScreen.error{z-index:4;cursor:default}#loadingScreen.error .loadingWheel{animation-fill-mode:forwards;animation-iteration-count:1}#corner-panel{z-index:5;position:fixed;left:0;top:0;background-color:#303030;border-bottom-right-radius:10px;padding:5px 10px;width:140px;height:80px;border-color:#888;border-style:solid;border-width:0 1px 1px 0}#corner-panel span{color:#fff}.loadingWheel{width:60px;height:60px;position:fixed;right:16px;bottom:16px}#logo{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:50%}.dg{font:12px Roboto,sans-serif!important}.dg.main{position:fixed;bottom:0;left:0;z-index:5}.dg .slider{margin-left:0!important;width:65%!important}.dg .c select{width:100%}#editor{position:fixed;outline:none}#doorbell-submit-button{background-color:#1e88e5;box-shadow:0 1px 2px 2px #bebebe80;transition:.3s all linear;border:0}#doorbell-submit-button:hover,#doorbell-submit-button:active,#doorbell-submit-button:focus{text-decoration:none;background:#1e88e5;opacity:.85;color:#fff}#doorbell-form{box-shadow:none!important;border:0;text-align:right}#doorbell-form fieldset{text-align:center}#doorbell-form fieldset #intro-text{margin-bottom:10px}#doorbell-tags{display:flex;justify-content:space-between;margin-bottom:10px}#doorbell-tags div{font-weight:400;cursor:pointer;border-radius:4px;padding:4px;color:#fff;transition:.1s all linear}#doorbell-tags div:hover,#doorbell-tags div.active{transform:scale(1.05);box-shadow:0 1px 2px 2px #bebebe80}#buttons{position:absolute;z-index:5;top:80px;left:0}#buttons a,#buttons button{position:relative;height:35px;display:block;border-bottom-right-radius:5px;padding:4px 8px;color:#fff;font-family:Titillium Web,sans-serif;font-size:18px;letter-spacing:.6px;line-height:30px;text-decoration:none;transition:.3s all linear;transform:translate(-5px)}#buttons a span,#buttons button span{position:absolute;margin-left:25px}#buttons a img,#buttons button img{position:absolute;top:0;left:17px;transform:translate(-50%);width:22px;height:100%}#buttons a:hover,#buttons button:hover,#buttons a:active,#buttons button:active,#buttons a:focus,#buttons button:focus{transform:translate(0)}#buttons .discord-button{width:115px;border-left:5px solid #7289da;background-color:#7289da}#buttons .github-button{width:105px;border-left:5px solid #31383f;background-color:#31383f}#buttons .github-button img{width:20px}#buttons .doorbell-button{width:95px;border-left:5px solid #1e88e5;background-color:#1e88e5;border:none;outline:none;cursor:pointer}#info-panel{display:none;position:fixed;top:50vh;left:50vw;transform:translate(-50%,-50%);width:40vw;max-width:640px;z-index:100;color:#fff;background-color:#303030;border-radius:10px;padding:4px 16px;border:1px solid #888}#info-panel.active{display:block}#info-panel ul{position:relative;list-style:none;padding-left:1em;margin-left:.5em}#info-panel ul li:before{color:#ffe6c0;content:"-";position:absolute;left:0}#info-panel h1{color:#ffe6c0;text-align:center;font-size:1.8em;font-weight:500}#info-panel h2{font-size:1.6em;font-weight:500}#info-panel h3{font-size:1.2em;font-weight:500}#info-panel .info-list{font-size:1.1em}#info-panel .info-list li mark{background-color:transparent;color:#ffe6c0}#info-panel .info-list li:before{content:">"}#info-panel .copyright-notice{font-size:.9em;text-align:center}.toasts-container{position:fixed;bottom:0;right:0;width:320px;z-index:20}.toasts-toast{position:relative;padding:12px 16px;margin:8px 0 5px;background:#303030;cursor:pointer;box-shadow:1px 1px 3px #0000001a;border-radius:5px 0 0;border-style:solid;border-width:1px 0 2px 1px;border-color:#888;animation-name:toastsFadeIn;animation-duration:.3s;animation-timing-function:cubic-bezier(.23,1,.32,1);transition-delay:.3s;transition-duration:.2s;transition-timing-function:cubic-bezier(.47,0,.745,.715);transition-property:max-height margin border padding}.toasts-toast-fadeOut{animation-name:toastsFadeOut;animation-fill-mode:forwards;max-height:0!important;margin:0;border:0;padding:0}.toasts-text{font-size:14px;color:#fff}.toasts-success{border-bottom-color:#51c625}.toasts-warning{border-bottom-color:#db9215}.toasts-error{border-bottom-color:#db2b1d}.toasts-info{border-bottom-color:#27abdb}#fob-panel{position:fixed;top:8px;right:8px;z-index:15;width:260px;background:#1a1a2e;border:1px solid #4a4a6a;border-radius:12px;box-shadow:0 8px 32px #00000080,0 0 1px #ffffff1a;overflow:hidden;transition:all .3s cubic-bezier(.23,1,.32,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#fob-panel.fob-collapsed{height:40px;overflow:hidden}#fob-panel.fob-collapsed .fob-body{display:none}#fob-panel .fob-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:linear-gradient(135deg,#2d1b4e,#1a1a2e);border-bottom:1px solid #4a4a6a;cursor:default}#fob-panel .fob-header .fob-title{color:#ffe6c0;font-size:14px;font-weight:500;letter-spacing:.5px}#fob-panel .fob-header .fob-close{background:none;border:none;color:#888;font-size:18px;cursor:pointer;padding:0 4px;line-height:1;border-radius:4px;transition:all .2s}#fob-panel .fob-header .fob-close:hover{color:#ffe6c0;background:#ffffff1a}#fob-panel .fob-body{padding:10px 12px 12px}#fob-panel .fob-info{font-size:11px;color:#aaa;margin-bottom:8px;text-align:center;min-height:16px;line-height:1.3}#fob-panel .fob-seed-row{display:flex;align-items:center;gap:6px;margin-bottom:10px}#fob-panel .fob-seed-row label{color:#aaa;font-size:12px;font-weight:500;min-width:32px}#fob-panel .fob-seed-row input{flex:1;background:#2a2a3e;border:1px solid #4a4a6a;border-radius:6px;color:#ffe6c0;padding:6px 10px;font-size:13px;outline:none;transition:border-color .2s,box-shadow .2s;min-width:0}#fob-panel .fob-seed-row input::placeholder{color:#666}#fob-panel .fob-seed-row input:focus{border-color:#9b59b6;box-shadow:0 0 0 2px #9b59b633}#fob-panel .fob-seed-row button{background:#2a2a3e;border:1px solid #4a4a6a;border-radius:6px;color:#ffe6c0;cursor:pointer;padding:6px 8px;font-size:16px;transition:all .2s;flex-shrink:0}#fob-panel .fob-seed-row button:hover{background:#3a3a5e;border-color:#9b59b6;transform:scale(1.05)}#fob-panel .fob-nav{display:flex;gap:6px;margin-bottom:10px}#fob-panel .fob-nav button{flex:1;padding:8px 6px;font-size:12px;font-weight:500;border-radius:6px;border:1px solid #4a4a6a;cursor:pointer;transition:all .2s;color:#ddd;background:#2a2a3e}#fob-panel .fob-nav button:hover{background:#3a3a5e;border-color:#9b59b6;transform:translateY(-1px)}#fob-panel .fob-nav button:active{transform:translateY(0)}#fob-panel .fob-nav #fob-regen-btn{background:linear-gradient(135deg,#6c3a8a,#9b59b6);border-color:#9b59b6;color:#fff;font-weight:600}#fob-panel .fob-nav #fob-regen-btn:hover{background:linear-gradient(135deg,#7d4a9a,#ab69c6);box-shadow:0 0 12px #9b59b666}#fob-panel .fob-actions{display:flex;gap:6px}#fob-panel .fob-actions .fob-action-btn{flex:1;padding:8px 10px;font-size:12px;font-weight:500;border-radius:6px;border:1px solid #4a6a4a;cursor:pointer;transition:all .2s;color:#ddd;background:#1e2e1e}#fob-panel .fob-actions .fob-action-btn:hover{background:#2e3e2e;border-color:#51c625;box-shadow:0 0 10px #51c62533}@-moz-keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@-webkit-keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@-o-keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@-moz-keyframes toastsFadeIn{0%{transform:translate(100%)}to{transform:translate(0)}}@-webkit-keyframes toastsFadeIn{0%{transform:translate(100%)}to{transform:translate(0)}}@-o-keyframes toastsFadeIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes toastsFadeIn{0%{transform:translate(100%)}to{transform:translate(0)}}@-moz-keyframes toastsFadeOut{0%{transform:translate(0)}to{transform:translate(100%)}}@-webkit-keyframes toastsFadeOut{0%{transform:translate(0)}to{transform:translate(100%)}}@-o-keyframes toastsFadeOut{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes toastsFadeOut{0%{transform:translate(0)}to{transform:translate(100%)}}
