*,*:before,*:after{box-sizing:border-box;cursor:none}:root{--col-light: rgb(0, 255, 0);--col-dark: rgb(0, 153, 0);--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}html{background-color:var(--bg-dark);overflow-x:hidden;overflow-y:auto;font-size:16px}body{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;min-height:100vh;font-size:1rem;font-family:var(--font-mono);color:var(--text-white);margin:0}h1{font-family:var(--font-mono);text-align:center;margin:0 auto;width:fit-content;color:var(--col-light)}h2{font-size:1.25rem;transition:font-size var(--transition-speed) ease;width:fit-content;margin:0 auto;text-align:center;font-family:var(--font-mono);color:var(--col-light)}h2:hover{font-size:1.5rem}p{font-size:1.5625rem;transition:font-size var(--transition-speed) ease}a{color:var(--col-dark);font-size:1.25em;transition:color .15s,background-color .15s;text-decoration:none}a:hover{background-color:var(--col-dark);color:var(--bg-dark)}input{text-align:center;font-family:var(--font-mono);font-weight:200}button{height:44px;width:100px;font-size:.875rem;padding:5px 10px;border:none;font-family:var(--font-mono);margin:0}#cursor{position:fixed;top:-100px;left:-100px;border:2px 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:1.5rem;color:var(--col-light);font-weight:700;transition:font-size var(--transition-speed) ease;z-index:100}.title:hover{font-size:2.25rem}.title a{color:inherit;text-decoration:none}.title a:hover{background-color:transparent;color:inherit}nav{position:fixed;left:20px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;height:fit-content;width:fit-content;border:3px solid var(--col-light);border-radius:1em;font-family:serif;z-index:100}nav.loading a{visibility:hidden}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)}.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)}.tab:hover{background-color:var(--col-dark);color:var(--bg-panel)}.tab.open{right:200px}main{display:flex;flex-direction:column;align-items:center;padding:20px;width:100%}main>*+*{margin-top:1.5rem}main>h1+h2,main>h2+h2{margin-top:.5rem}main>#submission-placeholder+.btn-hint{margin-top:.5rem}.content{padding:20px;margin:1em auto 0;font-size:1.4em;max-width:800px;width:100%;z-index:99}.container{display:contents}footer{position:absolute;bottom:0;right:0;padding:10px;color:var(--text-muted);font-size:.625rem;white-space:nowrap;text-align:right}footer p{font-size:.6875rem;font-family:sans-serif}footer a{font-size:.875rem;font-family:var(--font-mono);text-decoration:none;border-radius:3px}.copyright{width:10px;height:auto;display:inline;border:none;padding:0;background:none;font-size:.75rem}.resource-links{color:var(--text-white);padding:10px 20px;border-radius:8px;margin:auto;text-align:left;font-family:var(--font-mono);font-weight:200;font-size:1.25rem}.resource-links:hover{color:var(--text-white)}.resource-sidebar h2{text-align:center;color:var(--col-light)}.resourcelevel-links{padding:10px 20px;border-radius:8px;font-size:medium;margin:auto;text-align:left;font-family:var(--font-mono);font-weight:200;color:var(--col-light)}.level-links{padding:10px 20px;border-radius:8px;margin:auto;text-align:left;font-family:var(--font-mono);color:var(--col-light);font-size:1.25rem}.btn-hint{background-color:var(--bg-panel);font-family:var(--font-display);color:var(--col-light);font-size:1rem;margin:0 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;display:block}.btn-hint+.btn-hint{margin-top:10px}.btn-hint:hover{background-color:var(--col-dark);color:var(--bg-panel)}.btn-start{display:inline-block;background-color:var(--bg-panel);font-family:var(--font-display);color:var(--col-light);font-size:3rem;font-weight:700;margin:0;padding:20px 60px;border:4px solid var(--col-light);border-radius:10px;text-decoration:none;transition:all var(--transition-speed) ease}.btn-start:hover{background-color:var(--col-dark);color:var(--bg-dark);box-shadow:0 0 30px #0f0c,10px 10px 15px #0006;transform:scale(1.05);text-shadow:none}.hint-modal{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:.75rem;transition:font-size var(--transition-speed) ease;background-color:var(--bg-overlay)}.hint-modal p{font-family:var(--font-mono);font-size:1.25rem;letter-spacing:1px;line-height:25px;padding:2px}.hint-close{background-color:var(--bg-panel);color:var(--col-light);border:none;padding:2px;margin-top:10px;margin-bottom:25px;border-radius:5px;width:110px;height:35px;box-shadow:10px 10px 10px #0000001a}.hint-close:hover{background-color:var(--col-dark);color:var(--bg-panel)}.flag-modal{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:.75rem;background-color:var(--bg-overlay)}.flag-input{text-align:center;font-family:var(--font-mono);padding:8px;border:1px solid var(--text-white);border-radius:3px;width:calc(100% - 20px)}.flag-submit{background-color:var(--bg-panel);font-family:var(--font-display);color:var(--col-light);font-size:1rem;padding:2px;width:110px;height:35px;border:none;border-radius:5px;box-shadow:10px 10px 10px #0000001a;margin-top:10px}.flag-submit:hover{background-color:var(--col-dark);color:var(--bg-panel)}.flag-result{margin-top:6px;color:var(--text-white);font-family:var(--font-mono);text-align:center}.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}.fake-section{text-align:center}.fake-choice{background-color:var(--bg-panel);font-family:var(--font-display);color:var(--col-light);font-size:1rem;margin:auto;padding:2px;width:300px;height:35px;border:none;border-radius:5px;box-shadow:10px 10px 10px #0000001a;transition:font-size var(--transition-speed) ease}.result-message{margin-top:10px;padding:10px;border-radius:5px}#greeting{color:#ffa;font-family:var(--font-display)}.input-container{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem}#userName{width:200px;height:30px;font-size:.875rem;padding:5px}#ctf-timer-display{position:fixed;top:10px;right:10px;padding:6px 10px;background:var(--bg-overlay);border:1px solid var(--success-green);border-radius:6px;color:var(--success-green);font-family:var(--font-mono);font-size:14px;z-index:10001;pointer-events:none}.kode-mono{font-size:2.1875rem;transition:font-size var(--transition-speed) ease}.kode-mono:hover{font-size:2.8125rem}.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:1.75rem}img{width:600px;align-self:center;border:5px solid #000000;transition:width var(--transition-speed) ease}img:hover{width:620px}.stereogram{width:780px;transition:width var(--transition-speed) ease}.stereogram:hover{width:795px}video{width:50%;display:block;margin:0 auto;transition:width var(--transition-speed) ease}audio{align-self:center;width:20%;transition:width var(--transition-speed) ease}audio:hover{width:21%}.vertical{width:200px}.vertical:hover{width:300px}#model-proportions{display:block;width:80vw;height:60vh;margin:0 auto;position:relative}.certificate-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:20px;padding-bottom:100px;width:100%}.certificate-container iframe{width:80%;height:80vh;border:3px solid var(--col-light);max-width:1200px}h1[data-level-heading]{margin-top:60px}.animated-text{display:flex;font-size:9.375rem;color:var(--col-light);position:relative;font-weight:700;text-shadow:#000000 3px 12px;margin-bottom:-50px;margin-top:0}.animated-text:after{content:"|";position:absolute;right:0;text-align:left;color:var(--text-white);background-color:var(--bg-dark);width:0%;animation:typing 3s steps(16,end),3.5s blink .5s steps(5,start) infinite}@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}@media(max-width:480px){.animated-text{font-size:50px}.btn-start{font-size:24px;padding:10px 20px}.content{max-width:100%;padding:5px}h1{font-size:2.5em}h2{font-size:1.5em}p{font-size:1em}}@media(max-width:768px){img,video{width:90%;max-width:400px;height:auto;display:block;margin-left:auto;margin-right:auto}.animated-text{font-size:80px;text-align:center;position:relative;width:100%;left:0;top:0}footer{position:relative;text-align:center;width:100%;padding:20px 0}.content{margin-right:0;padding:10px;max-width:100%}.btn-start{font-size:32px;padding:15px 40px}.title{position:relative;left:0;top:0;text-align:center;width:100%}.sidebar,.tab{display:none}}@media(min-width:769px)and (max-width:1024px){.animated-text{font-size:120px}.btn-start{font-size:40px;padding:18px 50px}}