.hr{--cw: 44px;--felt: color-mix(in srgb, var(--pine) 13%, var(--surface));padding-top:28px;padding-bottom:40px}.hr .crumbs{list-style:none;padding:0}.hr-head{display:grid;gap:12px;max-width:70ch}.hr h1{font-size:clamp(var(--step-4),6vw,var(--step-5));display:grid;gap:4px}.hr .h1-sub{font-family:var(--serif);color:var(--ink-2);font-size:.5em}.hr .today{color:var(--ink-2);font-weight:600}.hr .today .muted{font-weight:400}.hr .stage{margin-top:24px;display:grid;gap:16px;max-width:1060px}.hr .scene{margin:0;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);background:var(--cream)}.hr .scene img{display:block;width:100%;height:auto}.hr .stage.on .scene{display:none}.hr .talk{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px;align-items:start}.hr .face{width:64px;height:64px;border-radius:50%;border:2px solid var(--line-2);background:var(--cream)}.hr .bubble{position:relative;background:var(--surface);border:1px solid var(--line-2);border-radius:16px;padding:12px 16px 14px;min-height:92px}.hr .bubble:before{content:"";position:absolute;left:-8px;top:22px;width:14px;height:14px;background:var(--surface);border-left:1px solid var(--line-2);border-bottom:1px solid var(--line-2);transform:rotate(45deg)}.hr .who{font-size:.74rem;font-weight:700;letter-spacing:.06em;color:var(--slate);margin-bottom:4px}.hr .bubble .ko{font-family:var(--serif);font-size:clamp(1.2rem,3.6vw,1.5rem);line-height:1.45;color:var(--ink)}.hr .bubble .gl{color:var(--ink-2);margin-top:4px}.hr .bubble.pop .ko{animation:hr-pop .3s ease-out}.hr .start{display:flex;justify-content:flex-start}.hr .btn.big{padding:14px 24px;font-size:1rem}.hr .table{background:var(--felt);border:1px solid var(--line);border-radius:var(--radius);padding:14px clamp(10px,2vw,18px) 16px;display:grid;gap:12px}.hr .zl{font-family:var(--sans);font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--slate);margin:0}.hr .piles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.hr .pile{display:grid;justify-items:center;align-content:start;gap:8px;padding:12px 6px 10px;min-height:150px;border-radius:10px;border:1.5px solid transparent;background:color-mix(in srgb,var(--surface) 55%,transparent);color:var(--ink);font:inherit;cursor:pointer}.hr .pile:hover{border-color:var(--line-2)}.hr .pile:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.hr .pile.cur{border-color:var(--ochre);background:var(--surface)}.hr .pl{display:grid;gap:2px;text-align:center;line-height:1.25}.hr .pl b{font-family:var(--serif);font-size:1.05rem}.hr .pl small{color:var(--mute);font-size:.78rem}.hr .pl .tag{color:var(--ochre);font-weight:700;font-size:.72rem}.hr .stack{position:relative;width:calc(var(--cw) + 8px);height:calc(var(--cw) * 511 / 336 + 8px)}.hr .stack .hc{position:absolute;height:calc(var(--cw) * 511 / 336)}.hr .stack+.pl{margin-top:4px}.hr .stack .hc:nth-child(1){left:0;top:8px}.hr .stack .hc:nth-child(2){left:4px;top:4px}.hr .stack .hc:nth-child(3){left:8px;top:0}.hr .fan{display:flex;justify-content:center;min-height:calc(var(--cw) * 511 / 336 + 8px);padding-top:4px}.hr .fan .hc+.hc{margin-left:calc(var(--cw) * -.35)}.hr .pile.turned .fan .hc{animation:hr-pop .3s ease-out both}.hr .pile.turned .fan .hc:nth-child(2){animation-delay:.06s}.hr .pile.turned .fan .hc:nth-child(3){animation-delay:.12s}.hr .pile.turned .fan .hc:nth-child(4){animation-delay:.18s}.hr .hc{position:relative;display:block;flex:none;width:var(--cw);aspect-ratio:336 / 511;border-radius:4px;overflow:hidden;background:#fbf6ea;box-shadow:0 1px #00000059,0 6px 14px -8px #0000008c}.hr .hc .art{position:absolute;inset:0;overflow:hidden;border-radius:inherit}.hr .hc img{position:absolute;display:block;max-width:none;pointer-events:none;user-select:none}.hr .hc.back{background:#b23a2e;box-shadow:inset 0 0 0 1.5px #8a2a20,0 4px 10px -6px #0000008c}.hr .hc.back:after{content:"";position:absolute;inset:14%;border:1px solid rgba(255,255,255,.22);border-radius:2px}.hr .controls{display:flex;flex-wrap:wrap;gap:10px}.hr .keys{margin:0}.hr .end{margin-top:28px;display:grid;gap:12px;max-width:1060px;scroll-margin-top:76px}.hr .end h2{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;font-size:var(--step-3)}.hr .end h2 .h1-sub{font-size:.6em}.hr .end h2:focus{outline:none}.hr .endline{margin:0;display:flex;align-items:center;gap:12px}.hr .endline img{width:48px;height:48px;border-radius:50%;border:2px solid var(--line-2);flex:none}.hr .endline p{display:grid;gap:2px}.hr .endline .ko{font-family:var(--serif);font-size:1.15rem}.hr .endline .gl{color:var(--ink-2);font-size:.92rem}.hr .words{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:10px}.hr .w{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.hr .w .say{flex:none}.hr .w .tx{display:grid;gap:2px;min-width:0}.hr .w b{font-family:var(--serif);font-size:1.4rem;line-height:1.2}.hr .w .rom{color:var(--mute);font-size:.85rem;font-style:italic}.hr .w .g{color:var(--ink-2);font-size:.92rem}.hr .w .dot{flex:none;width:34px;height:34px;border-radius:50%;background:var(--ochre-soft)}.hr .end-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}.hr .credit{margin-top:36px;padding-top:14px;border-top:1px solid var(--line)}.hr .credit a{color:inherit}@keyframes hr-pop{0%{transform:translateY(6px) scale(.92);opacity:0}}@media(min-width:760px){.hr{--cw: 58px}.hr .talk{grid-template-columns:84px minmax(0,1fr)}.hr .face{width:84px;height:84px}.hr .pile{min-height:180px}}@media(max-width:560px){.hr .piles{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.hr .pile.turned .fan .hc,.hr .bubble.pop .ko{animation:none}}