/* Conteúdos de produção — GDD, jogos e animação */
body.production{--course:var(--blue-400)}body.production.game-course{--course:var(--orange-400)}body.production.animation-course{--course:var(--purple-400)}
.prod-hero{background:radial-gradient(circle at 78% 34%,color-mix(in oklch,var(--course) 28%,transparent),transparent 28%),radial-gradient(circle at 65% 75%,color-mix(in oklch,var(--course) 12%,transparent),transparent 32%),var(--grad-abyss)}
.prod-hero::before{content:"";position:absolute;right:8%;top:20%;width:min(38vw,480px);aspect-ratio:1;background:linear-gradient(var(--course) 1px,transparent 1px),linear-gradient(90deg,var(--course) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(135deg,#000,transparent 78%);opacity:.12;transform:perspective(600px) rotateY(-18deg) rotateX(12deg)}
.prod-hero .hero-mark{position:absolute;right:8%;top:28%;z-index:1;font:700 clamp(7rem,20vw,16rem)/1 var(--font-display);color:transparent;-webkit-text-stroke:1px color-mix(in oklch,var(--course) 28%,transparent);opacity:.8}
.prod-hero .eyebrow,.production .chapters a b{color:var(--course)}
.production .chapters a.on{background:color-mix(in oklch,var(--course) 18%,transparent);border:1px solid color-mix(in oklch,var(--course) 38%,transparent)}
.course-intro{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);margin-top:var(--space-6)}
.course-intro article{padding:var(--space-5);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-2)}.course-intro b{display:block;margin-bottom:8px;font:700 var(--text-lg) var(--font-display);text-transform:uppercase;color:var(--course)}.course-intro p{margin:0;color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--lh-relaxed)}
.production .lab{padding:var(--space-6);border:1px solid var(--border-default);border-radius:var(--radius-xl);background:linear-gradient(155deg,var(--surface-3),var(--surface-1));box-shadow:var(--shadow-lg),var(--inset-top)}
.production .chip.on{background:color-mix(in oklch,var(--course) 18%,transparent);border-color:color-mix(in oklch,var(--course) 55%,transparent)}
.pipeline{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:10px}.pipeline button{position:relative;min-height:118px;padding:16px 12px;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-2);color:var(--text-secondary);font-family:var(--font-display);font-weight:700;text-transform:uppercase;cursor:pointer;transition:.25s}.pipeline button::after{content:"→";position:absolute;right:-14px;top:50%;z-index:2;color:var(--text-muted)}.pipeline button:last-child::after{display:none}.pipeline button b{display:block;margin-bottom:7px;font:700 var(--text-xs) var(--font-mono);color:var(--course)}.pipeline button:hover,.pipeline button.on{border-color:color-mix(in oklch,var(--course) 65%,transparent);color:var(--text-primary);transform:translateY(-3px);box-shadow:0 10px 30px color-mix(in oklch,var(--course) 13%,transparent)}
.stage-detail{display:grid;grid-template-columns:1fr 1.25fr;gap:var(--space-6);margin-top:var(--space-5);padding:var(--space-6);border-radius:var(--radius-lg);background:var(--surface-1);border:1px solid var(--border-subtle)}.stage-detail h3{color:var(--course)}.stage-detail p{color:var(--text-secondary);line-height:var(--lh-relaxed)}.stage-detail dl{margin:0;display:grid;gap:12px}.stage-detail dl div{padding-bottom:10px;border-bottom:1px solid var(--border-subtle)}.stage-detail dt{font:700 var(--text-xs) var(--font-display);text-transform:uppercase;color:var(--text-muted)}.stage-detail dd{margin:4px 0 0;color:var(--text-primary);font-size:var(--text-sm)}
.meter{height:12px;overflow:hidden;border-radius:99px;background:var(--ink-800);border:1px solid var(--border-subtle)}.meter i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--blue-400),var(--course));transition:width .35s}.meter-label{display:flex;justify-content:space-between;gap:12px;margin-top:8px;font:500 var(--text-xs) var(--font-mono);color:var(--text-muted)}
.gdd-builder{display:grid;grid-template-columns:.9fr 1.1fr;gap:var(--space-5)}.gdd-checks{display:grid;gap:10px}.gdd-checks label{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;padding:13px 15px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-2);cursor:pointer}.gdd-checks input{grid-row:1/3;width:18px;height:18px;margin-top:2px;accent-color:var(--course)}.gdd-checks b{font-family:var(--font-display);text-transform:uppercase}.gdd-checks small{color:var(--text-muted);line-height:1.4}.gdd-preview{position:relative;padding:var(--space-6);min-height:420px;border:1px solid color-mix(in oklch,var(--course) 42%,transparent);border-radius:var(--radius-lg);background:linear-gradient(90deg,color-mix(in oklch,var(--course) 5%,transparent) 1px,transparent 1px),linear-gradient(color-mix(in oklch,var(--course) 5%,transparent) 1px,transparent 1px),var(--surface-1);background-size:22px 22px}.gdd-preview::before{content:"GDD / RASCUNHO VIVO";display:block;margin-bottom:var(--space-5);font:600 var(--text-xs) var(--font-mono);letter-spacing:var(--ls-widest);color:var(--course)}.gdd-preview h3{font-size:var(--text-xl)}.gdd-preview ul{padding-left:1.2em;color:var(--text-secondary);line-height:1.8}.gdd-preview li.off{opacity:.24;text-decoration:line-through}.brief-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.brief-fields label{display:grid;gap:7px;font:600 var(--text-xs) var(--font-display);text-transform:uppercase;color:var(--text-muted)}.brief-fields input,.brief-fields select{width:100%;padding:12px 14px;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-1);color:var(--text-primary);font:inherit}.brief-fields label:first-child{grid-column:1/-1}
.scope-lab{display:grid;grid-template-columns:1fr .85fr;gap:var(--space-6);align-items:center}.sliders{display:grid;gap:var(--space-4)}.srow{display:grid;grid-template-columns:120px 1fr 62px;gap:12px;align-items:center;color:var(--text-secondary)}.srow input{accent-color:var(--course)}.srow output{text-align:right;font:600 var(--text-xs) var(--font-mono);color:var(--course)}.risk-dial{--risk:30;position:relative;width:min(270px,80%);aspect-ratio:1;margin:auto;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--course) calc(var(--risk)*1%),var(--ink-700) 0);box-shadow:0 0 50px color-mix(in oklch,var(--course) 15%,transparent)}.risk-dial::before{content:"";position:absolute;inset:16px;border-radius:50%;background:var(--surface-1)}.risk-dial div{position:relative;text-align:center}.risk-dial b{display:block;font:700 clamp(2.5rem,6vw,4.5rem)/1 var(--font-display);color:var(--text-primary)}.risk-dial span{font:600 var(--text-xs) var(--font-mono);text-transform:uppercase;color:var(--text-muted)}
.frame-lab{display:grid;grid-template-columns:1fr .85fr;gap:var(--space-6)}.frame-stage{position:relative;min-height:300px;display:grid;place-items:center;overflow:hidden;border:1px solid var(--border-default);border-radius:var(--radius-lg);background:radial-gradient(circle at 50% 58%,color-mix(in oklch,var(--course) 12%,transparent),transparent 32%),linear-gradient(180deg,transparent 72%,color-mix(in oklch,var(--course) 8%,transparent) 72% 73%,transparent 73%),var(--bg-deep)}.stick{position:relative;width:120px;height:190px;transform:translateX(calc((var(--pose,0) - 50) * .8px)) translateY(var(--lift,0)) rotate(calc((var(--pose,0) - 50) * .12deg));transition:transform .08s linear;filter:drop-shadow(0 0 8px color-mix(in oklch,var(--course) 48%,transparent))}.stick i{position:absolute;display:block;background:var(--course);border-radius:99px;transform-origin:top}.stick .head{left:42px;top:5px;width:42px;height:42px;border-radius:50%;background:transparent;border:5px solid var(--course)}.stick .body{left:61px;top:46px;width:6px;height:75px;transform:rotate(calc((var(--pose,0) - 50) * -.08deg))}.stick .arm-a,.stick .arm-b{left:62px;top:61px;width:5px;height:68px}.stick .arm-a{transform:rotate(calc(-55deg + var(--pose,0) * .7deg))}.stick .arm-b{transform:rotate(calc(55deg - var(--pose,0) * .25deg))}.stick .leg-a,.stick .leg-b{left:62px;top:116px;width:6px;height:75px}.stick .leg-a{transform:rotate(calc(20deg + var(--pose,0) * .18deg))}.stick .leg-b{transform:rotate(calc(-20deg - var(--pose,0) * .12deg))}.motion-line{position:absolute;left:50%;top:48%;width:180px;height:1px;background:linear-gradient(90deg,transparent,color-mix(in oklch,var(--course) 38%,transparent),transparent);transform:translateX(-50%);opacity:.7}.motion-line.line-a{transform:translateX(-50%) rotate(12deg)}.motion-line.line-b{transform:translateX(-50%) rotate(-16deg);width:140px}.frame-play{position:absolute;left:14px;bottom:14px;z-index:3;padding:9px 13px;border:1px solid color-mix(in oklch,var(--course) 52%,transparent);border-radius:999px;background:rgba(7,11,22,.82);color:var(--text-primary);font:700 var(--text-xs) var(--font-mono);letter-spacing:.06em;text-transform:uppercase;cursor:pointer}.frame-play:hover,.frame-play:focus-visible{background:color-mix(in oklch,var(--course) 18%,var(--bg-deep));box-shadow:0 0 18px color-mix(in oklch,var(--course) 28%,transparent)}.frame-status{position:absolute;right:14px;bottom:19px;color:var(--text-muted);font:600 var(--text-2xs) var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.frame-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:var(--space-5)}.frame-stats div{padding:14px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-2)}.frame-stats b{display:block;font:700 var(--text-xl) var(--font-display);color:var(--course)}.frame-stats span{font-size:var(--text-xs);color:var(--text-muted)}
.deliverables{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:var(--space-4)}.deliverables article{padding:var(--space-5);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-2)}.deliverables .ico{display:grid;place-items:center;width:42px;height:42px;margin-bottom:14px;border-radius:12px;background:color-mix(in oklch,var(--course) 17%,transparent);color:var(--course);font:700 var(--text-lg) var(--font-mono)}.deliverables h3{font-size:var(--text-lg)}.deliverables p{margin:0;color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--lh-relaxed)}
@media(max-width:900px){.pipeline{grid-template-columns:repeat(2,minmax(0,1fr))}.pipeline button::after{display:none}.stage-detail,.gdd-builder,.scope-lab,.frame-lab{grid-template-columns:1fr}.course-intro{grid-template-columns:1fr}.prod-hero .hero-mark{opacity:.25}.gdd-preview{min-height:0}}
@media(max-width:560px){.pipeline{grid-template-columns:1fr}.brief-fields{grid-template-columns:1fr}.brief-fields label:first-child{grid-column:auto}.srow{grid-template-columns:90px 1fr 52px}.production .lab{padding:var(--space-4)}}