.dracula{--dev-surface-0:var(--d-bg);--dev-surface-1:var(--d-bg-2);--dev-surface-2:var(--d-current);--dev-line:var(--d-current);--dev-line-strong:color-mix(in srgb,var(--d-comment) 55%,transparent);--dev-ink:var(--d-fg);--dev-ink-soft:color-mix(in srgb,var(--d-fg) 84%,transparent);--dev-ink-dim:var(--d-comment-texto);--dev-accent:var(--d-purple);--dev-accent-ink:var(--d-bg);--dev-signal:var(--d-cyan);--dev-ok:var(--d-green);--dev-warn:var(--d-yellow);--dev-alert:var(--d-orange);--dev-danger:var(--d-red);--dev-mark:var(--d-pink);--dev-space-1:0.25rem;--dev-space-2:0.5rem;--dev-space-3:0.75rem;--dev-space-4:1rem;--dev-space-5:1.5rem;--dev-space-6:2rem;--dev-space-7:3rem;--dev-text-2xs:0.65rem;--dev-text-xs:0.72rem;--dev-text-sm:0.82rem;--dev-text-base:0.9rem;--dev-text-md:1rem;--dev-text-lg:clamp(1.15rem,0.9rem + 0.8vw,1.4rem);--dev-text-xl:clamp(1.6rem,1.2rem + 1.6vw,1.9rem);--dev-text-2xl:clamp(1.8rem,1.2rem + 2.6vw,2.8rem);--dev-radius-sm:5px;--dev-radius-md:9px;--dev-radius-lg:var(--d-radius);--dev-radius-pill:999px;--dev-dur-fast:0.15s;--dev-dur-base:0.25s;--dev-ease:cubic-bezier(0.22,1,0.36,1);--dev-ring-width:2px;--dev-ring-offset:2px;--dev-ring-color:var(--d-cyan);--dev-measure:68ch;--dev-canvas:min(100%,1120px)}@media (min-width:1600px){.dracula{--dev-canvas:min(100%,1320px)}}@media (min-width:2200px){.dracula{--dev-canvas:min(100%,1440px)}}.dracula :is(a,button,input,textarea,select,summary,[tabindex]):focus-visible{outline:var(--dev-ring-width) solid var(--dev-ring-color);outline-offset:var(--dev-ring-offset);border-radius:var(--dev-radius-sm)}.dracula .dv-copy:focus-visible,.dracula .dv-dock a:focus-visible,.dracula .dv-filter:focus-visible,.dracula .dv-tab:focus-visible{border-radius:var(--dev-radius-pill)}.dracula :is(.dv-search,.dv-tool-field):focus-visible{border-radius:var(--dev-radius-md)}.dv-skip{position:absolute;left:var(--dev-space-2);top:var(--dev-space-2);z-index:60;padding:var(--dev-space-2) var(--dev-space-4);border-radius:var(--dev-radius-md);background:var(--dev-accent);color:var(--dev-accent-ink);font-size:var(--dev-text-sm);font-weight:700;transform:translateY(-200%);transition:transform var(--dev-dur-fast) var(--dev-ease)}.dv-skip:focus-visible{transform:translateY(0)}.dv-section{margin-top:var(--dev-space-7)}.dv-section-head{display:flex;align-items:baseline;gap:var(--dev-space-3);flex-wrap:wrap;padding-bottom:var(--dev-space-2);border-bottom:1px solid var(--dev-line)}.dv-section-id{flex:none;font-size:var(--dev-text-2xs);font-weight:700;letter-spacing:.08em;color:var(--dev-accent)}.dv-section-head h2{font-size:var(--dev-text-md);font-weight:700;color:var(--dev-alert);line-height:1.2}.dv-section-meta{margin-left:auto;font-size:var(--dev-text-2xs);letter-spacing:.04em;color:var(--dev-ink-dim);text-transform:uppercase}.dv-section-note{flex-basis:100%;max-width:var(--dev-measure);margin-top:var(--dev-space-1);font-size:var(--dev-text-sm);color:var(--dev-ink-dim)}.dv-section-body{margin-top:var(--dev-space-4)}.dv-meta{display:flex;flex-wrap:wrap;gap:var(--dev-space-2) var(--dev-space-4);font-size:var(--dev-text-2xs);color:var(--dev-ink-dim);letter-spacing:.03em}.dv-meta>*{display:inline-flex;align-items:baseline;gap:var(--dev-space-1)}.dv-meta .k,.dv-meta dt{text-transform:uppercase}.dv-meta .v,.dv-meta dd{margin:0;color:var(--dev-ink);font-weight:600}.dv-stack{display:grid;gap:var(--dev-space-4)}.dv-stack-tight{display:grid;gap:var(--dev-space-2)}.dv-stack-loose{display:grid;gap:var(--dev-space-5)}.dv-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--dev-space-2)}.dv-panel-head h3{min-width:0;overflow-wrap:anywhere;font-size:var(--dev-text-md);line-height:1.25}.dv-panel-head>:not(h3){flex:none}.dv-panel-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--dev-space-3);margin-top:var(--dev-space-3);padding-top:var(--dev-space-3);border-top:1px solid var(--dev-line);font-size:var(--dev-text-sm)}.dv-panel-foot:empty{display:none}.dv-objects{display:grid;gap:var(--dev-space-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,17.5rem),1fr))}.dv-out{display:inline-flex;align-items:center;gap:var(--dev-space-1);font-size:var(--dev-text-sm);color:var(--dev-mark)}.dv-out:before{content:"❯";color:var(--dev-ink-dim)}.dv-out[data-external=true]:after{content:"↗";font-size:.85em;opacity:.7}.dv-out:hover{text-decoration:underline}.dv-cover{display:block;width:100%;aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;border-radius:var(--dev-radius-md);border:1px solid var(--dev-line);background:var(--dev-surface-0)}.dv-cover-empty{display:grid;place-items:center;color:var(--dev-ink-dim);font-size:var(--dev-text-sm);text-align:center;padding:var(--dev-space-3)}.dv-table-wrap{overflow-x:auto;border:1px solid var(--dev-line);border-radius:var(--dev-radius-lg);background:var(--dev-surface-1)}.dv-table{width:100%;border-collapse:collapse;font-size:var(--dev-text-sm);text-align:left}.dv-table thead th{padding:var(--dev-space-2) var(--dev-space-3);border-bottom:1px solid var(--dev-line);font-size:var(--dev-text-2xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--dev-ink-dim);white-space:nowrap}.dv-table tbody th,.dv-table td{padding:var(--dev-space-2) var(--dev-space-3);border-top:1px solid color-mix(in srgb,var(--dev-line) 55%,transparent);vertical-align:baseline;font-weight:400}.dv-table tbody th{white-space:nowrap}.dv-table td{color:var(--dev-ink-soft)}.dv-table tbody tr:hover{background:color-mix(in srgb,var(--dev-surface-2) 45%,transparent)}.dracula .dv-versao{display:inline-flex;align-items:center;gap:var(--dev-space-2);padding:.25rem .7rem .25rem .55rem;border:1px solid var(--dev-line);border-radius:var(--dev-radius-pill);background:color-mix(in srgb,var(--dev-surface-0) 70%,transparent);font-size:var(--dev-text-2xs);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;transition:border-color var(--dev-dur-fast) var(--dev-ease),background var(--dev-dur-fast) var(--dev-ease)}.dracula .dv-versao:hover{border-color:var(--dev-accent);background:var(--dev-surface-0)}.dracula .dv-versao-k{color:var(--dev-ink-dim)}.dracula .dv-versao-v{color:var(--dev-ok);font-weight:700;letter-spacing:.02em;text-transform:none}.dracula .dv-versao-led{width:7px;height:7px;border-radius:50%;background:var(--dev-ok);box-shadow:0 0 0 0 color-mix(in srgb,var(--dev-ok) 60%,transparent);animation:dv-versao-pulso 2.4s ease-out infinite}.dracula .dv-versao[data-origem=pacote] .dv-versao-v{color:var(--dev-warn)}.dracula .dv-versao[data-origem=pacote] .dv-versao-led{background:var(--dev-warn);animation:none}@keyframes dv-versao-pulso{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--dev-ok) 60%,transparent)}70%,to{box-shadow:0 0 0 6px transparent}}@media (prefers-reduced-motion:reduce){.dracula .dv-caret,.dracula .dv-hero h1 span.p,.dracula .dv-logo .blink,.dracula .dv-mf-prompt:after,.dracula .dv-pulso-led,.dracula .dv-versao-led,.dracula .learn-connector[data-filled=true]:after,.dracula .learn-node[data-state=current] .learn-node-dot{animation:none}.dracula *,.dracula :after,.dracula :before{transition-duration:.01ms;scroll-behavior:auto}.dracula .dv-card:hover,.dracula .dv-dock a:hover{transform:none}}.dracula{--d-bg:#282a36;--d-bg-2:#21222c;--d-current:#44475a;--d-fg:#f8f8f2;--d-comment:#6272a4;--d-comment-texto:#7b90cf;--d-cyan:#8be9fd;--d-green:#50fa7b;--d-orange:#ffb86c;--d-pink:#ff79c6;--d-purple:#bd93f9;--d-red:#ff5555;--d-yellow:#f1fa8c;--d-radius:12px;--d-mono:var(--font-mono,ui-monospace,"SF Mono",Menlo,monospace);background:var(--d-bg);color:var(--d-fg);min-height:100vh;font-family:var(--d-mono);-webkit-font-smoothing:antialiased}.dv-container{width:100%;max-width:var(--dev-canvas);margin:0 auto;padding-inline:clamp(.85rem,.4rem + 2vw,2rem);padding-block:var(--dev-space-5) 6.5rem}.dv-head{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--d-bg-2) 92%,transparent);backdrop-filter:blur(10px)}.dv-head,.dv-topbar{border-bottom:1px solid var(--d-current)}.dv-topbar{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.25rem}.dv-logo{display:inline-flex;align-items:center;gap:.5rem;font-weight:800;letter-spacing:.02em}.dv-logo .lr{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:var(--d-purple);color:var(--d-bg);font-size:.85rem}.dv-logo .blink{color:var(--d-green);animation:dv-blink 1.1s steps(2) infinite}@keyframes dv-blink{50%{opacity:0}}.dv-dock{display:flex;gap:.15rem;width:-moz-fit-content;width:fit-content;margin:.5rem auto;padding:.4rem;border-radius:16px;background:color-mix(in srgb,var(--d-bg-2) 96%,transparent);border:1px solid var(--d-current);box-shadow:0 6px 24px rgba(0,0,0,.45);max-width:calc(100vw - 2rem);overflow-x:auto}.dv-dock a{display:grid;place-items:center;gap:2px;padding:.5rem .6rem;border-radius:11px;color:var(--d-comment-texto);font-size:.6rem;text-transform:uppercase;letter-spacing:.03em;transition:color .15s,background .15s,transform .15s}.dv-dock a:hover{color:var(--d-fg);background:var(--d-current);transform:translateY(-3px)}.dv-dock a[data-active=true]{color:var(--d-bg);background:var(--d-purple)}.dv-dock a[data-active=true] .dock-lbl{color:var(--d-bg)}.dv-dock .dock-lbl{white-space:nowrap}.dv-nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;padding:.75rem 1.25rem;background:color-mix(in srgb,var(--d-bg-2) 92%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--d-current)}.dv-brand{font-weight:700;color:var(--d-green);margin-right:.75rem}.dv-brand .dv-prompt{color:var(--d-pink)}.dv-navlink{padding:.35rem .7rem;border-radius:8px;font-size:.85rem;color:var(--d-comment-texto);transition:color .15s,background .15s}.dv-navlink:hover{color:var(--d-fg);background:var(--d-current)}.dv-navlink[data-active=true]{color:var(--d-bg);background:var(--d-purple);font-weight:600}.dv-kicker{color:var(--d-comment-texto);font-size:.8rem}.dv-kicker .tok-fn{color:var(--d-green)}.dv-kicker .tok-str{color:var(--d-yellow)}.dv-title{font-size:1.9rem;font-weight:700;color:var(--d-fg);margin-top:.25rem}.dv-title .accent{color:var(--d-purple)}.dv-sub{color:var(--d-comment-texto);margin-top:.35rem;max-width:46rem}.dv-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:1.75rem}.dv-card{background:var(--d-bg-2);border:1px solid var(--d-current);border-radius:var(--d-radius);padding:1.1rem;transition:border-color .15s,transform .15s}.dv-card:hover{border-color:var(--d-purple);transform:translateY(-2px)}.dv-card h3{color:var(--d-cyan);font-weight:600}.dv-card p{color:var(--d-fg);opacity:.82;font-size:.9rem;margin-top:.4rem}.dv-tag{display:inline-block;padding:.1rem .55rem;background:var(--d-current);color:var(--d-cyan)}.dv-status,.dv-tag{border-radius:999px;font-size:.72rem}.dv-status{display:inline-flex;align-items:center;gap:.35rem;padding:.12rem .6rem;font-weight:600}.dv-status.idea,.dv-status.wip{background:color-mix(in srgb,var(--d-yellow) 22%,transparent);color:var(--d-yellow)}.dv-status.mvp,.dv-status.playtest{background:color-mix(in srgb,var(--d-orange) 22%,transparent);color:var(--d-orange)}.dv-status.building{background:color-mix(in srgb,var(--d-cyan) 22%,transparent);color:var(--d-cyan)}.dv-status.done,.dv-status.stable{background:color-mix(in srgb,var(--d-green) 22%,transparent);color:var(--d-green)}.dv-status.archived,.dv-status.paused{background:var(--d-current);color:var(--d-comment-texto)}.dv-link{color:var(--d-pink);text-decoration:none}.dv-link:hover{text-decoration:underline}.dv-code{background:var(--d-bg-2);border:1px solid var(--d-current);border-radius:10px;padding:.9rem 1rem;overflow-x:auto;font-size:.82rem;color:var(--d-fg);white-space:pre}.dv-hero{border:1px solid var(--d-current);border-radius:var(--d-radius);background:radial-gradient(120% 140% at 100% 0,color-mix(in srgb,var(--d-purple) 18%,transparent),transparent 55%),var(--d-bg-2);padding:1.5rem;margin-top:1.25rem}.dv-hero .term{color:var(--d-comment-texto);font-size:.8rem}.dv-hero .term .tok-fn{color:var(--d-green)}.dv-hero .term .tok-str{color:var(--d-yellow)}.dv-hero :is(h1,p.dv-hero-title){font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;line-height:1.05;margin-top:.5rem}.dv-hero :is(h1,p.dv-hero-title) .g{color:var(--d-green)}.dv-hero :is(h1,p.dv-hero-title) .p{color:var(--d-purple)}.dv-hero :is(h1,p.dv-hero-title) .c{color:var(--d-cyan)}.dv-hero p{color:var(--d-fg);opacity:.8;margin-top:.6rem;max-width:44rem}.dv-stats{display:grid;gap:var(--dev-space-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,9.5rem),1fr));margin-top:var(--dev-space-5)}.dv-stat{border:1px solid var(--d-current);border-radius:var(--d-radius);background:var(--d-bg-2);padding:var(--dev-space-4);transition:border-color var(--dev-dur-fast) var(--dev-ease)}.dv-stat:hover{border-color:var(--dev-accent)}.dv-stat .n{font-size:1.9rem;font-weight:800;line-height:1}.dv-stat .l{color:var(--d-comment-texto);font-size:.78rem;margin-top:.35rem}.dv-section-title{display:flex;align-items:center;gap:.5rem;margin:2rem 0 .25rem;color:var(--d-orange);font-weight:700;font-size:.95rem}.dv-section-title:before{content:"▍";color:var(--d-purple)}.dv-chip-row{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.75rem}.dv-card{position:relative}.dv-card:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:0 0 0 0 transparent;transition:box-shadow .25s}.dv-card:hover:after{box-shadow:0 0 22px -6px var(--d-purple)}.dv-hero{position:relative;overflow:hidden}.dv-hero:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,.02) 3px);pointer-events:none}.dv-caret{color:var(--d-green);animation:dv-blink 1.1s steps(2) infinite}.dv-controls{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-top:1.25rem}.dv-filter{padding:.3rem .7rem;border-radius:999px;border:1px solid var(--d-current);background:transparent;color:var(--d-comment-texto);font-size:.75rem;cursor:pointer;transition:all .15s}.dv-filter:hover{color:var(--d-fg);border-color:var(--d-comment)}.dv-filter[data-on=true]{color:var(--d-bg);background:var(--d-purple);border-color:var(--d-purple)}.dv-search{flex:1;min-width:180px;background:var(--d-bg-2);border:1px solid var(--d-current);border-radius:10px;padding:.5rem .8rem;color:var(--d-fg);font-size:.85rem;outline:none}.dv-search:focus{border-color:var(--d-purple)}.dv-count{color:var(--d-comment-texto);font-size:.75rem}.dv-timeline{position:relative;margin-top:1.5rem;padding-left:1.5rem;list-style:none}.dv-timeline:before{content:"";position:absolute;left:5px;top:4px;bottom:4px;width:2px;background:var(--d-current)}.dv-tl-item{position:relative;padding-bottom:1.75rem}.dv-tl-item:before{content:"";position:absolute;left:-1.5rem;top:6px;width:12px;height:12px;border-radius:50%;background:var(--d-bg);border:2px solid var(--d-purple)}.dv-tl-date{display:block;color:var(--d-comment-texto);font-size:.75rem}.dv-tl-item h3{color:var(--d-cyan);font-weight:700;margin-top:.15rem}.dv-prose{color:var(--d-fg);opacity:.86;font-size:.9rem;margin-top:.5rem}.dv-prose h2{color:var(--d-orange);font-size:1rem;font-weight:700;margin:.75rem 0 .25rem}.dv-prose code{background:var(--d-bg);padding:.05rem .35rem;border-radius:5px;color:var(--d-green)}.dv-prose ul{margin:.4rem 0 .4rem 1.1rem;list-style:disc}.dv-prose a{color:var(--d-pink)}.dv-snippet{position:relative}.dv-snippet .lang{position:absolute;top:.6rem;right:.6rem;font-size:.65rem;text-transform:uppercase}.dv-copy,.dv-snippet .lang{color:var(--d-comment-texto)}.dv-copy{display:inline-flex;align-items:center;gap:.35rem;font-size:.72rem;background:transparent;border:1px solid var(--d-current);border-radius:8px;padding:.25rem .6rem;cursor:pointer;transition:all .15s}.dv-copy:hover{color:var(--d-green);border-color:var(--d-green)}.dv-code{--sh-class:#8be9fd;--sh-identifier:#f8f8f2;--sh-sign:#6272a4;--sh-property:#50fa7b;--sh-entity:#50fa7b;--sh-jsxliterals:#bd93f9;--sh-string:#f1fa8c;--sh-keyword:#ff79c6;--sh-comment:#6272a4}.dv-code .sh__line{display:block}.dv-toolbox{border:1px solid var(--d-current);border-radius:var(--d-radius);background:var(--d-bg-2);padding:1.1rem;margin-top:1.25rem}.dv-tabs{display:flex;gap:.35rem;flex-wrap:wrap;margin-bottom:.9rem}.dv-tab{padding:.35rem .8rem;border-radius:9px;border:1px solid var(--d-current);background:transparent;color:var(--d-comment-texto);font-size:.78rem;cursor:pointer}.dv-tab[data-on=true]{background:var(--d-current);color:var(--d-fg)}.dv-tool-field{width:100%;background:var(--d-bg);border:1px solid var(--d-current);border-radius:9px;padding:.6rem .75rem;color:var(--d-fg);font-family:var(--d-mono);font-size:.85rem;outline:none;resize:vertical}.dv-tool-field:focus{border-color:var(--d-cyan)}.dv-tool-out{margin-top:.6rem;padding:.6rem .75rem;border-radius:9px;background:var(--d-bg);color:var(--d-green);font-size:.85rem;word-break:break-word;white-space:pre-wrap}.dv-empty,.dv-tool-out{border:1px dashed var(--d-current)}.dv-empty{border-radius:var(--d-radius);padding:2rem;text-align:center;color:var(--d-comment-texto);margin-top:1.5rem}.learn-code{font-family:var(--d-mono);font-size:.82em;background:var(--d-current);color:var(--d-cyan);padding:.05rem .35rem;border-radius:5px}.learn-lang{display:inline-flex;align-items:center;gap:.4rem}.learn-lang[data-on=true]{color:var(--learn-accent);border-color:var(--learn-accent)}.learn-lang:disabled{opacity:.55;cursor:not-allowed}.learn-soon{font-size:.62rem;text-transform:uppercase;letter-spacing:.04em;color:var(--d-comment-texto);border:1px solid var(--d-current);border-radius:999px;padding:0 .4rem}.learn-lead{margin-top:1rem}.learn-tagline{color:var(--d-fg);opacity:.85;max-width:46rem}.learn-course{color:var(--d-comment-texto);font-size:.82rem;margin-top:.35rem}.learn-bar{height:6px;border-radius:999px;background:var(--d-current);overflow:hidden;margin-top:.9rem}.learn-bar>span{display:block;height:100%;border-radius:inherit;transition:width .3s}.learn-phases{display:grid;gap:1.1rem}.learn-phase{border:1px solid var(--d-current);border-radius:var(--d-radius);background:var(--d-bg-2);padding:1.1rem 1.2rem}.learn-phase-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.6rem}.learn-phase-head h3{font-size:.98rem;font-weight:700;color:var(--learn-accent)}.learn-list{list-style:none;margin:0;padding:0;display:grid;gap:.15rem}.learn-list.learn-standalone{margin-top:1.1rem;gap:.4rem}.learn-item{display:flex;align-items:flex-start;gap:.6rem;width:100%;padding:.35rem .4rem;border:none;background:transparent;border-radius:8px;cursor:pointer;font-size:.9rem;font-family:inherit;text-align:left;color:var(--d-fg)}.learn-item:hover{background:var(--d-current)}.learn-box{flex:none;margin-top:.1rem;width:1.05rem;height:1.05rem;display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;line-height:1;border:1.5px solid var(--d-comment);border-radius:5px;color:var(--d-bg);background:transparent;transition:background .15s,border-color .15s}.learn-item[data-done=true] .learn-box{background:var(--learn-accent);border-color:var(--learn-accent)}.learn-item[data-done=true] .learn-box:before{content:"✓"}.learn-ex-item[data-done=true] .learn-ex-title,.learn-item:not(.learn-ex-item)[data-done=true]>span:last-child{color:var(--d-comment-texto);text-decoration:line-through}.learn-bullet{display:flex;align-items:flex-start;gap:.6rem;font-size:.9rem;color:var(--d-fg)}.learn-errors{display:grid;gap:.75rem;margin-top:1.1rem}@media (min-width:640px){.learn-errors{grid-template-columns:1fr 1fr}}.learn-error{padding:.9rem 1rem}.learn-error-name{color:var(--d-red);background:transparent;padding:0;font-size:.88rem}.learn-error p{color:var(--d-comment-texto);font-size:.85rem;margin-top:.4rem}.learn-routine{margin-top:2rem}.learn-game{margin-top:1.25rem;border:1px solid var(--d-current);border-radius:var(--d-radius);background:var(--d-bg-2);padding:1rem 1.1rem;display:grid;gap:1rem}@media (min-width:780px){.learn-game{grid-template-columns:1.2fr 1fr;align-items:center}.learn-heat{grid-column:1/-1}}.learn-level{font-weight:800;font-size:1.05rem}.learn-xpbar{height:8px;border-radius:999px;background:var(--d-current);overflow:hidden;margin:.45rem 0}.learn-xpbar>span{display:block;height:100%;border-radius:inherit;transition:width .35s}.learn-xp-meta{display:flex;flex-wrap:wrap;gap:.9rem;font-size:.78rem;color:var(--d-comment-texto)}.learn-badges{display:flex;flex-wrap:wrap;gap:.45rem}.learn-badge{width:2.1rem;height:2.1rem;display:grid;place-items:center;border-radius:8px;border:1px solid var(--d-current);font-size:1.1rem;filter:grayscale(1);opacity:.4;transition:transform .2s}.learn-badge[data-earned=true]{filter:none;opacity:1;border-color:var(--learn-accent);box-shadow:0 0 12px -4px var(--learn-accent)}.learn-badge[data-earned=true]:hover{transform:translateY(-2px) scale(1.06)}.learn-heat{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-flow:column;grid-template-rows:repeat(7,1fr);gap:3px}.learn-heat-cell{aspect-ratio:1;border-radius:2px;background:var(--d-current)}.learn-heat-cell[data-lvl="1"]{background:color-mix(in srgb,var(--learn-accent) 35%,var(--d-current))}.learn-heat-cell[data-lvl="2"]{background:color-mix(in srgb,var(--learn-accent) 55%,var(--d-current))}.learn-heat-cell[data-lvl="3"]{background:color-mix(in srgb,var(--learn-accent) 78%,var(--d-current))}.learn-heat-cell[data-lvl="4"]{background:var(--learn-accent)}.learn-trail{display:flex;align-items:stretch;gap:0;overflow-x:auto;padding:1.4rem .2rem .6rem}.learn-trail-step{display:flex;align-items:center}.learn-connector{width:2.4rem;height:2px;flex:none;background:var(--d-current);position:relative}.learn-connector[data-filled=true]{background:var(--learn-accent)}.learn-connector[data-filled=true]:after{content:"";position:absolute;top:-2px;left:0;width:6px;height:6px;border-radius:50%;background:var(--learn-accent);animation:learn-flow 2.4s linear infinite}@keyframes learn-flow{0%{left:0;opacity:0}15%{opacity:1}85%{opacity:1}to{left:calc(100% - 6px);opacity:0}}.learn-node{flex:none;width:8.2rem;display:flex;flex-direction:column;align-items:center;gap:.4rem;text-align:center;padding:.7rem .5rem;border:1px solid var(--d-current);border-radius:10px;background:var(--d-bg-2)}.learn-node-dot{width:2rem;height:2rem;display:grid;place-items:center;border-radius:50%;border:2px solid var(--d-comment);color:var(--d-comment-texto);font-weight:800}.learn-node-label{font-size:.82rem;font-weight:700;color:var(--d-fg);line-height:1.15}.learn-node-prog{font-size:.7rem;color:var(--d-comment-texto)}.learn-node[data-state=done]{border-color:var(--d-green)}.learn-node[data-state=done] .learn-node-dot{border-color:var(--d-green);background:var(--d-green);color:var(--d-bg)}.learn-node[data-state=current]{border-color:var(--learn-accent)}.learn-node[data-state=current] .learn-node-dot{border-color:var(--learn-accent);color:var(--learn-accent);animation:learn-pulse 1.8s ease-in-out infinite}@keyframes learn-pulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb,var(--learn-accent) 55%,transparent)}50%{box-shadow:0 0 0 7px transparent}}.learn-ex-group{margin-top:.5rem}.learn-ex-item{align-items:flex-start}.learn-ex-body{display:flex;flex-direction:column;gap:.15rem;flex:1}.learn-ex-title{font-weight:700}.learn-ex-prompt{font-size:.82rem;color:var(--d-comment-texto)}.learn-item[data-done=true] .learn-ex-prompt{text-decoration:none}.learn-ex-diff{flex:none;align-self:center;font-size:.66rem;text-transform:uppercase;letter-spacing:.03em;padding:.08rem .45rem;border-radius:999px}.learn-ex-diff[data-diff="básico"]{background:color-mix(in srgb,var(--d-green) 22%,transparent);color:var(--d-green)}.learn-ex-diff[data-diff="intermediário"]{background:color-mix(in srgb,var(--d-yellow) 22%,transparent);color:var(--d-yellow)}.learn-ex-diff[data-diff="avançado"]{background:color-mix(in srgb,var(--d-red) 22%,transparent);color:var(--d-red)}