*{box-sizing:border-box;padding:0;margin:0}body{--text-color: #eee;--bg-color: #1a1a1a;background:#1a1a1a;color:var(--text-color);font-family:Courier New,Courier,monospace}#GameBuilderForm{max-width:600px;width:100%;margin:24px auto;border:1px solid var(--text-color)}#GameBuilderForm h2{margin-bottom:24px;padding:20px;background:var(--text-color);color:var(--bg-color)}form{padding:20px}form>div{margin-bottom:20px}input,textarea{background:var(--bg-color);border:1px solid var(--text-color);padding:8px;color:var(--text-color)}label{font-size:14px;display:block;margin-bottom:4px}select{background:var(--bg-color);border:1px solid var(--text-color);padding:8px;color:var(--text-color);display:block;width:150px}textarea{width:100%;max-width:100%}button,.button{text-decoration:none;display:inline-block;margin:10px auto;padding:10px 20px;background-color:var(--bg-color);border:2px solid var(--text-color);color:var(--text-color);font-family:Courier New,Courier,monospace;font-size:16px;text-shadow:0 0 5px var(--text-color);cursor:pointer;text-align:center;transition:background-color .2s,transform .2s}form *:focus{outline:2px solid white}.results{margin-top:50px;max-width:600px;width:100%;margin-inline:auto;border:1px solid var(--text-color);margin-bottom:100px}.results h2{padding:20px;background:var(--text-color);color:var(--bg-color)}.results pre{padding:20px;max-height:700px;overflow-y:auto;overflow-x:auto}.loader-container{max-width:600px;width:100%;display:flex;flex-direction:column;align-items:center;margin:50px auto;padding:100px 20px;border:1px solid var(--text-color)}.loader{width:113.1370849898px;height:14px;background:repeating-linear-gradient(-45deg,#fff 0 15px,#fff0 0 20px) left/200% 100%;animation:l3 2s infinite linear;margin-bottom:50px}@keyframes l3{to{background-position:right}}.floppy-container{--floppy-color: #444;--external-background: #1a1a1a;--label-line1: #555;--label-line2: #5a5a5a;--text-note: #eee;--shadow: #32281d}.floppy-container .floppy{width:290px;height:290px;background-color:var(--floppy-color);box-shadow:-5px 8px 10px var(--shadow);box-shadow:none!important;border-radius:10px;display:flex;flex-direction:column}.floppy-container .top{width:190px;height:100px;background-color:var(--floppy-color);margin-left:30px;position:relative;border-left:2px solid #877d76;border-right:2px solid #877d76;border-top:2px solid var(--external-background);border-bottom-left-radius:8px;border-bottom-right-radius:8px}.floppy-container .slider{width:150px;height:inherit;position:absolute;left:40px;top:-3px;border-radius:8px;border:10px solid #777;border-left-width:100px;z-index:1}.floppy-container .fitinha{position:absolute;width:42px;height:82px;background-color:#000c;right:45px;top:6px;z-index:0}.floppy-container .down{width:225px;height:180px;border-left:2px solid #877d76;border-right:2px solid #403c3a;border-top:2px solid #403c3a;margin-left:30px;margin-top:15px;border-radius:5px;position:relative;background:linear-gradient(to bottom,var(--label-line1) 50%,var(--label-line2) 50%);background-size:100% 50px}.floppy-container .down:after{content:"";position:absolute;width:15px;height:15px;background-color:var(--external-background);right:-25px;bottom:20px;z-index:1;box-shadow:inset -4px 0 10px #333}.floppy-container .down:before{content:"";position:absolute;width:15px;height:15px;background-color:var(--external-background);left:-25px;bottom:20px;z-index:1;box-shadow:inset -5px 0 10px #333}.floppy-container .notes{margin-inline:15px;margin-top:32px;line-height:1.25;color:var(--text-note);font-size:1.3rem}.floppy-container p>span{text-decoration:underline;text-transform:uppercase;border-bottom:2px solid var(--text-note)}.floppy{width:290px;height:290px;background-color:var(--floppy-color);box-shadow:-5px 8px 10px var(--shadow);border-radius:10px;display:flex;flex-direction:column}.top{width:190px;height:100px;background-color:var(--floppy-color);margin-left:30px;position:relative;border-left:2px solid #877d76;border-right:2px solid #877d76;border-top:2px solid var(--external-background);border-bottom-left-radius:8px;border-bottom-right-radius:8px}.slider{width:150px;height:inherit;position:absolute;left:40px;top:-3px;border-radius:8px;border:10px solid #555;border-left-width:100px;z-index:1}.fitinha{position:absolute;width:42px;height:82px;background-color:#000c;right:45px;top:6px;z-index:0}.down{width:225px;height:180px;border-left:2px solid #877d76;border-right:2px solid #403c3a;border-top:2px solid #403c3a;margin-left:30px;margin-top:15px;border-radius:5px;position:relative;background:linear-gradient(to bottom,var(--label-line1) 50%,var(--label-line2) 50%);background-size:100% 50px}.down:after{content:"";position:absolute;width:15px;height:15px;background-color:var(--external-background);right:-25px;bottom:20px;z-index:1;box-shadow:inset -4px 0 10px #333}.down:before{content:"";position:absolute;width:15px;height:15px;background-color:var(--external-background);left:-25px;bottom:20px;z-index:1;box-shadow:inset -5px 0 10px #333}.notes{margin-left:15px;margin-top:0;color:var(--text-note);font-size:1.3rem}p>span{text-decoration:underline;text-transform:uppercase;border-bottom:2px solid var(--text-note)}