:root{--bg: #0a0a0a;--surface: #111111;--surface2: #181818;--surface3: #222222;--border: #2a2a2a;--border-bright: #3d3d3d;--orange: #ff6b00;--orange-l: #ff8c2a;--orange-dim: rgba(255, 107, 0, .12);--orange-border: rgba(255, 107, 0, .45);--white: #ffffff;--white-dim: rgba(255, 255, 255, .75);--white-muted: rgba(255, 255, 255, .4);--white-faint: rgba(255, 255, 255, .12);--danger: #ff3333;--danger-dim: rgba(255, 51, 51, .15);--code-bg: #050505;--font: "Inter", system-ui, sans-serif;--mono: "JetBrains Mono", "Courier New", monospace;--r: 4px;--r-lg: 8px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--white);font-family:var(--font);-webkit-font-smoothing:antialiased;overflow-x:hidden;-webkit-user-select:none;user-select:none}input,textarea{-webkit-user-select:text;user-select:text}a{color:var(--orange);text-decoration:none}#app{width:100%;min-height:100vh;position:relative}.screen{display:none;min-height:100vh;flex-direction:column}.screen.active{display:flex}#screen-terminal{height:100vh;overflow:hidden}.tab-counter{position:fixed;top:16px;right:16px;z-index:9999;background:var(--danger);color:var(--white);font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.08em;padding:8px 14px;border-radius:var(--r);display:flex;align-items:center;gap:8px;box-shadow:0 4px 24px #ff333380;animation:pulse-red 2s ease-in-out infinite;pointer-events:none}.tab-counter.hidden{display:none}.tab-icon{font-size:13px}@keyframes pulse-red{0%,to{box-shadow:0 4px 24px #ff333380}50%{box-shadow:0 4px 36px #ff3333e6}}.navbar{display:flex;align-items:center;justify-content:space-between;padding:18px 48px;background:var(--surface);border-bottom:1px solid var(--border)}.logo{font-family:var(--mono);font-size:20px;font-weight:700;letter-spacing:.12em}.logo-p{color:var(--white)}.logo-b{color:var(--orange)}.name-section{text-align:center;padding:44px 20px 20px}.name-label{font-family:var(--mono);font-size:11px;letter-spacing:.18em;color:var(--white-muted);text-transform:uppercase;margin-bottom:14px}.name-input-wrap{position:relative;display:inline-flex;flex-direction:column;align-items:center;gap:8px}.name-input-wrap input{background:var(--surface2);border:1px solid var(--orange-border);color:var(--white);font-family:var(--mono);font-size:18px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;text-align:center;padding:14px 28px;border-radius:var(--r);outline:none;width:420px;transition:border-color .2s,box-shadow .2s}.name-input-wrap input:focus{border-color:var(--orange);box-shadow:0 0 0 3px var(--orange-dim),0 0 20px #ff6b0026}.name-input-wrap input::placeholder{color:var(--white-faint);font-weight:400;font-size:14px}.name-error{font-family:var(--mono);font-size:10px;color:var(--danger);letter-spacing:.12em;text-transform:uppercase}.name-error.hidden{display:none}.battlefield{flex:1;padding:36px 48px 20px;text-align:center;display:flex;flex-direction:column;align-items:center}.battlefield h1{font-size:clamp(26px,3.5vw,52px);font-weight:900;letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px}.accent{color:var(--orange)}.subtitle{font-family:var(--mono);font-size:11px;color:var(--white-muted);letter-spacing:.14em;text-transform:uppercase;margin-bottom:44px}.language-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;width:100%;max-width:1080px;padding-bottom:32px}.lang-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:28px 22px 22px;text-align:left;position:relative;overflow:hidden;transition:border-color .2s,transform .2s,box-shadow .2s;cursor:default}.lang-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--lang-color, var(--orange));transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.lang-card:hover:before{transform:scaleX(1)}.lang-card:hover{border-color:color-mix(in srgb,var(--lang-color, var(--orange)) 45%,transparent);transform:translateY(-5px);box-shadow:0 16px 48px color-mix(in srgb,var(--lang-color, var(--orange)) 18%,transparent)}.lang-icon{font-size:48px;color:var(--lang-color, var(--orange));display:block;margin-bottom:20px}.lang-desc{font-family:var(--mono);font-size:10px;color:var(--white-muted);letter-spacing:.08em;text-transform:uppercase;line-height:1.7;margin-bottom:22px}.btn-start{width:100%;background:var(--orange);color:var(--white);border:none;padding:12px 16px;font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;border-radius:var(--r);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .2s,transform .1s}.btn-start:hover{background:var(--orange-l)}.btn-start:active{transform:scale(.97)}.footer{display:flex;justify-content:space-between;padding:14px 48px;border-top:1px solid var(--border);font-family:var(--mono);font-size:10px;color:var(--white-muted);letter-spacing:.1em}.terminal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 28px;background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;gap:12px;flex-wrap:wrap;position:relative}.terminal-hud{display:flex;gap:28px;flex-wrap:wrap;position:absolute;left:50%;transform:translate(-50%);pointer-events:none}.hud-item{display:flex;flex-direction:column;align-items:center;gap:2px}.hud-label{font-family:var(--mono);font-size:8px;letter-spacing:.15em;color:var(--white-muted);text-transform:uppercase}.hud-val{font-family:var(--mono);font-size:13px;font-weight:700;color:var(--white);letter-spacing:.06em}.hud-val.timer{color:var(--orange);font-size:20px;letter-spacing:.04em}.hud-val.timer.warning{color:var(--danger);animation:blink-timer .7s step-end infinite}@keyframes blink-timer{0%,to{opacity:1}50%{opacity:.2}}.btn-abort{background:transparent;border:1px solid var(--danger);color:var(--danger);padding:8px 16px;font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;border-radius:var(--r);cursor:pointer;transition:background .2s;width:100%;margin-top:auto}.btn-abort:hover{background:var(--danger-dim)}.terminal-main{flex:1;display:grid;grid-template-columns:320px 1fr;overflow:hidden;min-height:0}.challenge-panel{background:var(--surface);border-right:1px solid var(--border);padding:20px;display:flex;flex-direction:column;gap:10px;overflow-y:auto}.panel-title{font-family:var(--mono);font-size:9px;letter-spacing:.18em;color:var(--orange);font-weight:700;text-transform:uppercase;padding-bottom:8px;border-bottom:1px solid var(--border);flex-shrink:0}.challenge-title{font-weight:700;font-size:15px;color:var(--white);line-height:1.45}.challenge-desc{font-size:12px;color:var(--white-dim);line-height:1.75}.editor-wrap{display:flex;flex-direction:column;background:var(--code-bg);min-height:0;position:relative}.editor-toolbar{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;background:var(--surface2);border-bottom:1px solid var(--border);flex-shrink:0}.editor-filename{font-family:var(--mono);font-size:11px;color:var(--orange);font-weight:600;letter-spacing:.06em}.code-editor-container{flex:1;display:flex;overflow:auto;min-height:0}.line-numbers{padding:16px 12px;background:var(--surface2);color:#555;font-family:var(--mono);font-size:12px;line-height:1.75;text-align:right;-webkit-user-select:none;user-select:none;border-right:1px solid var(--border);min-width:48px;flex-shrink:0}.line-numbers span{display:block}.code-editor{flex:1;background:var(--code-bg);color:#e8e8e8;font-family:var(--mono);font-size:12px;line-height:1.75;padding:16px;border:none;outline:none;resize:none;tab-size:4;white-space:pre;overflow:auto;caret-color:var(--orange)}.code-editor::selection{background:#ff6b0040}.editor-footer{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:var(--surface2);border-top:1px solid var(--border);flex-shrink:0}.editor-hint{font-family:var(--mono);font-size:10px;color:var(--white-muted);letter-spacing:.08em}.editor-btns{display:flex;gap:8px;align-items:center}.btn-nav{background:transparent;border:1px solid var(--border-bright);color:var(--white-dim);padding:8px 14px;font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;border-radius:var(--r);cursor:pointer;transition:border-color .2s,color .2s,background .2s;white-space:nowrap}.btn-nav:hover:not(:disabled){border-color:var(--orange);color:var(--orange)}.btn-nav:disabled{opacity:.3;cursor:not-allowed}.btn-nav.btn-end{border-color:color-mix(in srgb,#66ffaa 45%,transparent);background-color:#6fa;color:#000}.btn-nav.btn-end:hover:not(:disabled){background:#4ddc8c;border-color:#4ddc8c;color:#000}.question-nav{display:flex;flex-wrap:wrap;gap:6px;padding:4px 0 2px}.q-dot{width:28px;height:28px;border-radius:var(--r);border:1px solid var(--border-bright);background:var(--surface2);color:var(--white-muted);font-family:var(--mono);font-size:10px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .15s,background .15s,color .15s}.q-dot:hover{border-color:var(--orange);color:var(--orange)}.q-dot.active{background:var(--orange);border-color:var(--orange);color:var(--white)}.q-dot.submitted{background:#66ffaa1f;border-color:#6fa;color:#6fa}.q-dot.visited{border-color:var(--border-bright);color:var(--white-dim)}.editor-wrap.is-submitted .code-editor{opacity:.55}.editor-wrap.is-submitted:after{content:"✓ SUBMITTED";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--mono);font-size:13px;font-weight:700;letter-spacing:.2em;color:#6fa;background:#0a0a0ab3;padding:10px 24px;border-radius:var(--r);pointer-events:none;z-index:10}.btn-submit{background:var(--orange);border:none;color:var(--white);padding:9px 24px;font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;border-radius:var(--r);cursor:pointer;transition:background .2s,transform .1s}.btn-submit:hover{background:var(--orange-l)}.btn-submit:active{transform:scale(.97)}.btn-submit:disabled{opacity:.5;cursor:not-allowed}#screen-complete{align-items:center;justify-content:center;position:relative;overflow:hidden}.complete-glow{position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 50% 40%,rgba(255,107,0,.08) 0%,transparent 70%);pointer-events:none}.complete-content{position:relative;text-align:center;padding:60px 40px;max-width:680px;width:100%}.complete-logo{font-family:var(--mono);font-size:12px;letter-spacing:.15em;text-transform:uppercase;margin-bottom:24px}.complete-badge{font-family:var(--mono);font-size:clamp(26px,4.5vw,48px);font-weight:900;letter-spacing:.07em;color:var(--orange);text-transform:uppercase;margin-bottom:10px}.complete-status{font-family:var(--mono);font-size:11px;color:var(--white-muted);letter-spacing:.12em;margin-bottom:44px}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:28px}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:18px 18px 18px 22px;text-align:left;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--orange)}.stat-label{font-family:var(--mono);font-size:9px;color:var(--white-muted);letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px}.stat-val{font-family:var(--mono);font-size:20px;font-weight:700;color:var(--white);letter-spacing:.04em}.submission-status{font-family:var(--mono);font-size:11px;color:var(--white-muted);letter-spacing:.1em;margin-bottom:28px;min-height:18px}.submission-status.success{color:var(--orange)}.submission-status.error{color:var(--danger)}.complete-actions{display:flex;justify-content:center;gap:14px;margin-bottom:36px}.btn-primary{background:var(--orange);color:var(--white);border:none;padding:13px 30px;font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;border-radius:var(--r);cursor:pointer;transition:background .2s,transform .1s}.btn-primary:hover{background:var(--orange-l)}.btn-primary:active{transform:scale(.97)}.btn-primary.danger{background:var(--danger)}.btn-primary.danger:hover{background:#f55}.complete-footer{font-family:var(--mono);font-size:10px;color:var(--white-muted);letter-spacing:.1em}.modal-overlay{position:fixed;inset:0;background:#000000e0;z-index:10000;display:flex;align-items:center;justify-content:center}.modal-overlay.hidden{display:none}.modal{background:var(--surface);border:1px solid var(--danger);border-radius:var(--r-lg);padding:44px 36px;max-width:420px;width:90%;text-align:center;box-shadow:0 0 60px #ff33334d}.modal-icon{font-size:38px;color:var(--danger);margin-bottom:14px}.modal-title{font-family:var(--mono);font-size:18px;font-weight:900;letter-spacing:.1em;color:var(--danger);margin-bottom:12px}.modal-msg{font-family:var(--mono);font-size:12px;color:var(--white-dim);line-height:1.75;margin-bottom:28px}.loading-overlay{position:fixed;inset:0;background:var(--bg);z-index:9990;display:flex;align-items:center;justify-content:center}.loading-overlay.hidden{display:none}.loading-inner{text-align:center}.loader{width:38px;height:38px;border:3px solid var(--border);border-top-color:var(--orange);border-radius:50%;animation:spin .65s linear infinite;margin:0 auto 16px}@keyframes spin{to{transform:rotate(360deg)}}#loading-text{font-family:var(--mono);font-size:11px;color:var(--white-muted);letter-spacing:.15em;text-transform:uppercase}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--orange)}.hidden{display:none!important}