@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Silkscreen&family=VT323&family=Comic+Neue:wght@400;700&family=Pixelify+Sans&display=swap";
*{box-sizing:border-box;margin:0;padding:0}html,body{cursor:url(https://kiunlo.neocities.org/cursors/WoW/frostmourne_cursor.png),auto;height:100%;overflow-x:hidden}body{color:#0f0;background-color:#000;background-image:url(https://file.garden/ZWlUCY4S7Xz2vypS/archived%20backgrounds/stars%20%26%20space/bgstar45.gif);background-repeat:repeat;font-family:VT323,monospace;font-size:1.3rem;line-height:1.6}::-webkit-scrollbar{background:navy;width:16px}::-webkit-scrollbar-thumb{background:silver;border:2px solid #000;border-color:#fff #000 #000 #fff}::-webkit-scrollbar-track{background:navy;border-left:1px solid gray}::selection{color:#ff0;background:#f0f}a{color:#0ff;text-decoration:underline}a:visited{color:#f0f}a:hover{color:#ff0;text-decoration:underline overline}a,button,select,input[type=checkbox],label[style*=cursor],.btn-retro,.btn-download,.badge-88x31,.select-retro{cursor:url(https://kiunlo.neocities.org/cursors/WoW/frostmourne_cursor.png),pointer}a:hover,button:hover,.btn-retro:hover,.btn-download:hover,.badge-88x31:hover,.select-retro:hover,.sidebar-link:hover{filter:brightness(1.2);transition:filter .15s}button:active,.btn-retro:active,.btn-download:active{filter:brightness(.8)}.wordart{color:#0000;letter-spacing:2px;filter:drop-shadow(3px 3px #000)drop-shadow(-1px -1px #000);background:linear-gradient(183deg,#f0f 0%,#6000ca 30%,#0ff 70%,#f60 100%);-webkit-background-clip:text;background-clip:text;font-family:"Press Start 2P",cursive;font-size:2.5rem;font-style:normal;font-weight:700;line-height:1.3;display:inline-block;transform:skewY(-3deg)}.wordart-subtitle{color:#ff0;text-shadow:2px 2px #000;font-family:Comic Neue,cursive;font-size:1rem;font-style:italic}.spin-star{color:#ff0;filter:drop-shadow(0 0 4px #ff0);font-size:24px;animation:3s linear infinite spin-star;display:inline-block}.spin-star-reverse{color:#0ff;filter:drop-shadow(0 0 4px #0ff);font-size:24px;animation:3s linear infinite reverse spin-star;display:inline-block}@keyframes spin-star{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.marquee{white-space:nowrap;color:#fff;text-shadow:1px 1px #000;background:linear-gradient(90deg,red,#f60,#ff0,#0f0,#00f,#8b00ff);border-top:2px solid #fff;border-bottom:2px solid #000;padding:3px 0;font-family:Silkscreen,cursive;font-size:13px;font-weight:700;overflow:hidden}.marquee span{padding-left:100%;animation:18s linear infinite marquee-scroll;display:inline-block}.marquee-reverse span{animation-direction:reverse}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-100%)}}.blink{animation:1s step-end infinite blink-anim}@keyframes blink-anim{50%{opacity:0}}.pulse{animation:2s ease-in-out infinite pulse-anim}@keyframes pulse-anim{0%,to{opacity:1}50%{opacity:.5}}.btn-retro{cursor:pointer;color:#000;background:silver;border:2px solid #000;border-color:#fff #000 #000 #fff;padding:4px 10px;font-family:VT323,monospace;font-size:13px}.btn-retro:active{border:2px solid #fff;border-color:#000 #fff #fff #000}.btn-retro:disabled{color:gray;cursor:not-allowed}.btn-download{cursor:pointer;color:#000;letter-spacing:1px;background:linear-gradient(silver 0%,#a0a0a0 100%);border:3px solid #000;border-color:#fff #000 #000 #fff;width:100%;padding:10px 16px;font-family:"Press Start 2P",cursive;font-size:18px}.panel-raised{background:silver;border:2px solid #000;border-color:#fff #000 #000 #fff}.panel-sunken{background:#000;border:2px solid #fff;border-color:#000 #fff #fff #000}.panel-double-bevel{background:#000;border:3px outset gray;padding:2px}.panel-double-bevel-inner{background:#000;border:2px inset gray;padding:4px}.geo-table{border-collapse:separate;border-spacing:4px;width:100%;display:table}.geo-sidebar{vertical-align:top;width:190px;display:table-cell}.geo-main{vertical-align:top;display:table-cell}.sidebar-section{background:#0009;border:3px ridge gray;margin-bottom:4px;padding:6px}.sidebar-title{color:#f0f;text-shadow:1px 1px #000;text-align:center;margin-bottom:4px;font-family:Silkscreen,cursive;font-size:14px}.sidebar-link{color:#0ff;padding:1px 0;font-size:12px;text-decoration:underline;display:block}.sidebar-link:hover{color:#ff0;text-decoration:underline overline}.sidebar-text{color:#fff;font-size:11px;line-height:1.4}.badge-88x31{width:88px;height:31px;image-rendering:pixelated;border:2px solid #000;border-color:#fff #000 #000 #fff;display:inline-block}.badge-88x31:hover{border-color:#000 #fff #fff #000}.rainbow-hr{background:linear-gradient(90deg,red,#f60,#ff0,#0f0,#00f,#8b00ff,red);border:none;height:3px;margin:4px 0}.visitor-counter{background:#000;border:2px inset gray;gap:0;padding:2px 4px;display:inline-flex}.visitor-digit{color:#0f0;text-shadow:0 0 6px #0f0;text-align:center;background:#0a0a0a;border:1px solid #222;min-width:16px;margin:0 .5px;padding:1px 3px;font-family:"Press Start 2P",cursive;font-size:.75rem;font-weight:700;display:inline-block}.geo-footer{text-align:center;background:#00000080;border-top:3px groove gray;margin-top:4px;padding:8px}.geo-header{text-align:center;background:radial-gradient(2px 2px at 20% 30%,#fff6 50%,#0000 100%),radial-gradient(2px 2px at 80% 70%,#ffffff4d 50%,#0000 100%),radial-gradient(1px 1px,#fff3 50%,#0000 100%),linear-gradient(#330066b3 0%,#000050b3 100%);border-bottom:3px groove gray;padding:10px 8px}.retro-spinner{border:4px solid #0f0;border-top-color:#f0f;border-radius:0;width:40px;height:40px;animation:.6s linear infinite retro-spin}@keyframes retro-spin{to{transform:rotate(360deg)}}.tilt-left{transform:rotate(-2deg)}.tilt-right{transform:rotate(2deg)}.select-retro{cursor:pointer;background:silver;border:2px solid #fff;border-color:#000 #fff #fff #000;width:100%;padding:3px;font-family:VT323,monospace;font-size:1.1rem}.glow-green{text-shadow:0 0 4px #0f0,0 0 8px #0f0}.glow-pink{text-shadow:0 0 4px #ff69b4,0 0 8px #ff69b4}.glow-cyan{text-shadow:0 0 4px #0ff,0 0 8px #0ff}.fire-text{color:#f60;text-shadow:0 0 4px red,0 0 8px #f60,0 0 16px #ff0}.gif-divider{text-align:center;margin:2px 0;line-height:0}.gif-divider img{max-width:100%;image-rendering:pixelated;height:auto}.new-badge{color:red;vertical-align:super;margin-left:3px;font-family:Comic Neue,cursive;font-size:9px;font-weight:700;animation:.8s step-end infinite blink-anim;display:inline-block}.groove-box{background:#0000004d;border:3px groove silver;margin:4px 0;padding:6px}.outset-box{background:#0000804d;border:3px outset silver;padding:6px}.rainbow-text{color:#0000;background:linear-gradient(90deg,red,#f60,#ff0,#0f0,#0ff,#00f,#8b00ff,red) 0 0/200% 100%;-webkit-background-clip:text;background-clip:text;font-weight:700;animation:3s linear infinite rainbow-shift}@keyframes rainbow-shift{0%{background-position:0%}to{background-position:200%}}.sparkle{animation:1.5s ease-in-out infinite alternate sparkle-pulse}@keyframes sparkle-pulse{0%{opacity:.6;transform:scale(1)}to{opacity:1;transform:scale(1.1)}}.marching-ants{background-image:repeating-linear-gradient(0deg,#ff0,#ff0 5px,#0000 5px 10px),repeating-linear-gradient(90deg,#ff0,#ff0 5px,#0000 5px 10px),repeating-linear-gradient(#ff0,#ff0 5px,#0000 5px 10px),repeating-linear-gradient(270deg,#ff0,#ff0 5px,#0000 5px 10px);background-position:0 0,0 0,100% 0,0 100%;background-repeat:no-repeat;background-size:3px 100%,100% 3px,3px 100%,100% 3px;animation:.5s linear infinite march}@keyframes march{to{background-position:0 -10px,10px 0,100% 10px,-10px 100%}}.marching-ants-active{background-image:repeating-linear-gradient(0deg,#0f0,#0f0 5px,#0000 5px 10px),repeating-linear-gradient(90deg,#0f0,#0f0 5px,#0000 5px 10px),repeating-linear-gradient(#0f0,#0f0 5px,#0000 5px 10px),repeating-linear-gradient(270deg,#0f0,#0f0 5px,#0000 5px 10px)}.controls-panel{background:#000020;border:3px ridge gray;max-width:700px;margin:4px auto 0;padding:16px}.controls-title{text-align:center;text-shadow:2px 2px #000;color:#f0f;margin-bottom:12px;font-family:Silkscreen,cursive;font-size:1.1rem}.controls-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.control-group{background:#00002880;border:2px groove #606060;padding:12px 10px 8px;position:relative}.control-group-title{color:#0ff;background:#000020;margin-top:-22px;margin-bottom:8px;padding:0 6px;font-family:Silkscreen,cursive;font-size:.8rem;display:inline-block}.control-row{margin-bottom:8px}.control-label{color:#0f0;text-shadow:1px 1px #000;margin-bottom:3px;font-family:VT323,monospace;font-size:1.1rem;display:block}.controls-panel input[type=range]{appearance:none;cursor:pointer;background:#000;border:2px inset gray;outline:none;width:100%;max-width:220px;height:20px}.controls-panel input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:silver;border:2px solid #000;border-color:#fff #000 #000 #fff;width:16px;height:20px}.controls-panel input[type=range]::-moz-range-thumb{cursor:pointer;background:silver;border:2px solid #000;border-color:#fff #000 #000 #fff;border-radius:0;width:16px;height:20px}.controls-panel input[type=checkbox]{appearance:none;cursor:pointer;vertical-align:middle;background:#fff;border:2px inset gray;width:16px;height:16px}.controls-panel input[type=checkbox]:checked:after{content:"✓";text-align:center;color:#000;font-size:12px;font-weight:700;line-height:14px;display:block}.btn-download{color:#000;cursor:pointer;text-align:center;letter-spacing:1px;background:silver;border:3px solid #000;border-color:#fff #000 #000 #fff;width:auto;max-width:400px;margin:16px auto 8px;padding:12px 40px;font-family:"Press Start 2P",cursive;font-size:.85rem;display:block}.btn-download:hover{background:#d0d0d0}.btn-download:active{border:3px solid #fff;border-color:#000 #fff #fff #000}.btn-download:disabled{color:gray;cursor:not-allowed}.palette-preview{flex-wrap:wrap;align-items:center;gap:2px;margin-top:6px;display:flex}.palette-swatch{border:1px solid #000;border-color:#fff #000 #000 #fff;width:18px;height:18px}.palette-swatch-editable{cursor:pointer;border:2px solid #000;border-color:#fff #000 #000 #fff;width:24px;height:24px;position:relative}.palette-swatch-editable:hover{border-color:#000 #fff #fff #000}.palette-add-btn{text-align:center;cursor:pointer;color:#000;background:silver;border:2px solid #000;border-color:#fff #000 #000 #fff;width:24px;height:24px;padding:0;font-family:VT323,monospace;font-size:1.2rem;line-height:20px}.palette-add-btn:active{border-color:#000 #fff #fff #000}.placeholder-text{color:gray;text-align:center;text-shadow:0 0 4px gray;padding:40px 20px;font-family:"Press Start 2P",cursive;font-size:14px}.back-to-top{color:#0ff;font-size:12px;text-decoration:underline}.back-to-top:hover{color:#ff0}#webamp-container{z-index:1000!important;pointer-events:none!important;width:100vw!important;height:100vh!important;position:fixed!important;top:0!important;left:0!important;overflow:visible!important}#webamp{pointer-events:none!important;width:100%!important;height:100%!important;position:absolute!important;overflow:visible!important}#webamp>div>div{pointer-events:auto!important}.hampopo-row{flex-wrap:nowrap;justify-content:center;align-items:center;gap:8px;margin:4px 0;display:flex}.hampopo-title{flex-shrink:1;align-items:center;gap:6px;min-width:0;display:flex}.hampopo-container{flex-shrink:0;display:inline-block;position:relative}.hampopo{filter:drop-shadow(0 0 8px #ff966499);image-rendering:auto;width:56px;height:auto}.hampopo-beat-left{animation:.45s ease-in-out infinite hampopo-beat-l}@keyframes hampopo-beat-l{0%,to{transform:translateY(0)rotate(0)scale(1)}50%{transform:translateY(-12px)rotate(-5deg)scale(1.05)}}.hampopo-beat-right{animation:.55s ease-in-out infinite hampopo-beat-r}@keyframes hampopo-beat-r{0%,to{transform:translateY(0)scaleX(-1)scale(1)}50%{transform:translateY(-14px)scaleX(-1)rotate(5deg)scale(1.05)}}.hampopo-star{pointer-events:none;opacity:0;font-size:14px;animation-timing-function:ease-in-out;animation-iteration-count:infinite;position:absolute}.hampopo-star:nth-child(2){color:#ff0;animation:2.5s infinite star-pop;top:-8px;left:-10px}.hampopo-star:nth-child(3){color:#ff69b4;animation:2s .4s infinite star-pop;top:-12px;right:-8px}.hampopo-star:nth-child(4){color:#0ff;animation:2.2s .8s infinite star-pop;bottom:0;left:-14px}.hampopo-star:nth-child(5){color:#f0f;animation:1.8s 1.2s infinite star-pop;bottom:-4px;right:-12px}.hampopo-star:nth-child(6){color:#ff0;font-size:10px;animation:2.4s .6s infinite star-pop;top:50%;left:-18px}.hampopo-star:nth-child(7){color:#0f0;font-size:12px;animation:2.1s 1s infinite star-pop;top:30%;right:-16px}@keyframes star-pop{0%,to{opacity:0;transform:scale(0)rotate(0)}15%{opacity:1;transform:scale(1.3)rotate(20deg)}30%{opacity:1;transform:scale(1)rotate(-10deg)}50%{opacity:.8;transform:scale(1.1)rotate(15deg)}70%{opacity:0;transform:scale(.5)rotate(-20deg)}}.party-overlay{pointer-events:none;z-index:500;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.spotlight{mix-blend-mode:screen;opacity:.15;filter:blur(40px);border-radius:50%;width:300px;height:300px;position:absolute}.spotlight-1{background:radial-gradient(circle,#f0f 0%,#0000 70%);animation:4s ease-in-out infinite spot-move-1}.spotlight-2{background:radial-gradient(circle,#0ff 0%,#0000 70%);animation:5s ease-in-out infinite spot-move-2}.spotlight-3{background:radial-gradient(circle,#f60 0%,#0000 70%);animation:3.5s ease-in-out infinite spot-move-3}.spotlight-4{background:radial-gradient(circle,#f06 0%,#0000 70%);animation:4.5s ease-in-out infinite spot-move-4}@keyframes spot-move-1{0%,to{top:-5%;left:10%}50%{top:40%;left:60%}}@keyframes spot-move-2{0%,to{top:60%;left:80%}50%{top:10%;left:20%}}@keyframes spot-move-3{0%,to{top:30%;left:-5%}50%{top:70%;left:50%}}@keyframes spot-move-4{0%,to{top:80%;left:50%}50%{top:-5%;left:80%}}.laser{opacity:.4;transform-origin:0%;background:linear-gradient(90deg,#0000,#0f0,#0000);height:2px;position:absolute;box-shadow:0 0 6px #0f0,0 0 12px #0f0}.laser-1{width:140%;animation:3s ease-in-out infinite laser-sweep-1;top:0;left:0}.laser-2{background:linear-gradient(90deg,#0000,#0f4,#0000);width:130%;animation:4s ease-in-out infinite laser-sweep-2;top:0;right:0}.laser-3{opacity:.3;background:linear-gradient(90deg,#0000,#4f0,#0000);width:120%;animation:3.5s ease-in-out infinite laser-sweep-3;top:0;left:30%}@keyframes laser-sweep-1{0%{transform:rotate(-10deg)}50%{transform:rotate(35deg)}to{transform:rotate(-10deg)}}@keyframes laser-sweep-2{0%{transform:rotate(190deg)}50%{transform:rotate(150deg)}to{transform:rotate(190deg)}}@keyframes laser-sweep-3{0%{transform:rotate(5deg)}50%{transform:rotate(45deg)}to{transform:rotate(5deg)}}.main-flow{flex-direction:column;display:flex}.main-upload{order:1}.main-preview{order:2}.main-controls{order:3}.preview-container{flex-wrap:wrap;gap:4px;display:flex}.sidebar-toggle{display:none}.btn-party-mode{background:linear-gradient(135deg,silver 0%,#e0e0e0 40%,#fff 50%,#e0e0e0 60%,silver 100%) 0 0/200% 200%;animation:2s ease-in-out infinite party-shine;box-shadow:0 0 8px #f0f6,0 0 16px #0ff3}.btn-party-mode:hover{box-shadow:0 0 12px #ff00ffb3,0 0 24px #0ff6!important}@keyframes party-shine{0%,to{background-position:200% 200%}50%{background-position:0 0}}@media (max-width:700px){.geo-table{flex-direction:column-reverse;display:flex}.geo-sidebar,.geo-main{display:block;width:100%!important}.main-flow{flex-direction:column;display:flex}.main-upload{order:1}.main-controls{order:2}.main-preview{order:3}.sidebar-toggle{display:block!important}.sidebar-content{display:none}.sidebar-content.sidebar-open{display:block}.wordart-subtitle,.mobile-hide{display:none!important}.wordart{letter-spacing:1px;font-size:1.3rem}.wordart-subtitle{font-size:.75rem}.hampopo-row{gap:4px}.hampopo{width:64px!important}.hampopo-title .spin-star,.hampopo-title .spin-star-reverse{display:none!important}.geo-header{padding:8px 4px}.controls-panel{max-width:100%;padding:10px}.controls-grid{grid-template-columns:1fr!important}.controls-panel input[type=range]{max-width:100%}.btn-download{width:100%;max-width:none}.preview-container{flex-direction:column}.panel-double-bevel{min-width:100%!important}.visitor-digit{min-width:13px;padding:1px 2px;font-size:13px}.geo-footer{padding:6px 4px}.badge-88x31{width:66px;height:23px}.marquee{font-size:11px}.btn-party-mode{transform:translate(-50%);padding:8px 20px!important;font-size:14px!important;bottom:12px!important;left:50%!important;box-shadow:0 0 12px #f0f9,0 0 24px #00ffff4d!important}.controls-title{font-size:14px!important}.btn-download{padding:8px 10px;font-size:14px}.sidebar-section{margin-bottom:3px;padding:4px}.spotlight{opacity:.22;filter:blur(30px);width:400px;height:400px}.laser{opacity:.5;height:3px}}