:root{--foreground_color: #fffcf6;--background_color: #131923;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--nav_size: min(max(2.5vw, 1rem), 2rem);--padding: min(max(4vw, 1rem), 2rem);--color_1: #36e6e0;--color_2: #ed769c;--color_3: #99e2ff;--color_4: #ffc482;--accent: var(--color_2);--transparent: color(from var(--background_color) srgb r g b / 0);color-scheme:light dark;color:var(--foreground_color);background-color:var(--background_color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0 var(--padding);display:flex;place-items:center;min-width:320px;min-height:100vh;overflow:hidden}body:before,body:after{content:"";position:fixed;left:0;width:100%;height:5rem;z-index:1;pointer-events:none}body:before{top:0;height:8rem;background:linear-gradient(to bottom,color(from var(--background_color) srgb r g b / 1) 30%,var(--transparent) 100%)}body:after{bottom:0;background:linear-gradient(0deg,color(from var(--background_color) srgb r g b / 1),var(--transparent))}a{color:var(--accent)}.modalContainer{position:fixed;top:0;left:0;width:100%;height:100%;z-index:2;display:flex;align-items:center;justify-content:center;pointer-events:none;text-align:center;opacity:0}.modalContainer.show,.modalContainer.hide{transition:opacity .35s ease-in-out}.modalContainer.show{opacity:1}.modal{background-color:var(--background_color);padding:calc(var(--padding) * 2);color:var(--color_2);border-radius:calc(var(--nav_size) * .25);box-shadow:0 0 50px #000}#app{max-width:1280px;margin:0 auto}.main{max-width:640px;margin:auto}#header{position:fixed;z-index:2;top:0;left:0;right:0;padding:var(--padding);pointer-events:none;display:flex;justify-content:space-between}#header h1{margin:0;font-size:1.5em;line-height:1;font-weight:500;color:var(--accent)}#header .nav{--border_width: calc(var(--nav_size) * .25);width:var(--nav_size);height:var(--nav_size);position:relative}#header .nav .navRect{display:block;position:absolute;top:calc(var(--border_width) * -1);left:calc(var(--border_width) * -1);width:100%;height:100%;border:var(--border_width) solid;border-right-color:var(--color_1);border-bottom-color:var(--color_2);border-left-color:var(--color_3);border-top-color:var(--color_4);border-radius:calc(var(--nav_size) * .5)}#header .nav:after{content:"";position:absolute;top:calc(var(--border_width) * -1.75);left:calc(var(--border_width) * -1.75);width:calc(100% + var(--border_width) * 3.5);height:calc(100% + var(--border_width) * 3.5);background:radial-gradient(circle at 100%,var(--transparent) 10%,var(--background_color) 60%)}#footer{position:fixed;bottom:0;left:0;right:0;z-index:2;padding:var(--padding);text-align:right}.story-0{color:var(--color_1)}.story-1{color:var(--color_2)}.story-2{color:var(--color_3)}.story-3{color:var(--color_4)}.lock{max-height:100dvh;overflow:hidden}@media (prefers-color-scheme: light){:root{--foreground_color: #131923;--background_color: #fffcf6;--color_1: #00adaa;--color_2: #bf2958;--color_3: #007dae;--color_4: #d17308}}