@font-face{font-family:League Spartan;font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/league-spartan-500.woff2) format("woff2")}@font-face{font-family:League Spartan;font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/league-spartan-700.woff2) format("woff2")}@font-face{font-family:League Spartan;font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/league-spartan-800.woff2) format("woff2")}@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/poppins-400.woff2) format("woff2")}@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/poppins-500.woff2) format("woff2")}@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/poppins-600.woff2) format("woff2")}:root{--bg: #12182f;--bg-raised: #1a2140;--bg-sunken: #0c1124;--line: #2a3355;--text: #fafafa;--text-dim: #a8aec6;--text-faint: #7b8199;--accent: #ff4a4a;--accent-deep: #cf0101;--accent-glow: 255 74 74;--accent-hot: #f47321;--clave-glow: 244 115 33;--cream: #f1ede6;--salmon: #f0b29e;--light-red: #ffdede;--ink: #231f20;--num-dim: #39426b;--num-hollow: #333c63;--radius: 12px;--pad: clamp(.75rem, 3vw, 1.5rem);--display: "League Spartan", "Haettenschweiler", "Arial Narrow Bold", system-ui, sans-serif;--body: "Poppins", system-ui, -apple-system, "Segoe UI", "Helvetica Neue", Arial, sans-serif}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text)}body{font-family:var(--body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.app{display:grid;grid-template-rows:auto auto 1fr auto;min-height:100svh;max-width:1100px;margin:0 auto;padding:0 var(--pad) env(safe-area-inset-bottom);gap:.5rem}.topbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.85rem 0 .35rem;flex-wrap:wrap}.seg--view .seg__btn{padding:.34rem .66rem;font-size:.72rem}.brand{display:inline-flex;align-items:center;gap:.45rem;margin:0;font-family:var(--display);font-size:.92rem;font-weight:800;letter-spacing:-.01em;text-transform:uppercase;line-height:1;color:var(--text)}.brand__mark{width:1.35rem;height:auto;flex:0 0 auto}.brand__dot{color:var(--salmon)}.dot:after{content:".";color:var(--accent-hot)}.picker select{appearance:none;min-width:0;max-width:58vw;padding:.5rem 2rem .5rem .75rem;border:1px solid var(--line);border-radius:999px;background:var(--bg-raised) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%238b8794' d='M0 0h10L5 6z'/%3E%3C/svg%3E") no-repeat right .85rem center;color:var(--text);font:inherit;font-size:.85rem;text-overflow:ellipsis}.picker select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.meta{display:flex;flex-direction:column;gap:.3rem;padding-bottom:.25rem}.meta__title{margin:0;font-family:var(--display);font-size:clamp(1.15rem,4vw,1.65rem);font-weight:700;line-height:1.15;letter-spacing:-.01em}.meta__artist{margin:0;font-size:.9rem;color:var(--text-dim)}.badges{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.15rem}.badge{padding:.2rem .55rem;border:1px solid var(--line);border-radius:999px;background:var(--bg-raised);color:var(--text-dim);font-size:.7rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.badge--bpm{color:var(--text)}.badge--clave{border-color:rgb(var(--accent-glow) / .4);color:var(--accent)}.status{margin:.1rem 0 0;min-height:1em;font-size:.75rem;color:var(--text-faint)}.status[data-kind=warn]{color:#c8a35a}.status[data-kind=error]{color:#e2705c}.stage{display:grid;place-items:center;min-height:0;padding:.5rem 0}.viz{--break-pulse: 0;position:relative;width:100%;display:flex;flex-direction:column;align-items:center;gap:clamp(.75rem,3vw,1.5rem)}.viz:before{content:"";position:absolute;inset:-12% -6%;border-radius:50%;background:radial-gradient(circle,rgb(var(--accent-glow) / .16),transparent 68%);opacity:calc(var(--break-pulse) * .9);pointer-events:none;z-index:0}.viz.is-idle:before{opacity:0}.viz__row{position:relative;z-index:1;width:100%}.viz__row--eight{display:grid;grid-template-columns:repeat(4,1fr);gap:.25rem .5rem}.viz__row--six{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:clamp(.5rem,3vw,2rem)}.viz__group{display:grid;grid-template-columns:repeat(3,1fr);gap:.25rem .5rem;flex:1 1 auto;min-width:0}.viz__divider{width:2px;align-self:stretch;min-height:2.5rem;border-radius:2px;background:var(--line)}.viz[data-mode=eight] .viz__row--six,.viz[data-mode=six] .viz__row--eight{display:none}.cell{position:relative;display:grid;place-items:center;aspect-ratio:1 / 1;min-width:0}.cell__glow{position:absolute;inset:6%;border-radius:50%;background:radial-gradient(circle,rgb(var(--accent-glow) / .22),transparent 70%);opacity:var(--pulse, 0);pointer-events:none}.cell__num{position:relative;font-family:var(--display);font-size:clamp(2.6rem,17vw,8.5rem);font-weight:800;line-height:1;letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:var(--num-dim);transform:scale(calc(1 + var(--pulse, 0) * .06));transition:color 90ms linear}.cell--hold .cell__num{color:transparent;-webkit-text-stroke:clamp(2px,.5vw,4px) var(--num-hollow)}.cell.is-active .cell__num{color:var(--accent);transform:scale(calc(1.07 + var(--pulse, 0) * .09));text-shadow:0 0 calc(6px + var(--pulse, 0) * 26px) rgb(var(--accent-glow) / .55),0 0 2px rgb(var(--accent-glow) / .5)}.cell.is-active.is-holding .cell__num{color:transparent;-webkit-text-stroke:clamp(2px,.5vw,4px) var(--accent);text-shadow:none;transform:scale(1.03);opacity:calc(.55 + var(--pulse, 0) * .35)}.cell__arrow{position:absolute;top:0;font-size:clamp(.6rem,2.2vw,1rem);line-height:1;color:var(--accent-hot);opacity:0;pointer-events:none}.cell.is-break .cell__arrow{opacity:.3}.cell.is-break.is-active .cell__arrow{opacity:calc(.35 + var(--pulse, 0) * .65);transform:translateY(calc(var(--pulse, 0) * -5px));filter:drop-shadow(0 0 calc(var(--pulse, 0) * 10px) rgb(var(--accent-glow) / .8))}.viz__caption{position:relative;z-index:1;display:flex;gap:.5rem;align-items:center;justify-content:center;min-height:1.6rem}.pill{padding:.22rem .6rem;border:1px solid var(--line);border-radius:999px;font-size:.65rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);transition:color .12s linear,border-color .12s linear,background-color .12s linear}.viz.is-break .pill--break{border-color:rgb(var(--accent-glow) / .55);background:rgb(var(--accent-glow) / .12);color:var(--accent)}.viz.is-holding .pill--hold{border-color:#3c3a45;color:var(--text-dim)}.controls{position:sticky;bottom:0;display:flex;flex-direction:column;gap:.5rem;padding:.6rem 0 .9rem;background:linear-gradient(to top,var(--bg) 65%,transparent)}.row{display:flex;align-items:center;gap:.5rem}.row--opts,.row--nudge{flex-wrap:wrap;gap:.4rem}.row--nudge{padding-top:.5rem;border-top:1px solid var(--line)}button{font:inherit;color:inherit;cursor:pointer}.btn{border:1px solid var(--line);border-radius:999px;background:var(--bg-raised);color:var(--text-dim);padding:.45rem .8rem;font-size:.78rem;font-weight:600;transition:color .12s,border-color .12s,background-color .12s}.btn:hover{color:var(--text)}.btn--play{display:grid;place-items:center;flex:0 0 auto;width:3rem;height:3rem;padding:0;border-color:rgb(var(--accent-glow) / .45);background:rgb(var(--accent-glow) / .1);color:var(--accent)}.btn--play .btn__icon{font-size:.95rem;letter-spacing:.08em;transform:translate(1px)}.btn--play.is-playing .btn__icon{transform:none}.btn--play:hover{background:rgb(var(--accent-glow) / .18);color:var(--accent)}.btn--toggle.is-on{border-color:rgb(var(--accent-glow) / .5);color:var(--accent)}.btn--tiny{padding:.32rem .6rem;font-size:.72rem;font-variant-numeric:tabular-nums}.btn--ghost{background:transparent;color:var(--text-faint)}.seg{display:inline-flex;padding:2px;border:1px solid var(--line);border-radius:999px;background:var(--bg-sunken)}.seg__btn{border:0;border-radius:999px;background:transparent;color:var(--text-faint);padding:.35rem .7rem;font-size:.75rem;font-weight:600;transition:color .12s,background-color .12s}.seg__btn.is-on{background:rgb(var(--accent-glow) / .14);color:var(--accent)}.time{flex:0 0 auto;min-width:2.75rem;font-size:.75rem;font-variant-numeric:tabular-nums;color:var(--text-dim)}.time--total{text-align:right}input[type=range]{appearance:none;height:1.5rem;background:transparent;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:#2a2830}input[type=range]::-moz-range-track{height:4px;border-radius:2px;background:#2a2830}input[type=range]::-webkit-slider-thumb{appearance:none;width:14px;height:14px;margin-top:-5px;border:0;border-radius:50%;background:var(--accent)}input[type=range]::-moz-range-thumb{width:14px;height:14px;border:0;border-radius:50%;background:var(--accent)}input[type=range]:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.seek{flex:1 1 auto;min-width:0}.slider{display:inline-flex;align-items:center;gap:.45rem;padding:.15rem .7rem .15rem .75rem;border:1px solid var(--line);border-radius:999px;background:var(--bg-raised)}.slider__label{font-size:.7rem;font-weight:600;letter-spacing:.04em;color:var(--text-faint);white-space:nowrap}.slider__label b{color:var(--text-dim);font-variant-numeric:tabular-nums}.slider input[type=range]{width:4.5rem}.nudge__label{font-size:.7rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint)}.nudge__label b{color:var(--text-dim);font-variant-numeric:tabular-nums;text-transform:none;letter-spacing:0}@media(min-width:620px){.viz__row--eight{grid-template-columns:repeat(8,1fr);gap:.5rem}.cell__num{font-size:clamp(2.5rem,9vw,7rem)}.slider input[type=range]{width:6rem}}@media(min-width:900px){.app{gap:.75rem}}@media(max-height:520px)and (orientation:landscape){.meta,.brand{display:none}.viz__row--eight{grid-template-columns:repeat(8,1fr)}.cell__num{font-size:clamp(2rem,9vh,5rem)}.cell{aspect-ratio:auto}}@media(prefers-reduced-motion:reduce){.cell__num,.cell.is-active .cell__num,.cell.is-active.is-holding .cell__num,.cell.is-break.is-active .cell__arrow{transform:none;transition:none}.viz:before{display:none}}body[data-view=quiz]{overflow:hidden}.quiz{position:fixed;inset:0;z-index:40;display:flex;flex-direction:column;gap:.5rem;max-width:720px;margin:0 auto;padding:max(.6rem,env(safe-area-inset-top)) var(--pad) calc(.8rem + env(safe-area-inset-bottom));background:radial-gradient(120% 70% at 50% 0%,#14121a,var(--bg) 70%);touch-action:manipulation}.quiz[hidden]{display:none}.quiz__bar{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex:0 0 auto}.quiz__streak{display:inline-flex;align-items:baseline;gap:.35rem;padding:.3rem .8rem;border:1px solid var(--line);border-radius:999px;background:var(--bg-raised);transition:border-color .2s,box-shadow .2s}.quiz__streak.is-hot{border-color:rgb(var(--accent-glow) / .55);box-shadow:0 0 18px rgb(var(--accent-glow) / .18)}.quiz__flame{font-size:1rem;line-height:1;filter:grayscale(1) opacity(.45);transition:filter .2s}.quiz__streak.is-hot .quiz__flame{filter:none}.quiz__streak-num{font-family:var(--display);font-size:1.45rem;font-weight:800;line-height:1;font-variant-numeric:tabular-nums;color:var(--accent)}.quiz__streak-word{font-size:.62rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint)}.quiz__milestone{margin:0;min-height:1.1rem;text-align:center;font-size:.78rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-hot);opacity:0;transform:translateY(-4px);transition:opacity .22s,transform .22s}.quiz__milestone.is-on{opacity:1;transform:none}.quiz__stage{position:relative;flex:1 1 auto;min-height:0}.quiz__deck{position:relative;height:100%;perspective:900px}.quiz__empty{margin:0;padding-top:3rem;text-align:center;color:var(--text-faint)}.qcard{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.9rem;padding:clamp(1rem,5vw,2rem);border:1px solid var(--line);border-radius:22px;background:linear-gradient(165deg,#1a1822,var(--bg-raised) 55%,#101015);box-shadow:0 18px 50px #0000008c;text-align:center;touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.qcard--peek{transform:scale(.93) translateY(-18px);opacity:.4;filter:blur(1px);pointer-events:none}.qcard--top{cursor:pointer;animation:qcard-rise .26s cubic-bezier(.2,.8,.3,1);transition:transform .48s cubic-bezier(.3,.75,.2,1),opacity .48s ease-in,box-shadow .2s}.qcard--top:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@keyframes qcard-rise{0%{transform:scale(.93) translateY(-18px);opacity:.4}to{transform:none;opacity:1}}.qcard.is-swiped-right{transform:translate(125%) rotate(14deg);opacity:0}.qcard.is-swiped-left{transform:translate(-125%) rotate(-14deg);opacity:0}.qcard.is-tapped{animation:qcard-pulse .26s ease-out}@keyframes qcard-pulse{0%{box-shadow:0 18px 50px #0000008c,0 0 rgb(var(--accent-glow) / .5)}to{box-shadow:0 18px 50px #0000008c,0 0 0 26px rgb(var(--accent-glow) / 0)}}.qcard__body{display:flex;flex-direction:column;gap:.4rem}.qcard__title{margin:0;font-family:var(--display);font-size:clamp(1.5rem,7vw,2.6rem);font-weight:800;line-height:1.1;letter-spacing:-.02em;text-wrap:balance}.qcard__artist{margin:0;font-size:clamp(.85rem,3.5vw,1.05rem);color:var(--text-dim)}.qcard__dots{display:flex;gap:.55rem}.dot{width:.75rem;height:.75rem;border:1px solid #34323d;border-radius:50%;background:transparent;transition:background-color .14s,border-color .14s,box-shadow .14s}.dot.is-on{border-color:var(--accent);background:var(--accent);box-shadow:0 0 12px rgb(var(--accent-glow) / .5)}.qcard__hint{margin:0;font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint)}.qcard__verdict{margin:0;max-width:30ch;min-height:1.2em;font-size:.95rem;font-weight:600;line-height:1.35;color:var(--text-dim)}.qcard__verdict[data-kind=pass]{font-size:1.15rem;color:var(--accent)}.qcard__verdict[data-kind=fail]{color:#e0b070}.qcard__verdict[data-kind=error]{color:#e2705c}.quiz__reveal{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:.75rem;border-radius:22px;background:#070709ed;animation:quiz-fade .18s ease-out;pointer-events:none}.quiz__reveal[hidden]{display:none}@keyframes quiz-fade{0%{opacity:0}to{opacity:1}}.quiz__reveal-label{margin:0;font-size:.7rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}.quiz__reveal-viz{width:100%}.quiz__reveal-viz .cell__num{font-size:clamp(1.6rem,9vw,3.4rem)}.quiz__foot{display:flex;flex-direction:column;align-items:center;gap:.5rem;flex:0 0 auto}.quiz__foot[hidden]{display:none}.quiz__prompt{margin:0;min-height:1.2em;text-align:center;font-size:.85rem;color:var(--text-dim)}.quiz__prompt[data-kind=pass]{color:var(--accent);font-weight:650}.quiz__prompt[data-kind=fail]{color:#e0b070}.quiz__prompt[data-kind=error]{color:#e2705c}.quiz__actions{display:flex;gap:.5rem;min-height:2rem}.quiz__actions button[hidden]{display:none}.quiz__stats{margin:0;font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);font-variant-numeric:tabular-nums}.quiz__confetti{position:absolute;inset:0;z-index:30;width:100%;height:100%;pointer-events:none}.quiz__cal{display:flex;flex:1 1 auto;flex-direction:column;align-items:center;justify-content:center;gap:.9rem;text-align:center}.quiz__cal[hidden],.quiz__stage[hidden]{display:none}.cal__title{margin:0;font-size:clamp(1.1rem,5vw,1.6rem);font-weight:700}.cal__copy{margin:0;max-width:36ch;font-size:.85rem;line-height:1.45;color:var(--text-dim)}.cal__pad{width:min(58vw,14rem);aspect-ratio:1 / 1;border:1px solid rgb(var(--accent-glow) / .45);border-radius:50%;background:rgb(var(--accent-glow) / .1);color:var(--accent);font-size:.9rem;font-weight:800;letter-spacing:.28em;text-indent:.28em;touch-action:manipulation;user-select:none;-webkit-user-select:none}.cal__pad:disabled{border-color:var(--line);background:var(--bg-raised);color:var(--text-faint);cursor:default}.cal__pad.is-tapped{animation:qcard-pulse .24s ease-out}.cal__dots{display:flex;gap:.45rem}.cal__result{margin:0;min-height:1.3em;font-size:.9rem;font-weight:650;color:var(--text-dim);font-variant-numeric:tabular-nums}.cal__result[data-kind=done]{font-size:1.15rem;color:var(--accent)}.cal__result[data-kind=warn]{color:#c8a35a}.cal__actions{display:flex;gap:.5rem}.cal__actions button[hidden]{display:none}@media(max-height:520px)and (orientation:landscape){.qcard{gap:.5rem}.qcard__title{font-size:clamp(1.2rem,5vh,2rem)}.cal__pad{width:min(30vh,9rem)}.quiz__reveal-viz .cell__num{font-size:clamp(1.2rem,6vh,2.4rem)}}@media(prefers-reduced-motion:reduce){.qcard--top,.qcard.is-tapped,.cal__pad.is-tapped,.quiz__reveal{animation:none}.qcard--top{transition:opacity .2s linear}.qcard.is-swiped-right,.qcard.is-swiped-left{transform:none}}.badge--verified{border-color:#78c88c73;color:#7fc98d}.badge--admin{border-color:rgb(var(--accent-glow) / .5);background:rgb(var(--accent-glow) / .1);color:var(--accent);cursor:help}.btn--curate.is-on{border-color:rgb(var(--accent-glow) / .6);background:rgb(var(--accent-glow) / .14);color:var(--accent)}.stage.is-tap-target{position:relative;border-radius:var(--radius);outline:1px dashed rgb(var(--accent-glow) / .35);outline-offset:6px;cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.stage.is-tap-target.is-tapped{animation:curate-pulse .26s ease-out}@keyframes curate-pulse{0%{outline-color:rgb(var(--accent-glow) / .9);outline-offset:2px}to{outline-color:rgb(var(--accent-glow) / .35);outline-offset:6px}}.curate{display:flex;flex-direction:column;gap:.45rem;margin-top:.5rem;padding:.7rem .85rem .85rem;border:1px solid rgb(var(--accent-glow) / .35);border-radius:var(--radius);background:var(--bg-raised)}.curate[hidden]{display:none}.curate__head{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.curate__label{font-size:.7rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.curate__close{padding:.1rem .5rem;font-size:1rem;line-height:1}.curate__note{margin:0;font-size:.75rem;line-height:1.4;color:#c8a35a}.curate__note[hidden]{display:none}.curate__instruction{margin:0;font-size:.85rem;font-weight:600;line-height:1.4;color:var(--text)}.curate__instruction[hidden]{display:none}.curate__confirm,.curate__actions{display:flex;flex-wrap:wrap;gap:.45rem}.curate__confirm[hidden],.curate__body[hidden]{display:none}.curate__body{display:flex;flex-direction:column;gap:.5rem}.curate__summary{margin:0;font-size:.85rem;line-height:1.4;color:var(--accent)}.curate__summary[data-kind=error]{color:#e2705c}.curate__cmd{display:flex;align-items:center;gap:.5rem;padding:.45rem .5rem .45rem .65rem;border:1px solid var(--line);border-radius:8px;background:var(--bg-sunken)}.curate__cmd[hidden]{display:none}.curate__code{flex:1 1 auto;min-width:0;overflow-x:auto;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.74rem;line-height:1.5;white-space:pre;color:var(--text);user-select:all;-webkit-user-select:all}.curate__accept{border-color:#78c88c80;color:#7fc98d}@media(prefers-reduced-motion:reduce){.stage.is-tap-target.is-tapped{animation:none}}.quiz__trophy{padding:.3rem .6rem;font-size:.95rem;line-height:1}.quiz__brag{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.55rem .7rem;border:1px solid rgb(var(--accent-glow) / .5);border-radius:var(--radius);background:linear-gradient(100deg,rgb(var(--accent-glow) / .16),var(--bg-raised) 70%);animation:brag-in .26s cubic-bezier(.2,.8,.3,1)}.quiz__brag[hidden]{display:none}@keyframes brag-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.quiz__brag-text{flex:1 1 10rem;margin:0;font-size:.85rem;font-weight:650;line-height:1.3;color:var(--accent)}.quiz__brag-actions{display:flex;align-items:center;gap:.4rem}.quiz__brag-close{padding:.1rem .45rem;font-size:1rem;line-height:1}.quiz__submit{border-color:rgb(var(--accent-glow) / .6);background:rgb(var(--accent-glow) / .16);color:var(--accent)}.quiz__submit[hidden]{display:none}.board{position:absolute;inset:0;z-index:20;display:flex;flex-direction:column;gap:.6rem;padding:max(.8rem,env(safe-area-inset-top)) var(--pad) calc(1rem + env(safe-area-inset-bottom));background:#070709f7;animation:quiz-fade .16s ease-out}.board[hidden]{display:none}.board__head{display:flex;align-items:center;gap:.5rem}.board__title{flex:0 0 auto;margin:0;font-family:var(--display);font-size:1.05rem;font-weight:800;text-transform:uppercase;letter-spacing:.02em}.board__source{margin-right:auto}.board__source[data-source=device]{border-color:#3c3a45;color:var(--text-dim)}.board__source[data-source=global]{border-color:#78c88c73;color:#7fc98d}.board__close{padding:.1rem .5rem;font-size:1.1rem;line-height:1}.board__list{flex:1 1 auto;min-height:0;overflow-y:auto;margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:2px}.board__row{display:grid;grid-template-columns:2.2rem 1fr auto auto;align-items:center;gap:.6rem;padding:.5rem .6rem;border:1px solid transparent;border-radius:10px;background:var(--bg-raised);font-size:.88rem}.board__row.is-me{border-color:rgb(var(--accent-glow) / .6);background:rgb(var(--accent-glow) / .12)}.board__row.is-podium .board__rank{color:var(--accent)}.board__row.is-rank-1 .board__rank{color:#ffd166}.board__rank{font-weight:800;font-variant-numeric:tabular-nums;color:var(--text-faint);text-align:right}.board__name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.board__streak{font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.board__acc{min-width:2.8rem;font-size:.78rem;font-variant-numeric:tabular-nums;color:var(--text-dim);text-align:right}.board__empty{padding:2rem 0;text-align:center;color:var(--text-faint)}.board__note{margin:0;min-height:1em;font-size:.72rem;color:var(--text-faint)}.board__foot{display:flex;justify-content:center}.share{position:relative;display:inline-flex}.share[hidden]{display:none}.share__trigger{display:inline-flex;align-items:center;gap:.3rem}.share--quiet .share__trigger{color:var(--text-faint)}.share__icon{font-size:.85rem;line-height:1}.share__pop{position:absolute;bottom:calc(100% + .45rem);right:0;z-index:25;width:max-content;max-width:min(20rem,78vw);display:flex;flex-direction:column;gap:.5rem;padding:.65rem;border:1px solid var(--line);border-radius:12px;background:var(--bg-raised);box-shadow:0 16px 40px #0009}.share__pop[hidden]{display:none}.share--board .share__pop{bottom:auto;top:calc(100% + .45rem);right:50%;transform:translate(50%)}.share__preview{margin:0;font-size:.72rem;line-height:1.45;color:var(--text-dim)}.share__row{display:flex;gap:.4rem}.share__target{display:inline-flex;align-items:center;gap:.35rem}.share__target svg{width:.95rem;height:.95rem;flex:0 0 auto}.share__target--whatsapp{border-color:#25d36673;color:#4ad884}.share__target--x{border-color:#4a4854;color:var(--text)}.share__target-label{font-size:.72rem}.curate__clave{display:flex;align-items:center;gap:.5rem}.curate__clave-label{font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint)}@media(prefers-reduced-motion:reduce){.quiz__brag,.board{animation:none}}.gate{--beat: 625ms;display:grid;place-items:center;min-height:100svh;padding:var(--pad);background:var(--cream);color:var(--ink)}.gate[hidden],.app[hidden]{display:none}.gate__card{width:100%;max-width:25rem;display:flex;flex-direction:column;gap:1.15rem}.gate__mark{display:block;width:4.5rem;height:auto;margin-bottom:.25rem}.gate__clave{display:flex;align-items:center;gap:.4rem;height:.6rem}.gate__clave span{width:.45rem;height:.45rem;border-radius:50%;background:var(--ink);opacity:.18;animation:gate-stroke calc(var(--beat) * 8) ease-out infinite;animation-delay:calc(var(--beat) * var(--at))}.gate__clave span:nth-child(n+4){background:var(--accent-hot)}@keyframes gate-stroke{0%{opacity:1;transform:scale(1.35)}12%{opacity:.18;transform:scale(1)}to{opacity:.18}}.gate__brand{margin:0;font-family:var(--display);font-size:clamp(2.1rem,11vw,3.1rem);font-weight:800;line-height:.92;letter-spacing:-.03em;text-transform:uppercase;color:var(--ink)}.gate__brand b{font-weight:800;color:var(--salmon)}.gate__tagline{margin:0;font-family:var(--display);font-size:clamp(1.1rem,5vw,1.4rem);font-weight:700;letter-spacing:-.01em;text-transform:lowercase;color:var(--ink)}.gate__tagline b{color:var(--accent-deep);font-weight:700}.gate__title{margin:0;font-family:var(--display);font-size:1.05rem;font-weight:700;letter-spacing:-.01em;text-transform:uppercase;color:var(--ink)}.gate__copy{margin:0;font-size:.92rem;line-height:1.55;color:#4a4a52}.gate__copy[hidden],.gate__form[hidden],.gate__sent[hidden],.gate__notice[hidden]{display:none}.gate__notice{margin:0;padding:.6rem .8rem;border-left:3px solid var(--accent-deep);background:var(--light-red);font-size:.86rem;line-height:1.45;color:#7a1414}.gate__form{display:flex;flex-direction:column;gap:.6rem}.gate__input{width:100%;padding:.85rem 1rem;border:1.5px solid #d8d2c8;border-radius:0;background:#fff;color:var(--ink);font:inherit;font-size:1rem}.gate__input::placeholder{color:#9b968e}.gate__input:focus-visible{outline:2px solid var(--accent-deep);outline-offset:2px;border-color:var(--accent-deep)}.gate__submit{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.95rem 1.15rem;border:0;border-radius:0;background:var(--accent-deep);color:#fff;font-family:var(--display);font-size:1rem;font-weight:700;letter-spacing:.01em;text-transform:uppercase;cursor:pointer;transition:background-color .14s ease}.gate__submit:after{content:"→";font-size:1.1em;line-height:1}.gate__submit:hover:not(:disabled){background:#b00101}.gate__submit:disabled{opacity:.55;cursor:default}.gate__sent{display:flex;flex-direction:column;align-items:flex-start;gap:.7rem;padding-top:.25rem;border-top:2px solid var(--ink)}.gate__sent-title{margin:0;font-family:var(--display);font-size:1.25rem;font-weight:800;text-transform:uppercase;letter-spacing:-.01em;color:var(--ink)}.gate__again{padding:0;border:0;border-bottom:1.5px solid var(--ink);background:none;color:var(--ink);font:inherit;font-size:.85rem;font-weight:600;cursor:pointer}@media(prefers-reduced-motion:reduce){.gate__clave span{animation:none;opacity:1}}.session{display:inline-flex;align-items:baseline;gap:.5rem;font-size:.72rem}.session[hidden]{display:none}.session__name{max-width:11rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;color:var(--text-dim)}.session__out{padding:0;border:0;border-bottom:1px solid transparent;background:none;color:var(--text-faint);font:inherit;font-size:.72rem;text-decoration:none;cursor:pointer}.session__out:hover{color:var(--accent);border-bottom-color:rgb(var(--accent-glow) / .5)}body[data-mode=demo] .brand:after{content:"demo";margin-left:.5rem;padding:.1rem .4rem;border:1px solid #3c3a45;border-radius:999px;font-size:.6rem;letter-spacing:.1em;color:#c8a35a}.tut{--beat: 625ms;--bar: calc(var(--beat) * 8);--stage: #151c38;position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:max(.75rem,env(safe-area-inset-top)) var(--pad) calc(.75rem + env(safe-area-inset-bottom));background:radial-gradient(120% 60% at 50% 0%,#1b2242 0%,transparent 60%),radial-gradient(90% 50% at 50% 100%,rgb(var(--accent-glow) / .08) 0%,transparent 70%),#0c1124;animation:tut-in .26s cubic-bezier(.2,.8,.3,1)}.tut[hidden]{display:none}@keyframes tut-in{0%{opacity:0}to{opacity:1}}.tut__shell{display:grid;grid-template-rows:auto 1fr auto auto;gap:clamp(.75rem,2.5vh,1.5rem);width:min(30rem,100%);height:min(46rem,100%);max-height:100%}.tut__bar{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.tut__eyebrow{margin:0;font-size:.66rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--accent)}.tut__skip{padding:.3rem .1rem;border:0;background:none;color:var(--text-faint);font:inherit;font-size:.78rem;letter-spacing:.04em;cursor:pointer}.tut__skip:hover{color:var(--text)}.tut__stage{position:relative;display:grid;place-items:center;min-height:0;padding:clamp(1rem,4vh,2rem) 1rem;border:1px solid var(--line);border-radius:20px;background:radial-gradient(120% 80% at 50% 0%,#1c2445,transparent 70%),var(--stage);overflow:hidden;cursor:pointer}.tut__stage:after{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,rgb(var(--accent-glow) / .5),transparent)}.tut-demo{display:grid;place-items:center;gap:clamp(.75rem,3vh,1.5rem);width:100%}.tut__copy{display:grid;gap:.4rem;min-height:5.5rem}.tut__title{margin:0;font-family:var(--display);font-size:clamp(1.45rem,6vw,1.95rem);font-weight:800;line-height:1.05;letter-spacing:-.02em;text-wrap:balance}.tut__body{margin:0;font-size:.92rem;line-height:1.5;color:var(--text-dim);text-wrap:pretty}.tut__foot{display:grid;gap:.85rem}.tut__progress{display:flex;justify-content:center;gap:clamp(.35rem,2vw,.7rem)}.tut__pip{font-family:var(--display);width:1.7rem;height:1.7rem;padding:0;border:0;border-radius:8px;background:none;color:var(--num-dim);font:inherit;font-size:.86rem;font-weight:800;font-variant-numeric:tabular-nums;line-height:1;cursor:pointer;transition:color .18s ease,transform .18s ease}.tut__pip.is-done{color:var(--text-faint)}.tut__pip.is-on{color:var(--accent);transform:scale(1.18);text-shadow:0 0 14px rgb(var(--accent-glow) / .55);animation:tut-pulse var(--bar) ease-in-out infinite}@keyframes tut-pulse{0%,to{opacity:1}50%{opacity:.82}}.tut__pip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tut__nav{display:flex;align-items:center;gap:.5rem}.tut__nav[hidden],.tut__ctas[hidden]{display:none}.tut__back{padding:.7rem 1rem;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--text-dim);font:inherit;font-size:.85rem;font-weight:600;cursor:pointer}.tut__back:hover{color:var(--text)}.tut__next{flex:1 1 auto;padding:.75rem 1.25rem;border:1px solid rgb(var(--accent-glow) / .5);border-radius:999px;background:rgb(var(--accent-glow) / .14);color:var(--accent);font:inherit;font-size:.92rem;font-weight:700;letter-spacing:.01em;cursor:pointer;transition:background-color .16s ease}.tut__next:hover{background:rgb(var(--accent-glow) / .22)}.tut__ctas{display:grid;gap:.5rem}.tut__cta{padding:.8rem 1.25rem;border:1px solid var(--line);border-radius:999px;background:var(--bg-raised);color:var(--text);font:inherit;font-size:.92rem;font-weight:700;cursor:pointer}.tut__cta--quiz{border-color:rgb(var(--accent-glow) / .55);background:rgb(var(--accent-glow) / .16);color:var(--accent)}.tut__confetti{position:absolute;inset:0;z-index:2;width:100%;height:100%;pointer-events:none}.tut-demo--clave{gap:1.75rem}.tut-clave{position:relative;width:min(20rem,100%);height:3.5rem}.tut-clave:before{content:"";position:absolute;inset:50% 0 auto;height:1px;background:linear-gradient(90deg,transparent,var(--line) 15%,var(--line) 85%,transparent)}.tut-clave__stroke{position:absolute;top:50%;left:calc(var(--beat-pos) / 8 * 100%);width:.6rem;height:.6rem;margin:-.3rem 0 0 -.3rem;border-radius:50%;background:var(--accent-hot);opacity:.25;animation:tut-stroke var(--bar) ease-out infinite;animation-delay:calc(var(--beat-pos) * var(--beat))}@keyframes tut-stroke{0%{opacity:1;box-shadow:0 0 rgb(var(--clave-glow) / .5);transform:scale(1.5)}14%{opacity:.6;box-shadow:0 0 0 .9rem rgb(var(--clave-glow) / 0);transform:scale(1)}to{opacity:.25;transform:scale(1)}}.tut-clave__label{margin:0;font-size:.68rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--text-faint)}.tut-count{display:grid;grid-template-columns:repeat(8,1fr);gap:.25rem;width:100%}.tut-count__cell{display:grid;place-items:center;aspect-ratio:1 / 1;border-radius:10px}.tut-count__n{font-family:var(--display);font-size:clamp(.95rem,4.5vw,1.5rem);font-weight:800;font-variant-numeric:tabular-nums;line-height:1;color:var(--num-dim)}.tut-count__cell.is-hold .tut-count__n{color:transparent;-webkit-text-stroke:1.5px var(--num-hollow)}.tut-count--large .tut-count__n{font-size:clamp(1.3rem,7vw,2.4rem)}.tut-count.is-running .tut-count__cell{animation:tut-cell var(--bar) linear infinite;animation-delay:calc(var(--i) * var(--beat))}@keyframes tut-cell{0%,12.5%{background:rgb(var(--accent-glow) / .12)}13%,to{background:transparent}}.tut-count.is-running .tut-count__n{animation:tut-cell-n var(--bar) linear infinite;animation-delay:calc(var(--i) * var(--beat))}@keyframes tut-cell-n{0%{color:var(--accent);transform:scale(1.14)}12.5%{color:var(--accent);transform:scale(1)}13%,to{color:var(--num-dim);transform:scale(1)}}.tut-count.is-running .is-hold .tut-count__n{animation-name:tut-cell-hold}@keyframes tut-cell-hold{0%,12.5%{color:transparent;-webkit-text-stroke-color:var(--accent)}13%,to{color:transparent;-webkit-text-stroke-color:var(--num-hollow)}}.tut-legend{display:flex;gap:1rem}.tut-legend__item{display:inline-flex;align-items:center;gap:.4rem}.tut-legend__dot{width:.55rem;height:.55rem;border-radius:50%;background:var(--accent)}.tut-legend__dot--hold{background:transparent;box-shadow:inset 0 0 0 1.5px var(--num-hollow)}.tut-legend__label{font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint)}.tut-panel{display:grid;gap:.85rem;width:100%;padding:.9rem;border:1px solid var(--line);border-radius:14px;background:var(--bg-raised)}.tut-panel__head{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.tut-panel__title{font-size:.85rem;font-weight:650}.tut-chip{padding:.15rem .5rem;border:1px solid rgb(var(--accent-glow) / .4);border-radius:999px;font-size:.65rem;font-weight:700;color:var(--accent)}.tut-count.is-cued .tut-count__cell:first-child{position:relative}.tut-count.is-cued .tut-count__cell:first-child:after{content:"";position:absolute;inset:-2px;border-radius:12px;box-shadow:0 0 0 1.5px var(--accent-hot);opacity:0;animation:tut-cue var(--bar) ease-out infinite}@keyframes tut-cue{0%{opacity:1;transform:scale(.9)}18%{opacity:0;transform:scale(1.25)}to{opacity:0}}.tut-transport{display:flex;align-items:center;gap:.6rem}.tut-transport__play{width:1.4rem;height:1.4rem;flex:0 0 auto;border-radius:50%;background:rgb(var(--accent-glow) / .16);box-shadow:inset 0 0 0 1px rgb(var(--accent-glow) / .45)}.tut-transport__bar{position:relative;flex:1 1 auto;height:3px;border-radius:2px;background:#2a2830;overflow:hidden}.tut-transport__fill{position:absolute;inset:0 auto 0 0;width:30%;background:var(--accent);animation:tut-fill calc(var(--bar) * 3) linear infinite}@keyframes tut-fill{0%{width:22%}to{width:78%}}.tut-qcard{position:relative;display:grid;place-items:center;gap:.6rem;width:min(15rem,90%);padding:1.75rem 1.25rem;border:1px solid var(--line);border-radius:18px;background:linear-gradient(165deg,#1a1822,var(--bg-raised) 60%,#101015);box-shadow:0 16px 40px #00000080;text-align:center;animation:tut-swipe calc(var(--bar) * 2) ease-in-out infinite;overflow:hidden}@keyframes tut-swipe{0%,74%{transform:none;opacity:1}86%{transform:translate(58%) rotate(7deg);opacity:0}87%{transform:translate(-14%) rotate(-3deg);opacity:0}to{transform:none;opacity:1}}.tut-qcard__title{margin:0;font-size:1.15rem;font-weight:700}.tut-qcard__artist{margin:0;font-size:.78rem;color:var(--text-dim)}.tut-qcard__dots{display:flex;gap:.45rem}.tut-qcard__dot{width:.6rem;height:.6rem;border:1px solid #34323d;border-radius:50%;animation:tut-dot calc(var(--bar) * 2) linear infinite;animation-delay:calc(var(--beat) * 2 + var(--i) * var(--beat) * 2)}@keyframes tut-dot{0%,to{background:var(--accent);border-color:var(--accent);box-shadow:0 0 10px rgb(var(--accent-glow) / .5)}}.tut-ripple{position:absolute;inset:auto;width:3rem;height:3rem;border-radius:50%;box-shadow:0 0 0 2px rgb(var(--accent-glow) / .6);opacity:0;animation:tut-ripple calc(var(--beat) * 2) ease-out infinite}@keyframes tut-ripple{0%{opacity:.9;transform:scale(.4)}60%{opacity:0;transform:scale(1.7)}to{opacity:0}}.tut-qcard__verdict{margin:0;font-size:.8rem;font-weight:700;color:var(--accent);opacity:0;animation:tut-verdict calc(var(--bar) * 2) ease-out infinite}@keyframes tut-verdict{0%,66%{opacity:0}72%,82%{opacity:1}90%,to{opacity:0}}.tut-pad{position:relative;display:grid;place-items:center;width:min(9rem,45vw);aspect-ratio:1 / 1;border:1px solid rgb(var(--accent-glow) / .4);border-radius:50%;background:rgb(var(--accent-glow) / .08)}.tut-pad__label{font-size:.72rem;font-weight:800;letter-spacing:.28em;text-indent:.28em;color:var(--accent)}.tut-pad__click{position:absolute;inset:-6px;border-radius:50%;box-shadow:0 0 0 1.5px var(--accent-hot);opacity:0;animation:tut-cue var(--bar) ease-out infinite}.tut-pad__tap{position:absolute;width:2.2rem;height:2.2rem;border-radius:50%;background:rgb(var(--accent-glow) / .25);opacity:0;animation:tut-ripple var(--bar) ease-out infinite;animation-delay:90ms}.tut-readout{margin:0;font-size:.8rem;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.04em;color:var(--text-dim)}.tut-count.is-curating .tut-count__cell:first-child:after{content:"";position:absolute;inset:-2px;border-radius:12px;box-shadow:0 0 0 1.5px var(--accent);opacity:0;animation:tut-cue var(--bar) ease-out infinite}.tut-count.is-curating .tut-count__cell:first-child{position:relative}.tut-taps{display:flex;justify-content:center;gap:.4rem}.tut-taps__tick{width:1.6rem;height:3px;border-radius:2px;background:#2a2830;animation:tut-tick calc(var(--bar) * 2) linear infinite;animation-delay:calc(var(--i) * var(--bar) / 2)}@keyframes tut-tick{0%,to{background:var(--accent)}}.tut-command{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.45rem .6rem;border:1px solid var(--line);border-radius:8px;background:var(--bg-sunken)}.tut-command__text{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.68rem;color:var(--text)}.tut-command__copy{font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);opacity:0;animation:tut-verdict calc(var(--bar) * 2) ease-out infinite}.tut-mark{position:relative;display:grid;place-items:center;width:min(11rem,55vw);aspect-ratio:1 / 1}.tut-mark__one{font-family:var(--display);font-size:clamp(4rem,22vw,7rem);font-weight:800;font-variant-numeric:tabular-nums;line-height:1;color:var(--accent);text-shadow:0 0 40px rgb(var(--accent-glow) / .45);animation:tut-pulse var(--bar) ease-in-out infinite}.tut-mark__ring{position:absolute;inset:0;border-radius:50%;box-shadow:0 0 0 1px rgb(var(--accent-glow) / .35);animation:tut-ring var(--bar) ease-out infinite}@keyframes tut-ring{0%{opacity:.8;transform:scale(.82)}70%,to{opacity:0;transform:scale(1.15)}}.tut[data-motion=reduced] *,.tut[data-motion=reduced] *:before,.tut[data-motion=reduced] *:after{animation:none!important;transition:none!important}.tut[data-motion=reduced] .tut-clave__stroke{opacity:1}.tut[data-motion=reduced] .tut-count__cell:first-child{background:rgb(var(--accent-glow) / .12)}.tut[data-motion=reduced] .tut-count__cell:first-child .tut-count__n{color:var(--accent)}.tut[data-motion=reduced] .tut-qcard__dot{background:var(--accent);border-color:var(--accent)}.tut[data-motion=reduced] .tut-qcard__verdict,.tut[data-motion=reduced] .tut-command__copy,.tut[data-motion=reduced] .tut-pad__click,.tut[data-motion=reduced] .tut-pad__tap{opacity:1}.tut[data-motion=reduced] .tut-taps__tick{background:var(--accent)}@media(prefers-reduced-motion:reduce){.tut,.tut *{animation:none!important}}.help{display:grid;place-items:center;width:1.85rem;height:1.85rem;padding:0;border:1px solid var(--line);border-radius:50%;background:var(--bg-raised);color:var(--text-faint);font:inherit;font-size:.82rem;font-weight:800;cursor:pointer;transition:color .14s,border-color .14s}.help:hover:not(:disabled){border-color:rgb(var(--accent-glow) / .5);color:var(--accent)}.help:disabled{opacity:.4;cursor:not-allowed}@media(min-width:620px){.tut__ctas{grid-template-columns:1fr 1fr}}