.training-stage[data-v-dfd7374e]{--training-stage-frame:#090f1c;--training-stage-shell:#0b1422;--training-stage-shell-border:#243247;--training-stage-panel:#111827;--training-stage-panel-border:#273247;--training-stage-editor:#0a1220;--training-stage-progress-bg:#223047;--training-stage-progress-fill:rgb(var(--color-primary));--training-stage-active-line:rgba(var(--color-primary),.16);--training-stage-active-bar:rgb(var(--color-primary));--training-stage-filename:rgb(var(--color-text-secondary));--training-stage-line-no:rgb(var(--color-text-tertiary));--training-stage-top-code:#93c5fd;--training-stage-code:#7dd3fc;--training-stage-active-code:rgb(var(--color-text-primary));--training-stage-typing-zone:#0d1423;--training-stage-typing-zone-border:#223047;--training-stage-pending-text:#8a9ab1;--training-stage-pending-bg:#162235;--training-stage-correct-text:#5eead4;--training-stage-correct-bg:#0f766e;--training-stage-wrong-text:#fca5a5;--training-stage-wrong-bg:#7f1d1d;--training-stage-accent:rgb(var(--color-primary));--training-stage-hint:rgb(var(--color-primary));--training-stage-muted:rgb(var(--color-text-tertiary));--training-stage-text:rgb(var(--color-text-primary));--training-stage-summary:rgb(var(--color-text-secondary));background:radial-gradient(circle at 14% 12%,rgba(var(--color-primary),.18),transparent 34%),radial-gradient(circle at 86% 20%,rgba(var(--color-secondary),.14),transparent 36%),linear-gradient(180deg,#0a1220 0,#0c1626);border:1px solid rgba(var(--panel-border),.12);border-radius:22px;box-shadow:0 20px 44px #0000002e;min-height:520px;overflow:hidden;width:100%}[data-theme=light]{--training-stage-frame:#eef2ff;--training-stage-shell:#fff;--training-stage-shell-border:#d1d5db;--training-stage-panel:#f8fafc;--training-stage-panel-border:#e5e7eb;--training-stage-editor:#f4f7fb;--training-stage-progress-bg:#e2e8f0;--training-stage-active-line:rgba(var(--color-primary),.12);--training-stage-top-code:#3730a3;--training-stage-code:#4338ca;--training-stage-active-code:#111827;--training-stage-typing-zone:#f8fafc;--training-stage-typing-zone-border:#e2e8f0;--training-stage-pending-text:#475569;--training-stage-pending-bg:#e2e8f0;--training-stage-correct-text:#065f46;--training-stage-correct-bg:#a7f3d0;--training-stage-wrong-text:#991b1b;--training-stage-wrong-bg:#fee2e2;background:radial-gradient(circle at 14% 12%,rgba(var(--color-primary),.12),transparent 34%),radial-gradient(circle at 86% 20%,rgba(var(--color-secondary),.1),transparent 36%),linear-gradient(180deg,#fff 0,#f8fafc);box-shadow:0 18px 36px #0f172a14}.training-stage canvas[data-v-dfd7374e]{display:block;height:100%;width:100%}@media(max-width:680px){.training-stage[data-v-dfd7374e]{border-radius:18px;min-height:420px}}@media(max-width:420px){.training-stage[data-v-dfd7374e]{border-radius:16px;min-height:360px}}.typing-training-arena[data-v-7ee1ca4d]{display:grid;gap:0;overflow:hidden;padding:0}.typing-training-arena__stage-wrap[data-v-7ee1ca4d]{min-width:0}.training-page{background:radial-gradient(140% 120% at 12% 14%,rgba(var(--color-primary),.18),transparent 58%),radial-gradient(120% 120% at 86% 18%,rgba(var(--color-secondary),.14),transparent 60%),linear-gradient(180deg,rgb(var(--color-bg-secondary)),rgb(var(--color-bg-primary)));color:rgb(var(--color-text-primary));min-height:calc(var(--app-vh, 1vh)*100);overflow:hidden;padding:120px 0 3rem;position:relative}[data-theme=light] .training-page{background:radial-gradient(140% 120% at 12% 14%,rgba(var(--color-primary),.1),transparent 58%),radial-gradient(120% 120% at 86% 18%,rgba(var(--color-secondary),.08),transparent 60%),linear-gradient(180deg,#f8fafc,#fff)}.training-page:before{background-image:repeating-linear-gradient(90deg,rgba(var(--color-text-primary),.03) 0 1px,transparent 1px 120px),repeating-linear-gradient(0deg,rgba(var(--color-text-primary),.03) 0 1px,transparent 1px 120px);background-size:180px 180px;content:"";inset:-8%;-webkit-mask-image:radial-gradient(120% 110% at 50% 38%,rgba(0,0,0,.9),transparent 92%);mask-image:radial-gradient(120% 110% at 50% 38%,rgba(0,0,0,.9),transparent 92%);opacity:.35;pointer-events:none;position:absolute;z-index:-1}.training-page .container{max-width:1380px}.training-page__breadcrumbs{margin-bottom:1.5rem}.training-page__hero{align-items:flex-start;display:flex;gap:2rem;justify-content:space-between;margin-bottom:2rem}.training-page__hero h1{color:rgb(var(--color-text-primary));font-size:clamp(2.5rem,5vw,4rem);letter-spacing:-.04em;line-height:.95;margin:0}.training-page__hero-subtitle{color:rgba(var(--color-text-secondary),.95);font-size:1.125rem;line-height:1.55;margin:1rem 0 0;max-width:440px}.training-page__hero-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.training-page__hero-tags span{background:rgba(var(--color-bg-primary),.5);border:1px solid rgba(var(--color-border),.7);border-radius:9999px;color:rgba(var(--color-text-secondary),.96);font-size:.625rem;font-weight:600;letter-spacing:.08em;padding:6px 10px}.training-page__hero-actions{align-self:center;display:flex;gap:.5rem}.training-page__hero-button{border-radius:.75rem;min-height:46px;min-width:168px}.training-page__hero-button_primary{box-shadow:0 14px 28px rgba(var(--color-primary),.18)}.training-page__shell{align-items:start;display:grid;gap:1rem;grid-template-columns:248px minmax(0,1fr) 244px}.training-page__center,.training-page__rightbar,.training-page__sidebar{display:grid;gap:1rem}.training-page__panel,.training-page__stat-card{background:linear-gradient(135deg,rgba(var(--color-text-primary),.07),rgba(var(--color-text-primary),.03));border:1px solid rgba(var(--panel-border),.12);border-radius:1rem;box-shadow:0 14px 34px rgba(var(--color-text-primary),.08)}[data-theme=light] .training-page__panel,[data-theme=light] .training-page__stat-card{background:linear-gradient(135deg,#fffffff5,#f9fafbf0);box-shadow:0 14px 30px #0f172a0f}.training-page__challenge-panel,.training-page__panel_setup,.training-page__personal-panel,.training-page__ranking-panel{padding:14px}.training-page__challenge-footer,.training-page__field-topline,.training-page__live,.training-page__overview-kicker,.training-page__panel-kicker,.training-page__personal-footer{font-size:.625rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.training-page__field-topline,.training-page__overview-kicker,.training-page__panel-kicker{color:rgba(var(--color-text-secondary),.92)}.training-page__field-block{display:grid;gap:.5rem;margin-top:1rem}.training-page__language-switch{display:grid;gap:6px;grid-template-columns:repeat(3,minmax(0,1fr))}.training-page__language-chip{background:rgba(var(--color-bg-primary),.5);border:1px solid rgba(var(--color-border),.85);border-radius:.5rem;color:rgb(var(--color-text-primary));font-size:.6875rem;font-weight:600;height:34px;transition:border-color .2s ease-in-out,background .2s ease-in-out,color .2s ease-in-out}.training-page__language-chip_active{background:rgba(var(--color-primary),.14);border-color:rgba(var(--color-primary),.55);color:rgb(var(--color-text-primary))}.training-page__player-chip{align-items:center;background:rgba(var(--color-bg-primary),.48);border:1px solid rgba(var(--color-border),.7);border-radius:.5rem;color:rgb(var(--color-text-primary));display:flex;font-size:.875rem;font-weight:600;min-height:38px;padding:0 12px}.training-page__estimate{align-items:center;color:rgb(var(--color-text-secondary));display:flex;font-size:.875rem;gap:.5rem;justify-content:space-between;margin-top:.5rem}.training-page__estimate strong{color:rgb(var(--color-text-primary))}.training-page__mini-panel{align-items:center;display:grid;gap:.5rem;grid-template-columns:36px minmax(0,1fr);padding:12px}.training-page__mini-icon{background:rgba(var(--color-primary),.14);border-radius:10px;height:32px;position:relative;width:32px}.training-page__mini-icon:after,.training-page__mini-icon:before{content:"";inset:0;margin:auto;position:absolute}.training-page__mini-icon_code:before{background:rgb(var(--color-primary));border-radius:999px;box-shadow:0 -5px rgba(var(--color-primary),.7),0 5px rgba(var(--color-primary),.7);height:2px;width:14px}.training-page__mini-icon_flow{background:rgba(var(--color-secondary),.14)}.training-page__mini-icon_flow:before{background:rgb(var(--color-secondary));clip-path:polygon(50% 0,100% 35%,65% 35%,100% 100%,0 48%,36% 48%);height:14px;width:3px}.training-page__mini-copy strong{color:rgb(var(--color-text-primary));display:block;font-size:.875rem;font-weight:600}.training-page__challenge-copy,.training-page__mini-copy p,.training-page__overview-item p,.training-page__personal-note,.training-page__ranking-copy small,.training-page__ranking-meta small{color:rgb(var(--color-text-secondary));font-size:.75rem;line-height:1.5;margin:2px 0 0}.training-page__stats{display:grid;gap:.5rem;grid-template-columns:repeat(4,minmax(0,1fr))}.training-page__stat-card{min-height:76px;padding:12px 14px}.training-page__stat-card span{color:rgb(var(--color-text-tertiary));display:block;font-size:.625rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.training-page__stat-card strong{color:rgb(var(--color-text-primary));display:block;font-size:clamp(1.75rem,2vw,2.25rem);line-height:1;margin-top:10px}.training-page__stat-card_active{box-shadow:inset 0 -3px rgb(var(--color-primary)),0 14px 34px rgba(var(--color-text-primary),.08)}.training-page__challenge-footer,.training-page__personal-footer,.training-page__ranking-head{align-items:center;display:flex;gap:.5rem;justify-content:space-between}.training-page__live{color:rgb(var(--color-primary))}.training-page__ranking-list{display:grid;gap:10px;margin-top:1rem;max-height:480px;overflow-y:auto;overscroll-behavior:contain;padding-right:4px;scrollbar-color:rgba(var(--color-primary),.5) transparent;scrollbar-width:thin}.training-page__ranking-list::-webkit-scrollbar{width:8px}.training-page__ranking-list::-webkit-scrollbar-track{background:transparent}.training-page__ranking-list::-webkit-scrollbar-thumb{background:rgba(var(--color-primary),.34);border-radius:999px}.training-page__ranking-state{color:rgb(var(--color-text-secondary));font-size:.875rem;line-height:1.5;margin:0}.training-page__ranking-item{align-items:center;background:rgba(var(--color-bg-primary),.45);border:1px solid rgba(var(--color-border),.6);border-radius:.75rem;display:grid;gap:10px;grid-template-columns:26px 34px minmax(0,1fr) auto;padding:10px 12px}.training-page__ranking-place{color:rgb(var(--color-text-tertiary));font-size:.75rem;font-weight:600;text-align:center}.training-page__ranking-avatar{border-radius:10px;color:#fff;display:grid;font-size:.8125rem;font-weight:700;height:34px;overflow:hidden;place-items:center;width:34px}.training-page__ranking-avatar img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.training-page__ranking-avatar_cyan{background:linear-gradient(135deg,rgba(var(--color-info),.9),rgba(var(--color-secondary),.85))}.training-page__ranking-avatar_slate{background:linear-gradient(135deg,rgba(var(--color-text-secondary),.8),rgba(var(--color-text-tertiary),.85))}.training-page__ranking-avatar_amber{background:linear-gradient(135deg,rgba(var(--color-warning),.88),rgba(var(--color-accent),.72))}.training-page__personal-score,.training-page__ranking-copy strong,.training-page__ranking-meta strong{color:rgb(var(--color-text-primary))}.training-page__ranking-copy,.training-page__ranking-meta{display:grid;gap:2px;min-width:0}.training-page__ranking-copy strong{font-size:.875rem;line-height:1.2;overflow-wrap:anywhere}.training-page__ranking-meta{grid-column:4;justify-items:end;text-align:right}.training-page__ranking-meta strong{color:rgb(var(--color-primary));font-size:.75rem;font-weight:600;line-height:1.2;white-space:nowrap}.training-page__ranking-copy small,.training-page__ranking-meta small{line-height:1.25}.training-page__personal-score{display:block;font-size:2.5rem;letter-spacing:-.04em;line-height:1;margin:1rem 0 .25rem}.training-page__personal-score span{color:rgb(var(--color-text-secondary));font-size:1.125rem}.training-page__personal-note{margin-bottom:1rem}.training-page__share-button{background:none;border:none;color:rgb(var(--color-primary));font-size:.625rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.training-page__challenge-copy{margin:10px 0 12px}.training-page__challenge-bar{background:rgba(var(--color-border),.5);border-radius:9999px;height:8px;overflow:hidden}.training-page__challenge-bar span{background:linear-gradient(90deg,rgb(var(--color-primary)),rgb(var(--color-secondary)));border-radius:inherit;display:block;height:100%}.training-page__challenge-footer,.training-page__personal-footer{color:rgb(var(--color-text-tertiary));margin-top:10px}.training-page__overview{border-top:1px solid rgba(var(--color-border),.6);display:grid;gap:3rem;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:60px;padding-top:2rem}.training-page__overview-item{min-width:0}.training-page__overview-item p{font-size:.875rem;margin:0}.training-page__seo{border-top:1px solid rgba(var(--color-border),.6);display:grid;gap:2rem;margin-top:56px;padding-top:2rem}.training-page__seo-intro{max-width:920px}.training-page__benefit-card h3,.training-page__faq-item h3,.training-page__seo-intro h2{color:rgb(var(--color-text-primary));margin:0}.training-page__seo-intro h2{font-size:clamp(1.8rem,3vw,2.5rem);letter-spacing:-.03em;line-height:1.04;margin-top:10px}.training-page__seo-intro p{color:rgb(var(--color-text-secondary));font-size:1rem;line-height:1.75;margin:14px 0 0}.training-page__benefits,.training-page__faq-list{display:grid;gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr))}.training-page__benefit-card,.training-page__faq-item{background:linear-gradient(135deg,rgba(var(--color-text-primary),.07),rgba(var(--color-text-primary),.03));border:1px solid rgba(var(--panel-border),.12);border-radius:1rem;box-shadow:0 14px 34px rgba(var(--color-text-primary),.08);min-width:0;padding:18px}[data-theme=light] .training-page__benefit-card,[data-theme=light] .training-page__faq-item{background:linear-gradient(135deg,#fffffff5,#f9fafbf0);box-shadow:0 14px 30px #0f172a0f}.training-page__benefit-card h3,.training-page__faq-item h3{font-size:1rem;line-height:1.35}.training-page__benefit-card p,.training-page__faq-item p{color:rgb(var(--color-text-secondary));font-size:.875rem;line-height:1.7;margin:10px 0 0}.training-page__faq{display:grid;gap:1rem}.training-page__faq-head{align-items:center;display:flex;gap:1rem;justify-content:space-between}.training-page :deep(.typing-training-arena){background:transparent;border:none;border-radius:1rem}.training-page :deep(.training-page__project-input.input),.training-page :deep(.training-page__project-select.select){gap:0;min-width:0}.training-page :deep(.training-page__project-input .input__wrapper){background:rgba(var(--color-bg-primary),.5);border-color:rgba(var(--color-border),.75);border-radius:.5rem;box-shadow:none;height:38px;padding:0 12px}.training-page :deep(.training-page__project-input .input__field),.training-page :deep(.training-page__project-select .select__control),.training-page :deep(.training-page__project-select .select__value){color:rgb(var(--color-text-primary));font-size:.875rem;font-weight:500}.training-page :deep(.training-page__project-input .input__field::-moz-placeholder){color:rgb(var(--color-text-tertiary))}.training-page :deep(.training-page__project-input .input__field::placeholder){color:rgb(var(--color-text-tertiary))}.training-page :deep(.training-page__project-select .select__control){background:rgba(var(--color-bg-primary),.5);border-color:rgba(var(--color-border),.75);border-radius:.5rem;box-shadow:none;height:38px;padding:0 12px}.training-page :deep(.training-page__project-select .select__dropdown){background:rgb(var(--color-bg-secondary));border-color:rgba(var(--color-border),.75)}.training-page :deep(.training-page__project-input .input__wrapper:focus-within),.training-page :deep(.training-page__project-select .select__control:focus-visible),.training-page :deep(.training-page__project-select.select_open .select__control){border-color:rgba(var(--color-primary),.75);box-shadow:0 0 0 3px rgba(var(--color-primary),.1)}@media(max-width:1260px){.training-page__shell{grid-template-columns:240px minmax(0,1fr)}.training-page__rightbar{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1024px){.training-page:before{opacity:.24}.training-page__shell{grid-template-columns:1fr}.training-page__center{order:1}.training-page__sidebar{grid-template-columns:repeat(3,minmax(0,1fr));order:2}.training-page__panel_setup{grid-column:1/-1}.training-page__rightbar{grid-template-columns:repeat(3,minmax(0,1fr));order:3}}@media(max-width:768px){.training-page{padding-top:108px}.training-page__hero{flex-direction:column;gap:1rem}.training-page__hero-copy,.training-page__hero-subtitle{max-width:none}.training-page__hero-actions{width:100%}.training-page__hero-button{flex:1 1 0}.training-page__benefits,.training-page__faq-list,.training-page__overview,.training-page__rightbar,.training-page__sidebar,.training-page__stats{grid-template-columns:1fr}.training-page__overview{gap:1.5rem;margin-top:36px}}@media(max-width:640px){.training-page{padding-top:98px}.training-page .container{padding-left:14px;padding-right:14px}.training-page__hero h1{font-size:2.25rem}.training-page__hero-subtitle{font-size:1rem}.training-page__hero-actions{flex-direction:column}.training-page__hero-button{width:100%}.training-page__ranking-meta{grid-column:3;justify-items:start;text-align:left}}
