@layer components{.mystery{padding-top:calc(64px + env(safe-area-inset-top))}.mystery-stage{text-align:center;flex-direction:column;align-items:center;padding:clamp(40px,6vw,80px) 16px clamp(48px,6vw,72px);display:flex}.mystery-title{text-wrap:balance;margin-top:18px;font-size:clamp(44px,6.6vw,96px);font-weight:700;line-height:.94}.mystery-title span{color:var(--accent-ink);margin-top:.12em;display:block}.mystery-clock-label{margin-top:clamp(28px,4vw,44px)}.mystery-clock-label+.mystery-clock{margin-top:12px}.mystery-clock{gap:clamp(8px,1.6vw,18px);margin-top:clamp(28px,4vw,44px);display:flex}.mystery-unit{border:1px solid var(--rule);border-radius:var(--radius-lg);background:var(--surface);flex-direction:column;align-items:center;gap:6px;min-width:clamp(68px,11vw,128px);padding:clamp(10px,1.6vw,18px) 8px;display:flex}.mystery-unit .display{font-size:clamp(40px,6vw,84px);font-weight:700;line-height:.9}.mystery-closed{font-size:clamp(36px,5vw,64px);font-weight:700}.mystery-box{aspect-ratio:1/.86;perspective:900px;width:clamp(180px,22vw,260px);margin-top:clamp(36px,5vw,56px);position:relative}.mystery-body{background:linear-gradient(#2e6bff 0%,#1546c8 100%);border-radius:14px;place-items:center;display:grid;position:absolute;inset:24% 0 0;overflow:hidden;box-shadow:inset 0 2px #ffffff2e,0 34px 60px -28px #1f5effa6}.mystery-body:before{content:"";background:#ffffff1f;position:absolute;inset:0 42%}.mystery-mark{color:#fff;font-size:clamp(72px,9vw,110px);font-weight:700;line-height:1;position:relative}.mystery-lid{z-index:2;transform-origin:50% 100%;background:linear-gradient(#5b8dff 0%,#2e6bff 100%);border-radius:12px;transition:transform .7s cubic-bezier(.2,.9,.2,1.15);position:absolute;inset:8% -5% 70%;box-shadow:inset 0 -3px #0000002e}.mystery-lid:before{content:"";background:#ffffff24;position:absolute;inset:0 44%}.mystery-light{background:linear-gradient(0deg, color-mix(in srgb, var(--accent) 55%, transparent), transparent);filter:blur(6px);height:0;transition:height .7s var(--ease-out) .12s;position:absolute;bottom:70%;left:10%;right:10%}.mystery-box[data-open] .mystery-lid{transform:rotateX(70deg)translateY(-30%)}.mystery-box[data-open] .mystery-light{height:120%}.mystery-box[data-shake=a]{animation:.42s ease-out mystery-rattle-a}.mystery-box[data-shake=b]{animation:.42s ease-out mystery-rattle-b}@keyframes mystery-rattle-a{20%{transform:translate(-8px)rotate(-2deg)}45%{transform:translate(7px)rotate(2deg)}70%{transform:translate(-4px)rotate(-1deg)}}@keyframes mystery-rattle-b{20%{transform:translate(8px)rotate(2deg)}45%{transform:translate(-7px)rotate(-2deg)}70%{transform:translate(4px)rotate(1deg)}}@media (prefers-reduced-motion:reduce){.mystery-box[data-shake]{animation:none}.mystery-lid,.mystery-light{transition:none}}.mystery-form{flex-wrap:wrap;justify-content:center;gap:10px;width:min(620px,100%);margin-top:clamp(32px,4vw,44px);display:flex}.mystery-input{flex:280px;min-height:52px;font-size:17px}.mystery-result{max-width:52ch;min-height:1.5em;color:var(--muted);margin-top:14px}.mystery-stats{gap:clamp(24px,5vw,64px);margin-top:clamp(28px,4vw,40px);display:flex}.mystery-stats dt{color:var(--muted);font-size:13px}.mystery-stats dd{margin-top:4px;font-size:clamp(32px,4vw,48px);font-weight:700}.mystery-reveal,.mystery-rules{border-top:1px solid var(--rule);width:min(760px,100% - 32px);margin:0 auto;padding-block:clamp(32px,4vw,48px)}.mystery-answer{color:var(--accent-ink);margin-top:12px;font-size:clamp(40px,6vw,80px);font-weight:700}.mystery-winner{overflow-wrap:anywhere;margin-top:14px;font-size:18px;line-height:1.6}.mystery-rules h2{font-size:clamp(30px,3.4vw,44px);font-weight:700}.mystery-rules ol{gap:12px;margin-top:18px;padding-left:1.3em;line-height:1.6;list-style:decimal;display:grid}.mystery-proof{border:1px solid var(--rule);border-radius:var(--radius-lg);background:var(--surface);margin-top:26px;padding:18px 20px}.mystery-hash{overflow-wrap:anywhere;margin-top:8px;font-size:14px}}