:root{--canvas:#07080b;--canvas-2:#0d0f14;--ink:#ece4d6;--ink-dim:#9c9488;--ink-faint:#6a655d;--line:#ece4d61a;--line-soft:#ece4d60e;--accent:#d99a4e;--accent-hi:#f0b96f;--accent-wash:#d99a4e1f;--select:#8fbcff;--select-wash:#8fbcff24;--ease:cubic-bezier(.16, 1, .3, 1);--dur-in:.9s;--dur-base:.24s;--dur-hover:.12s;--serif:"Optima", "Iowan Old Style", "Palatino", "Palatino Linotype", Georgia, serif;--sans:-apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", system-ui, sans-serif;--mono:"SF Mono", "JetBrains Mono", ui-monospace, Menlo, monospace;--r-sm:8px;--r-md:12px;--r-lg:18px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%}body{background:var(--canvas);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow:hidden}button{color:inherit;font-family:inherit}button:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--r-sm)}.viewer{background:var(--canvas);position:fixed;inset:0}.viewer:before{content:"";z-index:0;background:radial-gradient(52% 42% at 50% 46%, #d99a4e21 0%, transparent 70%), radial-gradient(92% 92% at 50% 50%, #14161e 0%, var(--canvas) 72%);pointer-events:none;position:absolute;inset:0}.viewer>canvas{z-index:1;position:relative}.vinheta{pointer-events:none;z-index:5;mix-blend-mode:multiply;background:radial-gradient(78% 74% at 50% 48%,#0000 58%,#03040699 100%);position:fixed;inset:0}.grao{pointer-events:none;z-index:6;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='0.55'/%3E%3C/svg%3E");animation:.7s steps(3,end) infinite tremor;position:fixed;inset:-120px}@keyframes tremor{0%{transform:translate(0)}33%{transform:translate(-24px,14px)}66%{transform:translate(18px,-20px)}to{transform:translate(0)}}.entra{animation:entrada var(--dur-in) var(--ease) both}.entra-2{animation-delay:.14s}.entra-3{animation-delay:.26s}@keyframes entrada{0%{opacity:0;filter:blur(6px);transform:translateY(14px)}to{opacity:1;filter:none;transform:none}}.ficha{z-index:10;border-radius:var(--r-lg);border:1px solid var(--line);-webkit-backdrop-filter:blur(16px)saturate(1.1);backdrop-filter:blur(16px)saturate(1.1);scrollbar-width:thin;scrollbar-color:var(--line) transparent;background:linear-gradient(168deg,#14161ddb,#0b0c11e6);width:296px;max-height:calc(100vh - 44px);padding:20px 20px 18px;position:fixed;top:22px;left:22px;overflow-y:auto;box-shadow:0 24px 60px -20px #000000d9,inset 0 1px #ffffff0b}.overline{letter-spacing:.22em;text-transform:uppercase;color:var(--ink-faint);font-size:10px;font-weight:600}.wordmark{font-family:var(--serif);letter-spacing:-.01em;color:var(--ink);margin-top:7px;font-size:25px;line-height:1.1}.wordmark em{color:var(--accent);font-style:italic}.regua{background:linear-gradient(90deg, var(--accent-wash), var(--line-soft) 40%, transparent);height:1px;margin:16px 0 14px}.segmentado{border:1px solid var(--line);background:#00000052;border-radius:11px;gap:3px;padding:3px;display:flex}.segmentado button{cursor:pointer;letter-spacing:.02em;color:var(--ink-dim);transition:color var(--dur-hover) var(--ease), background var(--dur-base) var(--ease);background:0 0;border:none;border-radius:8px;flex:1;padding:8px 6px;font-size:12.5px;font-weight:600}.segmentado button:hover{color:var(--ink)}.segmentado button[aria-pressed=true]{color:#14100a;background:linear-gradient(180deg, var(--accent-hi), var(--accent));box-shadow:0 2px 12px -2px #d99a4e80}.montagem{margin-top:18px}.montagem .overline{margin-bottom:10px;display:block}.fase{cursor:pointer;text-align:left;background:0 0;border:none;align-items:flex-start;gap:12px;width:100%;padding:7px 0;display:flex;position:relative}.fase:before{content:"";background:var(--line);width:1px;position:absolute;top:22px;bottom:-7px;left:8px}.fase:last-of-type:before{display:none}.fase .no{z-index:1;border:1px solid var(--ink-faint);background:var(--canvas-2);height:17px;color:var(--ink-faint);transition:all var(--dur-base) var(--ease);border-radius:50%;flex:0 0 17px;place-items:center;margin-top:2px;font-size:9.5px;font-weight:700;display:grid;position:relative}.fase .txt{display:block}.fase .rot{color:var(--ink-dim);transition:color var(--dur-base) var(--ease);font-size:13px;font-weight:500;line-height:1.35;display:block}.fase .sub{color:var(--ink-faint);opacity:0;max-height:0;transition:max-height .42s var(--ease), opacity var(--dur-base) var(--ease), margin var(--dur-base) var(--ease);font-size:11.5px;line-height:1.45;display:block;overflow:hidden}.fase:hover .rot{color:var(--ink)}.fase[data-vista=true] .no{border-color:var(--accent);color:var(--accent)}.fase[data-ativa=true] .no{background:linear-gradient(180deg, var(--accent-hi), var(--accent));border-color:var(--accent-hi);color:#14100a;box-shadow:0 0 0 4px var(--accent-wash), 0 0 16px -2px #d99a4e8c}.fase[data-ativa=true] .rot{color:var(--ink);font-weight:600}.fase[data-ativa=true] .sub{opacity:1;max-height:60px;margin-top:4px}.rever{cursor:pointer;letter-spacing:.03em;color:var(--accent);transition:all var(--dur-hover) var(--ease);background:0 0;border:1px solid #d99a4e52;border-radius:999px;margin-top:12px;padding:7px 12px;font-size:11.5px;font-weight:600}.rever:hover{background:var(--accent-wash);border-color:var(--accent)}.achado{animation:revela .46s var(--ease) both;margin-top:16px}@keyframes revela{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.tag{letter-spacing:.16em;text-transform:uppercase;color:var(--select);background:var(--select-wash);border-radius:999px;margin-bottom:9px;padding:4px 9px;font-size:9.5px;font-weight:700;display:inline-block}.alvo{font-family:var(--serif);letter-spacing:-.015em;color:var(--ink);font-size:27px;line-height:1.14}.latim{font-family:var(--serif);color:var(--select);letter-spacing:.01em;margin-top:5px;font-size:14px;font-style:italic}.desc{color:var(--ink-dim);margin-top:11px;font-size:13px;line-height:1.6}.instrucao{color:var(--ink-faint);border-left:1px solid var(--line);margin-top:16px;padding-left:13px;font-size:12.5px;line-height:1.6}.instrucao kbd{font-family:var(--mono);color:var(--accent);background:var(--accent-wash);border-radius:4px;padding:1px 5px;font-size:11px}.barra{z-index:10;scrollbar-width:none;border-radius:var(--r-lg);border:1px solid var(--line);-webkit-backdrop-filter:blur(16px)saturate(1.1);backdrop-filter:blur(16px)saturate(1.1);background:linear-gradient(#14161dd6,#0a0b0fe6);gap:2px;width:fit-content;max-width:min(94vw,900px);margin-inline:auto;padding:7px 10px;display:flex;position:fixed;bottom:20px;left:0;right:0;overflow-x:auto;box-shadow:0 22px 50px -18px #000000e6,inset 0 1px #ffffff0b}.barra::-webkit-scrollbar{display:none}.sist{cursor:pointer;border-radius:var(--r-md);min-width:62px;transition:background var(--dur-hover) var(--ease);background:0 0;border:none;flex-direction:column;flex:none;align-items:center;gap:3px;padding:7px 6px 6px;display:flex}.sist:hover{background:#ffffff0b}.sist svg{transition:filter var(--dur-base) var(--ease), opacity var(--dur-base) var(--ease)}.sist[aria-pressed=true] svg{filter:drop-shadow(0 0 7px)}.sist .nome{letter-spacing:.015em;color:var(--ink-faint);transition:color var(--dur-base) var(--ease);font-size:11px;line-height:1.2}.sist[aria-pressed=true] .nome{color:var(--ink);font-weight:600}.sist .pip{background:var(--line);width:14px;height:2px;transition:all var(--dur-base) var(--ease);border-radius:2px;margin-top:1px}.sist[aria-pressed=true] .pip{width:20px;box-shadow:0 0 8px}.carregando{z-index:20;background:var(--canvas);transition:opacity .7s var(--ease);place-items:center;display:grid;position:fixed;inset:0}.carregando[data-pronto=true]{opacity:0;pointer-events:none}.carregando .miolo{text-align:center}.carregando .pct{font-family:var(--mono);color:var(--accent);letter-spacing:.14em;margin-top:16px;font-size:12px}.trilho{background:var(--line-soft);width:168px;height:1px;margin:0 auto;position:relative;overflow:hidden}.trilho i{background:linear-gradient(90deg, transparent, var(--accent));transition:width .3s var(--ease);display:block;position:absolute;inset:0 auto 0 0}@media (width<=720px){.ficha{width:auto;max-height:46vh;padding:16px;inset:auto 12px 118px}.wordmark{font-size:21px}.alvo{font-size:23px}.barra{width:auto;max-width:none;bottom:12px;left:12px;right:12px}.vinheta{background:radial-gradient(86% 60% at 50% 38%,#0000 42%,#030406b8 100%)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.grao{display:none}}