.hs-home,.hs-play,.hs-result-wrap{gap:var(--space-4);scroll-margin-top:80px;display:grid}.hs-play{max-width:520px;margin:0 auto}.hs-title{letter-spacing:-.02em;word-break:keep-all;margin:0;font-size:clamp(1.25rem,5.6vw,1.6rem);font-weight:800}.hs-sub{color:var(--muted);margin:4px 0 0;font-weight:600}.hs-kicker{color:var(--muted);margin:0;font-weight:700}.hs-h{margin:0;font-weight:800}.hs-hero{gap:var(--space-4);padding:var(--space-6);display:grid}.hs-hero-art{border-radius:var(--radius);background:var(--cream-50);height:200px;position:relative;overflow:hidden}.hs-hero-line{background:var(--muzzle-300);border-radius:2px;width:4px;margin-left:-2px;position:absolute;top:8%;bottom:8%;left:50%}.hs-hero-card{z-index:1;background:var(--bg);border:2px solid var(--tiger-600);border-radius:8px;place-items:center;width:44px;height:28px;margin-left:-22px;font-size:1.1rem;animation:3.2s ease-in-out infinite hs-shuffle;display:grid;position:absolute;left:50%}@keyframes hs-shuffle{0%,to{transform:translate(0)}25%{transform:translate(-60px)rotate(-6deg)}50%{transform:translate(50px)rotate(5deg)}75%{transform:translate(0)}}.hs-hero-bear{position:absolute;bottom:-6px;left:3%}.hs-steps{grid-template-columns:repeat(4,1fr);gap:6px;margin:0;padding:0;list-style:none;display:grid}.hs-steps li{border-radius:var(--radius-pill);background:var(--cream-50);color:var(--muted);justify-content:center;gap:6px;padding:6px;font-size:.85rem;font-weight:800;display:flex}.hs-steps .is-now{background:var(--tiger-500);color:var(--bear-900)}.hs-steps .is-done{background:var(--good-50);color:var(--good-600)}.hs-round{gap:var(--space-3);animation:rise .3s var(--ease) both;display:grid}.hs-timeline{gap:4px;display:grid}.hs-end{color:var(--muted);text-align:center;font-size:.78rem;font-weight:800}.hs-slots{position:relative}.hs-slots:before{content:"";background:var(--muzzle-300);border-radius:2px;width:4px;position:absolute;top:0;bottom:0;left:22px}.hs-slot{align-items:center;gap:var(--space-3);height:64px;padding:0 var(--space-3) 0 44px;border-radius:var(--radius-md);transition:transform .6s cubic-bezier(.3,1.2,.4,1),top .6s cubic-bezier(.3,1.2,.4,1);display:flex;position:absolute;left:0;right:0}.hs-slot.is-empty{border:2px dashed var(--line);background:color-mix(in oklab, var(--cream-50) 60%, transparent);color:var(--muted);font-weight:800}.hs-card{border:2px solid var(--tiger-600);background:var(--tiger-50);color:var(--fg);font:inherit;text-align:left;cursor:pointer;border-bottom-width:4px;animation:.35s cubic-bezier(.2,1.4,.4,1) both hs-in}.hs-card:disabled{cursor:default}@keyframes hs-in{0%{opacity:0;transform:translateY(40px)scale(.8)}}.hs-card.is-ok{border-color:var(--good-600);background:var(--good-50)}.hs-card.is-no{border-color:var(--bad-600);background:var(--bad-50);animation:.3s 2 shake}.hs-card.is-fixed{border-color:var(--bear-600);background:var(--bg)}.hs-emoji{font-size:1.5rem}.hs-name{word-break:keep-all;flex:1;min-width:0;font-weight:800;line-height:1.3}.hs-year{border:2.5px solid var(--bad-600);color:var(--bad-600);border-radius:6px;flex:none;padding:2px 8px;font-size:.85rem;font-weight:800;animation:.4s cubic-bezier(.2,1.5,.4,1) both hs-seal;transform:rotate(-6deg)}@keyframes hs-seal{0%{opacity:0;transform:rotate(-6deg)scale(2.4)}to{opacity:1;transform:rotate(-6deg)scale(1)}}.hs-pool{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.hs-chip{border-radius:var(--radius-md);border:2px solid var(--line);background:var(--bg);min-height:48px;color:var(--fg);font:inherit;cursor:pointer;animation:rise .3s var(--ease) both;border-bottom-width:4px;padding:8px 14px;font-weight:800}.hs-chip:active{transform:translateY(2px)}.hs-after{gap:var(--space-2);display:grid}.hs-score{text-align:center;margin:0;font-size:1.2rem;font-weight:800}.hs-result{position:relative;overflow:hidden}.hs-result>:not(.confetti){z-index:2;position:relative}.hs-result .mascot{margin:0 auto}.hs-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 hs-stamp;display:inline-block;transform:rotate(-5deg)}@keyframes hs-stamp{0%{opacity:0;transform:rotate(-5deg)scale(2.2)}70%{opacity:1;transform:rotate(-5deg)scale(.94)}to{transform:rotate(-5deg)scale(1)}}.hs-grid{margin:var(--space-3) 0 0;justify-content:center;gap:2px;font-size:1.1rem;display:grid}.hs-yeonpyo{gap:var(--space-2);display:grid}.hs-yeonpyo ol{border-left:3px solid var(--muzzle-300);gap:10px;margin:0;padding:0 0 0 18px;list-style:none;display:grid}.hs-yeonpyo li{animation:hs-late .35s var(--ease) both;gap:1px;display:grid;position:relative}.hs-yeonpyo li:before{content:"";background:var(--tiger-500);border:3px solid var(--bg);border-radius:50%;width:13px;height:13px;position:absolute;top:5px;left:-26px}.hs-y{color:var(--bad-600);font-size:.85rem;font-weight:800}.hs-t{font-weight:800}.hs-yeonpyo small{color:var(--muted);font-weight:600}.hs-late{animation:.4s cubic-bezier(.2,1.1,.4,1) both hs-late}@keyframes hs-late{0%{opacity:0;transform:translateY(14px)scale(.97)}to{opacity:1;transform:none}}.hs-actions{gap:var(--space-2);display:grid}.hs-actions .btn{width:100%}@media (min-width:720px){.hs-actions{grid-template-columns:1fr 1fr}.hs-actions .btn:first-child{grid-column:1/-1}}.hs-shine{position:relative;overflow:hidden}.hs-shine:after{content:"";pointer-events:none;background:linear-gradient(100deg,#0000,#ffffff8c,#0000);width:30%;animation:3.6s ease-in-out 1.2s infinite hs-shine;position:absolute;top:0;bottom:0;left:-40%;transform:skew(-20deg)}@keyframes hs-shine{0%,70%{left:-40%}to{left:130%}}.hs-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%)}