*,*:before,*:after{box-sizing:border-box;cursor:none}html{background-color:#272727;overflow-y:auto}body{display:flex;flex-direction:column;justify-content:center;font-size:14px;margin:0;padding:0}:root{--col-light: rgb(255, 111, 111);--col-dark: rgb(184, 81, 81);--bg-dark: #272727;--bg-panel: #333;--bg-card: #303030;--bg-overlay: rgba(39, 39, 39, .93);--text-white: #ffffff;--text-muted: rgb(151, 151, 151);--error-red: #ff3e3e;--success-green: #00FF00;--font-mono: "Kode Mono", monospace;--font-display: "Aldrich", sans-serif;--transition-speed: .3s;--nav-delay: 1.8s}body{font-family:var(--font-mono);color:var(--text-white)}h1{font-family:var(--font-mono);text-align:center;margin:auto;width:fit-content;color:var(--col-light)}h2{font-size:20px;transition:font-size var(--transition-speed) ease;width:fit-content;margin:auto auto 30px;text-align:center;font-family:var(--font-mono);padding:0;color:var(--col-light)}h2:hover{font-size:24px}h3{width:fit-content;margin:auto;text-align:center;font-family:var(--font-mono);padding:0;color:var(--col-light)}p{font-size:25px;transition:font-size var(--transition-speed) ease;color:var(--text-white)}a{color:var(--col-dark);font-size:1.25em;text-decoration:none;transition:color .15s,background-color .15s}a:hover{background-color:var(--col-dark);color:var(--bg-dark)}input{text-align:center;font-family:var(--font-mono);font-weight:200}pre{text-align:left;margin:auto;width:fit-content;color:var(--col-light)}.kode-mono{font-size:45px;transition:font-size var(--transition-speed) ease}.kode-mono:hover{font-size:55px}.h2-hover{font-size:15px;transition:font-size var(--transition-speed) ease}.h2-hover:hover{font-size:18px}.resource-sidebar h2{text-align:center;color:var(--col-light)}.inlevel-text{padding-top:20px}.inlevel-text p{text-align:center;color:var(--text-white);font-family:var(--font-mono)}.inlevel-text p:hover{font-size:28px}#cursor{position:fixed;top:-100px;left:-100px;border:3px solid var(--col-light);height:2em;width:2em;border-radius:2em;z-index:9999;transform:translate(-50%,-50%);pointer-events:none}.title{font-family:var(--font-display);position:fixed;top:20px;left:20px;font-size:24px;color:var(--col-light);font-weight:700;transition:font-size var(--transition-speed) ease;z-index:100}.title:hover{font-size:36px}.title a:hover{background-color:transparent;color:inherit}.link{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1}.container{height:110vh;position:fixed;display:flex;justify-content:center;text-align:center;margin-left:60px;top:0}nav{margin:auto;display:flex;flex-direction:column;height:fit-content;width:fit-content;border:3px solid var(--col-light);border-radius:1em;z-index:100}nav a{text-decoration:none;color:var(--col-light);padding:12px;font-size:1.25em;transition:color .15s,background-color .15s;text-align:center}nav a:hover{background-color:var(--col-dark);color:var(--bg-dark)}nav div{padding-top:12px;width:50%;border-right:1px solid var(--col-light)}nav.loading a{visibility:hidden}.current-level{text-decoration:underline;font-weight:bolder;color:var(--col-light)}.sidebar{position:fixed;top:0;right:-200px;height:100vh;width:200px;background-color:var(--bg-panel);transition:right var(--transition-speed) ease;z-index:101}.sidebar.open{right:0}.tab{position:fixed;top:50%;right:0;transform:translateY(-50%);background-color:var(--bg-panel);color:var(--text-white);padding:10px;border-top-left-radius:5px;border-bottom-left-radius:5px;z-index:1;transition:right var(--transition-speed) ease;font-family:var(--font-mono);color:var(--col-light)}.tab:hover{background-color:var(--col-dark);color:var(--bg-panel)}.tab.open{right:200px}.content{padding:20px;margin:1em auto auto;font-size:1.4em;max-width:50%;z-index:99}main{padding:120px 20px 20px;text-align:center}main>*{margin:0 auto}main>*+*{margin-top:1.5rem}main>h1+h2,main>h2+h2{margin-top:.5rem}.homepage-content{padding:80px 20px 20px;text-align:center}.homepage-content>*{display:block;margin:20px auto}footer{position:absolute;bottom:0;right:0;padding:10px;color:var(--text-muted);font-size:10px;text-wrap:nowrap}footer p{font-size:11px;font-family:sans-serif}footer a{font-size:14px;font-family:var(--font-mono);text-decoration:none;border-radius:3px}.copyright{width:10px;height:auto;display:inline;border:none;padding:none;background:none}#ctf-timer-display{position:fixed;top:10px;right:10px;background:var(--bg-overlay);border:1px solid var(--col-light);color:var(--col-light);padding:8px 12px;border-radius:5px;font-family:var(--font-mono);font-size:14px;z-index:10001;pointer-events:none}button{font-family:var(--font-display);height:44px;width:100px;font-size:14px;padding:5px 10px}.btn-hint{background-color:var(--bg-panel);font-family:var(--font-display);color:var(--col-light);font-size:16px;margin:auto;padding:2px;width:110px;height:35px;border:none;border-radius:5px;box-shadow:10px 10px 10px #0000001a;transition:font-size var(--transition-speed) ease}.btn-hint:hover{background-color:var(--col-dark);color:var(--bg-panel)}.btn-hint+.btn-hint{margin-top:20px}#submission-placeholder{margin-top:20px}.btn-start{font-family:var(--font-display);font-size:3rem;font-weight:700;color:var(--col-light);background-color:transparent;padding:20px 60px;border:4px solid var(--col-light);border-radius:10px;text-decoration:none;display:inline-block;transition:all var(--transition-speed) ease;margin-top:20px}.btn-start:hover{box-shadow:0 0 30px #ff6f6fcc;transform:scale(1.05);background-color:var(--col-dark);color:var(--bg-dark)}.level-links{padding:10px 20px;border-radius:8px;border:var(--bg-dark);margin:auto;text-align:left;font-family:var(--font-mono);color:var(--col-light);font-size:20px}.resourcelevel-links{padding:10px 20px;border-radius:8px;border:var(--bg-dark);font-size:medium;margin:auto;text-align:left;font-family:var(--font-mono);font-weight:200;color:var(--col-light)}.resource-links{color:var(--text-white);padding:10px 20px;border-radius:8px;border:var(--bg-dark);margin:auto;text-align:left;font-family:var(--font-mono);font-weight:200;font-size:20px}.resource-links:hover{color:var(--text-white)}.hint-modal{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--bg-overlay);color:var(--col-light);padding:20px;border-radius:10px;text-align:center;box-shadow:0 0 30px #ffffae;z-index:1000;min-width:300px;max-width:500px}.hint-modal p{font-family:var(--font-mono);font-size:20px;letter-spacing:1px;line-height:25px;padding:8px;margin:10px 0}.hint-close{background-color:var(--bg-panel);color:var(--col-light);border:none;margin-bottom:10px;border-radius:5px;padding:2px;width:110px;height:35px;box-shadow:10px 10px 10px #0000001a}.hint-close:hover{background-color:var(--col-dark);color:var(--bg-panel)}.flag-result{font-size:14px;margin-top:10px;min-height:20px}#inline-flag-entry{width:100%;padding:8px;margin:10px 0;border:1px solid var(--text-white);border-radius:3px;font-family:var(--font-mono);text-align:center}.input-container{display:block;justify-content:center;align-items:center;text-align:center}#userName{width:200px;height:30px;font-size:14px;padding:5px}.grid-container{display:flex;flex-wrap:wrap;max-width:640px;padding:20px;border-radius:10px;background-color:var(--bg-card);box-shadow:5px 5px 10px #0000001a;align-items:center;align-self:center;position:center}.hintalert{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--col-light);padding:5px 10px;border-radius:10px;text-align:center;box-shadow:0 0 30px #ffffae;z-index:1000;font-family:var(--font-display);font-size:12px;transition:font-size var(--transition-speed) ease;background-color:var(--bg-dark)}.hintclose{background-color:var(--bg-panel);color:var(--col-light);border:none;margin-bottom:25px;border-radius:5px;padding:2px;width:110px;height:35px;box-shadow:10px 10px 10px #0000001a}.hintclose:hover{background-color:var(--col-dark);color:var(--bg-panel)}.buttonforhint{background-color:var(--bg-panel);font-family:var(--font-display);color:var(--col-light);font-size:16px;margin:auto;padding:2px;width:110px;height:35px;border:none;border-radius:5px;box-shadow:10px 10px 10px #0000001a;transition:font-size var(--transition-speed) ease}.buttonforhint:hover{background-color:var(--col-dark);color:var(--bg-panel)}img{width:600px;align-self:center;border:5px solid #000000;transition:width var(--transition-speed) ease}img:hover{width:620px}video{width:40%;align-self:center;display:block;margin:0 auto}audio{align-self:center;width:20%;display:block;margin:30px auto 0;transition:width var(--transition-speed) ease}audio:hover{width:21%}.stereogram{width:780px;transition:width var(--transition-speed) ease}.stereogram:hover{width:795px}.vertical{width:200px}#model-proportions{width:80vw;height:60vh;margin:20px auto;display:block;border:3px solid var(--col-light)}.certificate-container{display:flex;justify-content:center;align-items:center;min-height:80vh;padding:20px}.certificate-container iframe{width:80%;height:80vh;border:3px solid var(--col-light);max-width:1200px;border-radius:10px}.fake-section{display:flex;flex-direction:column;gap:15px;margin:30px auto;max-width:400px;align-items:center}.fake-choice{background-color:var(--bg-panel);font-family:var(--font-mono);color:var(--col-light);font-size:16px;padding:12px 20px;width:100%;height:auto;border:none;border-radius:5px;box-shadow:10px 10px 10px #0000001a;transition:all var(--transition-speed) ease;cursor:none}.fake-choice:hover{background-color:var(--col-dark);color:var(--bg-panel);transform:translateY(-2px);box-shadow:12px 12px 15px #0003}.result-message{margin-top:20px;font-family:var(--font-mono);font-size:18px;text-align:center;min-height:60px}.animated-text{display:flex;font-size:4em;color:#ff6f6f;position:relative;font-size:150px;font-weight:700;text-shadow:black 3px 12px}.animated-text:after{content:"|";position:absolute;right:0;text-align:left;color:#fff;background-color:var(--bg-dark);width:0%;animation:typing 3s steps(16,end),3.5s blink .5s steps(5,start) infinite}.animated-text-k6{display:flex;justify-content:center;font-size:4em;color:#ff6f6f;position:relative;font-size:75px;font-weight:700;text-shadow:black 5px 7px;opacity:0;animation:fadeIn ease 3s 3.15s,glow 3s infinite 6.15s;animation-direction:normal}@keyframes fadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes glow{0%{text-shadow:0 0 10px #ff8e8e,0 0 20px #ff8e8e,0 0 30px #ff8e8e,0 0 40px #ff8e8e;opacity:1}50%{text-shadow:0 0 20px #ffcccc,0 0 40px #ffcccc,0 0 60px #ffcccc,0 0 80px #ffcccc;opacity:.8}to{text-shadow:0 0 10px #ff8e8e,0 0 20px #ff8e8e,0 0 30px #ff8e8e,0 0 40px #ff8e8e;opacity:1}}@keyframes blink{0%{visibility:visible}to{visibility:hidden}}@keyframes typing{0%{width:100%}to{width:0%}}#mobileWarning{display:none;background-color:#fcc;padding:10px;text-align:center;color:#000;border-radius:5px;margin:10px}@media(max-width:480px){.animated-text{font-size:50px}.animated-text-k6{font-size:30px}.btn-start{font-size:24px;padding:10px 20px}h1{font-size:2.5em}img,video{width:90%;max-width:300px}.sidebar,.tab{display:none}nav{font-size:.8em}}@media(max-width:768px){.animated-text{font-size:80px}.animated-text-k6{font-size:40px}.btn-start{font-size:32px;padding:15px 30px}img,video{width:90%;max-width:400px}.sidebar,.tab{display:none}footer{position:relative;text-align:center;width:100%}.container{margin-left:20px}.title{font-size:18px}}@media(min-width:769px)and (max-width:1024px){.animated-text{font-size:120px}.animated-text-k6{font-size:60px}.btn-start{font-size:40px;padding:18px 40px}}