@import "https://fonts.googleapis.com/css2?family=Mochiy+Pop+P+One&display=swap";
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial}}}.absolute{position:absolute}.relative{position:relative}.block{display:block}.w-full{width:100%}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.italic{font-style:italic}body,.font-mochiy{min-height:100vh;margin:0;padding:0;overflow-x:hidden;background:#000!important;font-family:Mochiy Pop P One,sans-serif!important}.app-bg{background:#000!important}.starry-bg{z-index:0;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0}.star{opacity:.8;background:#f5f6e1;border-radius:50%;animation:2s ease-in-out infinite twinkle;position:absolute}@keyframes twinkle{0%,to{opacity:.8}50%{opacity:.2}}.rainbow-text{color:#0000;-webkit-text-fill-color:transparent;background:linear-gradient(90deg,red,#f90,#fe0,#3f0,#0fe,#06f,#c0f,red) 0 0/50%;-webkit-background-clip:text;background-clip:text;animation:8s linear infinite rainbow-move}@keyframes rainbow-move{0%{background-position:0%}to{background-position:200%}}.tacky-btn{color:#222;box-sizing:border-box;text-shadow:1px 1px #fff,2px 2px #0f0;cursor:pointer;background:linear-gradient(#e0e0e0 0%,#b0ffb0 100%);border:3px solid #0f0;border-radius:16px;max-width:100%;margin:1em 0;padding:.7em 2em;font-family:Mochiy Pop P One,sans-serif;font-size:1.2rem;transition:transform .1s,box-shadow .1s;box-shadow:0 4px #080,0 0 8px #0f0}.tacky-btn:hover{transform:scale(1.08)rotate(-2deg);box-shadow:0 8px #080,0 0 16px #0f0}.win98-btn{color:#222;text-shadow:none;letter-spacing:.06em;cursor:pointer;background:#e0e0e0;border:2px solid #888;border-radius:1px;padding:.7em 2em;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Meiryo,Yu Gothic,sans-serif;font-size:1.12rem;font-weight:700;box-shadow:2px 2px #000}.win98-btn:hover{color:#fff;background:#010080;border-color:#001a66}.marquee-box{color:#fff;background:#111;border:4px solid red;width:80vw;max-width:700px;margin:30px auto 0;padding:.5em 0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Meiryo,Hiragino Kaku Gothic ProN,Yu Gothic,sans-serif;font-size:2rem;font-style:italic;font-weight:700;position:relative;overflow:hidden}.marquee-content{white-space:nowrap;will-change:transform;animation:14s linear infinite marquee-loop;display:inline-block}.marquee-content>span{margin-left:2em}@keyframes marquee-loop{0%{transform:translate(0)}to{transform:translate(-50%)}}h1{margin-bottom:.6em;font-family:Mochiy Pop P One,sans-serif;line-height:1.5}h2{color:#0ff;margin-bottom:.3em;font-family:Mochiy Pop P One,sans-serif}h3{color:#fff;text-shadow:2px 2px #fff,4px 4px #26ff00,0 0 8px #fffecf;margin-bottom:.5em;font-family:Mochiy Pop P One,sans-serif}hr{background:linear-gradient(90deg,#f0c,#0fc,#fc0,#f0c);border:0;height:3px;margin:2em 0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}