.av-home,.av-result-wrap,.av-stage{gap:var(--space-4);scroll-margin-top:80px;display:grid}.av-stage{max-width:600px;margin:0 auto}.av-title{letter-spacing:-.02em;margin:0;font-size:clamp(1.35rem,6vw,1.7rem);font-weight:800}.av-sub{color:var(--muted);word-break:keep-all;margin:4px 0 0;font-weight:600}.av-note{text-align:center;color:var(--muted);word-break:keep-all;margin:0;font-size:.85rem}.av-plaza{grid-template-columns:repeat(10,minmax(0,1fr));gap:5px;width:min(100%,300px);margin:0 auto;display:grid}.av-plaza.is-small{gap:4px;width:min(100%,220px)}.av-plaza span{aspect-ratio:1;background:var(--line);color:var(--bear-900);border-radius:50% 50% 40% 40%;place-items:center;font-size:.75rem;font-weight:800;animation:.35s cubic-bezier(.2,1.4,.4,1) both av-dot;display:grid}.av-plaza span.is-on{background:var(--tiger-500)}.av-plaza span.is-me{background:var(--bear-900);color:var(--tiger-500);font-size:.95rem;animation:.35s cubic-bezier(.2,1.4,.4,1) both av-dot,1.1s ease-in-out .9s infinite av-me}@keyframes av-dot{0%{opacity:0;transform:scale(.2)}to{opacity:1;transform:none}}@keyframes av-me{0%,to{box-shadow:0 0 0 0 var(--tiger-50);transform:scale(1)}50%{box-shadow:0 0 0 6px var(--tiger-50);transform:scale(1.25)}}.av-intro{gap:var(--space-4);padding:var(--space-6);display:grid;position:relative;overflow:hidden}.av-intro-plaza{opacity:.16;pointer-events:none;width:200px;position:absolute;top:-10px;right:-20px}.av-intro>:not(.av-intro-plaza){position:relative}.av-intro-row{align-items:center;gap:var(--space-3);display:flex}.av-chips{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.av-chips li{background:var(--cream-50);border:2px dashed var(--line);width:44px;height:44px;animation:rise .3s var(--ease) both, av-bob 3s ease-in-out .5s infinite;border-radius:14px;place-items:center;font-size:1.3rem;display:grid}.av-chips li:nth-child(2n){animation-delay:60ms,1.3s}@keyframes av-bob{50%{translate:0 -4px}}.av-top{align-items:center;gap:var(--space-3);display:flex}.av-count{font-variant-numeric:tabular-nums;font-weight:800}.av-dots{flex:1;grid-template-columns:repeat(9,minmax(0,1fr));gap:3px;margin:0;padding:0;list-style:none;display:grid}.av-dots li{border-radius:var(--radius-pill);background:var(--cream-50);height:8px}.av-dots .is-now{background:var(--tiger-500);animation:1.1s ease-in-out infinite av-blink}.av-dots .is-avg{background:var(--good-600)}.av-dots .is-odd{background:var(--info-600)}@keyframes av-blink{50%{opacity:.5}}.av-card{gap:var(--space-3);padding:var(--space-5);border-radius:var(--radius);background:var(--cream-50);animation:.4s cubic-bezier(.2,.9,.3,1) both av-in;display:grid}@keyframes av-in{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:none}}.av-emoji{animation:pop .4s var(--ease) .1s both;font-size:2.4rem;line-height:1}.av-q{word-break:keep-all;margin:0;font-size:clamp(1.2rem,5.4vw,1.45rem);font-weight:800;line-height:1.45}.av-opts{gap:var(--space-2);display:grid}.av-opts.av-two{grid-template-columns:1fr 1fr}.av-opt{min-height:60px;padding:var(--space-3);border-radius:var(--radius-md);border:3px solid var(--line);background:var(--bg);color:var(--fg);font:inherit;word-break:keep-all;cursor:pointer;-webkit-tap-highlight-color:transparent;border-bottom-width:5px;place-items:center;gap:2px;font-size:1.05rem;font-weight:800;animation:.36s cubic-bezier(.2,1.2,.4,1) both av-pop;display:grid}.av-opt small{color:var(--muted);animation:pop .3s var(--ease) .2s both;font-size:.85rem}.av-opt:hover:not(:disabled){border-color:var(--tiger-500)}.av-opt:disabled{cursor:default;color:var(--fg)}.av-opt.is-picked{border-color:var(--tiger-500);background:var(--tiger-50);animation:.4s cubic-bezier(.2,1.4,.4,1) both av-press}.av-opt.is-dim{opacity:.55}@keyframes av-pop{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:none}}@keyframes av-press{0%{transform:scale(.95)}60%{transform:scale(1.04)}to{transform:none}}.av-reveal{gap:var(--space-3);display:grid}.av-reveal-title{text-align:center;margin:0;font-weight:700}.av-reveal-title b{color:var(--tiger-600);font-size:1.2em}.av-legend{color:var(--muted);justify-content:center;align-items:center;gap:6px;font-size:.85rem;font-weight:700;display:flex}.av-legend span{background:var(--line);border-radius:50%;width:12px;height:12px}.av-legend span.is-on{background:var(--tiger-500)}.av-legend b{color:var(--bear-900);margin-left:4px}.av-src{text-align:center;color:var(--muted);word-break:keep-all;margin:0;font-size:.8rem}.av-band{gap:6px;display:grid}.av-band-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;display:grid}.av-band-row:has(span:nth-child(4)){grid-template-columns:repeat(4,minmax(0,1fr))}.av-band-row span{background:var(--line);height:46px;color:var(--bg);border-radius:10px;place-items:center;font-size:.85rem;font-weight:800;animation:.35s cubic-bezier(.2,1.4,.4,1) both av-dot;display:grid}.av-band-row span.is-avg{background:var(--good-600)}.av-band-row span.is-me{outline:4px solid var(--tiger-500);outline-offset:2px;color:var(--bg);background:var(--bear-900)}.av-band-row span.is-me.is-avg{background:var(--good-600)}.av-band-labels{text-align:center;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:4px;display:grid}.av-band-labels small{color:var(--muted);word-break:keep-all;font-size:.7rem;font-weight:700}.av-band-mean{text-align:center;margin:4px 0 0;font-weight:700}.av-pin{animation:.5s cubic-bezier(.2,1.6,.4,1) .4s both av-drop;display:inline-block}@keyframes av-drop{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:none}}.av-result{position:relative;overflow:hidden}.av-result>:not(.confetti){z-index:2;position:relative}.av-result .mascot{margin:0 auto}.av-kicker{color:var(--muted);margin:0;font-weight:700}.av-stamp{margin:var(--space-2) 0 0;border:3px solid var(--bad-600);color:var(--bad-600);border-radius:10px;padding:4px 14px;font-size:1.15rem;font-weight:800;animation:.42s cubic-bezier(.2,1.4,.4,1) 1s both av-stamp;display:inline-block;transform:rotate(-5deg)}@keyframes av-stamp{0%{opacity:0;transform:rotate(-5deg)scale(2.2)}70%{opacity:1;transform:rotate(-5deg)scale(.94)}to{transform:rotate(-5deg)scale(1)}}.av-rare{gap:var(--space-2);padding:var(--space-5);border-radius:var(--radius);background:var(--cream-50);text-align:center;display:grid}.av-rare-kicker{color:var(--muted);margin:0;font-size:.9rem;font-weight:700}.av-rare-num{margin:0 0 var(--space-2);color:var(--tiger-600);font-size:clamp(1.5rem,7vw,2rem);font-weight:800}.av-rare-sub{color:var(--muted);margin:0;font-weight:700}.av-list{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.av-list li{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:2px solid var(--line);background:var(--bg);display:flex}.av-li-emoji{font-size:1.5rem}.av-li-body{flex:1;gap:4px;min-width:0;display:grid}.av-li-q{margin:0;font-weight:800}.av-li-body small{color:var(--muted);word-break:keep-all;font-weight:600}.av-li-bar{border-radius:var(--radius-pill);background:var(--cream-50);height:8px;overflow:hidden}.av-li-bar span{border-radius:inherit;background:var(--tiger-500);transform-origin:0;height:100%;animation:.7s cubic-bezier(.2,.9,.3,1) both av-grow;display:block}@keyframes av-grow{0%{transform:scaleX(0)}}.av-li-tag{border-radius:var(--radius-pill);background:var(--cream-50);color:var(--muted);flex:none;padding:4px 10px;font-size:.8rem;font-weight:800}.av-list li.is-avg .av-li-tag{background:var(--good-50);color:var(--good-600)}.av-list li.is-odd .av-li-tag{background:var(--tiger-50);color:var(--tiger-600)}.av-late{animation:.4s cubic-bezier(.2,1.1,.4,1) both av-late}@keyframes av-late{0%{opacity:0;transform:translateY(14px)scale(.97)}to{opacity:1;transform:none}}.av-actions{gap:var(--space-2);display:grid}.av-actions .btn{width:100%}@media (min-width:720px){.av-actions{grid-template-columns:1fr 1fr}}.av-shine{position:relative;overflow:hidden}.av-shine:after{content:"";pointer-events:none;background:linear-gradient(100deg,#0000,#ffffff8c,#0000);width:30%;animation:3.6s ease-in-out 1.2s infinite av-shine;position:absolute;top:0;bottom:0;left:-40%;transform:skew(-20deg)}@keyframes av-shine{0%,70%{left:-40%}to{left:130%}}.av-toast{left:50%;bottom:max(24px, env(safe-area-inset-bottom));z-index:110;border-radius:var(--radius-md);background:var(--bear-900);max-width:calc(100% - 32px);color:var(--bg);box-shadow:var(--shadow-float);animation:rise .2s var(--ease) both;padding:12px 18px;font-weight:700;position:fixed;transform:translate(-50%)}