:root{--bg:#f7f5fb;--panel:#ffffff;--ink:#171320;--mut:#6b6478;--accent:#6a1ab0;--accent-bright:#8a2bd6;--cyan:#01c9a7;--cyan-bright:#01fad5;--line:rgba(23,19,32,.1);--line-soft:rgba(23,19,32,.06);--stage-bg:#f0eafb;--stage-ink:#171320;--stage-line:rgba(23,19,32,.08);--shadow:0 18px 50px rgba(23,19,32,.09);--mono:ui-monospace,"SFMono-Regular","Cascadia Code",Menlo,Consolas,monospace;--sans:"Poppins",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#0d0b14;--panel:#16131f;--ink:#f4f3f8;--mut:rgba(244,243,248,.6);--accent:#b78ae6;--accent-bright:#c8a8ea;--cyan:#01fad5;--cyan-bright:#01fad5;--line:rgba(244,243,248,.12);--line-soft:rgba(244,243,248,.07);--stage-bg:#100d1a;--stage-ink:#f4f3f8;--stage-line:rgba(244,243,248,.08);--shadow:0 22px 60px rgba(0,0,0,.55)}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);line-height:1.6;-webkit-font-smoothing:antialiased}.shell{max-width:1140px;margin:0 auto;padding:44px 24px 72px}.eyebrow{font-size:11.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}h1{font-size:clamp(30px,5vw,46px);font-weight:800;letter-spacing:-.03em;line-height:1.05;margin:14px 0 0;text-wrap:balance}h1 em{font-style:normal;color:var(--accent)}.lede{font-size:15.5px;color:var(--mut);max-width:60ch;margin:16px 0 0}.head-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex-wrap:wrap}.brand-mark{flex-shrink:0}.brand-mark svg{width:74px;height:74px;display:block}.controls{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:30px 0 8px;padding:14px 16px;background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.ctl-label{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--mut);margin-right:2px}.seg{display:inline-flex;background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:3px;gap:2px}.seg button{border:0;background:0 0;font-family:inherit;font-size:12.5px;font-weight:600;color:var(--mut);padding:7px 13px;border-radius:8px;cursor:pointer;transition:color .15s,background .15s}.seg button.on{background:var(--accent);color:#fff}.seg button:not(.on):hover{color:var(--ink)}.spacer{flex:1}.hint{font-size:12px;color:var(--mut)}.hint b{color:var(--ink);font-weight:600}.board{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px;margin-top:20px}.tile{background:var(--panel);border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}.stage{position:relative;height:190px;display:flex;align-items:center;justify-content:center;background:var(--stage-bg);border-bottom:1px solid var(--stage-line);overflow:hidden}.board.stage-light .stage{background:#f0eafb;border-color:#17132014}.board.stage-dark .stage{background:#100d1a;border-color:#f4f3f814}.stage .sym{width:118px;height:118px;display:block}.meta{padding:15px 17px 17px}.meta .row{display:flex;align-items:center;gap:8px}.meta .name{font-size:15px;font-weight:700;letter-spacing:-.01em}.badge{font-size:9.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--cyan);background:color-mix(in srgb,var(--cyan) 16%,transparent);border:1px solid color-mix(in srgb,var(--cyan) 40%,transparent);padding:2px 7px;border-radius:999px}.meta .desc{font-size:12.5px;color:var(--mut);margin:6px 0 0}.meta .tag{font-family:var(--mono);font-size:11px;color:var(--accent);margin-top:9px;letter-spacing:.01em}details{margin-top:11px;border-top:1px solid var(--line-soft);padding-top:10px}summary{font-size:11.5px;font-weight:600;color:var(--mut);cursor:pointer;list-style:none;display:inline-flex;align-items:center;gap:6px}summary::-webkit-details-marker{display:none}summary:before{content:"+";font-family:var(--mono);color:var(--accent);font-weight:700}details[open] summary:before{content:"–"}pre{margin:10px 0 2px;background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:11px 12px;overflow-x:auto;font-family:var(--mono);font-size:10.5px;line-height:1.55;color:var(--ink);white-space:pre;cursor:copy}footer{margin-top:34px;padding-top:22px;border-top:1px solid var(--line);font-size:12.5px;color:var(--mut)}footer b{color:var(--ink)}.sym,.chev,.dot,.ring{transform-box:fill-box;transform-origin:center;animation-duration:var(--dur,1.4s);animation-timing-function:var(--ease,ease-in-out);animation-fill-mode:both;animation-iteration-count:infinite}.chev{animation-name:var(--chev,none)}.dot{animation-name:var(--dot,none)}.ring{animation-name:var(--ring,none);opacity:0}.sym{animation-name:var(--sym,none)}.board.mode-hover .sym,.board.mode-hover .chev,.board.mode-hover .dot,.board.mode-hover .ring{animation-play-state:paused}.board.mode-hover .tile:hover .sym,.board.mode-hover .tile:hover .chev,.board.mode-hover .tile:hover .dot,.board.mode-hover .tile:hover .ring{animation-play-state:running}.a-cambalhota{--chev:c-somer;--dot:c-duck;--dur:1.05s;--ease:cubic-bezier(.45,0,.25,1)}@keyframes c-somer{0%{transform:rotate(0) translateY(0)}14%{transform:rotate(0) translateY(4px) scaleY(.9)}52%{transform:rotate(360deg) translateY(-17px)}76%{transform:rotate(360deg) translateY(2px) scaleY(.94)}86%,to{transform:rotate(360deg) translateY(0)}}@keyframes c-duck{0%,86%,to{transform:scale(1)}38%{transform:scale(.68)}66%{transform:scale(1.2)}}.a-giro{--chev:g-spin;--dur:1.5s;--ease:cubic-bezier(.6,0,.2,1)}@keyframes g-spin{0%{transform:rotate(0)}62%,to{transform:rotate(360deg)}}.a-batida{--sym:b-beat;--dur:1.5s;--ease:ease-in-out}@keyframes b-beat{0%,62%,to{transform:scale(1)}18%{transform:scale(1.14)}30%{transform:scale(.98)}44%{transform:scale(1.1)}}.a-respiro{--sym:r-breathe;--dot:r-glow;--dur:3.4s;--ease:ease-in-out}@keyframes r-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.07)}}@keyframes r-glow{0%,to{filter:drop-shadow(0 0 0 transparent)}50%{filter:drop-shadow(0 0 7px rgba(1,250,213,.85))}}.a-traco .chev{stroke-dasharray:112}.a-traco{--chev:t-draw;--dot:t-pop;--dur:2.2s;--ease:cubic-bezier(.65,0,.35,1)}@keyframes t-draw{0%{stroke-dashoffset:112}55%,to{stroke-dashoffset:0}}@keyframes t-pop{0%,50%{transform:scale(0);opacity:0}72%{transform:scale(1.25);opacity:1}84%,to{transform:scale(1)}}.a-pulso{--dot:p-beat;--ring:p-ring;--dur:1.9s;--ease:ease-out}@keyframes p-beat{0%,70%,to{transform:scale(1)}30%{transform:scale(1.22)}}@keyframes p-ring{0%{transform:scale(1);opacity:.55}70%,to{transform:scale(3.2);opacity:0}}.a-ricochete{--dot:rc-drop;--dur:1.7s;--ease:cubic-bezier(.5,0,.5,1)}@keyframes rc-drop{0%{transform:translateY(-34px) scale(.85);opacity:0}18%{opacity:1}52%{transform:translateY(0) scaleX(1.2) scaleY(.78)}66%{transform:translateY(-9px) scale(1)}80%,to{transform:translateY(0) scale(1)}}.a-deslize{--chev:sl-in;--dot:sl-dot;--dur:1.9s;--ease:cubic-bezier(.5,0,.2,1)}@keyframes sl-in{0%{transform:translate(-34px);opacity:0}42%,to{transform:translate(0);opacity:1}}@keyframes sl-dot{0%,42%{transform:scale(0);opacity:0}62%{transform:scale(1.25)}76%,to{transform:scale(1);opacity:1}}.a-abertura{--sym:e-in;--dur:2s;--ease:cubic-bezier(.34,1.4,.5,1)}@keyframes e-in{0%{transform:scale(0) rotate(-24deg);opacity:0}12%{opacity:1}58%{transform:scale(1.07) rotate(0);opacity:1}72%{transform:scale(.98)}84%,to{transform:scale(1)}}.a-glitch{--chev:gl-chev;--dot:gl-dot;--dur:2.6s;--ease:steps(1,end)}@keyframes gl-chev{0%,9%,to{transform:translate(0)}2%{transform:translate(-3px,1px)}4%{transform:translate(3px,-2px)}6%{transform:translate(-2px,-1px)}8%{transform:translate(2px,2px)}}@keyframes gl-dot{0%,9%,to{transform:translate(0)}2%{transform:translate(3px,-1px)}4%{transform:translate(-3px,2px)}6%{transform:translate(2px,1px)}8%{transform:translate(-1px,-2px)}}@media (prefers-reduced-motion:reduce){.sym,.chev,.dot,.ring{animation:none!important}.ring{opacity:0!important}}@media (max-width:560px){.board{grid-template-columns:1fr 1fr;gap:12px}.stage{height:150px}.stage .sym{width:92px;height:92px}}