*{margin:0;padding:0;box-sizing:border-box;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}body{background-color:#000;overflow-x:hidden}body.loading{overflow:hidden}.fixed-canvas{position:fixed;width:100%;height:100dvh;top:0;left:0;pointer-events:none;z-index:-1}#loading-container{display:flex;align-items:center;justify-content:center;width:100dvw;height:100dvh;position:fixed;top:0;left:0;background-color:#000;font-weight:700;font-size:20px;color:#f5f5f5;animation:blink 1.3s ease-in-out infinite;transition:.5s;opacity:1;z-index:5000}#percentage{margin-left:8px}.main-container{width:100%;min-height:100dvh;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:64px;padding:32px}.title-container{display:flex;flex-direction:column;align-items:center;gap:32px}.title-image{width:72px;height:auto}.main-title{font-weight:700;font-size:32px;color:#f5f5f5;text-underline-offset:3px;text-decoration:none;text-align:center}.link{font-size:16px;color:#f5f5f5;text-underline-offset:3px;text-decoration:none}.link:hover{text-decoration:underline}.link-container{position:relative;width:100%;max-width:1200px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:48px;padding:24px;border:2px solid white;border-left-width:48px;border-radius:8px;overflow:visible;color:#f5f5f5;font-size:16px;min-height:136px}.chapter-title{position:absolute;left:-32px;writing-mode:vertical-rl;font-size:16px;font-weight:700;color:#000;rotate:180deg}.back-button{position:fixed;top:32px;left:32px;z-index:1000}.progress-bar-container{width:100%;max-width:900px;display:flex;flex-direction:column;align-items:center;gap:8px}.progress-text{font-size:16px;color:#f5f5f5}.progress-bar{position:relative;width:100%;height:4px;background-color:#444}.progress{top:0;left:0;width:18%;height:4px;background-color:#f5f5f5}.dotted-background{background-image:url(/background/background.svg);background-repeat:repeat;background-size:60px 60px}.dotted-background-transparent{background-image:url(/background/background-transparent.svg);background-repeat:repeat;background-size:60px 60px}.title-display{font-size:xx-large;color:#fff;height:100dvh;width:100%;display:flex;justify-content:center;align-items:center}@media screen and (max-width: 768px){.link-container{flex-direction:column}.link-container{border-left-width:2px;border-top-width:48px}.chapter-title{left:unset;top:-32px;writing-mode:unset;rotate:unset}}@keyframes blink{0%{color:#fff}50%{color:#444}to{color:#fff}}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:#000}::-webkit-scrollbar-thumb{background:#fff}::-webkit-scrollbar-thumb:hover{background:#dcdcdc}
