.fp-cl{--cl-ink:#17181a;--cl-panel:#fff;--cl-yellow:#ffd23f;--cl-display:var(--display,"Fredericka the Great", Georgia, serif);color:#fff;font-family:var(--sans,"Inter", system-ui, sans-serif);--cl-mode:stack;position:relative}@media (width>=900px){.fp-cl{--cl-mode:wide}}.fp-cl [hidden]{display:none!important}.fp-cl .sr-only{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.fp-cl .cl-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-cl .cl-mute:active{transform:translateY(2px)}.fp-cl .cl-mute .cl-slash,.fp-cl .cl-mute.off .cl-wave{opacity:0}.fp-cl .cl-mute.off .cl-slash{opacity:1}@media (width<=640px){.fp-cl .cl-mute{width:46px;height:46px}}.fp-cl .cl-head{z-index:2;text-align:center;margin:0 auto clamp(10px,1.8vw,16px);position:relative}.fp-cl .cl-head h1{color:#fff;max-width:26ch;min-height:1.1em;font-family:var(--cl-display);text-wrap:balance;margin:0 auto;font-size:clamp(20px,4.6vw,46px);font-weight:400;line-height:1.06}.fp-cl .cl-intro{z-index:2;text-align:center;max-width:34rem;margin:0 auto;position:relative}.fp-cl:has(.cl-intro:not([hidden])) .cl-head{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.fp-cl .cl-intro{padding-top:clamp(24px,6vh,80px)}.fp-cl .cl-intro-row{grid-template-columns:1fr;justify-items:center;gap:40px;display:grid}.fp-cl .cl-logo img{width:100%;height:auto;display:block}.fp-cl .cl-logo{filter:drop-shadow(0 8px 10px #0006);width:min(74vw,340px)}.fp-cl .cl-ask{justify-items:center;display:grid}.fp-cl .cl-lede{color:#ffffffd6;margin:0 auto clamp(14px,2.4vw,20px);font-size:clamp(15px,1.8vw,18px)}.fp-cl .cl-lede span{display:block}.fp-cl .cl-ns{text-align:center;border:0;margin:0;padding:0}.fp-cl .cl-nl{float:none;width:100%;font-family:var(--cl-display);letter-spacing:.04em;text-transform:uppercase;color:#ffffffd1;margin:0 auto 20px;padding:0;font-size:clamp(14px,1.7vw,19px)}.fp-cl .cl-nrow{flex-wrap:nowrap;justify-content:center;gap:clamp(16px,3vw,30px);display:flex}.fp-cl .cl-n{cursor:pointer;min-width:68px;color:var(--cl-ink);font-family:var(--game-btn);filter:drop-shadow(0 5px 3px #00000073);background:0 0;border:0;place-items:center;padding:12px 18px 14px;font-size:30px;line-height:1;transition:transform .16s;display:grid;position:relative;transform:rotate(-2deg)}.fp-cl .cl-n-bg{width:100%;height:100%;fill:var(--cl-panel);stroke:color-mix(in srgb, var(--cl-panel) 62%, #14161a);stroke-width:3px;vector-effect:non-scaling-stroke;transition:fill .16s;display:block;position:absolute;inset:0}.fp-cl .cl-n>span{z-index:1;position:relative}.fp-cl .cl-n:hover{transform:rotate(-2deg)scale(1.05)}.fp-cl .cl-n input{opacity:0;width:1px;height:1px;position:absolute}.fp-cl .cl-n:focus-within{outline-offset:3px;outline:3px solid #fff}.fp-cl .cl-n.on{transform:rotate(3deg)scale(1.08)}.fp-cl .cl-n.on .cl-n-bg{fill:var(--cl-yellow);stroke:color-mix(in srgb, var(--cl-yellow) 58%, #14161a)}.fp-cl .cl-btn-defs{width:0;height:0;position:absolute;overflow:hidden}.fp-cl .cl-btn{cursor:pointer;font-family:var(--game-btn);color:#fff;background:0 0;border:0;place-items:center;padding:.6em 1.4em .66em;line-height:1;transition:transform .12s;display:inline-grid;position:relative}.fp-cl .cl-btn-bg{width:100%;height:100%;fill:var(--btn-fill);filter:drop-shadow(0 4px 4px #0000008c);stroke:color-mix(in srgb, var(--btn-fill) 55%, #14161a);stroke-width:4px;vector-effect:non-scaling-stroke;transition:filter .12s;display:block;position:absolute;inset:0}.fp-cl .cl-btn-t{z-index:1;-webkit-text-stroke:.13em var(--cl-ink);paint-order:stroke fill;position:relative}.fp-cl .cl-orange{--btn-fill:var(--brand-orange,#ff9c00)}.fp-cl .cl-blue{--btn-fill:var(--brand-blue,#337891)}.fp-cl .cl-v3{--btn-fill:#3fbf5f}.fp-cl .cl-v5{--btn-fill:#a34ac9}.fp-cl .cl-v8{--btn-fill:#ff5d8f}.fp-cl .cl-win-row .cl-btn{font-size:clamp(14px,1.8vw,20px)}.fp-cl .cl-btn:hover{transform:translateY(-2px)}.fp-cl .cl-btn:hover .cl-btn-bg{filter:drop-shadow(0 6px 5px #0000008c)}.fp-cl .cl-btn:active{transform:translateY(3px)}.fp-cl .cl-btn:active .cl-btn-bg{filter:drop-shadow(0 1px 2px #0000008c)}.fp-cl .cl-start{width:min(100%,360px);margin-top:clamp(16px,2.6vw,22px);font-size:clamp(24px,4.4vw,34px)}.fp-cl .cl-tool{font-size:clamp(14px,1.5vw,18px)}.fp-cl .cl-sub{color:#ffffffb3;margin:12px auto 0;font-size:13px}.fp-cl .cl-stage{z-index:2;grid-template-rows:auto auto;gap:clamp(12px,2.4vw,26px);max-width:1180px;margin:clamp(12px,2vw,20px) auto 0;display:grid;position:relative}.fp-cl .cl-cf{pointer-events:none;z-index:40;width:100%;height:100%;position:absolute;inset:0}.fp-cl .cl-shelf{background:0 0;border:0;min-height:clamp(120px,24svh,240px)}.fp-cl .cl-pots{--cols:3;--rows:1;--gap:clamp(8px, 1.6vw, 16px);--budget:40svh;--cell-h:calc((var(--budget) - (var(--rows) - 1) * var(--gap)) / var(--rows));--cell-min:clamp(84px, 26vw, 160px);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-template-columns:repeat(var(--cols), 1fr);gap:var(--gap);margin-inline:auto;display:grid}@media (width>=900px){.fp-cl .cl-pots{--budget:46svh}}.fp-cl .cl-pot{aspect-ratio:1;place-items:center;transition:transform .16s;display:grid;position:relative}.fp-cl .cl-pot-in{aspect-ratio:1;place-items:center;width:100%;display:grid;position:relative}.fp-cl .cl-pot-in svg{filter:drop-shadow(0 6px 8px #00000059);width:100%;height:100%;display:block;scale:1.12}.fp-cl .cl-splat{stroke:color-mix(in srgb, var(--ink) 62%, #14161a);stroke-width:3px;vector-effect:non-scaling-stroke}.fp-cl .cl-pot:nth-child(odd) .cl-pot-in{rotate:-5deg}.fp-cl .cl-pot:nth-child(2n) .cl-pot-in{rotate:6deg}.fp-cl .cl-pot-name{font-family:var(--cl-display);color:#fff;-webkit-text-stroke:.24em #17181a;paint-order:stroke fill;white-space:nowrap;opacity:0;font-size:clamp(24px,3.2vw,42px);line-height:1;position:absolute;top:34.5%;left:50%;transform:translate(-50%)}.fp-cl .cl-pot.wanted{transform:scale(1.08)}.fp-cl .cl-pot.wanted .cl-pot-in svg{filter:drop-shadow(0 0 0 4px var(--cl-yellow)) drop-shadow(0 8px 10px #0006)}.fp-cl .cl-pot.no{animation:.45s cl-no}@keyframes cl-no{0%,to{translate:0}22%{translate:-8px}48%{translate:7px}74%{translate:-4px}}.fp-cl .cl-loose{z-index:30;pointer-events:none;position:absolute;inset:0}.fp-cl .cl-names{z-index:60;pointer-events:none;position:absolute;inset:0}.fp-cl .cl-names .cl-pot-name{opacity:1;position:absolute;top:auto;transform:translate(-50%,-50%)rotate(-8deg)scale(1.45)}.fp-cl .cl-names .cl-pot-name.lean{transform:translate(-50%,-50%)rotate(9deg)scale(1.45)}.fp-cl .cl-mover{cursor:grab;pointer-events:auto;touch-action:none;filter:drop-shadow(0 6px 7px #00101a73);background:0 0;border:0;place-items:center;padding:0;animation:.42s cubic-bezier(.2,1.4,.4,1) backwards cl-deal;display:grid;position:absolute}@keyframes cl-deal{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)rotate(-18deg)}}.fp-cl .cl-mover img{--edge:9px;filter:drop-shadow(var(--edge) 0 0 var(--ink)) drop-shadow(calc(var(--edge) * -1) 0 0 var(--ink)) drop-shadow(0 var(--edge) 0 var(--ink)) drop-shadow(0 calc(var(--edge) * -1) 0 var(--ink));z-index:2;object-fit:contain;object-position:bottom center;max-width:none;position:relative}.fp-cl .cl-mover.lift{cursor:grabbing;filter:drop-shadow(0 14px 16px #00101a80)}.fp-cl .cl-mover.picked img{animation:1s ease-in-out infinite cl-held}@keyframes cl-held{50%{transform:scale(1.08)}}.fp-cl .cl-mover.set{cursor:default;pointer-events:none}.fp-cl .cl-mover.set img{filter:none;transition:filter .3s .12s}.fp-cl .cl-mover.pop{animation:.45s cubic-bezier(.2,1.5,.4,1) cl-pop}@keyframes cl-pop{40%{transform:translate(-50%,-50%)scale(1.2)}}.fp-cl .cl-mover:focus-visible{outline-offset:4px;border-radius:50%;outline:3px solid #fff}.fp-cl .cl-primary{z-index:2;text-align:center;width:min(92%,640px);margin:clamp(14px,2.4vw,22px) auto 0;position:relative}.fp-cl .cl-prim-line{color:#fff;font-family:var(--cl-display);text-wrap:balance;text-shadow:0 2px #0000008c;margin:0;font-size:clamp(18px,2.8vw,32px);line-height:1.1}.fp-cl .cl-why{margin-top:12px;font-size:clamp(18px,2.4vw,28px);animation:1.6s ease-in-out infinite cl-ask;transform:rotate(-3deg)}@keyframes cl-ask{50%{transform:rotate(-3deg)scale(1.06)}}.fp-cl .cl-why:hover{transform:rotate(-3deg)translateY(-2px)}.fp-cl .cl-why:active{transform:rotate(-3deg)translateY(3px)}.fp-cl .cl-why.asked{animation:none}.fp-cl .cl-whytext{color:#fff;text-wrap:balance;background:#0000006b;border-radius:16px;max-width:44ch;margin:12px auto 0;padding:10px 16px 12px;font-size:clamp(13px,1.7vw,17px);line-height:1.4;animation:.4s cubic-bezier(.2,1.5,.4,1) cl-land}.fp-cl .cl-pot-name{transition:top .45s cubic-bezier(.2,1.4,.4,1),transform .45s cubic-bezier(.2,1.4,.4,1),opacity .3s}.fp-cl .cl-pot.named .cl-pot-name{opacity:1;top:82%;transform:translate(-50%)rotate(-8deg)scale(1.45)}.fp-cl .cl-pot:nth-child(2n).named .cl-pot-name{transform:translate(-50%)rotate(9deg)scale(1.45)}.fp-cl .cl-pot.zoom{z-index:5;transform:scale(1.22)}.fp-cl .cl-pot.zoom .cl-pot-in svg{filter:drop-shadow(0 0 0 6px var(--cl-yellow)) drop-shadow(0 10px 14px #00000080)}.fp-cl .cl-dots{z-index:2;flex-wrap:wrap;justify-content:center;gap:6px;margin:clamp(12px,2vw,18px) auto 0;display:flex;position:relative}.fp-cl .cl-dots i{background:0 0;border:2px solid #ffffff8c;border-radius:50%;width:11px;height:11px;transition:all .25s}.fp-cl .cl-dots i.on{background:var(--cl-yellow);border-color:var(--cl-yellow);transform:scale(1.25)}.fp-cl .cl-win{z-index:70;text-align:center;pointer-events:none;place-content:end center;gap:clamp(8px,1.4vw,14px);padding-bottom:clamp(6px,1.5vw,14px);animation:.5s cubic-bezier(.2,1.5,.4,1) cl-land;display:grid;position:absolute;inset:0}.fp-cl .cl-win>*{pointer-events:auto}.fp-cl .cl-win-row{flex-wrap:wrap;justify-content:center;gap:clamp(6px,1vw,12px);display:flex}@keyframes cl-land{0%{opacity:0;transform:scale(.7)rotate(-6deg)}}.fp-cl .cl-next{--btn-fill:var(--cl-yellow);justify-self:center;padding:.7em 1.9em .76em;font-size:clamp(19px,2.8vw,30px);text-decoration:none}.fp-cl:has(.cl-win:not([hidden])) .cl-tools{display:none}.fp-cl .cl-tools{z-index:2;flex-wrap:wrap;justify-content:center;gap:10px;margin:clamp(16px,2.6vw,24px) 0 0;display:flex;position:relative}@media (width>=900px){.fp-cl .cl-intro-row{grid-template-columns:1.5fr 1fr;align-items:center;gap:clamp(24px,4vw,64px);width:90vw;margin-inline:calc(50% - 45vw)}.fp-cl .cl-logo{justify-self:end;width:80%}.fp-cl .cl-ask{justify-self:start;gap:28px}.fp-cl .cl-nl{margin-bottom:28px;font-size:clamp(18px,1.8vw,30px)}.fp-cl .cl-nrow{gap:50px}.fp-cl .cl-n{min-width:1.8em;padding:.26em .38em .32em;font-size:clamp(34px,3.6vw,64px)}.fp-cl .cl-start{font-size:clamp(26px,2.8vw,46px)}}@media (prefers-reduced-motion:reduce){.fp-cl *{transition-duration:.12s!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}