.bq-bday{position:relative;overflow:hidden}.bq-bday__root{display:flex;flex-direction:column;gap:32px;margin-top:48px}.bq-bday__bar~.bq-bday__root{margin-top:48px}.bq-bday__anchors{display:none}.bq-bday__bar{height:64px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:var(--bq-border-w) solid var(--bq-line)}.bq-bday__brand{font-family:var(--bq-font-display);font-size:1.25rem;letter-spacing:.02em;text-transform:uppercase;display:inline-flex;align-items:center;gap:2px}.bq-bday__brand-sq{display:inline-block;width:12px;height:12px;background:var(--bq-accent)}.bq-bday__screen{display:flex;flex-direction:column;gap:28px}.bq-bday__screen--rise{animation:bqBdayRise .3s steps(5,end) both}.bq-bday__screen--done{gap:32px}.bq-bday__head{display:flex;flex-direction:column;gap:12px}.bq-bday__head .bq-kicker,.bq-bday__display{margin:0}.bq-bday__pad{padding:clamp(20px,4vw,32px);display:flex;flex-direction:column;gap:20px;background:var(--bq-bg);color:var(--bq-fg)}.bq-bday__pad--lg{gap:24px}.bq-bday__pad--surface{background:var(--bq-surface)}.bq-bday__pad--gift{padding:clamp(24px,5vw,40px);display:grid;gap:24px}.bq-bday__pad .bq-lede{margin:0}.bq-bday__field{display:flex;flex-direction:column;gap:6px}.bq-bday__row{display:flex;gap:12px;flex-wrap:wrap}.bq-bday__row .bq-input{flex:1 1 220px;width:auto}.bq-bday__actions{display:flex;gap:12px;flex-wrap:wrap}.bq-bday__err{font-size:.85rem;font-weight:700;color:var(--bq-accent)}.bq-bday__note{font-size:.9rem;line-height:1.5}.bq-bday__meta{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.bq-bday__dots{display:flex;gap:6px;flex-wrap:wrap}.bq-bday__dot{width:14px;height:14px;background:var(--bq-bg);border:2px solid var(--bq-line);transition:background .12s steps(2,end)}.bq-bday__dot.is-cur{background:var(--bq-accent-2)}.bq-bday__dot.is-done{background:var(--bq-accent)}.bq-bday__card.is-shake{animation:bqBdayShake .3s steps(3,end)}.bq-bday__q{margin:0;text-transform:none;line-height:1.2;font-size:clamp(1.35rem,3vw,2rem)}.bq-bday__visual{font-weight:700;font-size:clamp(1.1rem,3.2vw,1.8rem);letter-spacing:.06em;text-align:center;background:var(--bq-surface);border:var(--bq-border-w) solid var(--bq-line);padding:20px;line-height:1.5;white-space:pre-wrap}.bq-bday__opts{display:grid;grid-template-columns:1fr;gap:12px}.bq-bday__opts--2{grid-template-columns:repeat(2,minmax(0,1fr))}.bq-bday__opt{font-family:var(--bq-font-body);text-align:left;display:flex;align-items:center;gap:14px;background:var(--bq-bg);color:var(--bq-fg);border:var(--bq-border-w) solid var(--bq-line);box-shadow:3px 3px 0 var(--bq-line);padding:16px 18px;font-size:1.05rem;font-weight:500;line-height:1.35;cursor:pointer;border-radius:0;transition:transform .12s steps(2,end),box-shadow .12s steps(2,end)}.bq-bday__opt:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--bq-line)}.bq-bday__opt:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--bq-line)}.bq-bday__opt.is-right{background:var(--bq-fg);color:var(--bq-bg)}.bq-bday__key{font-family:var(--bq-font-mono);font-size:.72rem;font-weight:700;letter-spacing:.1em;border:2px solid currentColor;padding:4px 6px;flex-shrink:0}.bq-bday__cut{display:flex;flex-direction:column;gap:14px}.bq-bday__cut-bar{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.bq-bday__cut-hint{color:var(--bq-accent)}.bq-bday__schematic{position:relative;width:100%;aspect-ratio:16 / 8;background:var(--bq-surface);border:var(--bq-border-w) solid var(--bq-line);overflow:hidden;touch-action:none}.bq-bday__frame{position:absolute;left:3%;right:3%;top:8%;bottom:8%;border:2px dashed var(--bq-muted)}.bq-bday__axle{position:absolute;left:22%;right:5%;top:48%;height:4%;background:var(--bq-fg)}.bq-bday__engine{position:absolute;left:6%;top:24%;width:14%;height:52%;background:var(--bq-bg);border:var(--bq-border-w) solid var(--bq-line);display:flex;align-items:center;justify-content:center}.bq-bday__engine .bq-label{font-size:.55rem}.bq-bday__wheel{position:absolute;width:10%;height:14%;background:var(--bq-fg)}.bq-bday__wheel--fl{left:2%;top:4%}.bq-bday__wheel--fr{right:2%;top:4%}.bq-bday__wheel--rl{left:2%;bottom:4%}.bq-bday__wheel--rr{right:2%;bottom:4%}.bq-bday__part{position:absolute;background:var(--bq-bg);color:var(--bq-fg);border:var(--bq-border-w) solid var(--bq-line);box-shadow:3px 3px 0 var(--bq-line);cursor:pointer;padding:4px;border-radius:0;display:flex;align-items:center;justify-content:center;text-align:center;font-family:var(--bq-font-mono);font-size:.6rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;line-height:1.2;transition:transform .12s steps(2,end)}.bq-bday__part:hover{transform:translate(-2px,-2px)}.bq-bday__part.is-tried{background:var(--bq-surface)}.bq-bday__part.is-target{background:var(--bq-accent-2);color:var(--bq-on-accent-2)}.bq-bday__part.is-gone{background:var(--bq-surface);color:var(--bq-fg)}.bq-bday__part.is-buzz{animation:bqBdayBuzz .1s steps(2,end) infinite}.bq-bday__stamp{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-6deg);background:var(--bq-accent-2);color:var(--bq-on-accent-2);border:var(--bq-border-w) solid var(--bq-line);box-shadow:var(--bq-shadow);padding:10px 16px;font-weight:700;font-size:.85rem;letter-spacing:.12em;white-space:nowrap}.bq-bday__progress{display:flex;flex-direction:column;gap:10px}.bq-bday__progress-head{display:flex;justify-content:space-between}.bq-bday__pct{font-weight:700;font-size:.8rem}.bq-bday__track{height:22px;border:var(--bq-border-w) solid var(--bq-line);background:var(--bq-bg);position:relative}.bq-bday__fill{position:absolute;left:0;top:0;bottom:0;width:0;background:var(--bq-accent)}.bq-bday__saw{touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;font-family:var(--bq-font-mono);font-weight:700;font-size:.85rem;letter-spacing:.12em;background:var(--bq-fg);color:var(--bq-bg);border:var(--bq-border-w) solid var(--bq-line);box-shadow:var(--bq-shadow);padding:18px;cursor:pointer;border-radius:0;width:100%}.bq-bday__saw.is-on{background:var(--bq-accent);color:var(--bq-on-accent);animation:bqBdayBuzz .08s steps(2,end) infinite}.bq-bday__drag{display:flex;flex-direction:column;gap:16px}.bq-bday__tray{display:flex;flex-wrap:wrap;gap:10px;min-height:56px;padding:12px;border:2px dashed var(--bq-muted);background:var(--bq-surface)}.bq-bday__chip{touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab;font-family:var(--bq-font-mono);font-weight:700;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;background:var(--bq-bg);color:var(--bq-fg);border:var(--bq-border-w) solid var(--bq-line);box-shadow:3px 3px 0 var(--bq-line);padding:10px 14px}.bq-bday__chip.is-ghosted{opacity:.35}.bq-bday__chip.is-shake{animation:bqBdayShake .3s steps(3,end)}.bq-bday__bins{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.bq-bday__bin{min-height:150px;border:var(--bq-border-w) solid var(--bq-line);background:var(--bq-bg);box-shadow:var(--bq-shadow);display:flex;flex-direction:column;gap:10px;padding:12px;transition:background .12s steps(2,end)}.bq-bday__bin>*{pointer-events:none}.bq-bday__bin.is-hover{background:var(--bq-accent-2);color:var(--bq-on-accent-2)}.bq-bday__bin.is-hover .bq-label{color:inherit}.bq-bday__placed{font-family:var(--bq-font-mono);font-weight:700;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;background:var(--bq-fg);color:var(--bq-bg);padding:8px 10px}.bq-bday__ghost{position:fixed;left:0;top:0;z-index:50;pointer-events:none;transform:translate(-50%,-50%) rotate(-3deg);font-family:var(--bq-font-mono);font-weight:700;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;background:var(--bq-accent-2);color:var(--bq-on-accent-2);border:var(--bq-border-w) solid var(--bq-line);box-shadow:5px 5px 0 var(--bq-line);padding:10px 14px;white-space:nowrap}.bq-bday__wrong{background:var(--bq-fg);color:var(--bq-bg);padding:18px 20px;display:flex;flex-direction:column;gap:6px;font-size:.95rem;line-height:1.5;animation:bqBdayRise .2s steps(3,end) both}.bq-bday__wrong-tag{font-size:.72rem;font-weight:700;letter-spacing:.14em;color:var(--bq-accent-2)}.bq-bday__wrong-next{color:var(--bq-accent-2)}.bq-bday__right{background:var(--bq-accent);color:var(--bq-on-accent);padding:20px;display:flex;flex-direction:column;gap:14px;animation:bqBdayRise .2s steps(3,end) both}.bq-bday__right-tag{font-size:.72rem;font-weight:700;letter-spacing:.14em}.bq-bday__reveal{font-size:1.05rem;line-height:1.5}.bq-bday__next{font-family:var(--bq-font-mono);font-weight:700;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;background:var(--bq-bg);color:var(--bq-fg);border:2px solid var(--bq-fg);box-shadow:3px 3px 0 var(--bq-fg);padding:12px 18px;cursor:pointer;border-radius:0;transition:transform .12s steps(2,end),box-shadow .12s steps(2,end)}.bq-bday__next:hover{transform:translate(-2px,-2px)}.bq-bday__next:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--bq-fg)}.bq-bday__gift-head{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-bottom:var(--bq-border-w) solid var(--bq-line);padding-bottom:14px}.bq-bday__gift-amount{margin:0}.bq-bday__code-wrap{display:flex;flex-direction:column;gap:8px}.bq-bday__code{font-family:var(--bq-font-mono);font-weight:700;font-size:clamp(1.4rem,4.5vw,2.4rem);letter-spacing:.08em;background:var(--bq-accent-2);color:var(--bq-on-accent-2);padding:16px 20px;border:var(--bq-border-w) solid var(--bq-line);box-shadow:var(--bq-shadow);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all}.bq-bday__quote{font-size:clamp(1.3rem,2.6vw,1.8rem);margin:0}.bq-bday__eof{border-top:var(--bq-border-w) solid var(--bq-line);padding-top:14px}.bq-bday__confetti{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.bq-bday__bit{position:absolute;top:0;animation:bqBdayFall 3s steps(24,end) 0s 1 both}.bq-bday__bit--0{background:var(--bq-fg)}.bq-bday__bit--1{background:var(--bq-accent)}.bq-bday__bit--2{background:var(--bq-accent-2)}@keyframes bqBdayShake{0%,to{transform:translate(0)}33%{transform:translate(-6px)}66%{transform:translate(6px)}}@keyframes bqBdayRise{0%{transform:translateY(18px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes bqBdayFall{0%{transform:translateY(-40px) rotate(0)}to{transform:translateY(105vh) rotate(540deg)}}@keyframes bqBdayBuzz{0%,to{transform:translate(0)}25%{transform:translate(-2px,1px)}50%{transform:translate(2px,-1px)}75%{transform:translate(-1px,-2px)}}@media(prefers-reduced-motion:reduce){.bq-bday *,.bq-bday *:before,.bq-bday *:after{animation:none!important;transition:none!important}}@media(max-width:600px){.bq-bday__opts--2,.bq-bday__bins{grid-template-columns:1fr}.bq-bday__bar{height:56px}.bq-bday__root{margin-top:32px}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-bq-birthday-puzzles.css.map */
