*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:130%}html,body{width:100%;height:100%;background:#000;overflow:hidden;font-family:monospace}:root{--bottom-ui-offset: 0px}#canvas{display:block;width:100vw;height:100vh}#instructions{position:fixed;top:1rem;left:0;right:0;z-index:15;background:#00000073;backdrop-filter:blur(8px);color:#ffffffbf;font-family:monospace;font-size:.6875rem;letter-spacing:.08em;padding:.4rem 1rem;border-radius:0;pointer-events:none;white-space:normal;width:100%;text-align:center;overflow-wrap:anywhere;opacity:0;transition:opacity .3s ease}#instructions.visible{opacity:1}#loader{position:fixed;inset:0;background:radial-gradient(circle,#be51c4,#c757be 51%,#8953a8);color:#fff;display:flex;flex-direction:column;z-index:10;transition:opacity .3s ease;overflow:hidden}.loader-content{flex:1;width:100%;overflow-y:auto;padding:1rem;-webkit-overflow-scrolling:touch}.sort-dropdown{position:relative;display:flex;justify-content:flex-end;margin:.75rem 0}.sort-trigger{background:#0000004d;border:1px solid rgba(255,255,255,.15);color:#ffffffb3;font-family:monospace;font-size:.625rem;letter-spacing:.1em;padding:.3rem .5rem;cursor:pointer;outline:none;min-width:6rem;text-align:center}.sort-trigger:hover,.sort-trigger.open{border-color:#fff6;color:#fff}.sort-menu{display:none;position:absolute;top:100%;right:0;z-index:50;background:#1e031a;border:1px solid rgba(255,255,255,.15);min-width:6rem}.sort-menu.open{display:block}.sort-option{display:block;width:100%;background:none;border:none;color:#fff9;font-family:monospace;font-size:.625rem;letter-spacing:.1em;padding:.4rem .5rem;cursor:pointer;text-align:left;white-space:nowrap}.sort-option:hover{background:#ffffff14;color:#fff}.sort-option.active{color:#fff}.loader-content{flex:1;width:100%;overflow-y:auto;padding:0 1rem 1rem;-webkit-overflow-scrolling:touch}.loader-footer{width:100%;padding:.1rem;display:flex;justify-content:center;background:#50074440;backdrop-filter:blur(5px);border-top:1px solid rgba(255,255,255,.1)}#loader.hidden{opacity:0;pointer-events:none}#loader h1{font-size:1.125rem;letter-spacing:.2em;text-transform:uppercase;color:#000;margin-bottom:.5rem}#exp-list{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;width:100%;max-width:450px;margin:0 auto;padding:.5rem}.exp-btn{background:#50074466;border:1px solid rgba(255,255,255,.15);color:#fff;font-family:monospace;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.5rem;width:100%;min-width:0;text-align:center;backdrop-filter:blur(10px)}.exp-btn:hover{background:#50074499}.thumbnail-container{width:100%;aspect-ratio:var(--thumbnail-aspect-ratio, 1 / 3);background:linear-gradient(135deg,#30032a,#500744);overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center}.thumbnail{width:100%;height:100%;object-fit:cover;transition:opacity .3s ease}.exp-btn .title{font-size:.625rem;font-weight:700;letter-spacing:.02em;color:#fff;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:100%;padding:0 .125rem}.drafts-separator{grid-column:1 / -1;font-family:monospace;font-size:.6875rem;letter-spacing:.1em;text-transform:uppercase;color:#000;margin-top:1.5rem;margin-bottom:.5rem;text-align:left;border-bottom:1px dashed rgba(0,0,0,.3);padding-bottom:.25rem;width:100%}#back-btn{position:fixed;bottom:calc(1.5rem + var(--bottom-ui-offset));left:1.5rem;background:#00000080;border:1px solid #444;color:#aaa;font-family:monospace;font-size:.6875rem;letter-spacing:.1em;padding:.375rem .875rem;cursor:pointer;z-index:20;display:none}#drafts-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;font-family:monospace;font-size:.6875rem;letter-spacing:.1em;padding:.5rem 1.25rem;cursor:pointer;transition:all .2s ease;display:none}#back-btn.visible,#drafts-btn.visible,#info-btn.visible{display:block}#drafts-btn:hover{background:#fff3;border-color:#fff}#info-btn{position:fixed;bottom:calc(1.5rem + var(--bottom-ui-offset));right:1.5rem;background:#00000080;border:1px solid #444;color:#aaa;font-family:monospace;font-size:.6875rem;letter-spacing:.1em;padding:.375rem .875rem;cursor:pointer;z-index:20;display:none}#info-btn:hover{border-color:#fff;color:#fff}#preset-container{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);z-index:20;display:none;flex-direction:row;align-items:stretch}#preset-container.visible{display:flex}#preset-prev,#preset-next{background:#00000080;border:1px solid #444;color:#aaa;font-family:monospace;font-size:.6875rem;cursor:pointer;width:2rem;display:flex;align-items:center;justify-content:center;transition:border-color .2s ease,color .2s ease}#preset-prev{border-radius:3px 0 0 3px}#preset-next{border-radius:0 3px 3px 0}#preset-name{background:#00000080;border-top:1px solid #444;border-bottom:1px solid #444;border-left:none;border-right:none;color:#aaa;font-family:monospace;font-size:.6875rem;letter-spacing:.1em;padding:.375rem .875rem;cursor:default;white-space:nowrap;width:11rem;text-align:center;transition:border-color .2s ease,color .2s ease}#preset-prev:hover,#preset-next:hover{border-color:#fff;color:#fff}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000b3;backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:100;opacity:0;pointer-events:none;transition:opacity .2s ease}.modal-overlay.visible{opacity:1;pointer-events:auto}.modal-content{background:#1e031a;border:1px solid rgba(255,255,255,.15);padding:2rem;max-width:400px;width:90%;color:#fff;font-family:monospace}.modal-title{font-size:1rem;margin-top:0;margin-bottom:1rem;color:#fff;border-bottom:1px dashed rgba(255,255,255,.2);padding-bottom:.5rem}.modal-body{font-size:.8125rem;line-height:1.5;color:#ccc;margin-bottom:1.5rem;white-space:pre-wrap}.modal-close-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;font-family:monospace;font-size:.6875rem;letter-spacing:.1em;padding:.375rem .875rem;cursor:pointer;float:right;transition:all .2s ease}.modal-close-btn:hover{background:#fff3;border-color:#fff}