@font-face{font-family:visitor;src:url(../fonts/visitor/visitor1.eot);src:url(../fonts/visitor/visitor1.eot?#iefix) format("embedded-opentype"),url(../fonts/visitor/visitor1.woff) format("woff"),url(../fonts/visitor/visitor1.ttf) format("truetype")}@font-face{font-family:nineteen-ninety-three;src:url(../fonts/nineteen-ninety-three-font/NineteenNinetyThree-L1Ay.ttf) format("truetype")}html,body{font-family:visitor,nineteen-ninety-three;width:100%;height:100%;margin:0;padding:0}body{background-color:#242424;overflow:hidden}p{margin:0}.hidden{opacity:0}#filter{background-color:snow;padding:1em;box-shadow:inset 0 -2px 2px #000}#filter label{vertical-align:top}#filter.hide{display:none}#filter.show{display:block;height:auto}#filter fieldset{border-color:black black rgb(187,187,187) black;border-width:0 1px 1px 1px;border-style:solid}#filter fieldset:first-child{border-top:1px solid black}#filter fieldset:last-child{border-bottom:1px solid black}.slider{vertical-align:middle}.stage{position:absolute;z-index:99;top:0;right:0;left:0;bottom:0;overflow:hidden}.floor{position:absolute;z-index:0;right:0;left:0;bottom:0}.character{display:block;margin:0 auto}.character_box{position:absolute;text-align:center;z-index:99;bottom:0}.character_box.chatter{z-index:100}.bubble{position:absolute;background:snow;color:#000;padding:2px 5px;border-radius:4px;min-width:64px;text-align:center;margin-bottom:15px;white-space:nowrap}.triangle{position:absolute;bottom:-10px;left:50%;transform:translate(-50%);border-width:5px;border-style:solid;border-color:snow transparent transparent transparent}.character_bubble.chatter{background-color:#242424;font-weight:lighter;color:#fff;border:.5px solid white;margin-bottom:5px;border-radius:4px;padding:2px 6px}.character_bubble.chatter:after{display:none}.bullet{z-index:98;position:absolute;bottom:13px}.bullet{bottom:0}.flip-img{-webkit-transform:scaleX(-1);transform:scaleX(-1)}div.grid-item-container{float:left;width:20%;min-height:150px;font-family:visitor;color:snow;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;text-align:center}div#msg{position:fixed;top:20px;left:50%;transform:translate(-50%);background-color:#ff0;color:#000;padding:10px 20px;border-radius:5px;z-index:1000;font-family:visitor;font-size:18px}div.grid-item-container p{margin:0}div.grid-item-container small{color:gray}.form-container{max-width:800px;margin:2em auto;padding:2em;background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a}.form-title{text-align:center;color:#2c3e50;margin-bottom:1.5em;font-family:visitor;font-size:24px}.preview-container{margin-bottom:2em;padding:1.5em;background-color:#34495e;border-radius:8px;border:2px solid #2c3e50}.preview-title{margin-top:0;margin-bottom:1em;color:#ecf0f1;font-family:visitor;font-size:18px;text-align:center}.preview-iframe{width:100%;height:150px;border:2px solid #2c3e50;border-radius:4px;background-color:#242424}.generator-form{display:flex;flex-direction:column;gap:1.5em}.form-group{display:flex;flex-direction:column;gap:.5em}.form-group label{font-weight:700;color:#34495e;font-size:14px}.form-group input[type=text],.form-group input[type=number],.form-group select{padding:.5em;border:2px solid #bdc3c7;border-radius:4px;font-family:visitor;font-size:14px;transition:border-color .3s}.form-group input[type=text]:focus,.form-group input[type=number]:focus,.form-group select:focus{outline:none;border-color:#5865f2}.form-group input[type=text]:disabled,.form-group input[type=number]:disabled,.form-group select:disabled{background-color:#ecf0f1;cursor:not-allowed}.form-group small{color:#7f8c8d;font-size:12px}.radio-group{display:flex;gap:1em;flex-wrap:wrap}.radio-label{display:flex;align-items:center;gap:.3em;cursor:pointer;font-weight:400}.radio-label input[type=radio]{cursor:pointer}.character-list{margin-top:.5em;position:relative}.character-list details{border:1px solid #ddd;border-radius:4px;padding:.5em;background-color:#2c3e50}.character-list summary{cursor:pointer;font-weight:700;color:#ecf0f1;-webkit-user-select:none;user-select:none}.character-list ul{margin:.5em 0 0;padding-left:1.5em;max-height:200px;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.character-list ul::-webkit-scrollbar{display:none}.character-list li{padding:.3em 0;transition:color .2s}.character-list li.clickable{cursor:pointer;color:#bdc3c7}.character-list li.clickable:hover{color:#3498db;text-decoration:underline}.character-preview{position:absolute;right:10px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.5em;pointer-events:none}.character-preview-img{max-width:64px;max-height:64px;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.character-preview-name{margin:.5em 0 0;font-size:12px;color:#5865f2;font-weight:700}.url-output{margin-top:2em;padding:1.5em;background-color:#f8f9fa;border-radius:8px;border:2px solid #5865F2}.url-output h2{margin-top:0;margin-bottom:1em;color:#2c3e50;font-family:visitor;font-size:18px}.url-box{display:flex;gap:.5em}.url-input{flex:1;padding:.75em;border:2px solid #bdc3c7;border-radius:4px;font-family:visitor;font-size:12px;background-color:#fff}.copy-btn{padding:.75em 1.5em;background-color:#5865f2;color:#fff;border:none;border-radius:4px;font-family:visitor;font-size:14px;cursor:pointer;transition:background-color .3s}.copy-btn:hover{background-color:#4752c4}.copy-btn:active{background-color:#3c45a5}.copy-message{margin-top:.5em;padding:.5em;background-color:#27ae60;color:#fff;text-align:center;border-radius:4px;font-family:visitor;animation:fadeIn .3s}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.test-link{margin-top:1em;text-align:center;display:flex;gap:1em;justify-content:center;align-items:center}.test-btn{display:inline-block;padding:1em 2em;background-color:#27ae60;color:#fff;text-decoration:none;border-radius:4px;font-family:visitor;font-size:16px;transition:background-color .3s}.test-btn:hover{background-color:#229954}.test-btn:active{background-color:#1e8449}.reset-btn{display:inline-block;padding:1em 2em;background-color:#e74c3c;color:#fff;border:none;border-radius:4px;font-family:visitor;font-size:16px;cursor:pointer;transition:background-color .3s}.reset-btn:hover{background-color:#c0392b}.reset-btn:active{background-color:#a93226}