h1,h2,h3{margin-top:20px;margin-bottom:10px;font-weight:700}.tier-label,img{display:inline-block;vertical-align:middle}.tier-label,h1,h2,h3,h4,strong{font-weight:700}#live-editor,.code,body,code{font-family:ui-monospace,Menlo,Monaco,'Cascadia Code','Source Code Pro',Consolas,'DejaVu Sans Mono',monospace}#live-editor,#live-preview{min-height:200px;width:100%}#drop-zone,details summary{cursor:pointer}article,article *{position:relative}.floppy-525::after,.floppy-525::before{content:"";transform:translate(-50%,-50%)}:root{--white:white;--black:black;--pink:#fc0aa3;--green:#28b62d;--bg:#dbd9d7}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}img{max-width:500px;image-rendering:pixelated}body{color:#333;background-color:var(--bg);font-size:14px;line-height:20px}a,h2{color:var(--pink)}h1{font-size:38px;line-height:44px}h2{font-size:32px;line-height:36px}h3{font-size:24px;line-height:30px}h4{margin-top:16px;margin-bottom:8px;font-size:18px;line-height:24px}a{text-decoration:underline}li{margin-left:-21px}figure{margin-block-start:0em;margin-block-end:0em;margin-inline-start:0;margin-inline-end:0}.cont{max-width:900px;padding-bottom:250px;padding-left:2px;padding-right:2px}.heading{font-size:19px}.img-sprite{width:100px;max-width:none;height:100px}.sprite{width:200px}.code,code{color:var(--green);white-space:pre-wrap;word-break:break-all}.interactive-zone{border:2px dashed var(--pink);padding:16px;margin:20px 0}.interactive-zone h3{margin-top:4px;color:var(--pink)}.tier-label{font-size:11px;letter-spacing:.08em;text-transform:uppercase;border:1px solid currentColor;padding:1px 5px;margin-right:6px}.tier-all{color:var(--green);border-color:var(--green)}#filesize-result,.tier-some{color:var(--pink)}#drop-zone.over,.tier-some{border-color:var(--pink)}.tier-code{color:#888;border-color:#888}#drop-zone{border:2px dashed #888;padding:18px;text-align:center;margin:12px 0;transition:border-color .2s}#drop-zone p{margin:0}#filesize-result{margin-top:8px;font-weight:700;min-height:20px}#filesize-bar-wrap{background:#bbb;height:12px;margin-top:6px;width:100%}#filesize-bar{background:var(--pink);height:12px;width:0%;transition:width .4s;max-width:100%}.editor-wrap{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}@media (max-width:640px){.editor-wrap{grid-template-columns:1fr}}#live-editor{font-size:12px;background:#1a1a1a;color:#eee;border:none;padding:10px;resize:vertical}#live-preview{border:1px solid #888;background:#fff}.editor-meta{font-size:11px;color:#666;margin-top:4px}#editor-bytes,.challenge-num,details summary{font-weight:700;color:var(--pink)}.challenge-list{list-style:none;padding:0;margin:0}.challenge-list li{margin-left:0;padding:10px 0;border-bottom:1px solid #bbb;display:flex;align-items:baseline;gap:8px}.challenge-list li:last-child{border-bottom:none}.challenge-num{min-width:24px}details{border:1px solid #bbb;padding:6px 10px;margin:8px 0}details summary::-webkit-details-marker{color:#333}article{justify-content:space-between}article *{box-sizing:border-box}article ::after,article ::before{box-sizing:border-box;position:absolute}article span{position:absolute;width:1px;height:1px;overflow:hidden}.floppy-525{--magnetic:#543;--color:#182024;width:15.75em;aspect-ratio:1;background:#00f;border-radius:.2em;clip-path:polygon(0 0,100% 0,100% 14%,98% 14%,98% 18%,100% 18%,100% 100%,0 100%);mask:radial-gradient(circle at 80% 100%,#0000 0.25em,#000 0.26em) 0 100%/51% 25% no-repeat,radial-gradient(circle at 20% 100%,#0000 0.25em,#000 0.26em) 100% 100%/51% 25% no-repeat,radial-gradient(circle at 50.5% 62%,#0000 1.65em,#000 1.7em) 0 0/100% 80% no-repeat;background:radial-gradient(circle,var(--magnetic) 2.25em,#0000 0),radial-gradient(circle at 70% 55%,var(--magnetic) .4em,#0000 0),var(--color)}.floppy-525::before{width:8%;height:25%;border-radius:10em;background:var(--magnetic);top:83%;left:50%}.floppy-525::after{width:50%;height:23%;top:15%;left:70%;border-radius:.25em;background:linear-gradient(#369 15%,#0000 0),repeating-linear-gradient(#0000 0 25%,#369 0 28%) 50% 100%/90% 80% no-repeat,#fff}@media screen and (max-width:479px){h1,h2,h3{line-height:28px}h1,h2{font-size:22px}h3{font-size:18px}}