.vhtc-app{--vhtc-navy:#0b2348;--vhtc-blue:#174f9f;--vhtc-orange:#ff7900;--vhtc-yellow:#ffe500;--vhtc-cream:#fff9f5;--vhtc-ink:#152a4b;--vhtc-muted:#6e7b91;--vhtc-line:#dfe5ed;width:calc(100vw - 48px)!important;max-width:1240px!important;margin:48px 0 58px calc(50% - 50vw + 24px)!important;color:var(--vhtc-ink);font-family:inherit}.vhtc-app *{box-sizing:border-box}.vhtc-app [hidden]{display:none!important}.vhtc-app .vhtc-brandbar{display:flex!important;align-items:center;gap:10px;min-height:55px;padding:0 28px;background:var(--vhtc-navy);border-radius:18px 18px 0 0;color:#fff;font-size:15px;letter-spacing:.01em}.vhtc-app .vhtc-brandbar strong{color:var(--vhtc-orange)}.vhtc-app .vhtc-brand-mark{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--vhtc-orange);color:#fff;font-size:16px}.vhtc-app .vhtc-member-label{margin-left:auto;color:#b7c6df;font-size:10px;font-weight:800;letter-spacing:.12em}.vhtc-app .vhtc-shell{display:grid!important;grid-template-columns:minmax(295px,31%) 1fr;min-height:710px;overflow:hidden;border-radius:0 0 18px 18px;background:#fff;box-shadow:0 18px 60px rgba(11,35,72,.16)}.vhtc-app .vhtc-sidebar{display:flex!important;flex-direction:column;padding:44px 34px;background:linear-gradient(160deg,#0b2348 0%,#102e59 74%,#164b8f 150%);color:#fff}.vhtc-app .vhtc-eyebrow{display:block;color:var(--vhtc-orange);font-size:10px;font-weight:900;letter-spacing:.14em}.vhtc-app .vhtc-sidebar h2{margin:12px 0!important;color:#fff!important;font-size:clamp(2.2rem,4vw,3.6rem)!important;line-height:.96;letter-spacing:-.06em}.vhtc-app .vhtc-sidebar>p{margin:0;color:#becde4;font-size:14px;line-height:1.7}.vhtc-app .vhtc-sidebar-rule{width:42px;height:4px;margin:29px 0 26px;border-radius:9px;background:var(--vhtc-yellow)}.vhtc-app .vhtc-side-label{margin:0 0 12px!important;color:#d9e5f8!important;font-size:10px!important;font-weight:900;letter-spacing:.1em}.vhtc-app .vhtc-levels{display:grid!important;gap:9px}.vhtc-app .vhtc-level{display:block!important;width:100%;padding:12px 13px!important;border:1px solid rgba(255,255,255,.22)!important;border-radius:9px!important;background:rgba(255,255,255,.04)!important;color:#d9e5f8!important;text-align:left!important;font:inherit!important;cursor:pointer;transition:.2s}.vhtc-app .vhtc-level strong,.vhtc-app .vhtc-level span{display:block!important}.vhtc-app .vhtc-level strong{font-size:13px}.vhtc-app .vhtc-level span{margin-top:3px;opacity:.72;font-size:11px}.vhtc-app .vhtc-level:hover,.vhtc-app .vhtc-level.is-active{border-color:var(--vhtc-yellow)!important;background:var(--vhtc-yellow)!important;color:var(--vhtc-navy)!important;box-shadow:0 5px 12px rgba(0,0,0,.15)}.vhtc-app .vhtc-side-note{display:flex;gap:9px;align-items:flex-start;margin-top:auto;padding-top:28px;color:#bdcce5;font-size:11px;line-height:1.5}.vhtc-app .vhtc-side-note span{color:var(--vhtc-yellow)}.vhtc-app .vhtc-side-note p{margin:0}.vhtc-app .vhtc-main{padding:44px clamp(28px,4vw,58px);background:var(--vhtc-cream)}.vhtc-app .vhtc-header{display:flex!important;justify-content:space-between;gap:24px;align-items:flex-start}.vhtc-app .vhtc-header h2{margin:7px 0 5px!important;color:var(--vhtc-navy)!important;font-size:clamp(2rem,3vw,2.8rem)!important;letter-spacing:-.05em;line-height:1}.vhtc-app .vhtc-header p{margin:0;color:var(--vhtc-muted);font-size:13px}.vhtc-app .vhtc-stats{display:flex!important;gap:8px}.vhtc-app .vhtc-stats span{min-width:98px;padding:10px 12px;border:1px solid #f0d7bd;border-radius:9px;background:#fff;color:var(--vhtc-muted);font-size:9px;font-weight:800;text-transform:uppercase}.vhtc-app .vhtc-stats strong{display:block;margin-top:2px;color:var(--vhtc-navy);font-size:21px;line-height:1;text-transform:none}.vhtc-app .vhtc-tabs{display:flex!important;gap:4px;margin:30px 0 14px!important;border-bottom:1px solid #e7dcd5}.vhtc-app .vhtc-tabs button{display:block!important;padding:10px 13px!important;border:0!important;border-bottom:3px solid transparent!important;background:transparent!important;color:var(--vhtc-muted)!important;font:inherit!important;font-size:12px!important;font-weight:800!important;cursor:pointer}.vhtc-app .vhtc-tabs button.is-active{border-color:var(--vhtc-orange)!important;color:var(--vhtc-navy)!important}.vhtc-app .vhtc-workspace,.vhtc-app .vhtc-room,.vhtc-app .vhtc-room-intro,.vhtc-app .vhtc-game{border:1px solid #e1e5eb;border-radius:14px;background:#fff;box-shadow:0 9px 22px rgba(14,36,71,.06)}.vhtc-app .vhtc-workspace{padding:clamp(22px,3vw,34px)}.vhtc-app .vhtc-session-head{display:flex!important;justify-content:space-between;align-items:center;gap:14px;color:var(--vhtc-navy);font-weight:800}.vhtc-app .vhtc-session-head small{display:block;margin-bottom:3px;color:var(--vhtc-muted);font-size:9px;letter-spacing:.08em}.vhtc-app .vhtc-timer-box{text-align:right}.vhtc-app .vhtc-timer-box span{font-size:23px;line-height:1}.vhtc-app .vhtc-progress-line{height:3px;margin:18px 0;border-radius:9px;background:#e4e9f0}.vhtc-app .vhtc-progress-line i{display:block;width:28%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--vhtc-orange),var(--vhtc-yellow))}.vhtc-app .vhtc-passage{min-height:116px;margin:0 0 16px!important;padding:18px;border:1px solid #cbd7e4;border-left:4px solid var(--vhtc-orange);border-radius:9px;background:#fffdfb;color:#9ba6b5;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(.95rem,2vw,1.08rem);font-weight:600;line-height:1.75;letter-spacing:.02em}.vhtc-app .vhtc-passage .is-correct{color:var(--vhtc-navy)}.vhtc-app .vhtc-passage .is-wrong{color:#d42d3d;background:#fff0ef;text-decoration:underline}.vhtc-app .vhtc-passage .is-current{border-bottom:3px solid var(--vhtc-orange)}.vhtc-app .vhtc-input,.vhtc-app .vhtc-room-actions input{width:100%!important;border:1px solid #bfcce0!important;border-radius:9px!important;padding:14px 15px!important;background:#fff!important;color:var(--vhtc-navy)!important;font:inherit!important;resize:vertical}.vhtc-app .vhtc-input:focus,.vhtc-app .vhtc-room-actions input:focus{outline:3px solid rgba(255,121,0,.16);border-color:var(--vhtc-orange)!important}.vhtc-app .vhtc-controls{display:flex!important;flex-wrap:wrap;align-items:center;gap:13px;margin-top:16px;color:var(--vhtc-muted);font-size:12px}.vhtc-app .vhtc-button{display:inline-flex!important;align-items:center;justify-content:center;gap:9px;min-height:43px;padding:10px 18px!important;border:0!important;border-radius:8px!important;background:var(--vhtc-orange)!important;box-shadow:0 4px 0 #cd5c00;color:#fff!important;font:inherit!important;font-size:13px!important;font-weight:800!important;text-decoration:none!important;cursor:pointer}.vhtc-app .vhtc-button:hover{transform:translateY(-2px);box-shadow:0 6px 0 #cd5c00}.vhtc-app .vhtc-button:disabled{opacity:.55;cursor:not-allowed}.vhtc-app .vhtc-button-secondary{background:var(--vhtc-navy)!important;box-shadow:0 4px 0 #06152d!important}.vhtc-app .vhtc-text-button{padding:9px 3px;border:0;background:transparent;color:var(--vhtc-blue);font:inherit;font-size:12px;font-weight:800;cursor:pointer}.vhtc-app .vhtc-tip-row{display:flex!important;justify-content:space-between;gap:8px;margin-top:25px;padding-top:16px;border-top:1px solid #edf0f4;color:#8995a8;font-size:10px}.vhtc-app .vhtc-keyboard-wrap{margin-top:24px;padding:13px;border-radius:10px;background:#f2f5f8}.vhtc-app .vhtc-keyboard-wrap>p{margin:0 0 9px;color:var(--vhtc-navy);font-size:9px;font-weight:900;letter-spacing:.08em}.vhtc-app .vhtc-keyboard-wrap>p span{margin-left:7px;color:var(--vhtc-muted);font-weight:500;letter-spacing:0}.vhtc-app .vhtc-keyboard{display:grid!important;gap:4px}.vhtc-app .vhtc-key-row{display:flex!important;gap:4px}.vhtc-app .vhtc-key-row kbd{display:grid;flex:1;min-width:0;height:24px;place-items:center;border:1px solid #ccd6e0;border-radius:4px;background:#fff;color:#53647b;font-family:inherit;font-size:8px;box-shadow:0 2px 0 #bdc7d1;transition:background .08s,transform .08s,box-shadow .08s}.vhtc-app .vhtc-key-row kbd.is-space{flex:5}.vhtc-app .vhtc-key-row kbd.is-pressed{transform:translateY(2px);border-color:var(--vhtc-orange);background:var(--vhtc-yellow);box-shadow:none;color:var(--vhtc-navy)}.vhtc-app .vhtc-room-intro{display:flex!important;align-items:center;justify-content:space-between;gap:22px;padding:28px}.vhtc-app .vhtc-room-intro h3,.vhtc-app .vhtc-game h3{margin:7px 0;font-size:25px;letter-spacing:-.04em}.vhtc-app .vhtc-room-intro p,.vhtc-app .vhtc-game>p{margin:0;color:var(--vhtc-muted);font-size:13px}.vhtc-app .vhtc-room-actions{display:flex!important;align-items:center;gap:7px}.vhtc-app .vhtc-room-actions input{width:118px!important;padding:11px!important}.vhtc-app .vhtc-room{margin-top:16px;padding:26px}.vhtc-app .vhtc-leaderboard ol{margin:22px 0 0;padding:0;list-style:none}.vhtc-app .vhtc-leaderboard li{display:grid;grid-template-columns:1fr auto auto;gap:22px;padding:11px 0;border-top:1px solid var(--vhtc-line)}.vhtc-app .vhtc-leaderboard em{color:var(--vhtc-muted);font-style:normal}.vhtc-app .vhtc-message{color:var(--vhtc-muted);font-size:13px}.vhtc-app .vhtc-game{padding:clamp(28px,5vw,52px);background:radial-gradient(circle at 90% 0,#fff1ce,transparent 37%),#fff}.vhtc-app .vhtc-game-score{display:flex!important;gap:10px;margin:24px 0}.vhtc-app .vhtc-game-score span{min-width:120px;padding:10px 13px;border-radius:9px;background:var(--vhtc-navy);color:#d6e2f2;font-size:9px;font-weight:800}.vhtc-app .vhtc-game-score strong{display:block;margin-top:3px;color:#fff;font-size:21px}.vhtc-app .vhtc-game-word{margin:24px 0 17px!important;padding:20px;border:2px dashed #ffd19e;border-radius:12px;background:#fffaf2;color:var(--vhtc-orange)!important;font-size:clamp(1.6rem,5vw,3rem)!important;font-weight:900;letter-spacing:.03em;text-align:center}.vhtc-app .vhtc-guide[hidden]{display:none!important}.vhtc-app .vhtc-guide{position:fixed;z-index:99999;inset:0;display:grid;place-items:center;padding:20px;background:rgba(4,18,40,.67)}.vhtc-app .vhtc-guide-card{position:relative;width:min(620px,100%);padding:clamp(30px,6vw,58px);border-radius:16px;background:#fffaf7;box-shadow:0 24px 80px rgba(0,0,0,.25)}.vhtc-app .vhtc-guide-card h2{max-width:490px;margin:12px 0;color:var(--vhtc-navy);font-size:clamp(1.8rem,4vw,2.8rem);letter-spacing:-.05em;line-height:1.03}.vhtc-app .vhtc-guide-card>p{max-width:510px;color:#516078;line-height:1.7}.vhtc-app .vhtc-guide-close{position:absolute;top:16px;right:18px;border:0;background:transparent;color:#53647b;font-size:30px;line-height:1;cursor:pointer}.vhtc-app .vhtc-guide-steps{display:flex!important;gap:6px;margin-top:36px}.vhtc-app .vhtc-guide-steps span{width:9px;height:9px;border-radius:99px;background:#e4dedb}.vhtc-app .vhtc-guide-steps .is-active{width:23px;background:var(--vhtc-orange)}.vhtc-app .vhtc-guide-actions{display:flex!important;align-items:center;justify-content:space-between;gap:14px;margin-top:20px}.vhtc-gate{max-width:720px;margin:48px auto;padding:58px 28px;border-radius:18px;background:#0b2348;box-shadow:0 18px 50px rgba(11,35,72,.15);color:#fff;text-align:center}.vhtc-gate h2{margin:18px 0 8px;color:#fff}.vhtc-gate p{margin:0 0 22px;color:#c7d3e5}.vhtc-gate-icon{display:grid;place-items:center;width:52px;height:52px;margin:auto;border-radius:14px;background:#ff7900;font-size:28px}.screen-reader-text{position:absolute;left:-10000px}@media(max-width:760px){.vhtc-app{width:100%!important;margin:0!important}.vhtc-app .vhtc-brandbar{border-radius:0}.vhtc-app .vhtc-shell{grid-template-columns:1fr;min-height:0;border-radius:0}.vhtc-app .vhtc-sidebar{padding:30px 22px}.vhtc-app .vhtc-sidebar h2 br{display:none}.vhtc-app .vhtc-levels{grid-template-columns:repeat(2,1fr)}.vhtc-app .vhtc-side-note{display:none}.vhtc-app .vhtc-main{padding:30px 20px}.vhtc-app .vhtc-header,.vhtc-app .vhtc-room-intro{flex-direction:column}.vhtc-app .vhtc-stats{width:100%}.vhtc-app .vhtc-stats span{flex:1}.vhtc-app .vhtc-tip-row{align-items:flex-start;flex-direction:column}.vhtc-app .vhtc-room-actions{width:100%;flex-wrap:wrap}.vhtc-app .vhtc-room-actions input{flex:1}.vhtc-app .vhtc-leaderboard li{gap:9px;grid-template-columns:1fr auto}}@media(max-width:430px){.vhtc-app .vhtc-levels{grid-template-columns:1fr}.vhtc-app .vhtc-member-label{display:none}.vhtc-app .vhtc-key-row kbd{height:21px;font-size:7px}.vhtc-app .vhtc-guide-card{padding:34px 25px}.vhtc-app .vhtc-guide-actions{align-items:flex-start;flex-direction:column-reverse}}