@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400;1,500&family=IBM+Plex+Mono:wght@400;500&display=swap";@font-face{font-family:JetBrains Mono;src:url(/fonts/JetBrainsMono-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/JetBrainsMono-Medium.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}:root{--green:#39ff14;--green-dim:#1a8a00;--green-faint:#0f5200;--amber:#ffb000;--red:#ff3131;--bg:#0d0d0d;--bg-card:#080808;--bg-panel:#080808;--bg-raised:#111;--border:#1f1f1f;--border-green:#39ff1440;--text-bright:#fff;--text-dim:#888;--mono:"Jetbrains Mono", "Fira Code", monospace;--display:"Jetbrains Mono", Georgia, serif;--glow:0 0 8px #39ff14}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--mono);background:var(--bg);color:var(--text-bright)}.crt-effect-wrapper.sweep-on:before{content:"";width:100%;height:var(--sweep-thickness,10px);pointer-events:none;animation:sweep-line var(--sweep-duration,7s) linear infinite;z-index:9999;filter:blur(1.5px);background:linear-gradient(#0000 0%,#0006 40%,#0009 50%,#08080880 50%,#0000 100%);position:absolute;top:-30%;left:0}.crt-effect-wrapper.sweep-soft:before{content:"";width:100%;height:var(--sweep-thickness,10px);pointer-events:none;animation:sweep-line var(--sweep-duration,7s) linear infinite;z-index:9999;filter:blur(5px);background:linear-gradient(#0000 0%,#00000026 40%,#0000001a 50%,#00000014 55%,#0000 100%);position:absolute;top:-30%;left:0}@keyframes sweep-line{0%{top:-30%}to{top:130%}}.crt-effect-wrapper.scanlines-on:after{content:"";pointer-events:none;background-image:repeating-linear-gradient(var(--scanline-gradient-direction,to bottom),rgba(var(--scanline-color-rgb,91, 179, 135),calc(var(--scanline-opacity,.035))) 0px,rgba(var(--scanline-color-rgb,18, 58, 39),calc(var(--scanline-opacity,.2))) var(--scanline-thickness,2px),transparent var(--scanline-thickness,2px),transparent calc(var(--scanline-thickness,2px) + var(--scanline-gap,3px)));z-index:9998;mix-blend-mode:screen;position:absolute;inset:0}.crt-edge-glow{pointer-events:none;box-shadow:inset 0 0 var(--edge-glow-size,30px) var(--edge-glow-color,#00ff8033);z-index:9998;position:absolute;inset:0}.crt-vignette{pointer-events:none;background:radial-gradient(ellipse at center,#0000 60%,rgba(0,0,0,var(--vignette-intensity,.4)));mix-blend-mode:multiply;z-index:9997;position:absolute;inset:0}.crt-inner{width:100%;height:100%}.crt-effect-wrapper.flicker-on{animation:crt-flicker var(--flicker-speed,.8s) infinite}@keyframes crt-flicker{0%,to{opacity:1}10%{opacity:calc(1 - var(--flicker-intensity,.15) * .53)}20%{opacity:calc(1 - var(--flicker-intensity,.15) * .13)}30%{opacity:calc(1 - var(--flicker-intensity,.15) * .8)}40%{opacity:calc(1 - var(--flicker-intensity,.15) * .33)}50%{opacity:calc(1 - var(--flicker-intensity,.15) * .67)}60%{opacity:1}70%{opacity:calc(1 - var(--flicker-intensity,.15) * 1)}80%{opacity:calc(1 - var(--flicker-intensity,.15) * .27)}90%{opacity:1}}.crt-inner.glitch-on{animation:glitch-fuzz var(--glitch-speed,.6s) ease-in-out infinite;will-change:transform}@keyframes glitch-fuzz{0%,to{transform:translate(0)skew(0deg)}10%{transform:translate(calc(-2px * var(--glitch-intensity,1)),calc(1px * var(--glitch-intensity,1))) skew(calc(-.5deg * var(--glitch-intensity,1)))}20%{transform:translate(0)skew(0deg)}30%{transform:translate(calc(3px * var(--glitch-intensity,1)),calc(-1px * var(--glitch-intensity,1))) skew(calc(.8deg * var(--glitch-intensity,1)))}40%{transform:translate(0)skew(0deg)}50%{transform:translate(calc(-1px * var(--glitch-intensity,1)),calc(2px * var(--glitch-intensity,1))) skew(calc(-.3deg * var(--glitch-intensity,1)))}60%{transform:translate(0)skew(0deg)}70%{transform:translate(calc(2px * var(--glitch-intensity,1)),calc(-2px * var(--glitch-intensity,1))) skew(calc(.6deg * var(--glitch-intensity,1)))}80%,90%{transform:translate(0)skew(0deg)}}@media (prefers-reduced-motion:reduce){.crt-effect-wrapper.sweep-on:before,.crt-effect-wrapper.sweep-soft:before{display:none;animation:none!important}.crt-effect-wrapper.flicker-on{opacity:1!important;animation:none!important}.crt-inner.glitch-on{animation:none!important;transform:none!important}}.walkthrough-prompt-backdrop{z-index:90;pointer-events:none;justify-content:flex-end;align-items:flex-end;padding:24px;display:flex;position:fixed;inset:0}.walkthrough-prompt{pointer-events:auto;border:1px solid var(--border-green);width:min(420px,100%);color:var(--green);background:#080808fa;animation:.22s both walkthrough-prompt-in;box-shadow:0 0 32px #39ff141f}@keyframes walkthrough-prompt-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.walkthrough-prompt-topline{height:38px;color:var(--green-dim);border-bottom:1px solid #39ff1429;justify-content:space-between;align-items:center;gap:16px;padding:0 14px;font-size:11px;display:flex}.walkthrough-prompt-topline button{color:var(--green-dim);font-family:var(--mono);cursor:pointer;background:0 0;border:0}.walkthrough-prompt-topline button:hover,.walkthrough-prompt-topline button:focus-visible{color:var(--green);outline:none}.walkthrough-prompt-body{padding:20px 20px 18px}.walkthrough-prompt-command{color:var(--amber);margin:0 0 10px;font-size:12px}.walkthrough-prompt h2{color:var(--green);margin:0 0 10px;font-size:20px;line-height:1.25}.walkthrough-prompt p{color:var(--green-dim);font-size:13px;line-height:1.6}.walkthrough-prompt-actions{justify-content:flex-end;gap:10px;padding:0 20px 20px;display:flex}.walkthrough-prompt-primary,.walkthrough-prompt-secondary{min-height:38px;font-family:var(--mono);cursor:pointer;padding:0 16px;font-size:12px;font-weight:700}.walkthrough-prompt-primary{border:1px solid var(--green);background:var(--green);color:var(--bg)}.walkthrough-prompt-secondary{color:var(--green-dim);background:0 0;border:1px solid #39ff1440}.walkthrough-prompt-primary:hover,.walkthrough-prompt-primary:focus-visible{outline:none;box-shadow:0 0 18px #39ff1447}.walkthrough-prompt-secondary:hover,.walkthrough-prompt-secondary:focus-visible{border-color:var(--green);color:var(--green);outline:none}@media (width<=560px){.walkthrough-prompt-backdrop{align-items:flex-end;padding:12px}.walkthrough-prompt-actions{flex-direction:column-reverse}}.editor-panel{overflow:hidden}.player-info-bar{background:#ffffff05;border-bottom:1px solid #ffffff0d;align-items:center;gap:10px;padding:8px 14px;display:flex}.player-info-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:28px;height:28px}.player-info-name{font-family:var(--mono);color:var(--text-main);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;overflow:hidden}.player-info-rating{font-family:var(--mono);color:var(--text-dim);font-size:11px}.editor-mount{overscroll-behavior:none;overflow:hidden}.editor-panel-toast{color:#1a1a2e;font-size:14px;font-family:var(--mono);z-index:10;opacity:1;pointer-events:none;background:#ffb74df2;border-radius:8px;justify-content:center;align-items:center;padding:12px 24px;transition:opacity 3s ease-out;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.editor-panel-toast.fade-out{opacity:0}.terminal-shell{background:var(--bg);flex-direction:column;min-height:100vh;display:flex;position:relative;overflow-x:hidden}.cli-brand{color:var(--green);font-family:var(--mono);font-size:16px;font-weight:700}.cli-brand:after{content:"";background:var(--green);vertical-align:middle;width:8px;height:16px;margin-left:2px;animation:1.1s step-end infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.terminal-topbar{border-bottom:1px solid var(--border-green);background:var(--bg);z-index:50;flex-shrink:0;justify-content:space-between;align-items:center;height:52px;padding:0 32px;display:flex;position:sticky;top:0}.terminal-brand{font-family:var(--display);color:var(--green);text-shadow:var(--glow);letter-spacing:1px;-webkit-user-select:none;user-select:none;font-size:20px;font-style:italic}.terminal-nav{align-items:center;gap:20px;display:flex}.terminal-hamburger{display:none}.terminal-nav-link{font-family:var(--mono);color:var(--green-dim);cursor:pointer;font-size:13px;transition:color}.terminal-nav-link:hover{color:var(--green)}.terminal-nav-link--logout{color:var(--green-faint)}.terminal-nav-link--logout:hover{color:var(--amber)}.terminal-play-btn{font-family:var(--mono);color:var(--green);border:1px solid var(--green);cursor:pointer;letter-spacing:1px;background:0 0;padding:6px 14px;font-size:13px;transition:background,color}.terminal-play-btn:hover{background:var(--green);color:var(--bg)}.terminal-crt-toggle{cursor:pointer;font-family:var(--mono);color:var(--green-dim);background:0 0;border:none;align-items:center;gap:6px;padding:0;font-size:13px;transition:color .15s;display:inline-flex}.terminal-crt-toggle:hover{color:var(--green)}.terminal-crt-toggle-label{font-family:var(--mono)}.terminal-crt-toggle-track{background:0 0;border:1px solid;align-items:center;width:36px;height:18px;transition:border-color .2s,box-shadow .2s;display:inline-flex;position:relative}.terminal-crt-toggle-thumb{background:currentColor;width:12px;height:12px;transition:left .2s,background .2s,box-shadow .2s;position:absolute;top:2px;left:2px}.terminal-crt-toggle[aria-pressed=true] .terminal-crt-toggle-thumb{left:20px;box-shadow:0 0 6px}.terminal-crt-toggle[aria-pressed=true] .terminal-crt-toggle-track{box-shadow:0 0 8px var(--green-dim)}.terminal-main{flex-direction:column;flex:1;display:flex}@media (width<=768px){.terminal-topbar{padding:0 16px}.terminal-brand{font-size:16px}.terminal-nav{gap:12px}.terminal-nav-link{font-size:11px}.terminal-hamburger{cursor:pointer;z-index:60;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:32px;height:32px;padding:4px;display:flex}.hamburger-line{background:var(--green);width:22px;height:2px;transition:transform .2s,opacity .2s}.hamburger-line.open:first-child{transform:translateY(7px)rotate(45deg)}.hamburger-line.open:nth-child(2){opacity:0}.hamburger-line.open:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.terminal-nav{background:var(--bg);border-bottom:1px solid var(--border-green);opacity:0;pointer-events:none;z-index:55;flex-direction:column;align-items:flex-start;gap:0;padding:16px 24px;transition:transform .3s,opacity .3s;position:fixed;top:52px;left:0;right:0;transform:translateY(-100%)}.terminal-nav.open{opacity:1;pointer-events:auto;overflow-x:hidden;transform:translateY(0)}.terminal-nav .terminal-nav-link{border-bottom:1px solid var(--border-green);width:100%;padding:12px 0;font-size:14px}.terminal-nav .terminal-nav-link:last-child{border-bottom:none}.terminal-nav .terminal-crt-toggle{border-bottom:1px solid var(--border-green);justify-content:space-between;width:100%;padding:12px 0;font-size:14px}.terminal-menu-backdrop{z-index:54;background:#00000080;position:fixed;inset:52px 0 0}}@media (width<=480px){.terminal-nav{gap:8px}.terminal-play-btn{padding:4px 10px;font-size:11px}}.terminal-cmdbar{font-family:var(--mono);color:var(--green);z-index:60;background:#0d0d0d;border-top:1px solid #1e1e1e;padding:10px 24px;font-size:14px;position:fixed;bottom:0;left:0;right:0}.terminal-cmdbar-error{color:#e06c75}.terminal-cmdbar-cursor{color:var(--green);animation:1s step-end infinite vrd-cmdbar-blink}@keyframes vrd-cmdbar-blink{50%{opacity:0}}:root{--green:#22d722;--green-dim:#1a9e1a;--green-bg:#0d2b0d;--green-glow:#22d72259;--red:#f44;--red-dim:#8b0000;--red-bg:#8b000040;--yellow:#e5c07b;--bg:#000;--bg-panel:#0a0a0a;--bg-card:#111;--bg-raised:#1a1a1a;--border:#2a2a2a;--border-mid:#3a3a3a;--text:#ccc;--text-dim:#666;--text-bright:#fff}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg);color:var(--text);font-family:var(--mono);-webkit-font-smoothing:antialiased;font-size:13px;line-height:1.6}.challenge-shell{background:var(--bg);flex-direction:column;min-height:100vh;display:flex}.terminal-topbar{border-bottom:1px solid var(--border);background:var(--bg);z-index:100;flex-direction:row;justify-content:space-between;align-items:center;padding:10px 20px;display:flex;position:sticky;top:0}.landing-shell{flex-direction:column;flex:1;gap:0;display:flex}.hero-block{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:70vh;padding:60px 20px 50px;display:flex;position:relative;overflow:hidden}.hero-block:before{content:"";pointer-events:none;z-index:0;background:repeating-linear-gradient(#0000,#0000 2px,#00000014 2px 4px);position:absolute;inset:0}.hero-block>*{z-index:1;position:relative}.hero-logo{opacity:.85;width:280px;filter:drop-shadow(0 0 8px var(--green))}.hero-title{font-family:var(--display);letter-spacing:.08em;color:var(--text-bright);text-shadow:0 0 10px #fff9,0 0 30px #fff3;text-transform:uppercase;font-size:clamp(52px,9vw,80px);font-weight:900;line-height:1}.hero-message{background-color:var(--bg-raised);border-left:4px solid var(--green);text-align:left;flex-direction:column;gap:8px;max-width:520px;padding:14px 18px;display:flex}.hero-tag{color:var(--text-bright);font-family:var(--mono);letter-spacing:.03em;font-size:15px;font-weight:700}.hero-message p:not(.hero-tag){color:var(--text);font-size:12px}.inline-chip{color:var(--green);background-color:var(--green-bg);font-family:var(--mono);border-radius:3px;padding:1px 6px;font-size:12px}.hero-actions{flex-flow:wrap;justify-content:center;gap:12px;display:flex}.btn{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border:none;padding:14px 28px;font-size:13px;font-weight:700;transition:all .15s}.primary-btn{background-color:var(--green);color:#000;border:2px solid var(--green)}.primary-btn:hover:not(:disabled){color:var(--green);box-shadow:0 0 12px var(--green-glow);background-color:#000}.primary-btn:disabled{opacity:.6;cursor:not-allowed}.secondary-btn{color:var(--text-bright);border:2px solid var(--border-mid);background-color:#0000}.secondary-btn:hover{border-color:var(--text-dim);background-color:var(--bg-raised)}.status-strip{background-color:var(--bg-panel);border-top:2px solid var(--border-mid);border-bottom:2px solid var(--border-mid);color:var(--text-dim);letter-spacing:.06em;flex-flow:wrap;justify-content:center;align-items:center;gap:24px;padding:10px 20px;font-size:11px;display:flex}.strip-title{color:var(--text-dim);letter-spacing:.15em;border:1px solid var(--border-mid);padding:2px 8px;font-size:10px}.status-inline{color:var(--text-bright);text-shadow:0 0 4px var(--green)}.lobby-status{color:var(--text-dim);letter-spacing:.04em;font-size:12px}.lobby-status.error{color:var(--red)}.meta{color:var(--text-dim);font-size:11px}.content-panel{border-bottom:1px solid var(--border);background:var(--bg);padding:48px 32px}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px;display:flex}.section-head h2{font-family:var(--mono);color:var(--green);letter-spacing:.1em;text-transform:uppercase;font-size:16px;font-weight:700}.section-sub{color:var(--text-dim);letter-spacing:.03em;margin-bottom:20px;font-size:11px}.recording-pill{color:var(--text-dim);letter-spacing:.08em;background:var(--bg-card);border:1px solid var(--border);align-items:center;gap:6px;padding:3px 10px;font-size:10px;display:flex}.recording-pill:before{content:"";background:var(--red);border-radius:50%;width:6px;height:6px;animation:1s step-end infinite blink;display:inline-block}.mock-editors{border:1px solid var(--border);background:var(--border);grid-template-columns:1fr 1fr;gap:2px;max-width:900px;display:grid}.mock-editors article{background:var(--bg-card);overflow:hidden}.mock-editors header{background:var(--bg-raised);color:var(--text-dim);letter-spacing:.12em;border-bottom:1px solid var(--border);text-transform:uppercase;padding:5px 10px;font-size:10px}.mock-editors pre{font-family:var(--mono);color:var(--text);white-space:pre-wrap;tab-size:2;padding:12px;font-size:12px;line-height:1.8}.terminal-table-wrap{border:1px solid var(--border);background:var(--bg-card);max-width:900px;overflow-x:auto}.content-panel .section-head h2{align-items:center;gap:10px;display:flex}.top-badge{background:var(--green);color:#000;letter-spacing:.06em;padding:1px 6px;font-size:11px;font-weight:700;display:inline-block}.process-meta{color:var(--text-dim);letter-spacing:.04em;margin-bottom:12px;font-size:11px}.terminal-table{border-collapse:collapse;width:100%;font-size:12px;font-family:var(--mono)}.terminal-table thead tr{background:var(--bg-raised);border-bottom:1px solid var(--border)}.terminal-table th{color:var(--text-dim);text-align:left;letter-spacing:.06em;white-space:nowrap;padding:6px 14px;font-size:11px;font-weight:400}.terminal-table tbody tr{border-bottom:1px solid var(--border);transition:background .1s}.terminal-table tbody tr:hover{background:var(--bg-raised)}.terminal-table tbody tr:first-child{background:#22d7220f}.terminal-table tbody tr:first-child td:first-child{border-left:2px solid var(--green)}.terminal-table td{color:var(--text);white-space:nowrap;padding:6px 14px}.terminal-table tbody tr:first-child td:nth-child(2){color:var(--green);font-weight:700}.terminal-table tbody tr:first-child td:last-child{color:var(--green)}.fn-bar{background:var(--bg-raised);border-top:1px solid var(--border);gap:0;padding:4px 8px;font-size:11px;display:flex}.fn-key{gap:0;margin-right:14px;display:flex}.fn-key-num{background:var(--text-dim);color:#000;padding:0 4px;font-size:10px;line-height:16px}.fn-key-label{color:var(--text-dim);padding:0 4px;font-size:10px;line-height:16px}.fn-key.quit .fn-key-num{background:var(--green)}.view-full-link{text-align:right;color:var(--text-dim);letter-spacing:.05em;cursor:pointer;padding:8px 12px 4px;font-size:11px;display:block}.view-full-link:hover{color:var(--green)}.man-title{font-family:var(--mono);color:var(--text-bright);letter-spacing:.1em;text-transform:uppercase;margin-bottom:24px;font-size:18px;font-weight:700}.feature-grid{background:var(--border);border-top:1px solid var(--border);border-bottom:1px solid var(--border);grid-template-columns:repeat(3,1fr);gap:2px;display:grid}.feature-grid article{background:var(--bg-card);flex-direction:column;gap:10px;padding:28px 24px;display:flex}.feature-kicker{color:var(--text-dim);letter-spacing:.2em;text-transform:uppercase;border-bottom:1px solid var(--border);padding-bottom:6px;font-size:10px}.feature-grid h3{font-family:var(--mono);color:var(--text-bright);font-size:15px;font-weight:700}.feature-grid p{color:var(--text-dim);font-size:12px;line-height:1.7}.terminal-footer{border-top:1px solid var(--border);color:var(--text-dim);font-size:12px;font-family:var(--mono);grid-template-columns:1fr 1fr 1fr;gap:32px;padding:36px 32px;display:grid}.footer-cmd{color:var(--green);letter-spacing:.04em;grid-column:1/-1;margin-bottom:14px;font-size:12px}.terminal-footer p{color:var(--text-dim);font-size:12px;line-height:2}.terminal-footer p:first-child{color:var(--text-bright);text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px}.terminal-footer p:not(:first-child){cursor:pointer;transition:color .12s}.terminal-footer p:not(:first-child):hover{color:var(--green)}.footer-copyright{border-top:1px solid var(--border);color:var(--text-dim);grid-column:1/-1;justify-content:space-between;align-items:center;margin-top:8px;padding-top:12px;font-size:11px;display:flex}.footer-mode{color:var(--text-dim);letter-spacing:.08em;font-size:11px}.match-container{background:var(--bg);flex-direction:column;flex:1;gap:2px;padding:16px;display:flex}.target-panel{background:var(--bg-card);border:1px solid var(--border);padding:12px}.target-header-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px;display:flex}.target-header-row h2{font-family:var(--mono);color:var(--green);text-transform:uppercase;letter-spacing:.1em;font-size:14px}.target-header-row p{color:var(--text-dim);margin-top:4px;font-size:11px}.target-header-row strong{color:var(--green)}.status-stack{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.status-chip{color:var(--text-dim);background:var(--bg-raised);border:1px solid var(--border);letter-spacing:.05em;padding:3px 10px;font-size:11px}.target-mount{background:var(--bg);border:1px solid var(--border);min-height:120px}.editor-grid{flex:1;grid-template-columns:1fr 1fr;gap:2px;display:grid}.editor-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#0f0f12f5,#08080afa);border:1px solid #ffffff0f;border-radius:18px;min-height:600px;max-height:600px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff05,0 20px 50px #0009}.panel-title{background:var(--bg-raised);color:var(--text-dim);letter-spacing:.14em;border-bottom:1px solid var(--border);text-transform:uppercase;justify-content:space-between;padding:5px 10px;font-size:10px;display:flex}.editor-mount{flex:1;min-height:500px;max-height:500px;overflow:scroll}.vim-mode-badge .vim-mode-badge{color:var(--green);font-size:11px;font-family:var(--mono);letter-spacing:.06em;background:#1e1e2e;border-top:1px solid #ffffff0f;flex-shrink:0;width:100%;margin-top:0;padding:3px 10px}.result-banner{text-align:center;font-size:20px;font-weight:700;font-family:var(--mono);letter-spacing:.12em;background:var(--bg-raised);border:1px solid var(--border);color:var(--green);text-shadow:0 0 10px var(--green-glow);text-transform:uppercase;padding:16px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border-mid)}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}@media (width<=768px){.feature-grid,.mock-editors,.editor-grid{grid-template-columns:1fr}.terminal-footer{grid-template-columns:1fr 1fr}.status-strip{gap:12px;font-size:10px}.hero-title{font-size:42px}}.match-page{background:var(--bg);flex-direction:column;width:100%;max-width:1600px;min-height:100vh;margin:0 auto;display:flex}.matchmaking-screen{flex:1;justify-content:center;align-items:center;display:flex}.matchmaking-content{text-align:center;flex-direction:column;align-items:center;gap:20px;display:flex}.matchmaking-title{font-family:var(--mono);color:var(--green);letter-spacing:.1em;text-transform:uppercase;font-size:24px;animation:2s ease-in-out infinite pulse-glow}.matchmaking-anim{align-items:center;gap:8px;display:flex}.magnifying-glass{animation:1.5s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}@keyframes pulse-glow{0%,to{text-shadow:0 0 8px var(--green-glow)}50%{text-shadow:0 0 20px var(--green), 0 0 40px var(--green-glow)}}.matchmaking-status{font-family:var(--mono);color:var(--text-dim);letter-spacing:.05em;font-size:12px}.match-container{flex:1;position:relative}.match-hud{align-items:center;gap:8px;padding:6px 0 8px;display:flex}.match-hud-timer{flex-direction:column;gap:2px;min-width:56px;display:flex}.match-hud-timer-label{color:var(--text-dim);letter-spacing:.08em;font-size:9px;font-family:var(--mono);text-align:right;line-height:1}.match-hud-timer-value{color:var(--green);font-size:12px;font-family:var(--mono);text-align:right;line-height:1}.match-hud-timer.warning .match-hud-timer-value{color:var(--yellow)}.match-hud-timer.critical .match-hud-timer-value{color:var(--red)}.match-progress-group{flex-direction:column;flex:1;gap:4px;display:flex}.match-progress-meta{justify-content:space-between;align-items:center;display:flex}.match-progress-label{color:var(--text-dim);letter-spacing:.08em;font-size:9px;font-family:var(--mono);line-height:1}.match-progress-value{color:var(--text-bright);font-size:10px;font-family:var(--mono);line-height:1}.match-progress-track{background:#ffffff14;border:1px solid #ffffff1f;height:6px}.match-progress-fill{background:var(--green);height:100%;display:block}.editor-grid{gap:24px}.editor-panel{flex-direction:column;display:flex;overflow:hidden}.editor-topbar{background:#ffffff05;border-bottom:1px solid #ffffff0d;align-items:center;height:42px;padding:0 14px;display:flex}.red{background:#ff5f57}.yellow{background:#febc2e}.green{background:#28c840}.cancel-btn{color:#fff;cursor:pointer;font-size:24px;font-weight:700;font-family:var(--mono);background:red;border:2px solid red;border-radius:2px;padding:8px 16px}.cancel-btn:hover{color:#ff5f57;background:#000;box-shadow:0 0 12px #ff5f5780}.cancel-btn:active{transform:scale(.96)}@media (width<=768px){.editor-grid{grid-template-columns:1fr}}.countdown-overlay{z-index:100;background:#000000d9;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.countdown-number{font-family:var(--mono);color:var(--green);text-shadow:0 0 20px var(--green), 0 0 40px var(--green-glow);font-size:120px;font-weight:700;animation:1s ease-in-out countdown-pulse}@keyframes countdown-pulse{0%{opacity:0;transform:scale(1.5)}20%{opacity:1}to{opacity:1;transform:scale(1)}}.vimtutor-page{width:100%;color:var(--green);flex:1;justify-content:center;padding:28px 24px 36px;display:flex;overflow-x:hidden}.vimtutor-shell{z-index:1;flex-direction:column;gap:16px;min-width:0;display:flex;position:relative}.vimtutor-header{border:1px solid var(--border-green);background:linear-gradient(#39ff1409,#39ff1400),#080808f0;justify-content:space-between;align-items:flex-end;gap:20px;padding:18px 20px;display:flex}.vimtutor-command{color:var(--amber);font-family:var(--mono);letter-spacing:1px;margin:0 0 8px;font-size:12px}.vimtutor-header h1{color:var(--green);font-family:var(--mono);text-transform:uppercase;text-shadow:var(--glow);margin:0;font-size:24px;line-height:1.1}.vimtutor-meta,.vimtutor-status{color:var(--green-dim);font-family:var(--mono);margin:8px 0 0;font-size:12px;line-height:1.5}.vimtutor-actions{text-align:right;flex-direction:column;align-items:flex-end;gap:10px;min-width:min(360px,100%);display:flex}.vimtutor-status{color:var(--green-faint);margin:0}.vimtutor-reset-button{min-height:40px;color:var(--green-dim);font-family:var(--mono);letter-spacing:1px;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #39ff1447;padding:0 16px;font-size:12px;font-weight:700}.vimtutor-reset-button:hover,.vimtutor-reset-button:focus-visible{border-color:var(--green);color:var(--green);outline:none;box-shadow:0 0 16px #39ff1429}.vimtutor-reset-button--armed{border-color:var(--amber);color:var(--amber);background:#ffb00014}.vimtutor-reset-button--armed:hover,.vimtutor-reset-button--armed:focus-visible{border-color:var(--red);color:var(--red);box-shadow:0 0 16px #ff31312e}.vimtutor-editor-frame,.vimtutor-editor-frame>.editor-panel{width:100%;min-width:0}@media (width<=720px){.vimtutor-page{padding:16px 12px 24px}.vimtutor-header{flex-direction:column;align-items:stretch}.vimtutor-actions{text-align:left;align-items:stretch;min-width:0}.vimtutor-reset-button{width:100%}}.profile-shell{background:var(--bg);flex-direction:column;min-height:100vh;display:flex}.profile-main{flex-direction:column;flex:1;width:100%;max-width:800px;margin:0 auto;padding:32px 20px;display:flex}.profile-hero{background:var(--bg-card);border:1px solid var(--border);gap:32px;margin-bottom:24px;padding:40px;display:flex}.profile-avatar-section{flex-shrink:0;max-height:fit-content;position:relative}.profile-avatar{border:2px solid var(--border);background:var(--bg);object-fit:cover;border-radius:4px;width:140px;height:140px}.profile-id-badge{background:var(--bg-card);border:2px solid var(--green);z-index:10;flex-direction:column;align-items:center;min-width:60px;padding:6px 10px;display:flex;position:absolute;bottom:-14px;right:-14px}.profile-avatar-section{flex-shrink:0;padding-bottom:8px;padding-right:8px;position:relative;overflow:visible}.profile-rating{font-family:var(--mono);color:var(--green);font-size:18px;font-weight:700;line-height:1}.profile-rating-label{color:var(--text-dim);letter-spacing:.15em;font-size:9px}.profile-info{flex-direction:column;flex:1;justify-content:center;gap:8px;display:flex}.profile-name{font-family:var(--display);color:var(--text-bright);letter-spacing:.05em;font-size:28px;font-weight:700;line-height:1.2}.profile-email{font-family:var(--mono);color:var(--text-dim);font-size:13px}.profile-username{font-family:var(--mono);color:var(--green);font-size:13px}.profile-last-active{font-family:var(--mono);color:var(--text-dim);margin-top:4px;font-size:12px}.profile-stats{gap:16px;margin-top:16px;display:flex}.socials{flex-direction:column;align-self:flex-start;gap:10px;margin-top:0;display:flex}.social-link{border:1px solid var(--border);background:var(--bg-raised);width:36px;height:36px;color:var(--text-dim);justify-content:center;align-items:center;transition:all .15s;display:flex}.social-link:hover{color:var(--green);border-color:var(--green)}.social-icon{width:18px;height:18px}.stat-box{background:var(--bg-raised);border:1px solid var(--border);flex-direction:column;align-items:center;min-width:80px;padding:12px 20px;display:flex}.stat-value{font-family:var(--mono);color:var(--text-bright);font-size:20px;font-weight:700;line-height:1}.stat-value.win{color:var(--green)}.stat-value.loss{color:var(--red)}.stat-label{color:var(--text-dim);letter-spacing:.12em;margin-top:4px;font-size:9px}.profile-edit-section{background:var(--bg-card);border:1px solid var(--border);margin-bottom:24px;padding:24px}.profile-matches{background:var(--bg-card);border:1px solid var(--border);padding:20px}.profile-matches-empty{font-family:var(--mono);color:var(--text-dim);border:1px solid var(--border);background:var(--bg-raised);padding:12px;font-size:12px}.profile-match-list{flex-direction:column;gap:10px;display:flex}.profile-match-row{border:1px solid var(--border);background:var(--bg-raised);grid-template-columns:1fr auto auto;align-items:center;gap:14px;padding:10px 12px;display:grid}.profile-match-opponent{align-items:center;gap:10px;min-width:0;display:flex}.profile-match-avatar{object-fit:cover;border:1px solid var(--border);border-radius:50%;width:34px;height:34px}.profile-match-name{font-family:var(--mono);color:var(--text-bright);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.profile-match-meta{font-family:var(--mono);color:var(--text-dim);margin-top:2px;font-size:10px}.profile-match-result{font-family:var(--mono);letter-spacing:.08em;border:1px solid var(--border);padding:4px 8px;font-size:11px}.profile-match-result.win{color:var(--green);border-color:var(--green-faint)}.profile-match-result.loss{color:var(--red);border-color:#ff31314d}.profile-match-result.draw{color:var(--yellow);border-color:#e5c07b66}.profile-match-replay-btn{font-family:var(--mono);letter-spacing:.06em;border:1px solid var(--green);color:var(--green);cursor:pointer;background:0 0;padding:6px 12px;font-size:11px;font-weight:700}.profile-match-replay-btn:hover:enabled{background:var(--green);color:#000}.profile-match-replay-btn:disabled{border-color:var(--border);color:var(--text-dim);cursor:not-allowed;background:#ffffff0a}.profile-match-pagination{justify-content:flex-end;align-items:center;gap:10px;margin-top:14px;display:flex}.profile-page-btn{font-family:var(--mono);letter-spacing:.06em;border:1px solid var(--green);color:var(--green);cursor:pointer;background:0 0;padding:6px 12px;font-size:11px;font-weight:700}.profile-page-btn:hover:enabled{background:var(--green);color:#000}.profile-page-btn:disabled{border-color:var(--border);color:var(--text-dim);cursor:not-allowed}.profile-page-meta{font-family:var(--mono);color:var(--text-dim);letter-spacing:.06em;font-size:11px}.section-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.section-header h2{font-family:var(--mono);color:var(--green);letter-spacing:.1em;text-transform:uppercase;font-size:14px;font-weight:700}.edit-toggle-btn{font-family:var(--mono);letter-spacing:.05em;cursor:pointer;border:2px solid var(--green);color:var(--green);background:0 0;padding:8px 16px;font-size:12px;font-weight:700;transition:all .15s}.edit-toggle-btn:hover{background:var(--green);color:#000}.section-actions{gap:12px;display:flex}.edit-toggle-btn--logout{border-color:var(--green-faint);color:var(--green-faint)}.edit-toggle-btn--logout:hover{background:var(--red);border-color:var(--red);color:#000}.config-form{flex-direction:column;gap:16px;display:flex}.form-row{flex-direction:column;gap:6px;display:flex}.form-row label{font-family:var(--mono);color:var(--text-dim);letter-spacing:.08em;font-size:11px}.form-row input{font-family:var(--mono);color:var(--text-bright);background:var(--bg);border:1px solid var(--border);outline:none;padding:12px 14px;font-size:13px;transition:border-color .15s}.form-row input:focus{border-color:var(--green)}.form-row input:disabled{color:var(--text-dim);border-color:var(--border);cursor:not-allowed}.form-row input::placeholder{color:var(--text-dim);opacity:.6}.profile-meta{background:var(--bg-panel);border:1px solid var(--border);flex-direction:column;gap:8px;padding:16px;font-size:11px;display:flex}.meta-row{gap:8px;display:flex}.meta-label{color:var(--text-dim);min-width:100px}.meta-value{color:var(--text-dim);font-family:var(--mono)}@media (width<=640px){.profile-hero{text-align:center;flex-direction:column;align-items:center;padding:24px}.profile-stats{flex-wrap:wrap;justify-content:center}.profile-name{text-align:center}.socials{flex-direction:row;align-self:center;margin-top:12px}.profile-match-row{grid-template-columns:1fr;align-items:flex-start;gap:10px}}.hero-editors{font-family:var(--mono);box-sizing:border-box;background:#0d0d0d;border-radius:10px;width:100%;max-width:900px;margin:0 auto;padding:14px;overflow:hidden}.hero-editors-titlebar{align-items:center;gap:6px;margin-bottom:12px;display:flex}.hero-editors-dot{border-radius:50%;width:10px;height:10px;display:inline-block}.hero-editors-dot.red{background:#ff5f57}.hero-editors-dot.yellow{background:#febc2e}.hero-editors-dot.green{background:#28c840}.hero-editors-title{color:#333;margin-left:8px;font-size:10px}.hero-editors-arena{align-items:stretch;min-width:0;display:flex;overflow:hidden}.hero-editors-player{flex:1;min-width:0;position:relative;overflow:hidden}.hero-editors-vs{flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:4px;padding:0 10px;display:flex}.hero-editors-vs-label{color:#444;font-size:13px;font-weight:700}.hero-editors-vs-phase{color:#2a2a2a;letter-spacing:1px;font-size:9px}.vim-buffer{min-width:0;font-family:var(--mono);background:#111;border:1px solid #222;border-radius:6px;font-size:11px;position:relative;overflow:hidden}.vim-buffer.glitching{animation:.12s steps(2,end) infinite vrd-glitch}.vim-buffer-header{border-bottom:1px solid #1e1e1e;justify-content:space-between;align-items:center;height:28px;padding:5px 10px;display:flex}.vim-buffer-label{font-weight:400}.vim-buffer-mode{color:#444;letter-spacing:1px;font-size:9px}.vim-buffer-code{min-height:130px;padding:6px 0;overflow:hidden}.vim-buffer-line{min-width:0;padding:0 8px;line-height:1.75;display:flex;overflow:hidden}.vim-buffer-line.active{background:#528bff12}.vim-buffer-line-number{color:#333;text-align:right;flex-shrink:0;min-width:18px;margin-right:10px}.vim-buffer-line-content{white-space:pre;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.vim-buffer-keyword{color:#c678dd}.vim-buffer-bug{color:#e06c75}.vim-buffer-normal{color:#abb2bf}.vim-buffer-cursor{vertical-align:middle;width:7px;height:12px;margin-left:1px;animation:1s step-end infinite vrd-blink;display:inline-block}.vim-buffer-status{border-top:1px solid #1a1a1a;justify-content:space-between;min-height:20px;padding:2px 10px;font-size:10px;display:flex}.vim-buffer-status-cmd{color:#444}.vim-buffer-status-cmd.insert{color:var(--green)}.vim-buffer-status-filename{color:#333}.vim-buffer-stamp{letter-spacing:2px;white-space:nowrap;z-index:10;border:2px solid;border-radius:4px;padding:6px 14px;font-size:13px;font-weight:700;animation:.25s cubic-bezier(.175,.885,.32,1.275) forwards vrd-stamp;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.vim-buffer-stamp.win{color:#4ec94e;background:#4ec94e18;border-color:#4ec94e}.vim-buffer-stamp.eliminated{color:#e06c75;background:#e06c7518;border-color:#e06c75}.countdown-overlay{z-index:20;background:#000000e6;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex;position:absolute;inset:0}.countdown-value{color:#528bff;font-family:monospace;font-size:42px;font-weight:700;line-height:1;animation:.3s vrd-pop}.countdown-label{color:#333;letter-spacing:3px;font-size:10px}@keyframes vrd-blink{0%,to{opacity:1}50%{opacity:0}}@keyframes vrd-glitch{0%{transform:translate(-2px)}50%{transform:translate(2px)}to{transform:translate(0)}}@keyframes vrd-stamp{0%{opacity:0;transform:translate(-50%,-50%)scale(.3)rotate(-6deg)}to{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(0)}}@keyframes vrd-pop{0%{opacity:0;transform:scale(1.5)}to{opacity:1;transform:scale(1)}}@media (width<=800px){.hero-editors{padding:8px}.hero-editors-titlebar{margin-bottom:8px}.hero-editors-arena{flex-direction:column}.hero-editors-vs{flex-direction:row;gap:8px;padding:8px 0}.hero-editors-vs-label{font-size:11px}.hero-editors-vs-phase{font-size:8px}.vim-buffer{font-size:9px}.vim-buffer-code{min-height:100px}.countdown-value{font-size:32px}.countdown-label{font-size:9px}}.vr-ascii{font-family:var(--mono);color:var(--green);text-shadow:var(--glow);white-space:pre;text-align:center;max-width:100%;margin-bottom:24px;font-size:16px;line-height:1.2;overflow-y:hidden}@media screen and (width<=768px){.vr-ascii{font-size:.6rem}}@media screen and (width<=450px){.vr-ascii{font-size:.5rem}}.vr-shell{background:var(--bg);min-height:100vh;color:var(--green);font-family:var(--mono);flex-direction:column;display:flex;position:relative;overflow-x:hidden}.vr-main{flex-direction:column;flex:1;width:100%;max-width:960px;margin:0 auto;display:flex}.vr-hero{flex-direction:column;align-items:center;gap:0;padding:64px 32px 72px;display:flex;position:relative}.vr-hero>*{z-index:1;position:relative}.vr-ascii{font-family:var(--mono);color:var(--green);text-shadow:var(--glow);white-space:pre;text-align:center;max-width:100%;margin-bottom:20px;font-size:12px;line-height:1.2;overflow-x:auto}.vr-tagline{font-family:var(--mono);color:var(--green-dim);letter-spacing:3px;opacity:.75;margin-bottom:40px;font-size:13px}.vr-ctas{flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:56px;display:flex}.vr-cta{font-family:var(--mono);letter-spacing:2px;cursor:pointer;border:2px solid var(--green);background:var(--green);color:var(--bg);padding:12px 36px;font-size:13px;font-weight:700;transition:all 80ms;box-shadow:0 0 18px #39ff1459,0 0 40px #39ff141a}.vr-cta:hover{transform:translateY(-1px);box-shadow:0 0 28px #39ff148c,0 0 60px #39ff1433}.vr-cta:active{transform:translateY(0)}.vr-cta--dim{color:var(--green-dim);box-shadow:none;background:0 0;border-color:#39ff144d;font-weight:700}.vr-cta--dim:hover{border-color:var(--green-dim);color:var(--green);box-shadow:none;background:#39ff140f;transform:none}.features{box-sizing:border-box;width:100%;max-width:960px;margin:0 auto;padding:80px 32px 96px}.vr-section-label{font-family:var(--mono);letter-spacing:4px;text-transform:uppercase;color:var(--green-dim);text-align:center;opacity:.6;margin:0 0 8px;font-size:11px}.vr-h1{font-family:var(--mono);letter-spacing:2px;text-transform:uppercase;color:var(--green);text-align:center;text-shadow:var(--glow);margin:0 0 48px;font-size:22px}.vr-features{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:72px;display:grid}.vr-feature{background:var(--bg-panel);text-align:center;cursor:pointer;border:1px solid #39ff141f;padding:24px 18px 20px;transition:border-color .12s,background .12s;position:relative;overflow:hidden}.vr-feature:before{content:"";background:var(--green);opacity:0;height:2px;transition:opacity .12s;position:absolute;top:0;left:0;right:0}.vr-feature:hover{border-color:#39ff1466}.vr-feature:hover:before{opacity:1}.vr-feature-cmd{font-family:var(--mono);color:var(--amber,#f5a623);letter-spacing:1px;text-shadow:0 0 10px #f5a62366;margin:0 0 10px;font-size:18px}.vr-h2{font-family:var(--mono);color:var(--green);letter-spacing:2px;text-transform:uppercase;margin:0 0 8px;font-size:12px}.vr-p{font-family:var(--mono);color:var(--green-dim);margin:0;font-size:11px;line-height:1.6}.vr-divider{border:none;border-top:1px solid #39ff1414;margin:0 0 48px}.htp-intro{font-family:var(--mono);color:var(--green-dim);background:#39ff1406;border-left:2px solid #39ff1440;max-width:600px;margin:-24px 0 40px;padding:10px 16px;font-size:12px;line-height:1.7}.htp-intro-prompt{color:var(--green);opacity:.5;-webkit-user-select:none;user-select:none}.htp-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:40px;display:grid}.htp-card{background:var(--bg-panel);border:1px solid #39ff1424;padding-bottom:16px;transition:border-color .15s,background .15s;position:relative;overflow:hidden}.htp-card:hover{border-color:#39ff1461}.htp-card-topbar{border-bottom:1px solid #39ff141a;justify-content:space-between;align-items:center;margin-bottom:12px;padding:8px 12px;display:flex}.htp-card-step{font-family:var(--mono);color:var(--green-dim);opacity:.5;letter-spacing:1px;font-size:10px}.htp-card-cmd{font-family:var(--mono);color:var(--amber,#f5a623);text-shadow:0 0 8px #f5a62359;letter-spacing:1px;font-size:13px}.htp-card-tag{font-family:var(--mono);letter-spacing:1.5px;color:var(--bg);background:#39ff148c;padding:2px 6px;font-size:9px}.htp-card-title{font-family:var(--mono);color:var(--green);letter-spacing:.5px;margin:0 12px 8px;font-size:11px;line-height:1.45}.htp-card-desc{font-family:var(--mono);color:var(--green-dim);opacity:.8;margin:0 12px;font-size:10px;line-height:1.7}.htp-card-watermark{font-family:var(--mono);color:#39ff1409;pointer-events:none;-webkit-user-select:none;user-select:none;letter-spacing:-4px;font-size:72px;font-weight:900;line-height:1;position:absolute;bottom:-12px;right:6px}.how-it-works-header{font-family:var(--mono);color:var(--green-dim);letter-spacing:.5px;background:#ffffff05;border:1px solid #ffffff0f;margin:0 0 28px;padding:6px 14px;font-size:12px;display:inline-block}.how-it-works-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.feature-box{background:var(--bg-panel);border:1px solid #39ff142e;border-top:none;border-radius:0;padding-top:20px;transition:border-color .12s,box-shadow .12s;position:relative;overflow:visible}.feature-box:hover{border-color:#39ff1466;box-shadow:0 0 12px #39ff140f}.feature-box-watermark{font-family:var(--mono);color:#39ff140a;pointer-events:none;-webkit-user-select:none;user-select:none;letter-spacing:-4px;font-size:72px;font-weight:900;line-height:1;position:absolute;bottom:-8px;right:10px}.feature-box--wide{grid-column:span 2}.feature-box-topbar{display:none}.vt100-bar{border-top:1px solid #39ff1473;height:0;margin:0;position:relative}.vt100-tag{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--amber,#f5a623);background:var(--bg-panel);padding:0 4px;font-size:11px;line-height:1;position:absolute;top:-9px}.vt100-tag--left{left:10px}.vt100-tag--right{right:10px}.feature-box-title{font-family:var(--mono);color:var(--green);margin:16px 14px 6px;font-size:13px;line-height:1.4}.feature-box-desc{font-family:var(--mono);color:var(--green-dim);margin:0 14px 16px;font-size:11px;line-height:1.7}.vr-terminal{background:var(--bg-panel);border:1px solid var(--border-green);width:100%;max-width:640px}.vr-term-titlebar{background:var(--bg-raised);border-bottom:1px solid #39ff1426;align-items:center;gap:6px;padding:7px 14px;display:flex}.vr-term-dot{background:var(--green-dim);opacity:.55;border-radius:50%;width:8px;height:8px;display:inline-block}.vr-term-title{font-family:var(--mono);color:var(--green-dim);margin-left:8px;font-size:11px}.vr-term-body{padding:12px 0}.vr-tline{padding:0 4px;font-size:12px;line-height:1.75;display:flex}.vr-tline-ln{text-align:right;width:32px;color:var(--green-dim);-webkit-user-select:none;user-select:none;flex-shrink:0;padding-right:14px;font-size:11px}.vr-tline-code{color:var(--green);font-family:var(--mono)}.vr-tline--normal .vr-tline-code{color:var(--green)}.vr-tline--error .vr-tline-code{color:#f44}.vr-tline--amber .vr-tline-code{color:var(--amber,#f5a623)}.vr-tline--statusline{border-top:1px solid var(--border);margin-top:4px}.vr-tline--statusline .vr-tline-ln{color:#0000}.vr-tline--statusline .vr-tline-code{color:var(--green-dim);font-size:11px}.vr-footer{border-top:1px solid var(--border);z-index:1;flex-direction:column;justify-content:center;align-items:center;gap:24px;padding:36px 32px 32px;display:flex;position:relative}.vr-feedback-form{box-sizing:border-box;background:#00000038;border:1px solid #39ff142e;width:100%;max-width:960px;padding:16px}.vr-feedback-head{font-family:var(--mono);border-bottom:1px solid #39ff141f;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;padding-bottom:8px;display:flex}.vr-feedback-title{color:var(--green);letter-spacing:1px;font-size:12px}.vr-feedback-status{color:var(--amber,#f5a623);letter-spacing:2px;text-transform:uppercase;font-size:10px}.vr-feedback-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.vr-feedback-field{font-family:var(--mono);color:var(--green-dim);margin-bottom:12px;font-size:11px;display:block}.vr-feedback-field span{letter-spacing:1px;margin-bottom:6px;display:block}.vr-feedback-field textarea{box-sizing:border-box;resize:vertical;width:100%;min-height:64px;color:var(--green);font:inherit;background:#00000047;border:1px solid #39ff142e;outline:none;padding:10px 12px;line-height:1.6}.vr-feedback-field textarea::placeholder{color:#39ff1459}.vr-feedback-field textarea:focus{border-color:#39ff1485;box-shadow:0 0 12px #39ff1414}.vr-feedback-submit{color:var(--green);font-family:var(--mono);letter-spacing:1.5px;cursor:pointer;background:#39ff1414;border:1px solid #39ff146b;padding:9px 14px;font-size:11px}.vr-feedback-submit:hover:not(:disabled){background:var(--green);color:var(--bg)}.vr-feedback-submit:disabled{cursor:wait;opacity:.58}.vr-feedback-message{font-family:var(--mono);margin:0 0 12px;font-size:11px;line-height:1.5}.vr-feedback-message p{margin:0 0 4px}.vr-feedback-message--error{color:#ff6b6b}.vr-feedback-message--success{color:var(--green)}.vr-footer-links{font-family:var(--display);color:var(--green-dim);letter-spacing:1px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;font-size:12px;display:flex}.vr-footer-links a,.vr-footer-links span{color:inherit;text-decoration:none}.vr-footer-links a{cursor:pointer;transition:color}.vr-footer-links a:hover{color:var(--green)}.vr-footer-sep{cursor:default!important;color:var(--border)!important}.vr-social-link{align-items:center;gap:6px;display:inline-flex}.vr-social-icon{flex:none;width:14px;height:14px}.vr-sponsor-link{color:#ea4aaa;align-items:center;gap:6px;text-decoration:none;transition:opacity .15s;display:inline-flex}.vr-sponsor-link:hover{opacity:.8;color:#ea4aaa}.vr-sponsor-icon{flex:none;height:14px}@media (width<=768px){.vr-hero{padding:40px 16px 48px}.vr-ascii{font-size:6px}.vr-ctas{flex-direction:column;align-items:center}.features{padding:48px 16px 64px}.vr-features,.htp-grid{grid-template-columns:repeat(2,1fr)}.how-it-works-grid{grid-template-columns:1fr}.feature-box--wide{grid-column:span 1}.vr-h1{font-size:16px}.vr-footer{padding-inline:16px}.vr-feedback-fields{grid-template-columns:1fr}}@media (width<=480px){.vr-ascii{font-size:4.5px}.vr-features,.htp-grid{grid-template-columns:1fr}}.lb-main{flex-direction:column;flex:1;gap:40px;width:100%;max-width:680px;margin:0 auto;padding:40px 24px 64px;display:flex}.lb-header{flex-direction:column;gap:6px;display:flex}.lb-header-tag{font-family:var(--mono);color:var(--green-dim);letter-spacing:3px;opacity:.6;font-size:10px}.lb-title{font-family:var(--mono);color:var(--green);letter-spacing:6px;text-shadow:var(--glow);margin:0;font-size:28px;font-weight:700}.lb-subtitle{font-family:var(--mono);color:var(--green-dim);letter-spacing:2px;opacity:.55;margin:0;font-size:11px}.lb-header-line{background:linear-gradient(to right, var(--green), transparent);opacity:.4;height:1px;margin-top:12px}.lb-loading{font-family:var(--mono);color:var(--green-dim);align-items:center;gap:10px;padding:40px 0;font-size:13px;display:flex}.lb-loading-cursor{background:var(--green);width:8px;height:14px;animation:1s step-end infinite lb-blink;display:inline-block}@keyframes lb-blink{0%,to{opacity:1}50%{opacity:0}}.lb-empty{font-family:var(--mono);color:var(--green-dim);opacity:.5;flex-direction:column;align-items:center;gap:12px;padding:60px 0;font-size:13px;display:flex}.lb-empty-icon{font-size:28px}.lb-row--1{background:#ffd70008;border-color:#ffd70073}.lb-row--1:hover{background:#ffd70014;border-color:gold}.lb-row--2{background:#c0c0c008;border-color:#c0c0c059}.lb-row--2:hover{background:#c0c0c00f;border-color:silver}.lb-row--3{background:#cd7f3208;border-color:#cd7f3259}.lb-row--3:hover{background:#cd7f320f;border-color:#cd7f32}.lb-row-rank--1{color:gold;text-shadow:0 0 8px #ffd70099;font-size:16px}.lb-row-rank--2{color:silver;font-size:16px}.lb-row-rank--3{color:#cd7f32;font-size:16px}.lb-row-avatar--1{border-color:#ffd70066}.lb-row-avatar--2{border-color:#c0c0c04d}.lb-row-avatar--3{border-color:#cd7f324d}.lb-row-name--1{color:gold;text-shadow:0 0 8px #ffd70066}.lb-row-name--2{color:silver}.lb-row-name--3{color:#cd7f32}.lb-row-elo--1{color:gold;text-shadow:0 0 10px #ffd70080}.lb-row-elo--2{color:silver}.lb-row-elo--3{color:#cd7f32}.lb-row--1,.lb-row--2,.lb-row--3{border-style:solid;border-width:1px;padding:16px}.lb-table-wrap{border:1px solid var(--border-green);overflow:hidden}.lb-table-header{background:var(--bg-raised);border-bottom:1px solid var(--border-green);grid-template-columns:56px 1fr 80px;padding:10px 16px;font-weight:700;display:grid}.lb-th{font-family:var(--mono);letter-spacing:3px;text-transform:uppercase;color:var(--green-dim);opacity:.55;font-size:9px}.lb-th--rank{text-align:center}.lb-th--elo{text-align:right}.lb-table-body{flex-direction:column;display:flex}.lb-row{cursor:pointer;opacity:0;border-bottom:1px solid #39ff1414;grid-template-columns:56px 1fr 80px;align-items:center;padding:12px 16px;transition:background .1s;animation:.35s forwards lb-fadein;display:grid}.lb-row:last-child{border-bottom:none}.lb-row:hover{background:color-mix(in srgb, var(--green) 5%, transparent)}.lb-row-rank{font-family:var(--mono);color:var(--green);opacity:.45;text-align:center;letter-spacing:1px;font-size:11px;font-weight:700}.lb-row-player{align-items:center;gap:10px;display:flex}.lb-row-avatar{object-fit:cover;background:var(--bg);border:1px solid #39ff1426;border-radius:3px;flex-shrink:0;width:28px;height:28px}.lb-row-name{font-family:var(--mono);color:var(--green);letter-spacing:.5px;white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.lb-row-elo{font-family:var(--mono);color:var(--green);text-align:right;letter-spacing:1px;opacity:.8;font-size:13px;font-weight:700}@keyframes lb-fadein{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (width<=520px){.lb-table-header,.lb-row{grid-template-columns:44px 1fr 64px;padding:10px 12px}.lb-row--1,.lb-row--2,.lb-row--3{padding:12px}.lb-row-rank--1,.lb-row-rank--2,.lb-row-rank--3{font-size:14px}.lb-row-avatar{width:24px;height:24px}.lb-row-name{font-size:12px}.lb-title{letter-spacing:4px;font-size:20px}}.authcallback-container{background:var(--bg);min-height:100vh;font-family:var(--mono);color:var(--green);flex-direction:column;justify-content:center;align-items:center;display:flex}.authcallback-message{color:var(--green-dim);margin-bottom:16px;font-size:14px}.authcallback-error{color:var(--red);margin-bottom:1rem;font-size:14px}.authcallback-button{font-family:var(--mono);cursor:pointer;color:var(--green);border:1px solid var(--green);letter-spacing:.5px;background:0 0;padding:10px 20px;font-size:12px;transition:background}.authcallback-button:hover{background:var(--green);color:var(--bg)}.login-body{background:var(--bg);font-family:var(--mono);color:var(--green);flex-direction:column;flex:1;align-items:center;gap:40px;padding:40px 20px;display:flex}.login-modal{border:1px solid var(--border-green);background:var(--bg);width:380px;box-shadow:0 0 32px #39ff140f}.login-titlebar{background:var(--bg-panel);border-bottom:1px solid var(--border-green);font-family:var(--mono);color:var(--green);align-items:center;gap:1px;padding:10px 16px;font-size:13px;display:flex}.login-titlebar-colon{color:var(--green-dim)}.login-titlebar-hint{color:var(--green-faint);margin-left:auto;font-size:10px}.login-modal-body{padding:28px 28px 24px}.login-oauth-btn{border:1px solid var(--border-green);width:100%;color:var(--green);font-family:var(--mono);cursor:pointer;letter-spacing:.5px;background:0 0;justify-content:center;align-items:center;gap:12px;margin-bottom:10px;padding:11px 16px;font-size:12px;transition:background;display:flex}.login-oauth-btn:hover{background:#39ff1412}.login-icon{flex-shrink:0}@media (width<=480px){.login-modal{width:100%;max-width:380px}}.difficulty-select-container{flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 52px);padding:32px;display:flex}.difficulty-title{font-family:var(--mono,monospace);color:var(--green,#5bb387);text-shadow:0 0 10px #5bb38780;margin-bottom:48px;font-size:24px}.difficulty-grid{grid-template-columns:repeat(2,1fr);gap:16px;width:100%;max-width:600px;display:grid}.difficulty-btn{border:1px solid var(--difficulty-color,var(--green));cursor:pointer;text-align:left;background:0 0;flex-direction:column;align-items:flex-start;gap:8px;padding:24px;transition:all .15s;display:flex}.difficulty-btn:hover{background:var(--difficulty-color,var(--green));color:#0d0d0d}.difficulty-btn:hover .difficulty-label,.difficulty-btn:hover .difficulty-desc,.difficulty-btn:hover .difficulty-best{color:#0d0d0d}.difficulty-label{font-family:var(--mono,monospace);color:var(--difficulty-color,var(--green));letter-spacing:2px;font-size:18px;font-weight:700}.difficulty-desc{font-family:var(--mono,monospace);color:#666;font-size:11px}.difficulty-best{font-family:var(--mono,monospace);color:var(--difficulty-color,var(--green));margin-top:4px;font-size:10px}.back-btn{color:#666;font-family:var(--mono,monospace);cursor:pointer;background:0 0;border:1px solid #333;margin-top:48px;padding:12px 24px;font-size:14px;transition:all .15s}.back-btn:hover{border-color:var(--green);color:var(--green)}@media (width<=600px){.difficulty-grid{grid-template-columns:1fr}}.computer-select-container{flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 52px);padding:32px;display:flex}.computer-title{font-family:var(--mono,monospace);color:var(--green,#5bb387);text-shadow:0 0 10px #5bb38780;text-align:center;margin-bottom:32px;font-size:24px}.bot-grid{grid-template-columns:repeat(2,minmax(220px,1fr));gap:16px;width:100%;max-width:560px;display:grid}.bot-card{border:1px solid var(--green,#5bb387);cursor:pointer;background:0 0;flex-direction:column;align-items:center;gap:8px;padding:20px 16px;transition:all .15s;display:flex}.bot-card:hover{background:#5bb38724;transform:translateY(-2px)}.bot-avatar{border:1px solid var(--green,#5bb387);background:#0006;width:68px;height:68px;padding:4px}.bot-name{font-family:var(--mono,monospace);color:var(--green,#5bb387);font-size:16px;font-weight:700}.bot-difficulty{font-family:var(--mono,monospace);color:#9cb7a9;text-transform:uppercase;letter-spacing:1px;font-size:12px}.bot-rating{font-family:var(--mono,monospace);color:#6d8d7c;font-size:11px}.bot-back-btn{color:#666;font-family:var(--mono,monospace);cursor:pointer;background:0 0;border:1px solid #333;margin-top:28px;padding:12px 24px;font-size:14px;transition:all .15s}.bot-back-btn:hover{border-color:var(--green);color:var(--green)}@media (width<=900px){.bot-grid{grid-template-columns:repeat(2,minmax(180px,1fr))}}@media (width<=560px){.bot-grid{grid-template-columns:1fr}}.result-modal-overlay{z-index:1000;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.result-modal{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#0f0f12f5,#08080afa);border:1px solid #ffffff0f;border-radius:18px;width:520px;min-width:320px;overflow:hidden;box-shadow:0 0 0 1px #ffffff05,0 20px 50px #0009}.result-modal-header{background:var(--bg-raised);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.result-modal-filename{color:var(--text-dim);letter-spacing:.06em;font-size:11px}.result-modal-body{text-align:center;padding:32px 24px}.result-modal-title{letter-spacing:.08em;text-transform:uppercase;margin:0 0 12px;font-size:28px;font-weight:700}.result-modal-title.victory{color:green}.result-modal-title.defeat{color:red}.result-modal-title.draw{color:var(--yellow)}.result-modal-description{color:var(--text-dim);letter-spacing:.04em;margin:0 0 24px;font-size:13px}.result-modal-players{justify-content:center;gap:16px;display:flex}.player-card{border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:8px;max-width:200px;padding:16px 20px;display:flex}.player-card--winner{background:#39ff140a;border:2px solid #39ff14}.player-card--loser{background:#ff3b300a;border:2px solid #ff3b30}.player-card--draw{background:#e5c07b14;border:2px solid #e5c07b73}.player-card-avatar{object-fit:cover;border-radius:50%;width:48px;height:48px}.player-card-name{font-family:var(--mono);color:var(--text-main);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:13px;overflow:hidden}.player-card-rating{flex-direction:column;align-items:center;gap:2px;display:flex}.player-card-rating-new{font-family:var(--mono);letter-spacing:.04em;color:var(--text-main);font-size:18px;font-weight:700}.player-card-rating-delta{font-family:var(--mono);letter-spacing:.02em;font-size:12px;font-weight:600}.player-card-rating-delta.positive{color:#39ff14}.player-card-rating-delta.negative{color:#ff3b30}.result-modal-footer{border-top:1px solid var(--border);justify-content:center;gap:16px;padding:16px 24px;display:flex}.result-modal-new{color:#fff;background:green}.result-modal-btn{border:1px solid var(--border);color:var(--text-dim);font-family:var(--mono);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:13px;transition:all .15s;display:flex}.result-modal-btn:hover{background:var(--bg-raised);color:var(--accent-green);border-color:var(--accent-green)}.result-modal-btn.primary{border-color:#39ff144d}.result-modal-btn.primary:hover{border-color:var(--accent-green);box-shadow:0 0 12px #39ff1426}.result-modal-key{color:var(--accent-green);opacity:.8;font-size:11px}.play-select-container{flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 52px);padding:32px;display:flex}.play-title{font-family:var(--mono,monospace);color:var(--green,#5bb387);text-shadow:0 0 10px #5bb38780;margin-bottom:48px;font-size:24px}.play-modes{flex-direction:column;gap:20px;width:100%;max-width:400px;display:flex}.play-mode-btn{border:1px solid var(--green,#5bb387);cursor:pointer;text-align:left;background:0 0;flex-direction:column;align-items:flex-start;gap:8px;padding:24px;transition:all .15s;display:flex}.play-mode-btn:hover{background:var(--green,#5bb387);color:#0d0d0d}.play-mode-btn:hover .play-mode-label,.play-mode-btn:hover .play-mode-desc{color:#0d0d0d}.play-mode-btn--dim{border-color:#333}.play-mode-btn--dim:hover{cursor:not-allowed;background:#333}.play-mode-label{font-family:var(--mono,monospace);color:var(--green,#5bb387);letter-spacing:2px;font-size:18px;font-weight:700}.play-mode-desc{font-family:var(--mono,monospace);color:#666;font-size:12px;font-weight:700}.timed-match-page{background:var(--bg);flex-direction:column;width:100%;max-width:1600px;min-height:100vh;margin:0 auto;display:flex}.timed-header{background:var(--bg-panel);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.timed-difficulty-badge{font-family:var(--mono);color:var(--green);letter-spacing:.1em;background:var(--green-bg);border:1px solid var(--green);padding:4px 12px;font-size:12px}.timed-timer{flex:1;align-items:center;gap:12px;max-width:400px;margin:0 24px;display:flex}.timed-timer-bar{background:var(--bg-card);border:1px solid var(--border);flex:1;height:8px;overflow:hidden}.timed-timer-fill{background:var(--green);height:100%;transition:width 1s linear}.timed-timer--warning .timed-timer-fill{background:var(--red);animation:.5s ease-in-out infinite pulse-warning}.timed-timer--warning .timed-timer-text{color:var(--red)}.timed-timer-text{font-family:var(--mono);color:var(--green);text-align:right;min-width:50px;font-size:14px}@keyframes pulse-warning{0%,to{opacity:1}50%{opacity:.6}}.timed-quit-btn{border:1px solid var(--red);color:var(--red);font-family:var(--mono);cursor:pointer;background:0 0;padding:6px 16px;font-size:12px;transition:all .15s}.timed-quit-btn:hover{background:var(--red);color:#000}.timed-match-container{flex:1;grid-template-columns:1fr 1fr;gap:16px;padding:16px;display:grid}.timed-target-panel{background:var(--bg-card);border:1px solid var(--border);flex-direction:column;max-height:70vh;display:flex;overflow:hidden}.timed-target-header{border-bottom:1px solid var(--border);background:var(--bg-raised);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.timed-target-label{font-family:var(--mono);color:var(--text-dim);letter-spacing:.1em;font-size:12px}.timed-target-name{font-family:var(--mono);color:var(--green);font-size:11px}.timed-target-code{color:var(--text-dim);white-space:pre;tab-size:2;flex:1;padding:12px;font-family:JetBrains Mono,Fira Code,Menlo,monospace;font-size:13px;line-height:1.6;overflow:auto}.timed-editor-panel{background:linear-gradient(#0f0f12f5,#08080afa);border:1px solid #ffffff0f;border-radius:18px;flex-direction:column;max-height:70vh;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff05,0 20px 50px #0009}.timed-editor-topbar{background:#ffffff05;border-bottom:1px solid #ffffff0d;align-items:center;padding:12px 14px;display:flex}.timed-editor-mount{flex:1;min-height:400px;overflow:auto}.timed-result-overlay{z-index:1000;background:#000000e6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.timed-result-modal{background:var(--bg-card);border:2px solid var(--green);text-align:center;width:90%;max-width:400px;padding:48px}.timed-result-title{font-family:var(--mono);color:var(--green);letter-spacing:.1em;margin-bottom:32px;font-size:24px}.timed-result-title.success{color:var(--green)}.timed-result-title.failure{color:var(--red)}.timed-result-stat{justify-content:center;align-items:center;gap:16px;margin-bottom:16px;display:flex}.stat-label{font-family:var(--mono);color:var(--text-dim);font-size:14px}.stat-value{font-family:var(--mono);color:var(--green);font-size:32px;font-weight:700}.timed-result-new-best{font-family:var(--mono);color:var(--yellow);margin-bottom:16px;font-size:16px;animation:1s ease-in-out infinite pulse-glow-timed}.timed-result-best{font-family:var(--mono);color:var(--text-dim);margin-bottom:16px;font-size:12px}.timed-result-timeout-msg{font-family:var(--mono);color:var(--text-dim);margin-bottom:32px;font-size:14px}@keyframes pulse-glow-timed{0%,to{text-shadow:0 0 8px var(--yellow)}50%{text-shadow:0 0 20px var(--yellow), 0 0 40px var(--yellow)}}.timed-result-actions{flex-direction:column;gap:12px;margin-top:24px;display:flex}.timed-result-btn{font-family:var(--mono);letter-spacing:.08em;cursor:pointer;border:2px solid var(--green);color:var(--green);background:0 0;padding:14px 28px;font-size:14px;font-weight:700;transition:all .15s}.timed-result-btn.primary{background:var(--green);color:#000}.timed-result-btn.primary:hover{color:var(--green);background:#000}.timed-result-btn:hover{background:var(--green);color:#000}@media (width<=900px){.timed-match-container{grid-template-columns:1fr}.timed-target-panel,.timed-editor-panel{max-height:50vh}}.match-replay-page{background:var(--bg);flex-direction:column;gap:14px;width:100%;max-width:1600px;height:calc(100vh - 52px);min-height:calc(100vh - 52px);margin:0 auto;padding:16px;display:flex;overflow:hidden}.match-replay-feedback{font-family:var(--mono);color:var(--green);letter-spacing:.06em;flex:1;justify-content:center;align-items:center;display:flex}.match-replay-feedback--error{color:var(--red)}.match-replay-header{border:1px solid var(--border);background:var(--bg-panel);justify-content:space-between;align-items:flex-start;gap:16px;padding:12px 14px;display:flex}.match-replay-title{font-family:var(--mono);color:var(--green);letter-spacing:.08em;font-size:14px;font-weight:700}.match-replay-meta{font-family:var(--mono);color:var(--text-dim);margin-top:6px;font-size:11px}.match-replay-back-btn{border:1px solid var(--border);color:var(--text-dim);cursor:pointer;font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;background:0 0;padding:7px 12px;font-size:11px}.match-replay-back-btn:hover{border-color:var(--green);color:var(--green)}.replay-editor-grid{flex:1;grid-template-columns:1fr 1fr;gap:14px;min-height:0;display:grid}.replay-editor-panel{background:linear-gradient(#0f0f12f5,#08080afa);border:1px solid #ffffff0f;border-radius:18px;flex-direction:column;height:100%;min-height:0;max-height:none;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff05,0 20px 50px #0009}.replay-editor-panel--p0{box-shadow:0 0 0 1px #39ff1426,0 20px 50px #0009}.replay-editor-panel--p1{box-shadow:0 0 0 1px #ff444426,0 20px 50px #0009}.replay-editor-topbar{background:#ffffff05;border-bottom:1px solid #ffffff0d;flex-shrink:0;align-items:center;padding:12px 14px;display:flex}.traffic-lights{gap:8px;display:flex}.dot{border-radius:50%;width:11px;height:11px}.dot.red{background:#ff5f57}.dot.yellow{background:#febc2e}.dot.green{background:#28c840}.filename{color:#6b7280;font-size:12px;font-family:var(--mono);margin-left:16px}.replay-player-info-bar{background:#ffffff05;border-bottom:1px solid #ffffff0d;align-items:center;gap:10px;padding:8px 14px;display:flex}.replay-player-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:28px;height:28px}.replay-player-name{font-family:var(--mono);color:var(--text-bright);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;overflow:hidden}.replay-finished-chip{font-family:var(--mono);color:#000;background:var(--green);border:1px solid var(--green);letter-spacing:.06em;padding:2px 8px;font-size:10px}.replay-editor-content{background:#10131a;flex:1;overflow:hidden}.replay-editor-mount .cm-editor{height:100%}.replay-editor-mount .cm-scroller{overflow:auto}.replay-editor-stats{font-family:var(--mono);color:var(--text-dim);background:#ffffff05;border-top:1px solid #ffffff0f;justify-content:space-between;padding:8px 12px;font-size:11px;display:flex}.replay-editor-stats b{color:var(--text-bright);font-weight:500}.match-replay-controls-wrap{border:1px solid var(--border);background:var(--bg-panel);flex-shrink:0;padding:12px}.replay-timeline{border:1px solid var(--border);cursor:pointer;background:#11161f;height:34px;position:relative;overflow:hidden}.replay-tick{opacity:.7;border-radius:2px;width:2px;height:10px;position:absolute}.replay-tick--p0{background:#39ff14}.replay-tick--p1{background:#ff5f57}.replay-progress-fill{pointer-events:none;background:#39ff141f;height:100%;position:absolute;top:0;left:0}.replay-playhead{background:var(--green);pointer-events:none;width:2px;height:100%;position:absolute;top:0;transform:translate(-1px)}.match-replay-controls{align-items:center;gap:8px;margin-top:10px;display:flex}.replay-control-btn{border:1px solid var(--border);color:var(--text-dim);cursor:pointer;font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;background:0 0;padding:6px 12px;font-size:11px}.replay-control-btn:hover,.replay-control-btn--primary{border-color:var(--green);color:var(--green)}.replay-control-btn--active{border-color:var(--green);color:var(--green);background:var(--green-bg)}.match-replay-time{color:var(--text-dim);font-family:var(--mono);margin-left:6px;font-size:11px}.match-replay-speed-group{align-items:center;gap:6px;margin-left:auto;display:flex}.match-replay-speed-label{color:var(--text-dim);font-size:11px;font-family:var(--mono)}@media (width<=1024px){.match-replay-page{height:auto;min-height:calc(100vh - 52px);overflow:visible}.replay-editor-grid{flex:none;grid-template-columns:1fr}.replay-editor-panel{min-height:360px;max-height:360px}}@media (width<=640px){.match-replay-page{padding:10px}.match-replay-header{flex-direction:column;align-items:stretch}.match-replay-controls{flex-wrap:wrap}.match-replay-speed-group{justify-content:flex-end;width:100%;margin-left:0}}.walkthrough-page{width:100%;min-height:calc(100vh - 52px);color:var(--green);justify-content:center;align-items:center;padding:48px 24px;display:flex}.walkthrough-shell{border:1px solid var(--border-green);z-index:1;background:linear-gradient(#39ff1409,#39ff1400),#080808f5;width:min(1120px,100%);position:relative;box-shadow:0 0 32px #39ff1414}.walkthrough-topline{height:42px;color:var(--green-dim);background:#ffffff05;border-bottom:1px solid #39ff1429;justify-content:space-between;align-items:center;gap:16px;padding:0 18px;font-size:12px;display:flex}.walkthrough-topline button{color:var(--green-dim);font-family:var(--mono);cursor:pointer;background:0 0;border:1px solid #39ff1438;padding:5px 10px;font-size:12px}.walkthrough-topline button:hover,.walkthrough-topline button:focus-visible{color:var(--green);border-color:var(--green);outline:none}.walkthrough-progress{background:#39ff1414;height:3px;overflow:hidden}.walkthrough-progress span{background:var(--green);height:100%;transition:width .28s;display:block;box-shadow:0 0 14px #39ff14bf}.walkthrough-step-meta{color:var(--green-dim);letter-spacing:1px;text-transform:uppercase;justify-content:space-between;gap:12px;padding:18px 28px 0;font-size:11px;display:flex}.walkthrough-content{grid-template-columns:minmax(0,1fr) minmax(300px,390px);gap:32px;padding:24px 28px 18px;animation:.22s both walkthrough-step-in;display:grid}.walkthrough-content--duel{grid-template-columns:minmax(240px,.7fr) minmax(0,1.3fr);gap:28px}.walkthrough-content--duel .walkthrough-panel{min-width:0;min-height:260px;overflow:hidden}@keyframes walkthrough-step-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.walkthrough-copy{min-width:0}.walkthrough-eyebrow{color:var(--amber);letter-spacing:1px;margin:0 0 14px;font-size:12px}.walkthrough-copy h1{color:var(--green);margin:0 0 16px;font-size:34px;font-weight:700;line-height:1.1}.walkthrough-summary{color:var(--text-bright);max-width:620px;margin:0 0 22px;font-size:15px;line-height:1.75}.walkthrough-copy ul{gap:12px;margin:0;padding:0;list-style:none;display:grid}.walkthrough-copy li{color:var(--green-dim);padding-left:22px;font-size:13px;line-height:1.7;position:relative}.walkthrough-copy li:before{content:">";color:var(--green);position:absolute;left:0}.walkthrough-panel{border-left:1px solid #39ff1429;align-items:stretch;min-width:0;min-height:290px;padding-left:28px;display:flex;overflow:hidden}.walkthrough-duel-preview,.walkthrough-command-list,.walkthrough-mode-grid,.walkthrough-loop,.walkthrough-code-window{width:100%;min-width:0}.walkthrough-duel-preview{align-self:center;overflow:hidden}.walkthrough-command-list{align-content:center;gap:8px;display:grid}.walkthrough-command-row{background:#00000038;border:1px solid #39ff141f;grid-template-columns:128px 1fr;align-items:center;gap:12px;padding:10px 12px;display:grid}.walkthrough-command-row code{color:var(--amber);font-family:var(--mono);font-size:13px}.walkthrough-command-row span{color:var(--green-dim);font-size:12px;line-height:1.45}.walkthrough-mode-grid{align-content:center;gap:12px;display:grid}.walkthrough-mode{background:#39ff1406;border:1px solid #39ff1424;padding:16px}.walkthrough-mode span{color:var(--amber);font-size:12px}.walkthrough-mode strong{color:var(--green);margin-top:8px;font-size:15px;display:block}.walkthrough-mode p{color:var(--green-dim);margin:7px 0 0;font-size:12px;line-height:1.55}.walkthrough-loop{align-content:center;gap:10px;display:grid}.walkthrough-loop-step{border-bottom:1px solid #39ff141f;grid-template-columns:42px 78px 1fr;align-items:center;gap:12px;padding:12px 0;display:grid}.walkthrough-loop-step span{color:var(--green-faint);font-size:20px;font-weight:700}.walkthrough-loop-step strong{color:var(--amber);font-size:12px}.walkthrough-loop-step p{color:var(--green-dim);margin:0;font-size:12px;line-height:1.5}.walkthrough-code-title{color:var(--amber);border-bottom:1px solid #39ff1424;padding:8px 10px;font-size:10px}.walkthrough-code-window pre{color:var(--green);font-family:var(--mono);margin:0;padding:14px;font-size:11px;line-height:1.65;overflow:auto}.walkthrough-duel-preview .hero-editors{background:#050505;border:1px solid #39ff1424;border-radius:0;max-width:100%;margin:0;padding:14px}.walkthrough-duel-preview .hero-editors-arena{gap:10px}.walkthrough-duel-preview .hero-editors-vs{padding:0 8px}.walkthrough-duel-preview .vim-buffer-code{min-height:130px}.walkthrough-duel-preview .vim-buffer-line-content{text-overflow:clip;overflow:hidden}.walkthrough-code-window{background:#050505;border:1px solid #39ff142e;align-self:center}.walkthrough-code-bad{color:var(--red)}.walkthrough-code-good{color:var(--green)}.walkthrough-dots{justify-content:center;gap:8px;padding:0 28px 18px;display:flex}.walkthrough-dots button{cursor:pointer;background:0 0;border:1px solid #39ff1440;width:34px;height:8px}.walkthrough-dots button.active{background:var(--green);box-shadow:0 0 10px #39ff148c}.walkthrough-actions{border-top:1px solid #39ff1429;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;min-height:76px;padding:16px 18px;display:grid}.walkthrough-action-group{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.walkthrough-button{border:1px solid var(--green);background:var(--green);min-height:42px;color:var(--bg);font-family:var(--mono);letter-spacing:1px;cursor:pointer;padding:0 18px;font-size:12px;font-weight:700}.walkthrough-button:hover,.walkthrough-button:focus-visible{outline:none;box-shadow:0 0 20px #39ff1447}.walkthrough-button--ghost{color:var(--green-dim);background:0 0;border-color:#39ff1440}.walkthrough-button--ghost:hover,.walkthrough-button--ghost:focus-visible{color:var(--green);border-color:var(--green)}.walkthrough-button:disabled{opacity:.32;cursor:not-allowed;box-shadow:none}.walkthrough-key-hint{color:var(--green-faint);text-align:center;font-size:11px}@media (width<=1000px){.walkthrough-page{align-items:stretch;padding:24px 16px}.walkthrough-content{grid-template-columns:1fr;gap:22px}.walkthrough-content--duel{grid-template-columns:minmax(240px,1fr) 1fr}.walkthrough-panel{border-top:1px solid #39ff1429;border-left:none;min-height:220px;padding:22px 0 0}.walkthrough-content--duel .walkthrough-panel{min-height:200px}.walkthrough-actions{grid-template-columns:1fr}.walkthrough-key-hint{order:3}.walkthrough-action-group{justify-content:stretch}.walkthrough-action-group .walkthrough-button,.walkthrough-actions>.walkthrough-button{flex:1}}@media (width<=560px){.walkthrough-page{padding:12px}.walkthrough-step-meta,.walkthrough-content,.walkthrough-dots{padding-left:16px;padding-right:16px}.walkthrough-copy h1{font-size:25px}.walkthrough-summary{font-size:13px}.walkthrough-command-row,.walkthrough-loop-step,.walkthrough-content--duel{grid-template-columns:1fr}.walkthrough-duel-preview .hero-editors{max-width:100%}.walkthrough-duel-preview .hero-editors-arena{flex-direction:column}.walkthrough-duel-preview .hero-editors-vs{padding:4px 0}.walkthrough-dots button{flex:1;width:auto}.walkthrough-button{width:100%}}.vimium-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#000000bd;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.vimium-modal{width:min(520px,100%);font-family:var(--mono);background:#080808;border:1px solid #ff313180;box-shadow:0 0 36px #ff313124}.vimium-modal-titlebar{color:#ff8a8a;letter-spacing:.3px;text-transform:lowercase;border-bottom:1px solid #ff313159;align-items:center;gap:6px;padding:10px 14px;font-size:12px;display:flex}.vimium-modal-titlebar-colon{color:#ff3131}.vimium-modal-body{color:var(--text-bright);padding:20px 16px 16px}.vimium-modal-body h2{color:#ff7272;margin-bottom:10px;font-size:17px}.vimium-modal-body p{color:#f6d6d6;margin-bottom:16px;font-size:13px;line-height:1.5}.vimium-modal-btn{color:#ffb8b8;font-family:var(--mono);cursor:pointer;background:0 0;border:1px solid #ff727299;margin-bottom:8px;margin-right:10px;padding:10px 12px;font-size:12px}.vimium-modal-btn:hover{background:#ff313124}.vimium-modal-btn-secondary{color:#ffe3e3;border-color:#ffb8b873}.vimium-modal-hint{color:#a06060;margin-top:10px;font-size:11px;display:block}