.tutorial-page.svelte-yysw99{--course-accent:#2364a5;--course-muted:#536579;--course-border:#d8e1eb;--course-surface:#fff;--course-ink:#182c43;width:100%;min-width:0;color:var(--course-ink)}.dark .tutorial-page.svelte-yysw99{--course-accent:#87bbf0;--course-muted:#a0b1c6;--course-border:#2b3c52;--course-surface:#101e30;--course-ink:#ecf3fc}.tutorial-page.svelte-yysw99 a:where(.svelte-yysw99){text-decoration:none}.course.svelte-yysw99{max-width:1240px;margin-inline:auto;padding:12px 24px 64px}.course-topline.svelte-yysw99,.chapter-topline.svelte-yysw99,.chapters-heading.svelte-yysw99,.chapter-footer.svelte-yysw99{justify-content:space-between;align-items:center;gap:16px;display:flex}.eyebrow.svelte-yysw99{color:var(--course-accent);letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:750}.quiet-button.svelte-yysw99{border:1px solid var(--course-border);min-height:38px;color:var(--course-ink);white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;gap:9px;padding:7px 12px;font-size:13px;font-weight:600;display:inline-flex}.quiet-button.svelte-yysw99:hover{background:color-mix(in srgb, var(--course-accent) 9%, transparent)}.course-intro.svelte-yysw99{border-bottom:1px solid var(--course-border);grid-template-columns:1fr 200px;align-items:center;gap:40px;padding:35px 0 32px;display:grid}h1.svelte-yysw99{color:var(--course-ink);margin:0;font-size:clamp(24px,3vw,36px);font-weight:750;line-height:1.2}.course-intro.svelte-yysw99 p:where(.svelte-yysw99){max-width:590px;color:var(--course-muted);margin:18px 0 0;font-size:15px;line-height:1.6}.course-progress.svelte-yysw99{background:color-mix(in srgb, var(--course-accent) 7%, var(--course-surface));border:1px solid var(--course-border);border-radius:10px;gap:8px;padding:22px;display:grid}.course-progress.svelte-yysw99>strong:where(.svelte-yysw99){font-size:34px;font-weight:750;line-height:1}.course-progress.svelte-yysw99 strong:where(.svelte-yysw99) span:where(.svelte-yysw99){color:var(--course-muted);font-size:20px;font-weight:400}.course-progress.svelte-yysw99>span:where(.svelte-yysw99){color:var(--course-muted);font-size:12px}.progress-track.svelte-yysw99{background:var(--course-border);border-radius:6px;height:5px;overflow:hidden}.progress-track.svelte-yysw99>span:where(.svelte-yysw99){border-radius:inherit;background:#3986bd;height:100%;display:block}.chapters-heading.svelte-yysw99{align-items:baseline;margin:26px 0 16px}.chapters-heading.svelte-yysw99 h2:where(.svelte-yysw99){margin:0;font-size:18px;font-weight:700}.chapters-heading.svelte-yysw99 p:where(.svelte-yysw99){color:var(--course-muted);margin:0;font-size:13px}.chapters.svelte-yysw99{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:0;padding:0;list-style:none;display:grid}.chapter-card.svelte-yysw99{border:1px solid var(--course-border);background:var(--course-surface);border-radius:10px;flex-direction:column;height:100%;padding:24px;display:flex;box-shadow:0 3px 12px #10273f05}.chapter-number.svelte-yysw99{width:36px;height:36px;color:var(--course-accent);background:color-mix(in srgb, var(--course-accent) 10%, transparent);border-radius:8px;place-items:center;font-size:14px;font-weight:750;display:grid}.completed-label.svelte-yysw99{color:#28785a;align-items:center;gap:6px;font-size:12px;display:inline-flex}.dark .completed-label.svelte-yysw99{color:#87ceb3}.chapter-card.svelte-yysw99 h3:where(.svelte-yysw99){color:var(--course-ink);margin:18px 0 10px;font-size:20px;font-weight:700;line-height:1.3}.chapter-card.svelte-yysw99 p:where(.svelte-yysw99){color:var(--course-muted);margin:0 0 24px;font-size:14px;line-height:1.6}.chapter-footer.svelte-yysw99{margin-top:auto}.chapter-progress.svelte-yysw99{min-width:90px;color:var(--course-muted);font-size:12px}.chapter-progress.svelte-yysw99 .progress-track:where(.svelte-yysw99){margin-top:5px}.chapter-action.svelte-yysw99{color:#fff;background:#215c98;border:1px solid #215c98;border-radius:6px;justify-content:space-between;align-items:center;gap:24px;min-height:42px;padding:10px 14px;font-size:13px;font-weight:650;display:inline-flex}.chapter-action.svelte-yysw99:hover{color:#fff;background:#184778}.chapter-action.replay.svelte-yysw99{color:var(--course-ink);border-color:var(--course-border);background:0 0}.chapter-action.replay.svelte-yysw99:hover{background:color-mix(in srgb, var(--course-accent) 9%, transparent)}a.svelte-yysw99:focus-visible{outline:3px solid var(--course-accent);outline-offset:3px}.empty-state.svelte-yysw99{color:var(--course-muted);padding:32px}.playing.svelte-yysw99{height:calc(100dvh - var(--navbar-height,64px));flex-direction:column;min-height:360px;display:flex}.lesson-header.svelte-yysw99{border-bottom:1px solid var(--course-border);align-items:center;gap:16px;padding:8px 16px;display:flex}.lesson-title.svelte-yysw99{flex:1;align-items:center;gap:12px;min-width:0;font-size:13px;display:flex}.lesson-title.svelte-yysw99>span:where(.svelte-yysw99){color:var(--course-muted)}.lesson-title.svelte-yysw99>strong:where(.svelte-yysw99){white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.lesson-frame.svelte-yysw99{flex:1;min-height:0;position:relative}.lesson-completion.svelte-yysw99{flex:none;align-items:center;margin-left:auto;display:flex}.lesson-completion.svelte-yysw99 .chapter-action:where(.svelte-yysw99){white-space:nowrap;padding:7px 12px;font-size:13px}iframe.svelte-yysw99{border:0;width:100%;height:100%;display:block}.loading-notice.svelte-yysw99{z-index:2;border:1px solid var(--course-border);background:var(--course-surface);max-width:calc(100% - 24px);color:var(--course-ink);border-radius:6px;padding:8px 16px;position:absolute;top:12px;left:50%;transform:translate(-50%);box-shadow:0 3px 12px #0002}.error-notice.svelte-yysw99{border-color:#b65a3d}@media (width<=640px){.course.svelte-yysw99{padding:20px 16px 40px}.course-intro.svelte-yysw99{grid-template-columns:1fr;gap:20px;padding-top:28px}.course-progress.svelte-yysw99{grid-template-columns:auto 1fr;align-items:center;gap:8px 16px;padding:14px 18px}.course-progress.svelte-yysw99>strong:where(.svelte-yysw99){grid-row:span 2;font-size:30px}.chapters-heading.svelte-yysw99{display:block}.chapters-heading.svelte-yysw99 p:where(.svelte-yysw99){margin-top:6px}.chapters.svelte-yysw99{grid-template-columns:1fr;gap:14px}.chapter-card.svelte-yysw99{padding:20px}.lesson-header.svelte-yysw99{flex-wrap:wrap;gap:10px;padding:7px 10px}.lesson-title.svelte-yysw99{flex-basis:100%;order:-1;gap:8px;font-size:12px}.lesson-title.svelte-yysw99>span:where(.svelte-yysw99){white-space:nowrap;text-overflow:ellipsis;max-width:40%;overflow:hidden}.back-game.svelte-yysw99{display:none}}