.vcg-game{--vcg-bg-app:#18181b;--vcg-bg-chat:#09090b;--vcg-bg-code:#1c1c22;--vcg-bg-user:#27272a;--vcg-border:#2e2e35;--vcg-border-light:#3f3f46;--vcg-text:#e4e4e7;--vcg-text-dim:#71717a;--vcg-text-muted:#52525b;--vcg-accent:#a78bfa;--vcg-accent-dim:#7c3aed;--vcg-fn:#60a5fa;--vcg-string:#86efac;--vcg-error:#fca5a5;--vcg-error-accent:#ef4444;--vcg-success:#86efac;--vcg-success-accent:#22c55e;--vcg-operator:#94a3b8;--vcg-keyword:#c4b5fd;--vcg-comment:#6b7280;--vcg-number:#fbbf24;position:fixed;inset:0;background:var(--vcg-bg-app);color:var(--vcg-text);font-family:DM Sans,sans-serif;display:flex;justify-content:center;-webkit-tap-highlight-color:transparent;z-index:10}body:has(.vcg-game){padding-bottom:0}.vcg-container{width:100%;max-width:480px;height:100dvh;display:flex;flex-direction:column;background:var(--vcg-bg-app);overflow:hidden}.vcg-start{align-items:center;justify-content:center;gap:14px}.vcg-start-wordmark{font-family:Martian Mono,monospace;font-weight:800;font-size:clamp(26px,8vw,34px);color:#fff;letter-spacing:.5px}.vcg-endgame-title span,.vcg-start-wordmark span,.vcg-wordmark span{color:var(--vcg-accent)}.vcg-start-blurb{font-size:14px;color:var(--vcg-text-dim);margin-top:8px}.vcg-play-btn{margin-top:26px;width:min(240px,70%);padding:14px;background:var(--vcg-accent-dim);border:none;color:#fff;font-family:DM Sans,sans-serif;font-size:15px;font-weight:600;cursor:pointer;border-radius:24px;transition:background .15s}.vcg-play-btn:hover{background:var(--vcg-accent)}.vcg-howto-link{margin-top:26px;background:none;border:none;color:var(--vcg-text-dim);font-family:Fira Code,monospace;font-size:12px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.vcg-howto-link:hover{color:var(--vcg-accent)}.vcg-header{padding:16px 20px 12px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--vcg-border);flex-shrink:0}.vcg-wordmark{font-family:Martian Mono,monospace;font-weight:800;font-size:clamp(16px,5vw,20px);color:#ffffff;letter-spacing:.5px}.vcg-header-right{display:flex;align-items:center;gap:12px}.vcg-header-score{font-family:Fira Code,monospace;font-size:11px;color:var(--vcg-text-muted)}.vcg-num{color:var(--vcg-number)}.vcg-help-btn{background:none;border:none;color:var(--vcg-text-muted);font-size:18px;cursor:pointer;padding:4px;line-height:1;font-family:DM Sans,sans-serif}.vcg-help-btn:hover{color:var(--vcg-text)}.vcg-round-tabs{display:flex;padding:0 16px;gap:4px;border-bottom:1px solid var(--vcg-border);overflow-x:auto;-webkit-overflow-scrolling:touch;flex-shrink:0;scrollbar-width:none}.vcg-round-tabs::-webkit-scrollbar{display:none}.vcg-round-tab{padding:10px 10px 8px;font-size:12px;font-weight:500;color:var(--vcg-text-muted);white-space:nowrap;border-bottom:2px solid transparent;flex-shrink:0;transition:color .2s}.vcg-round-tab.vcg-active{color:var(--vcg-accent);border-bottom-color:var(--vcg-accent)}.vcg-round-tab.vcg-completed{color:var(--vcg-success-accent)}.vcg-round-tab.vcg-completed:before{content:"● ";font-size:8px}.vcg-round-tab.vcg-failed{color:var(--vcg-error-accent);opacity:.5}.vcg-round-tab.vcg-failed:before{content:"✕ ";font-size:9px}.vcg-chat-area{flex:1;min-height:0;padding:16px 16px 24px;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth;background:var(--vcg-bg-chat)}.vcg-chat-area,.vcg-round-group{display:flex;flex-direction:column;gap:16px}.vcg-round-group{flex-shrink:0;transition:opacity .4s ease}.vcg-round-group.vcg-dimmed{opacity:.35}@keyframes vcgMsgIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.vcg-msg-system{display:flex;flex-direction:column;gap:8px;animation:vcgMsgIn .3s ease-out;flex-shrink:0}.vcg-msg-label{font-size:11px;font-weight:600;color:var(--vcg-accent);text-transform:uppercase;letter-spacing:1px;display:flex;align-items:center;gap:6px}.vcg-round-type{font-family:Fira Code,monospace;font-size:10px;background:var(--vcg-accent-dim);color:#fff;padding:1px 6px;letter-spacing:.5px}.vcg-msg-text{font-size:14px;color:#ffffff;line-height:1.5}.vcg-code-block{background:var(--vcg-bg-code);border:1px solid var(--vcg-border);padding:14px 16px;font-family:Fira Code,monospace;font-size:13px;line-height:1.7;position:relative;overflow-x:auto;animation:vcgMsgIn .3s ease-out;flex-shrink:0}.vcg-code-block pre{margin:0;font-family:inherit;font-size:inherit;line-height:inherit;white-space:pre-wrap;overflow-wrap:break-word}.vcg-code-label{position:absolute;top:6px;right:10px;font-size:9px;color:var(--vcg-text-muted);letter-spacing:1px;text-transform:uppercase}.vcg-cb-keyword{color:var(--vcg-keyword)}.vcg-cb-fn{color:var(--vcg-fn)}.vcg-cb-string{color:var(--vcg-string)}.vcg-cb-operator{color:var(--vcg-operator)}.vcg-cb-comment{color:var(--vcg-comment);font-style:italic}.vcg-cb-hint{color:#d4d4d8;font-style:italic}.vcg-cb-number{color:var(--vcg-number)}.vcg-cb-error{color:var(--vcg-error)}.vcg-cb-success{color:var(--vcg-success)}.vcg-msg-user{display:flex;flex-direction:column;align-items:flex-end;gap:4px;animation:vcgMsgIn .25s ease-out;flex-shrink:0}.vcg-msg-user-bubble{background:var(--vcg-bg-user);border:1px solid var(--vcg-border-light);border-radius:20px;padding:10px 18px;font-size:15px;font-weight:500;color:var(--vcg-text);max-width:70%;word-break:break-word}.vcg-msg-response{display:flex;flex-direction:column;gap:6px;animation:vcgMsgIn .3s ease-out;flex-shrink:0}.vcg-response-code{background:var(--vcg-bg-code);border:1px solid var(--vcg-border);padding:10px 16px;font-family:Fira Code,monospace;font-size:12px;line-height:1.6;white-space:pre-wrap}.vcg-response-code.vcg-error-response{border-left:3px solid var(--vcg-error-accent)}.vcg-response-code.vcg-success-response{border-left:3px solid var(--vcg-success-accent)}.vcg-response-code.vcg-resolve-response{border-left:3px solid var(--vcg-number)}.vcg-decrypt-options{display:flex;gap:8px;margin-top:4px;animation:vcgMsgIn .3s ease-out;flex-shrink:0}.vcg-decrypt-btn{flex:1;padding:12px 8px;background:var(--vcg-bg-user);border:1px solid var(--vcg-border-light);border-radius:12px;color:var(--vcg-text);font-family:Fira Code,monospace;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s;text-align:center}.vcg-decrypt-btn:hover:not(:disabled){background:var(--vcg-border-light);border-color:var(--vcg-accent)}.vcg-decrypt-btn:active:not(:disabled){transform:scale(.96)}.vcg-decrypt-btn.vcg-selected{pointer-events:none;opacity:.5}.vcg-decrypt-btn.vcg-correct{background:rgba(34,197,94,.15);border-color:var(--vcg-success-accent);color:var(--vcg-success);pointer-events:none}.vcg-decrypt-btn.vcg-wrong{background:rgba(239,68,68,.1);border-color:var(--vcg-error-accent);color:var(--vcg-error);pointer-events:none;opacity:.4}.vcg-diff-prompt{font-size:12px;color:var(--vcg-accent);font-family:Fira Code,monospace;animation:vcgMsgIn .3s ease-out;flex-shrink:0}.vcg-input-area{border-top:1px solid var(--vcg-border);padding:12px 16px;background:var(--vcg-bg-code);display:flex;align-items:center;gap:10px;flex-shrink:0}.vcg-input-area.vcg-disabled{opacity:.4}.vcg-echo{flex:1;min-width:0;background:var(--vcg-bg-user);border:1px solid var(--vcg-border-light);border-radius:24px;padding:12px 20px;font-size:15px;font-family:DM Sans,sans-serif;font-weight:500;color:var(--vcg-text);min-height:46px;display:flex;align-items:center;gap:1px;cursor:text;overflow:hidden;white-space:nowrap;-webkit-user-select:none;user-select:none}.vcg-game[data-kb=up] .vcg-echo{border-color:var(--vcg-accent-dim)}.vcg-echo-placeholder,.vcg-echo-text{overflow:hidden;text-overflow:ellipsis}.vcg-echo-placeholder{color:var(--vcg-text-muted)}.vcg-caret{width:2px;height:19px;background:var(--vcg-accent);flex-shrink:0;animation:vcgBlink 1.06s step-end infinite}.vcg-echo[data-empty=true] .vcg-caret{margin-right:5px}@keyframes vcgBlink{0%,50%{opacity:1}50.01%,to{opacity:0}}.vcg-input-submit{width:40px;height:40px;background:var(--vcg-accent-dim);color:#fff;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:18px;flex-shrink:0;border:none;cursor:pointer;transition:background .15s}.vcg-input-submit:hover:not(:disabled){background:var(--vcg-accent)}.vcg-input-submit:active:not(:disabled){transform:scale(.94)}.vcg-input-submit:disabled{opacity:.5;cursor:default}.vcg-status-bar{padding:8px 16px;background:var(--vcg-bg-code);border-top:1px solid var(--vcg-border);justify-content:space-between;font-size:11px;color:var(--vcg-text-muted);flex-shrink:0}.vcg-attempts,.vcg-status-bar{display:flex;align-items:center}.vcg-attempts{gap:3px}.vcg-att-dot{width:7px;height:7px;display:inline-block}.vcg-att-dot.vcg-remaining{background:var(--vcg-success-accent)}.vcg-att-dot.vcg-used{background:var(--vcg-error-accent);opacity:.4}.vcg-status-mode{color:var(--vcg-accent);font-family:Fira Code,monospace;font-size:10px}.vcg-keyboard{--vcg-key-h:44px;flex-shrink:0;display:grid;grid-template-rows:0fr;transition:grid-template-rows .26s cubic-bezier(.22,.61,.36,1)}.vcg-keyboard[data-up=true]{grid-template-rows:1fr}.vcg-kb-clip{overflow:hidden;min-height:0}.vcg-kb-panel{background:var(--vcg-bg-code);border-top:1px solid var(--vcg-border);padding:6px 4px calc(8px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:6px;transform:translateY(8px);opacity:.6;transition:transform .26s cubic-bezier(.22,.61,.36,1),opacity .2s ease}.vcg-keyboard[data-up=true] .vcg-kb-panel{transform:translateY(0);opacity:1}.vcg-keyboard[data-up=true][data-inert=true] .vcg-kb-panel{opacity:.45}.vcg-kb-row{display:flex;gap:5px;justify-content:center}.vcg-kb-row2{padding:0 5%}.vcg-key{flex:1;min-width:0;height:var(--vcg-key-h);background:var(--vcg-bg-user);border:solid var(--vcg-border-light);border-width:1px 1px 2px;border-radius:6px;color:var(--vcg-text);font-family:DM Sans,sans-serif;font-size:17px;font-weight:500;line-height:1;padding:0;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;transition:background .08s,transform .08s}.vcg-key span{pointer-events:none}.vcg-key:active{background:var(--vcg-border-light);transform:translateY(1px);border-bottom-width:1px}.vcg-key-wide{flex:1.5;font-size:15px}.vcg-kb-spacer{flex:1.5;min-width:0}.vcg-key-del{background:var(--vcg-bg-code);color:var(--vcg-text-dim)}.vcg-kb-row4{gap:6px}.vcg-key-space{flex:3;color:var(--vcg-text-dim);letter-spacing:1px}.vcg-key-enter,.vcg-key-space{font-family:Fira Code,monospace;font-size:12px}.vcg-key-enter{flex:1.4;background:var(--vcg-accent-dim);border-color:var(--vcg-accent-dim);color:#fff;letter-spacing:.5px}.vcg-key-enter:active{background:var(--vcg-accent)}.vcg-key-off{opacity:.4;pointer-events:none}.vcg-endgame-bar{border-top:1px solid var(--vcg-border);padding:12px 16px;background:var(--vcg-bg-code);flex-shrink:0}.vcg-endgame-bar-btn{width:100%;padding:14px;background:var(--vcg-accent-dim);border:none;color:#fff;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;cursor:pointer;border-radius:24px;transition:background .15s}.vcg-endgame-bar-btn:hover{background:var(--vcg-accent)}.vcg-score-screen{align-items:center;padding:14px 16px 0;overflow-y:auto;background:var(--vcg-bg-chat)}.vcg-endgame-card{background:var(--vcg-bg-code);border:1px solid var(--vcg-border);width:100%;max-width:360px;margin:auto;padding:24px 24px 16px;display:flex;flex-direction:column;align-items:center;gap:14px;flex-shrink:0;animation:vcgCardIn .4s ease-out}@keyframes vcgFadeIn{0%{opacity:0}to{opacity:1}}.vcg-rules-overlay{position:fixed;inset:0;background:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;z-index:100;animation:vcgFadeIn .3s ease-out;padding:12px}@keyframes vcgCardIn{0%{opacity:0;transform:scale(.92) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}.vcg-endgame-title{font-family:Martian Mono,monospace;font-weight:800;font-size:18px;color:#fff}.vcg-endgame-sub{font-family:Fira Code,monospace;font-size:11px;color:var(--vcg-text-muted)}.vcg-endgame-score{font-family:Fira Code,monospace;font-size:28px;color:var(--vcg-number)}.vcg-endgame-score span{font-size:14px;color:var(--vcg-text-muted)}.vcg-endgame-rounds{width:100%;display:flex;flex-direction:column;gap:8px}.vcg-endgame-round-row{display:flex;align-items:center;justify-content:space-between;font-family:Fira Code,monospace;font-size:12px}.vcg-endgame-round-name{color:var(--vcg-text-dim);text-transform:uppercase;letter-spacing:.5px}.vcg-endgame-round-result{display:flex;align-items:center;gap:6px}.vcg-endgame-dots{display:flex;gap:3px}.vcg-eg-dot{width:8px;height:8px;display:inline-block}.vcg-eg-dot.vcg-hit{background:var(--vcg-success-accent)}.vcg-eg-dot.vcg-miss{background:var(--vcg-error-accent);opacity:.5}.vcg-eg-dot.vcg-unused{background:var(--vcg-border-light)}.vcg-endgame-pts{min-width:28px;text-align:right}.vcg-endgame-pts.vcg-got{color:var(--vcg-success)}.vcg-endgame-pts.vcg-none{color:var(--vcg-error);opacity:.5}.vcg-endgame-answer{font-family:Fira Code,monospace;font-size:11px;color:var(--vcg-text-muted);padding-left:2px;margin-top:2px}.vcg-answer-word{color:var(--vcg-string)}.vcg-answer-word.vcg-failed{color:var(--vcg-error)}.vcg-endgame-actions{display:flex;gap:10px;width:100%}.vcg-endgame-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:12px;border:1px solid var(--vcg-border-light);background:var(--vcg-bg-user);color:var(--vcg-text);font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;cursor:pointer;border-radius:8px;text-align:center;transition:all .15s}.vcg-endgame-btn svg{flex-shrink:0}.vcg-endgame-btn:hover{background:var(--vcg-border-light)}.vcg-endgame-btn.vcg-primary{background:var(--vcg-accent-dim);border-color:var(--vcg-accent-dim);color:#fff}.vcg-endgame-btn.vcg-primary:hover{background:var(--vcg-accent)}.vcg-endgame-btn.vcg-copied{background:var(--vcg-success-accent)!important;border-color:var(--vcg-success-accent)!important;color:#fff!important}.vcg-endgame-btn.vcg-link{color:var(--vcg-accent)}.vcg-endgame-footer{width:100%;display:flex;align-items:center;justify-content:space-between;font-family:Fira Code,monospace;font-size:10px;color:var(--vcg-text-muted);letter-spacing:.5px;min-height:14px}.vcg-footer-countdown{margin-left:auto}.vcg-rules-card{background:var(--vcg-bg-code);border:1px solid var(--vcg-border);width:100%;max-width:400px;max-height:92dvh;overflow-y:auto;padding:20px 20px 16px;display:flex;flex-direction:column;gap:12px;animation:vcgCardIn .4s ease-out}.vcg-rules-card h2{font-family:Martian Mono,monospace;font-weight:800;font-size:18px;color:#fff}.vcg-rules-card p{font-size:13px;color:var(--vcg-text-dim);line-height:1.5}.vcg-rules-card code{background:var(--vcg-bg-user);padding:1px 5px;color:var(--vcg-accent)}.vcg-rules-card code,.vcg-rules-example{font-family:Fira Code,monospace;font-size:12px}.vcg-rules-example{background:var(--vcg-bg-app);border:1px solid var(--vcg-border);padding:10px 12px;line-height:1.6}.vcg-rules-ex-label{color:var(--vcg-accent);font-family:DM Sans,sans-serif;font-size:11px;font-weight:600;letter-spacing:1px}.vcg-rules-ex-badge{font-size:10px;background:var(--vcg-accent-dim);color:#fff;padding:1px 6px;margin-left:6px;letter-spacing:.5px}.vcg-rules-ex-question{color:#fff;font-family:DM Sans,sans-serif;font-size:13px;margin:6px 0 8px}.vcg-rules-ex-code{background:var(--vcg-bg-code);border:1px solid var(--vcg-border);padding:10px 12px;overflow-x:auto}.vcg-rules-ex-callout{display:inline-block;margin-left:6px;color:var(--vcg-number);font-size:10px}.vcg-rules-ex-answer{margin-top:8px;text-align:right}.vcg-rules-ex-bubble{background:var(--vcg-bg-user);border:1px solid var(--vcg-border-light);border-radius:16px;padding:6px 14px;color:var(--vcg-text);font-family:DM Sans,sans-serif;font-size:13px;font-weight:500}.vcg-rules-ex-check{display:inline-block;margin-left:6px;color:var(--vcg-success-accent);font-size:10px;font-family:Fira Code,monospace}.vcg-rules-types{display:flex;flex-direction:column;gap:5px;font-size:12px;line-height:1.35}.vcg-rules-fn{color:var(--vcg-fn);font-family:Fira Code,monospace}.vcg-rules-desc{color:var(--vcg-text-dim)}.vcg-rules-scoring{border-top:1px solid var(--vcg-border);padding-top:10px}.vcg-rules-scoring-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;background:none;border:none;padding:0;cursor:pointer;font-family:Fira Code,monospace;font-size:13px;color:var(--vcg-fn);text-align:left}.vcg-rules-scoring-peek{display:inline-flex;align-items:center;gap:8px;color:var(--vcg-number);font-size:12px}.vcg-rules-chevron{display:inline-block;color:var(--vcg-text-dim);font-size:13px;line-height:1;transition:transform .18s ease}.vcg-rules-scoring-toggle.vcg-open .vcg-rules-chevron{transform:rotate(180deg)}.vcg-rules-scoring-body{display:flex;flex-direction:column;gap:6px;margin-top:8px}.vcg-rules-close{padding:12px;background:var(--vcg-accent-dim);border:none;color:#fff;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;cursor:pointer;border-radius:8px;margin-top:2px;flex-shrink:0;transition:background .15s}.vcg-rules-close:hover{background:var(--vcg-accent)}@media (max-height:700px){.vcg-rules-card{gap:10px;padding:18px 18px 14px}.vcg-rules-close{padding:10px}}.vcg-ad-sidebar{display:none}@media (min-width:1100px){.vcg-game[data-ads=on][data-screen=game] .vcg-ad-sidebar,.vcg-game[data-ads=on][data-screen=score] .vcg-ad-sidebar{position:fixed;top:92px;left:calc(50% + 240px + 24px);width:300px;height:600px;border:1px dashed var(--vcg-border-light);color:var(--vcg-text-muted);font-family:Fira Code,monospace;font-size:11px;display:flex;align-items:center;justify-content:center;letter-spacing:1px}}.vcg-ad-scorecard{display:none}.vcg-game[data-ads=on] .vcg-ad-scorecard{display:flex;width:320px;max-width:100%;height:50px;flex-shrink:0;border:1px dashed var(--vcg-border-light);color:var(--vcg-text-muted);font-family:Fira Code,monospace;font-size:11px;align-items:center;justify-content:center;letter-spacing:1px;margin:12px auto max(12px,env(safe-area-inset-bottom))}@media (min-width:1100px){.vcg-game[data-ads=on] .vcg-ad-scorecard{display:none}}@media (max-width:380px){.vcg-code-block{font-size:12px;padding:12px}.vcg-msg-user-bubble{font-size:14px}}