.hh-board,.hh-board *{box-sizing:border-box}.hh-board{--b-ink:#140e20;--b-tint:30,20,52;--b-top:var(--hh-ink,#161412);position:relative;isolation:isolate;padding:0;overflow:clip;background:linear-gradient(180deg,var(--b-top) 0,var(--b-top) 420px,var(--hh-paper,#f6f2e8) 420px);color:var(--hh-paper,#f6f2e8);font-family:Instrument Sans,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;letter-spacing:-.006em;line-height:1.5}.hh-board .stage-head{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;max-width:820px;margin:0 auto;text-shadow:0 1px 24px rgba(0,0,0,.22)}.hh-board .stage-head h2{margin:18px 0 0;font-weight:600;letter-spacing:-.02em;line-height:1.05;font-size:var(--hh-section-title);text-wrap:balance;color:var(--hh-paper,#f6f2e8)}.hh-board .stage-head p{margin:16px 0 0;max-width:46ch;font-size:18px;line-height:1.5;color:rgba(246,242,232,.8);text-wrap:pretty}.hh-board .feat{display:inline-flex;align-items:center;gap:7px;margin:0;height:30px;padding:0 13px 0 10px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.14);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--hh-paper,#f6f2e8);text-shadow:none;font-size:13.5px;font-weight:500}.hh-board .feat svg{width:15px;height:15px}.hh-board .stagebg{position:relative;margin:0;border-radius:0;overflow:clip;padding:clamp(150px,20vh,200px) 24px clamp(130px,16vh,160px);background:linear-gradient(180deg,var(--b-top) 0,var(--b-top) 420px,transparent 420px);perspective:1600px;perspective-origin:50% 35%}.hh-board .stagebg:before{background:var(--b-ink) url(/serra-home/board-bg-violet.jpg) center 30% /cover;filter:blur(20px) brightness(.8) saturate(1.18);transform:translate3d(0,var(--bgy,0),0) scale(var(--bgs,1.15))}.hh-board .stagebg:after,.hh-board .stagebg:before{content:"";position:absolute;inset:0;-webkit-mask-image:linear-gradient(180deg,transparent,#000 380px,#000 calc(100% - 110px),transparent);mask-image:linear-gradient(180deg,transparent,#000 380px,#000 calc(100% - 110px),transparent);pointer-events:none}.hh-board .stagebg:after{background:radial-gradient(90% 55% at 50% 38%,rgba(255,255,255,.07),transparent 70%),linear-gradient(180deg,rgba(30,20,52,.18),rgba(30,20,52,.5))}.hh-board[data-live="1"] .grid>.post.pre{opacity:0}.hh-board[data-live="1"] .win{will-change:transform}.hh-board[data-live="1"] .post{will-change:transform,opacity,filter}.hh-board .win{--ink:#101113;--muted:#5a5e66;--faint:#8e94a0;--line:#e4e5e0;--paper:#fafaf8;--side:#f3f2ee;--green:#355238;--green-soft:#e9f0e7;position:relative;z-index:1;max-width:1120px;margin:56px auto 0;background:none;color:var(--ink);border:0;border-radius:0;padding:0;box-shadow:none}.hh-board .win__head{display:flex;align-items:center;gap:12px;height:56px;padding:0 10px 0 18px;margin-bottom:16px;border-radius:14px;color:var(--hh-paper,#f6f2e8);background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.08);-webkit-backdrop-filter:blur(16px) saturate(1.3);backdrop-filter:blur(16px) saturate(1.3)}.hh-board .serif{font-family:"Instrument Serif",Georgia,serif;font-weight:400}.hh-board .win__head h3{margin:0;font-size:26px;line-height:1;letter-spacing:-.01em}.hh-board .crew{display:inline-flex;align-items:center;gap:9px;height:32px;padding:0 13px 0 5px;border-radius:16px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13);box-shadow:inset 0 1px 0 rgba(255,255,255,.08);opacity:0;transform:translateY(3px);transition:opacity .7s cubic-bezier(.2,.8,.2,1),transform .7s cubic-bezier(.2,.8,.2,1)}.hh-board .crew.live{opacity:1;transform:none}.hh-board .crew__avs{display:flex}.hh-board .crew__avs .av{width:22px;height:22px;box-shadow:0 0 0 2px rgba(var(--b-tint),.95)}.hh-board .crew__avs .av+.av{margin-left:-6px}.hh-board .crew__avs .av svg{width:14px;height:12px}.hh-board .crew__t{font-size:13px;font-weight:500;color:rgba(246,242,232,.88);white-space:nowrap;font-variant-numeric:tabular-nums}.hh-board .crew__t.shim{background:linear-gradient(90deg,rgba(246,242,232,.62),rgba(246,242,232,.62) 40%,#fff 50%,rgba(246,242,232,.62) 60%,rgba(246,242,232,.62));background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:hhb-shimmer 1.8s linear infinite}.hh-board .tally{display:inline-flex;align-items:baseline;gap:7px;margin-right:10px;font-size:13px;color:rgba(246,242,232,.7);white-space:nowrap}.hh-board .tally b{font-size:21px;font-weight:500;letter-spacing:-.02em;line-height:1;color:#c9ecc3;font-variant-numeric:tabular-nums;display:inline-block}.hh-board .tally .sm{display:none}.hh-board .grow{flex:1}.hh-board .postbtn{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 16px 0 13px;border-radius:18px;background:#fff;color:var(--ink);font-size:13.5px;font-weight:500;white-space:nowrap}.hh-board .postbtn svg{width:15px;height:15px}.hh-board .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.hh-board .grid>*{min-width:0}.hh-board .post{position:relative;display:flex;flex-direction:column;padding:18px 18px 16px;background:#fff;border:1px solid var(--line);border-radius:14px;transition:background-color .8s cubic-bezier(.2,.8,.2,1) .12s,border-color .8s cubic-bezier(.2,.8,.2,1) .12s,box-shadow .8s cubic-bezier(.2,.8,.2,1) .12s}.hh-board .post:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.95) 50%,transparent 70%) 0 0 /250% 100% no-repeat}.hh-board .post.sheen:after{animation:hhb-sheen .9s cubic-bezier(.2,.8,.2,1) both}@keyframes hhb-sheen{0%{opacity:0;background-position:130% 0}25%{opacity:1}to{opacity:0;background-position:-30% 0}}.hh-board .post__top{display:flex;align-items:flex-start;gap:12px}.hh-board .tile{flex:none;width:34px;height:34px;border-radius:9px;background:var(--side);color:var(--ink);display:grid;place-items:center}.hh-board .tile svg{width:17px;height:17px}.hh-board .post__id{flex:1;min-width:0;margin-right:6px}.hh-board .post__id h4{margin:0;font-size:15.5px;font-weight:600;letter-spacing:-.01em;line-height:1.25;text-wrap:balance}.hh-board .post__id p{margin:2px 0 0;font-size:13px;color:var(--muted);white-space:nowrap}.hh-board .post__age{margin:10px 0 0;font-size:12px;color:var(--faint)}.hh-board .dimmable{transition:opacity .7s cubic-bezier(.2,.8,.2,1)}.hh-board .post.on .post__id{transition-delay:.06s}.hh-board .post.on .post__age{transition-delay:.12s}.hh-board .post.on .post__out{transition-delay:.18s}.hh-board .post:not(.on) .dimmable{opacity:.42}.hh-board .post:not(.on){background:rgba(255,255,255,.68);border-color:rgba(255,255,255,.5);-webkit-backdrop-filter:blur(12px) saturate(1.2);backdrop-filter:blur(12px) saturate(1.2)}.hh-board .post.on{background:#fff;border-color:rgba(255,255,255,.9);box-shadow:0 1px 2px rgba(var(--b-tint),.08),0 18px 40px -22px rgba(var(--b-tint),.7);-webkit-backdrop-filter:none;backdrop-filter:none}.hh-board .grid .post.on{transition:box-shadow .55s cubic-bezier(.2,.8,.2,1),border-color .55s cubic-bezier(.2,.8,.2,1),translate .55s cubic-bezier(.2,.8,.2,1),scale .2s cubic-bezier(.2,.8,.2,1),background-color .8s cubic-bezier(.2,.8,.2,1)}.hh-board .grid .post.on.lift{translate:0 -2px;border-color:#fff;transition-duration:.45s;box-shadow:0 2px 6px rgba(var(--b-tint),.1),0 30px 56px -24px rgba(var(--b-tint),.8)}@media (hover:hover){.hh-board .grid .post.on:hover{translate:0 -2px;border-color:#fff;transition-duration:.22s;box-shadow:0 2px 6px rgba(var(--b-tint),.1),0 30px 56px -24px rgba(var(--b-tint),.8)}}.hh-board .grid .post.on:active{scale:.995;transition-duration:.1s}.hh-board .grid .post.on.waking{transition:background-color .9s cubic-bezier(.2,.8,.2,1) .15s,border-color .9s cubic-bezier(.2,.8,.2,1) .15s,box-shadow .9s cubic-bezier(.2,.8,.2,1) .15s,-webkit-backdrop-filter .9s cubic-bezier(.2,.8,.2,1) .15s,backdrop-filter .9s cubic-bezier(.2,.8,.2,1) .15s,translate .45s cubic-bezier(.2,.8,.2,1)}.hh-board .sw{flex:none;display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:500;color:var(--faint)}.hh-board .sw__t{position:relative;width:30px;height:18px;border-radius:9px;background:#d9d9d4;transition:background-color .45s cubic-bezier(.2,.8,.2,1)}.hh-board .sw__t:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(16,17,19,.22);transition:transform .45s cubic-bezier(.2,.8,.2,1)}.hh-board .sw em{font-style:normal;min-width:18px}.hh-board .post.on .sw{color:var(--green)}.hh-board .post.on .sw__t{background:var(--green)}.hh-board .post.on .sw__t:after{transform:translateX(12px)}.hh-board .post__out{display:flex;gap:22px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.hh-board .stat{display:flex;align-items:baseline;gap:6px;min-width:0}.hh-board .stat b{font-size:24px;font-weight:500;letter-spacing:-.02em;line-height:1;font-variant-numeric:tabular-nums;display:inline-block}.hh-board .stat>span{font-size:13px;color:var(--muted);white-space:nowrap;display:inline-block}.hh-board .stat--yes b{color:var(--green)}.hh-board .roll{display:inline-flex}.hh-board .rd{position:relative;display:inline-block;height:1em;line-height:1;overflow:clip;overflow-clip-margin:2px}.hh-board .rd__w{visibility:hidden}.hh-board .rd__s{position:absolute;left:0;top:0;display:flex;flex-direction:column;will-change:transform}.hh-board .rd__s span{height:1em;line-height:1}.hh-board .post__ev{display:flex;align-items:center;gap:8px;margin:12px 0 0;min-height:24px;font-size:12.5px;line-height:24px;color:var(--muted)}.hh-board .post__ev .slot{flex:none;display:inline-flex;min-height:24px}.hh-board .post__ev .soft{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hh-board .post__ev .soft .w{display:inline-block;white-space:pre;animation:hhb-word .5s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--i) * 40ms)}@keyframes hhb-word{0%{opacity:0;transform:translateY(4px);filter:blur(3px)}}.hh-board .tag{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 10px 0 8px;border-radius:12px;border:1px solid transparent;font-size:12px;font-weight:500;line-height:1;white-space:nowrap}.hh-board .tag svg{flex:none;width:13px;height:13px}.hh-board .tag .pf{flex:none;width:18px;height:18px;margin-left:-5px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 1.5px #fff}.hh-board .tag svg.brand{width:14px;height:14px}.hh-board .tag b{font-weight:600}.hh-board .tag--book{background:var(--green-soft);color:var(--green);border-color:rgba(53,82,56,.16)}.hh-board .tag--yes{background:#e7eef6;color:#0f4c81;border-color:rgba(15,76,129,.14)}.hh-board .tag--wait{background:#efefec;color:#4a4e56;border-color:rgba(16,17,19,.06)}.hh-board .tag--ats{background:#fff;color:var(--ink);border-color:var(--line)}.hh-board .tag--ok{background:#fff;color:var(--green);border-color:rgba(53,82,56,.22)}.hh-board .cur{position:absolute;left:0;top:0;z-index:4;pointer-events:none;will-change:transform}.hh-board .ripple{left:-9px;top:-9px;border-radius:50%;border:1.5px solid var(--c);pointer-events:none}.hh-board .cur>svg,.hh-board .ripple{position:absolute;width:18px;height:18px}.hh-board .cur>svg{left:-2px;top:-2px;transform-origin:4px 4px;filter:drop-shadow(0 2px 3px rgba(16,17,19,.25))}.hh-board .cur>svg path{fill:var(--c);stroke:#fff;stroke-width:1.6;stroke-linejoin:round}.hh-board .cur__tag{left:13px;display:block;height:24px;padding:0 10px;border-radius:12px;background:var(--c);color:var(--ct);font-size:12px;font-weight:600;line-height:24px;white-space:pre}.hh-board .cur__held,.hh-board .cur__tag{position:absolute;top:15px;box-shadow:0 8px 18px -10px rgba(16,17,19,.45)}.hh-board .cur__tag.has-av{display:inline-flex;align-items:center;gap:5px;padding:0 10px 0 2px}.hh-board .av{flex:none;width:20px;height:20px;border-radius:50%;box-shadow:0 0 0 1.5px rgba(255,255,255,.9);display:grid;place-items:center;overflow:hidden}.hh-board .av--serra{background:var(--c)}.hh-board .cur__act{font-weight:500;background:linear-gradient(90deg,rgba(255,255,255,.8),rgba(255,255,255,.8) 40%,#fff 50%,rgba(255,255,255,.8) 60%,rgba(255,255,255,.8));background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:hhb-shimmer 1.8s linear infinite}@keyframes hhb-shimmer{0%{background-position:100% 0}to{background-position:0 0}}.hh-board .av--serra svg{width:15px;height:13px}.hh-board .av--jess{background:#c9765d}.hh-board .av img{width:100%;height:100%;object-fit:cover}.hh-board .ghost{position:absolute;z-index:3;margin:0;pointer-events:none;will-change:transform}@media (max-width:1023px){.hh-board .grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.hh-board .stagebg{padding:120px 14px 150px}.hh-board .stage-head p{font-size:16.5px}.hh-board .win{margin-top:40px;padding:0;border-radius:0}.hh-board .win__head{height:52px;gap:8px;padding:0 8px 0 16px;margin-bottom:16px}.hh-board .win__head h3{font-size:25px}.hh-board .crew{padding-right:5px}.hh-board .crew__t{display:none}.hh-board .tally{margin-right:2px}.hh-board .tally b{font-size:18px}.hh-board .tally .lg{display:none}.hh-board .tally .sm{display:inline}.hh-board .postbtn{width:34px;padding:0;justify-content:center}.hh-board .postbtn span{display:none}.hh-board .grid{grid-template-columns:minmax(0,1fr);gap:10px}.hh-board .grid>.post:nth-child(n+7){display:none}.hh-board .post{padding:15px 15px 13px}.hh-board .post__ev{flex-wrap:wrap;row-gap:2px;min-height:50px;align-content:flex-start}.hh-board .post__ev .soft{flex-basis:100%;line-height:20px}}.hh-board-settled{display:none}@media (prefers-reduced-motion:reduce){.hh-board .dimmable,.hh-board .post,.hh-board .sw__t,.hh-board .sw__t:after{transition:none!important}.hh-board .crew__t.shim,.hh-board .cur__act,.hh-board .post.sheen:after,.hh-board .post__ev .soft .w{animation:none!important}.hh-board[data-live="1"] .hh-board-settled{display:block}.hh-board[data-live="1"] .stagebg>.win{display:none}.hh-board .feat,.hh-board .stage-head p,.hh-board h2{opacity:1!important;transform:none!important;filter:none!important}}