.ob-site .ff{--ff-size:96px;width:var(--ff-size);-webkit-tap-highlight-color:transparent;flex-direction:column;align-items:center;display:inline-flex;position:relative}.ob-site .ff-body{width:var(--ff-size);height:var(--ff-size);transform-origin:50% 96%;display:block;position:relative}.ob-site .ff-body img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.ob-site .ff-cheer{opacity:0;transition:opacity .12s}.ob-site :is(a,button,.ff):hover .ff-cheer{opacity:1}.ob-site :is(a,button):focus-visible .ff-cheer{opacity:1}.ob-site :is(a,button,.ff):hover .ff-pose:has(+.ff-cheer){opacity:0}.ob-site :is(a,button):focus-visible .ff-pose:has(+.ff-cheer){opacity:0}.ob-site .ff-plinth{width:78%;height:calc(var(--ff-size) * .11);margin-top:calc(var(--ff-size) * -.07);background:var(--ff-colour);box-shadow:inset 0 -4px 0 var(--ff-foot), 0 3px 0 #1a13502e;border-radius:6px;display:block;position:relative}.ob-site .ff-plinth span{background:var(--ff-colour);border-radius:6px 6px 1px 1px;width:16%;height:6px;position:absolute;top:-5px;box-shadow:inset 0 -2px #0000001f}.ob-site .ff-plinth span:first-child{inset-inline-start:14%}.ob-site .ff-plinth span:nth-child(2){inset-inline-start:42%}.ob-site .ff-plinth span:nth-child(3){inset-inline-start:70%}@media (prefers-reduced-motion:no-preference){.ob-site .ff-bloo .ff-body{animation:2.6s cubic-bezier(.3,1.4,.5,1) infinite ff-hop}.ob-site .ff-peach .ff-body{animation:4.2s ease-in-out infinite ff-ponder}.ob-site .ff-sprout .ff-body{animation:3s ease-in-out infinite ff-sprout}.ob-site .ff-bricko .ff-body{animation:1.8s ease-in-out infinite ff-reps}.ob-site .ff-flurry .ff-body{animation:3.4s ease-in-out infinite ff-shiver}.ob-site .ff-moss .ff-body{animation:3.6s ease-in-out infinite ff-nod}.ob-site .ff-poppy .ff-body{animation:5s ease-in-out infinite ff-twirl}.ob-site .ff-vio .ff-body{animation:1.6s ease-in-out infinite ff-groove}.ob-site .ff-zippy .ff-body{animation:6s ease-in-out infinite ff-doze}.ob-site :is(a,button):hover .ff .ff-body,.ob-site .ff:hover .ff-body{animation:.6s cubic-bezier(.3,1.6,.5,1) both ff-cheer}}@keyframes ff-hop{0%,62%,to{transform:none}70%{transform:translateY(0)scale(1.06,.94)}80%{transform:translateY(-14%)scale(.97,1.04)}90%{transform:translateY(0)scale(1.04,.96)}}@keyframes ff-ponder{0%,to{transform:rotate(0)}30%{transform:rotate(-4deg)}60%{transform:rotate(3deg)translateY(-2%)}}@keyframes ff-sprout{0%,to{transform:scale(1)}50%{transform:scale(.97,1.04)translateY(-2%)}}@keyframes ff-reps{0%,to{transform:translateY(0)scale(1)}45%{transform:translateY(4%)scale(1.05,.93)}70%{transform:translateY(-6%)scale(.97,1.04)}}@keyframes ff-shiver{0%,70%,to{transform:none}74%{transform:translate(-2%)rotate(-1.5deg)}78%{transform:translate(2%)rotate(1.5deg)}82%{transform:translate(-1.5%)}86%{transform:translate(1.5%)}90%{transform:none}}@keyframes ff-nod{0%,to{transform:rotate(0)}20%{transform:rotate(3deg)translateY(1%)}40%{transform:rotate(0)}}@keyframes ff-twirl{0%,70%,to{transform:none}80%{transform:rotate(-8deg)translateY(-6%)}90%{transform:rotate(6deg)translateY(-3%)}}@keyframes ff-groove{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)translateY(-2%)}}@keyframes ff-doze{0%,to{transform:rotate(0)}40%,60%{transform:rotate(-7deg)translateY(2%)}}@keyframes ff-cheer{0%{transform:none}40%{transform:translateY(-16%)rotate(-4deg)}75%{transform:translateY(0)scale(1.06,.94)}to{transform:none}}.ob-site .hc-head.hub{position:relative;overflow:hidden}.ob-site .hc-crew{max-width:var(--maxw);flex-wrap:nowrap;justify-content:center;align-items:flex-end;gap:clamp(2px,1.2vw,14px);margin:18px auto -6px;padding:0 16px;display:flex}.ob-site .hc-crew-spot{transform:translateY(calc(var(--i) * 0px));flex:none}.ob-site .hc-crew-spot:nth-child(odd){margin-bottom:6px}@media (max-width:720px){.ob-site .hc-crew{scrollbar-width:none;justify-content:flex-start;padding-bottom:4px;overflow-x:auto}.ob-site .hc-crew::-webkit-scrollbar{display:none}.ob-site .hc-crew .ff{width:64px;--ff-size:64px!important}}.ob-site .hc-quick{margin:0 0 34px}.ob-site .hc-quick ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0;padding:0;list-style:none;display:grid}@media (max-width:820px){.ob-site .hc-quick ul{grid-template-columns:1fr}}.ob-site .hc-quick-door{color:#fff;background:var(--panel);min-height:112px;box-shadow:0 7px 0 var(--panel-dark);border-radius:18px;grid-template-rows:auto 1fr;grid-template-columns:80px 1fr;align-items:center;column-gap:14px;padding:14px 18px 14px 12px;text-decoration:none;transition:transform .1s,box-shadow .1s;display:grid;position:relative}.ob-site .hc-quick-door.q-stuck{background:#b4510f;box-shadow:0 7px #6e2f06}.ob-site .hc-quick-door.q-wrong{background:#0f766f;box-shadow:0 7px #064b46}.ob-site .hc-quick-door:active{transform:translateY(3px);box-shadow:0 4px #00000059}.ob-site .hc-quick-door:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.ob-site .hc-quick-door .fig{grid-row:1/span 2;align-self:end;margin-bottom:-6px}.ob-site .hc-quick-door .t{font-family:var(--display);color:#fff;align-self:end;font-size:1.2rem;font-weight:600;line-height:1.2}.ob-site .hc-quick-door .d{color:#fff;opacity:.94;align-self:start;font-size:.97rem;line-height:1.4}.ob-site .hc-quick-door:hover .t{text-underline-offset:3px;text-decoration:underline}.ob-site .hc-cat-head{position:relative}.ob-site .hc-cat-host{float:right;margin:-18px 0 0 12px}@media (max-width:560px){.ob-site .hc-cat-host{display:none}}.ob-site .hc-head-host{float:right;margin:0 0 0 18px}@media (max-width:760px){.ob-site .hc-head-host .ff{width:76px;--ff-size:76px!important}}.ob-site .hc-head .wrap:after{content:"";clear:both;display:block}.ob-site .hc-promise{border-inline-start:6px solid var(--green);color:var(--hc-ink,#142b49);background:#fff;border-radius:14px;margin:4px 0 18px;padding:14px 18px;font-weight:600}.ob-site .hb-figure{text-align:center;margin:6px 0 24px}.ob-site .hb-figure figcaption{max-width:52ch;color:var(--hc-muted,#586879);margin:12px auto 0;font-size:.94rem;line-height:1.45}.ob-site .hb-pair{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px 18px;display:inline-flex}.ob-site .hb-then svg{fill:none;width:34px;height:34px;stroke:var(--panel);stroke-width:2.8px;stroke-linecap:round;stroke-linejoin:round}.ob-site .hb-board{--cell:clamp(30px, 8.4vw, 42px);--gap:3px;background:#2a2364;border-radius:18px;padding:12px;display:inline-block;position:relative;box-shadow:inset 0 0 0 3px #4e43c9,0 6px #1a1350,0 14px 28px #1a135038}.ob-site .hb-grid{grid-template-columns:repeat(var(--cols), var(--cell));grid-auto-rows:var(--cell);gap:var(--gap);display:grid}.ob-site .hb-cell{border-radius:8px;place-items:center;display:grid;position:relative}.ob-site .hb-cell.floor{background:#3b31a8;box-shadow:inset 0 2px #0000002e}.ob-site .hb-cell.void{background:0 0}.ob-site .hb-cell.brick{background:var(--fill);box-shadow:inset 0 -4px #00000038,inset 0 3px #ffffff47}.ob-site .hb-cell.brick .g{fill:#0000006b;width:56%;height:56%}.ob-site .hb-cell.brick.focus{outline-offset:1px;z-index:1;outline:3px solid #fff;box-shadow:0 0 0 6px #ffc53da6,inset 0 -4px #00000038}.ob-site .hb-cell .sp{pointer-events:none;position:absolute}.ob-site .hb-cell .sp.line-h{inset-inline:8%;background:repeating-linear-gradient(90deg,#fff 0 5px,#ffffff73 5px 9px);border-radius:4px;height:16%;top:42%}.ob-site .hb-cell .sp.line-v{top:8%;bottom:8%;background:repeating-linear-gradient(#fff 0 5px,#ffffff73 5px 9px);border-radius:4px;width:16%;inset-inline-start:42%}.ob-site .hb-cell .sp.bomb{border:3px dashed #fff;border-radius:50%;inset:12%}.ob-site .hb-cell .sp.dart{fill:none;stroke:#fff;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;width:64%;height:64%;inset:18%}.ob-site .hb-cell.cbomb{background:conic-gradient(#e2372f,#f5851f,#f9c823,#4cb944,#26b9b0,#2c7be5,#9b5fe0,#f26ab8,#e2372f)}.ob-site .hb-cell.cbomb .orb{background:radial-gradient(circle at 35% 30%,#fff,#c9c2ff 55%,#4b3fc9);border-radius:50%;width:46%;height:46%;box-shadow:0 0 0 2px #fff}.ob-site .hb-cell .ice{background:linear-gradient(135deg,#e1f5ffc7,#a0d2f58c);border-radius:8px;place-items:end;display:grid;position:absolute;inset:0;box-shadow:inset 0 0 0 2px #ffffffe6}.ob-site .hb-cell .ice .num,.ob-site .hb-cell.crate .num,.ob-site .hb-gate .num{color:#fff;min-width:15px;height:15px;font:700 10px/15px var(--display,system-ui);text-align:center;background:#1a1350;border-radius:8px;margin:2px 3px;padding:0 3px}.ob-site .hb-cell .lock{inset-inline-end:-6%;fill:#ffc53d;stroke:#6e4a06;stroke-width:1.2px;width:52%;height:52%;position:absolute;bottom:-6%}.ob-site .hb-cell.hidden{background:#4b4a6a;box-shadow:inset 0 -4px #0000004d,inset 0 3px #ffffff26}.ob-site .hb-cell.hidden .q{font:700 calc(var(--cell) * .5) / 1 var(--display,system-ui);color:#e9e6ff}.ob-site .hb-cell.crate{background:#b77a3c;place-items:end;display:grid;box-shadow:inset 0 -4px #7a4a1c,inset 0 0 0 2px #7a4a1c}.ob-site .hb-cell.crate .planks{background:repeating-linear-gradient(#0000 0 28%,#5a320f8c 28% 36%);position:absolute;inset:18% 10%}.ob-site .hb-cell.statue{background:#9aa0b2;box-shadow:inset 0 -4px #5e6375}.ob-site .hb-cell.statue svg{fill:#5e6375;width:64%;height:64%}.ob-site .hb-cell.moss .tuft{opacity:.9;background:radial-gradient(circle at 30% 30%,#8fd06a,#357a32);border-radius:40% 60% 45% 55%;position:absolute;inset:14%}.ob-site .hb-cell.portal .ring{background:conic-gradient(#26b9b0,#9b5fe0,#26b9b0);border-radius:50%;width:70%;height:70%;-webkit-mask:radial-gradient(circle,#0000 38%,#000 40%);mask:radial-gradient(circle,#0000 38%,#000 40%)}.ob-site .hb-gate{background:var(--fill);border-radius:6px;place-items:center;display:grid;position:absolute;box-shadow:0 0 0 2px #0b0820,inset 0 2px #ffffff59}.ob-site .hb-gate .g{fill:#00000073;width:60%;height:60%}.ob-site .hb-gate.top,.ob-site .hb-gate.bottom{width:var(--cell);height:12px;inset-inline-start:calc(12px + var(--at) * (var(--cell) + var(--gap)))}.ob-site .hb-gate.top{top:-2px}.ob-site .hb-gate.bottom{bottom:-2px}.ob-site .hb-gate.left,.ob-site .hb-gate.right{height:var(--cell);width:12px;top:calc(12px + var(--at) * (var(--cell) + var(--gap)))}.ob-site .hb-gate.left{inset-inline-start:-2px}.ob-site .hb-gate.right{inset-inline-end:-2px}.ob-site .hb-gate.top .g,.ob-site .hb-gate.bottom .g,.ob-site .hb-gate.left .g,.ob-site .hb-gate.right .g{width:11px;height:11px}.ob-site .hb-gate.iced{background:linear-gradient(135deg, #e6f6ff, var(--fill))}.ob-site .hb-gate .num{position:absolute;transform:translate(14px,-14px)}.ob-site .hb-move{width:var(--cell);height:var(--cell);inset-inline-start:calc(12px + var(--c) * (var(--cell) + var(--gap)));top:calc(12px + var(--r) * (var(--cell) + var(--gap)));pointer-events:none;z-index:2;place-items:center;display:grid;position:absolute}.ob-site .hb-move svg{fill:none;stroke:#fff;stroke-width:3.2px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px #1a1350cc);width:120%;height:120%}.ob-site .hb-move.right svg{transform:translate(55%)}.ob-site .hb-move.left svg{transform:translate(-55%)rotate(180deg)}.ob-site .hb-move.up svg{transform:translateY(-55%)rotate(-90deg)}.ob-site .hb-move.down svg{transform:translateY(55%)rotate(90deg)}.ob-site .hb-move.swap svg{stroke:#ffc53d}@media (prefers-reduced-motion:no-preference){.ob-site .hb-move svg{animation:1.6s ease-in-out infinite hb-nudge}}@keyframes hb-nudge{0%,to{opacity:.75}50%{opacity:1}}.ob-site .hb-entry{background:#fffaf1;border:2px solid #efe2c6;border-radius:18px;grid-template-columns:minmax(0,1fr);align-items:start;gap:18px 24px;margin:18px 0 26px;padding:20px;scroll-margin-top:96px;display:grid}.ob-site .hb-entry:not(:has(.hb-entry-art)){grid-template-columns:1fr}@media (max-width:760px){.ob-site .hb-entry{grid-template-columns:1fr}}.ob-site .hb-entry-art{border-bottom:2px dashed #efe2c6;padding:6px 0 4px}.ob-site .hb-entry-art .hb-figure{margin:0 0 10px}.ob-site .hb-entry h3{margin:0 0 8px;font-size:1.22rem;position:relative}.ob-site .hb-entry h3 .anchor{color:var(--paving-dark,#cbb383);opacity:0;text-decoration:none;position:absolute;inset-inline-start:-.9em}.ob-site .hb-entry h3:hover .anchor{opacity:1}.ob-site .hb-entry p{margin:0 0 10px}.ob-site .hb-entry .how{font-weight:500}.ob-site .hb-facts{background:#fff;border:1px solid #efe2c6;border-radius:12px;gap:8px;margin:10px 0 0;padding:12px 14px;display:grid}.ob-site .hb-facts div{grid-template-columns:minmax(0,9.5em) minmax(0,1fr);gap:4px 12px;display:grid}@media (max-width:480px){.ob-site .hb-facts div{grid-template-columns:1fr}}.ob-site .hb-facts dt{font-family:var(--display);color:var(--teal-dark,#087b81);font-size:.9rem;font-weight:600}.ob-site .hb-facts dd{margin:0;font-size:.97rem}.ob-site .hb-tip{border-inline-start:5px solid var(--green);background:#eafbe7;border-radius:12px;padding:10px 14px;margin:12px 0 0!important}.ob-site .hb-faq{gap:10px;margin:6px 0 22px;display:grid}.ob-site .hb-faq details{background:#fffaf1;border:2px solid #efe2c6;border-radius:14px}.ob-site .hb-faq details[open]{background:#fff;border-color:#d9cdf9}.ob-site .hb-faq summary{cursor:pointer;min-height:52px;font-family:var(--display);color:var(--hc-ink,#142b49);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;font-size:1.05rem;font-weight:600;list-style:none;display:flex}.ob-site .hb-faq summary::-webkit-details-marker{display:none}.ob-site .hb-faq summary:focus-visible{outline:3px solid var(--gold);outline-offset:2px;border-radius:12px}.ob-site .hb-faq .chev{fill:none;width:22px;height:22px;stroke:var(--panel);stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;flex:none;transition:transform .15s}.ob-site .hb-faq details[open] .chev{transform:rotate(180deg)}.ob-site .hb-faq .a{padding:0 16px 14px}.ob-site .hb-faq .a p{margin:0 0 10px}.ob-site .hb-path{gap:14px;margin:8px 0 24px;padding:0 0 0 30px;list-style:none;display:grid;position:relative}.ob-site .hb-path:before{content:"";inset-inline-start:13px;background:repeating-linear-gradient(#e2372f 0 22px,#ffc53d 22px 44px,#26b9b0 44px 66px,#7b5cf0 66px 88px,#3b8bf0 88px 110px,#3fc544 110px 132px);border-radius:6px;width:6px;position:absolute;top:8px;bottom:8px}.ob-site .hb-path li{grid-template-columns:auto 1fr;align-items:start;gap:12px;display:grid;position:relative}.ob-site .hb-path .day{color:#fff6d6;min-width:64px;font-family:var(--display);text-align:center;letter-spacing:.04em;background:#1a1350;border-radius:10px;margin-inline-start:-38px;padding:6px 10px 5px;font-size:.86rem;font-weight:600;box-shadow:0 3px #1a135059}.ob-site .hb-path .card{background:#fffaf1;border:2px solid #efe2c6;border-radius:14px;gap:4px;padding:12px 16px;display:grid}.ob-site .hb-path .t{font-family:var(--display);color:var(--hc-ink,#142b49);font-size:1.08rem;font-weight:600}.ob-site .hb-friend{background:color-mix(in srgb, var(--ff-colour) 14%, #fff);border:2px solid color-mix(in srgb, var(--ff-colour) 45%, #fff);border-radius:18px;grid-template-columns:auto 1fr;align-items:center;gap:16px;margin:8px 0 22px;padding:14px 18px 14px 12px;display:grid}.ob-site .hb-friend .name{background:var(--ff-colour);color:var(--ff-ink,#1a1350);font-family:var(--display);letter-spacing:.04em;border-radius:8px;margin:0 0 4px;padding:2px 9px 1px;font-size:.82rem;font-weight:600;display:inline-block}.ob-site .hb-friend .t{font-family:var(--display);color:var(--hc-ink,#142b49);margin:0 0 4px;font-size:1.12rem;font-weight:600}.ob-site .hb-friend p{margin:0}@media (max-width:480px){.ob-site .hb-friend{grid-template-columns:1fr;justify-items:start}}@media (prefers-reduced-motion:reduce){.ob-site .ff-body,.ob-site .hb-move svg{animation:none!important}}.ob-site .hc-band a.hc-quick-door,.ob-site .hc-band a.hc-quick-door :is(.t,.d){color:#fff;text-decoration:none}:is(.ob-site .hc-band a.hc-quick-door:hover .t,.ob-site .hc-band a.hc-quick-door:focus-visible .t){text-underline-offset:3px;text-decoration:underline}