.player-main{min-height:70vh;padding-block:0 4rem}.player-main>section.player{padding-block:2rem 0!important}.player-main>section.p-state{padding-block:4rem!important}.p-state{padding-block:3rem}.p-card{background:var(--color-surface);border:1px solid var(--color-border-strong);width:min(100% - 2.5rem,640px);box-shadow:var(--shadow-lg);border-radius:28px;margin-inline:auto;padding:clamp(2rem,5vw,3.25rem)}.p-center{text-align:center;justify-items:center;gap:1.25rem;display:grid}.p-emoji{font-size:3.5rem;line-height:1}.p-center h1{margin:0;font-size:clamp(1.8rem,4vw,2.4rem)}.p-sub{color:var(--color-text-muted);max-width:46ch;margin:0}.p-fine{color:var(--color-text-muted);margin:0;font-size:.95rem}.p-error{color:#f87171;margin:0;font-weight:500}.p-back{color:var(--color-text-muted);font-size:1rem;text-decoration:none}.p-back:hover{color:var(--color-accent-ink);text-decoration:none}.p-load{color:var(--color-text-muted);justify-content:center;align-items:center;gap:.9rem;margin:0;display:flex}.p-spin{border:3px solid var(--color-border-strong);border-top-color:var(--color-accent);border-radius:50%;width:22px;height:22px;animation:.8s linear infinite spin}.p-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem 2rem;margin-bottom:2rem;display:flex}.p-progress{min-width:min(100%,320px);color:var(--color-text-muted);gap:.5rem;font-size:.95rem;display:grid}.p-grid{grid-template-columns:340px minmax(0,1fr);align-items:start;gap:clamp(1.5rem,3vw,3rem);display:grid}@media (width<=960px){.p-grid{grid-template-columns:1fr}.p-side{order:2}}.p-side{background:var(--color-surface);border:1px solid var(--color-border);border-radius:24px;max-height:calc(100vh - 130px);padding:1.25rem;position:sticky;top:100px;overflow-y:auto}@media (width<=960px){.p-side{max-height:none;position:static}}.p-sec{font:600 .78rem/1.2 var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted);margin:1.25rem 0 .6rem}.p-sec:first-child{margin-top:.25rem}.p-lesson{width:100%;color:var(--color-text);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:.8rem;margin:0 0 .25rem;padding:.7rem .8rem;font-size:1rem;line-height:1.35;transition:background .2s,border-color .2s;display:flex}.p-lesson:hover{background:var(--color-surface-2)}.p-lesson[aria-current=true]{background:var(--color-accent-subtle);border-color:color-mix(in srgb, var(--color-accent) 45%, transparent)}.p-tick{border:2px solid var(--color-border-strong);color:#0000;border-radius:50%;flex:none;place-items:center;width:26px;height:26px;font-size:.8rem;font-weight:800;display:grid}.p-lesson.done .p-tick{background:var(--color-ok);border-color:var(--color-ok);color:#04130d}.p-lesson small{color:var(--color-text-muted);font-size:.82rem;display:block}.p-main{background:var(--color-surface);border:1px solid var(--color-border);border-radius:28px;outline:none;min-width:0;padding:clamp(1.5rem,4vw,3rem)}.p-kicker{font:600 .85rem/1 var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--color-accent-ink);margin:0 0 1rem}.p-main h1{margin:0 0 1.75rem;font-size:clamp(1.9rem,4vw,2.75rem)}.p-body{max-width:68ch;color:var(--color-text);font-size:1.15rem;line-height:1.8}.p-body h2{margin:2.25rem 0 1rem;font-size:1.7rem}.p-body h3{margin:2rem 0 .75rem;font-size:1.3rem}.p-body p{margin:0 0 1.25rem}.p-body ul,.p-body ol{margin:0 0 1.5rem;padding-left:1.6rem}.p-body ul{list-style:outside}.p-body ol{list-style:decimal}.p-body li::marker{color:var(--color-accent-ink);font-weight:700}.p-body li{margin-bottom:.6rem}.p-body strong{color:var(--color-primary)}.p-body blockquote{border-left:4px solid var(--color-accent);background:var(--color-accent-subtle);border-radius:0 16px 16px 0;margin:1.75rem 0;padding:1.25rem 1.5rem}.p-body blockquote p{margin:0}.p-video{aspect-ratio:16/9;border:0;border-radius:18px;width:100%;margin-bottom:1.5rem}.p-quiz{border-top:1px solid var(--color-border);margin-top:3rem;padding-top:2.5rem}.p-quiz h2{margin:0 0 .5rem;font-size:1.6rem}.p-q{border:0;min-width:0;margin:2rem 0 0;padding:0}.p-q legend{font:600 1.2rem/1.4 var(--font-display);color:var(--color-primary);margin-bottom:1rem;padding:0}.p-q .hint{color:var(--color-text-muted);font-size:.9rem;font-weight:400}.p-opt{border:2px solid var(--color-border);background:var(--color-surface-2);cursor:pointer;border-radius:14px;align-items:flex-start;gap:.9rem;margin-bottom:.7rem;padding:.95rem 1.1rem;transition:border-color .2s,background .2s;display:flex}.p-opt:hover{border-color:var(--color-accent)}.p-opt:has(input:checked){border-color:var(--color-accent);background:var(--color-accent-subtle)}.p-opt input{width:20px;height:20px;accent-color:var(--color-accent);flex:none;margin-top:.3rem;padding:0}.p-opt.right{border-color:var(--color-ok)!important;background:color-mix(in srgb, var(--color-ok) 12%, transparent)!important}.p-opt.wrong{background:#f871711f!important;border-color:#f87171!important}.p-why{background:var(--color-surface-2);color:var(--color-text-muted);border-radius:12px;margin:.6rem 0 0;padding:.9rem 1.1rem;font-size:1rem}.p-why b{color:var(--color-text)}.p-result{border-radius:18px;margin:2rem 0 0;padding:1.25rem 1.5rem;font-size:1.1rem;font-weight:600}.p-result.pass{background:color-mix(in srgb, var(--color-ok) 14%, transparent);border:1px solid var(--color-ok)}.p-result.fail{background:#f871711f;border:1px solid #f87171}.p-actions{flex-wrap:wrap;align-items:center;gap:.9rem;margin-top:2.25rem;display:flex}.p-msg{color:#f87171;margin:1rem 0 0;font-weight:500}.p-cert{background:radial-gradient(circle at 15% 0%, var(--glow), transparent 60%), var(--color-bg-2);border:1px solid color-mix(in srgb, var(--color-reward) 55%, transparent);border-radius:22px;margin-bottom:2.5rem;padding:1.75rem}.p-cert h2{margin:0 0 .5rem;font-size:1.5rem}.p-cert p{color:var(--color-text-muted);margin:0 0 1.25rem}.p-cert form{flex-wrap:wrap;gap:.75rem;display:flex}.p-cert input{border-radius:12px;flex:260px;min-height:48px;font-size:1.05rem}