.fp-sh{--sh-ink:#17181a;--sh-panel:#fff;--sh-yellow:#ffd23f;--gd-chip:var(--sh-panel);--gd-chip-on:var(--sh-yellow);--gd-btn:var(--btn,#ff9c00);color:#fff;font-family:var(--sans,"Inter", system-ui, sans-serif);--sh-mode:stack;position:relative}@media (width>=900px){.fp-sh{--sh-mode:wide}}.fp-sh [hidden]{display:none!important}.fp-sh .sr-only{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.fp-sh .sh-mute{z-index:80;cursor:pointer;color:#fff;background:#ffffff24;border:3px solid #fff;border-radius:50%;place-items:center;width:54px;height:54px;padding:0;display:grid;position:absolute;top:-4px;right:0}.fp-sh .sh-mute:active{transform:translateY(2px)}.fp-sh .sh-mute .sh-slash,.fp-sh .sh-mute.off .sh-wave{opacity:0}.fp-sh .sh-mute.off .sh-slash{opacity:1}@media (width<=640px){.fp-sh .sh-mute{width:46px;height:46px}}.fp-sh .sh-bg{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.fp-sh .sh-bg picture{height:86%;display:block;position:absolute;bottom:0;left:-4%}.fp-sh .sh-bg img{opacity:.13;width:auto;height:100%;display:block}.fp-sh .sh-head{z-index:2;text-align:center;margin:0 auto clamp(10px,1.8vw,16px);position:relative}.fp-sh .sh-head h1{color:#fff;max-width:26ch;min-height:1.1em;font-family:var(--display,"Fredericka the Great", Georgia, serif);text-wrap:balance;margin:0 auto;font-size:clamp(20px,4.6vw,46px);font-weight:400;line-height:1.06}.fp-sh .sh-stage{z-index:2;grid-template-columns:1fr;grid-template-areas:"board""trayb";gap:clamp(8px,1.6vw,18px);max-width:1120px;margin:clamp(12px,2vw,20px) auto 0;display:grid;position:relative}@media (width>=900px){.fp-sh .sh-stage{grid-template-columns:.8fr 2.4fr .8fr;grid-template-areas:"trayl board trayr";align-items:stretch}}.fp-sh .sh-cf{pointer-events:none;z-index:40;width:100%;height:100%;position:absolute;inset:0}.fp-sh .sh-tray{background:0 0;border:0}.fp-sh .sh-tray-l{grid-area:trayl}.fp-sh .sh-tray-r{grid-area:trayr}.fp-sh .sh-tray-b{grid-area:trayb;min-height:clamp(96px,22vw,150px)}@media (width>=900px){.fp-sh .sh-tray-b{display:none}}@media (width<=899px){.fp-sh .sh-tray-l,.fp-sh .sh-tray-r{display:none}}.fp-sh .sh-board{--cols:2;--rows:2;--gap:clamp(8px, 1.6vw, 16px);--budget:46svh;--cell-h:calc((var(--budget) - (var(--rows) - 1) * var(--gap)) / var(--rows));--cell-min:clamp(84px, 26vw, 150px);max-width:max(calc(var(--cols) * var(--cell-h) + (var(--cols) - 1) * var(--gap)), calc(var(--cols) * var(--cell-min) + (var(--cols) - 1) * var(--gap)));grid-area:board;grid-template-columns:repeat(var(--cols), 1fr);gap:var(--gap);margin-inline:auto;display:grid}@media (width>=900px){.fp-sh .sh-board{--budget:54svh}}.fp-sh .sh-hole{aspect-ratio:1;background:var(--sh-panel);border:3px solid var(--sh-ink);border-radius:20px;grid-template-rows:1fr auto;place-items:center;padding:8% 6% 5%;transition:transform .16s,box-shadow .16s;display:grid;position:relative;box-shadow:inset 0 4px 12px #00101a1f}.fp-sh .sh-hole-in{aspect-ratio:1;color:#c9d3d9;place-items:center;width:74%;display:grid}.fp-sh .sh-hole-in svg{width:100%;height:100%;display:block}.fp-sh .sh-label{font-family:var(--display,"Fredericka the Great", Georgia, serif);color:#17181a;text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:clamp(11px,1.5vw,19px);line-height:1.3;overflow:hidden}.fp-sh .sh-hole.wanted{box-shadow:0 0 0 5px var(--sh-yellow), inset 0 4px 12px #00101a1f;transform:scale(1.05)}.fp-sh .sh-hole.done{box-shadow:0 0 0 4px #ffd23f8c}.fp-sh .sh-hole.done .sh-hole-in{opacity:0}.fp-sh .sh-hole.no{animation:.45s sh-no}@keyframes sh-no{0%,to{translate:0}22%{translate:-8px}48%{translate:7px}74%{translate:-4px}}.fp-sh .sh-loose{z-index:30;pointer-events:none;position:absolute;inset:0}.fp-sh .sh-cheer{z-index:60;grid-area:trayl}@media (width<=899px){.fp-sh .sh-cheer{display:none!important}}.fp-sh .sh-piece{cursor:grab;pointer-events:auto;touch-action:none;filter:drop-shadow(0 5px 6px #00101a59);background:0 0;border:0;padding:0;transition:filter .15s;animation:.4s cubic-bezier(.2,1.4,.4,1) backwards sh-deal;position:absolute}@keyframes sh-deal{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)rotate(-20deg)}}.fp-sh .sh-piece svg,.fp-sh .sh-piece picture{width:100%;height:100%;display:block}.fp-sh .sh-piece img{object-fit:contain;width:100%;height:100%;display:block}.fp-sh .sh-piece.lift{cursor:grabbing;filter:drop-shadow(0 12px 14px #00101a73)}.fp-sh .sh-piece.picked{filter:drop-shadow(0 0 #0000)drop-shadow(0 6px 8px #00101a66)}.fp-sh .sh-piece.picked svg,.fp-sh .sh-piece.picked picture{animation:1s ease-in-out infinite sh-held}@keyframes sh-held{50%{transform:scale(1.08)rotate(3deg)}}.fp-sh .sh-piece.set{cursor:default;pointer-events:none}.fp-sh .sh-piece.pop{animation:.45s cubic-bezier(.2,1.5,.4,1) sh-pop}@keyframes sh-pop{40%{transform:translate(-50%,-50%)scale(1.2)}}.fp-sh .sh-piece:focus-visible{outline-offset:4px;border-radius:12px;outline:3px solid #fff}.fp-sh .sh-dots{z-index:2;flex-wrap:wrap;justify-content:center;gap:6px;margin:clamp(12px,2vw,18px) auto 0;display:flex;position:relative}.fp-sh .sh-dots i{background:0 0;border:2px solid #ffffff8c;border-radius:50%;width:11px;height:11px;transition:all .25s}.fp-sh .sh-dots i.on{background:var(--sh-yellow);border-color:var(--sh-yellow);transform:scale(1.25)}.fp-sh .sh-win{z-index:70;position:absolute;inset:0}.fp-sh .sh-tools{z-index:2;flex-wrap:wrap;justify-content:center;gap:10px;margin:clamp(16px,2.6vw,24px) 0 0;display:flex;position:relative}.fp-sh:has(.sh-win:not([hidden])) .sh-tools{display:none}@media (prefers-reduced-motion:reduce){.fp-sh *{transition-duration:.12s!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}