.fs-app{--fs-ink:#5a3a4a;--fs-soft:#8a6a78;--fs-paper:#fffaf5;--fs-peach:#ffb89a;--fs-rose:#ff7fa3;--fs-lav:#9a7ff0;--fs-mint:#46c9a2;--fs-gold:#ffcf5a;--fs-aqua:#4cc3e6;--play-accent:#c25a86;overflow:hidden;touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;height:100dvh;background:#f6dccb;color:var(--fs-ink)}.fs-scene{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0;touch-action:none}.fs-app:not([data-phase=play]) :is(.fs-head,.fs-cardbar,.fs-dock,.fs-hint,.fs-quit,.fs-toast,.fs-banner,.fs-floats){display:none}.fs-head{position:absolute;z-index:4;left:0;right:0;top:calc(env(safe-area-inset-top, 0px) + 10px);pointer-events:none;display:flex;gap:6px;padding:0 96px 0 10px}.fs-head,.fs-pill{align-items:center}.fs-pill{display:inline-flex;gap:4px;height:40px;padding:0 10px;border-radius:20px;flex-shrink:0;background:rgba(90,58,74,.86);border:2px solid rgba(255,255,255,.92);box-shadow:0 3px 0 rgba(90,58,74,.22);color:#fff}.fs-clock{flex-direction:column;justify-content:center;align-items:stretch;gap:3px;min-width:60px}.fs-clock b{font:800 16px/1 Playful,sans-serif;text-align:center;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.fs-track{display:block;height:5px;border-radius:3px;background:rgba(255,255,255,.22);overflow:hidden}.fs-track i{display:block;height:100%;background:#ffd6a0;transform-origin:left}.fs-track i[data-level=low]{background:#ff6f8a}.fs-hurry .fs-clock{animation:fs-pulse .5s ease-in-out infinite alternate;border-color:#ffb0c4}@keyframes fs-pulse{to{transform:scale(1.07)}}.fs-steps{list-style:none;margin:0 auto;padding:0 4px;gap:2px;flex:0 1 380px;justify-content:space-between;height:40px;border-radius:20px;background:rgba(255,250,245,.9);border:2px solid #fff;box-shadow:0 3px 0 rgba(90,58,74,.15)}.fs-steps,.fs-steps li{display:flex;min-width:0;align-items:center}.fs-steps li{flex-direction:column;gap:1px;flex:1 1;opacity:.5}.fs-steps i{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font:800 11px/1 Playful,sans-serif;font-style:normal;background:#ead8d8;color:var(--fs-soft)}.fs-steps span{font:800 7.5px/1 Playful,sans-serif;letter-spacing:.4px;color:var(--fs-soft)}.fs-steps li.on{opacity:1}.fs-steps li.on i{background:var(--fs-rose);color:#fff;box-shadow:0 0 0 3px rgba(255,127,163,.3)}.fs-steps li.done{opacity:1}.fs-steps li.done i{background:var(--fs-mint);color:#fff}.fs-drops{gap:4px;padding:0 9px}.fs-drops i{width:12px;height:9px;border-radius:50%;background:rgba(255,255,255,.85);box-shadow:inset 0 -2px 0 rgba(0,0,0,.15)}.fs-drops i.lost{background:#ff5f7e;animation:fs-pop .4s ease}@keyframes fs-pop{40%{transform:scale(1.5)}}.fs-cardbar{position:absolute;z-index:4;left:10px;right:10px;top:calc(env(safe-area-inset-top, 0px) + 58px);max-width:520px;margin:0 auto;display:flex;align-items:center;gap:9px;padding:6px 10px;border-radius:16px;pointer-events:none;background:rgba(255,250,245,.92);border:2px solid #fff;box-shadow:0 3px 0 rgba(90,58,74,.14)}.fs-swatch{width:28px;height:28px;border-radius:50%;flex-shrink:0;background:#ffc9a8;box-shadow:inset 0 -3px 0 rgba(0,0,0,.12),0 0 0 2px #fff}.fs-cardtext{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1}.fs-cardtext b{font:800 14px/1.1 Playful,sans-serif;color:var(--fs-ink)}.fs-cardtext b,.fs-cardtext small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fs-cardtext small{font:700 10.5px/1.2 Playful,sans-serif;color:var(--fs-soft)}.fs-special{flex-shrink:0;max-width:44%;padding:4px 8px;border-radius:10px;background:#f1e9ff;color:#6a4fc8;font:800 10px/1.2 Playful,sans-serif;text-align:center}.fs-special.met{background:#dcf7ec;color:#1e9a72}.fs-dock{position:absolute;z-index:4;left:10px;right:10px;bottom:calc(env(safe-area-inset-bottom, 0px) + 10px);max-width:520px;margin:0 auto}.fs-panel{display:none;padding:10px 12px 12px;border-radius:22px;background:rgba(255,250,245,.95);border:3px solid #fff;box-shadow:0 5px 0 rgba(90,58,74,.18),0 10px 26px rgba(90,58,74,.16)}.fs-app[data-step=finish] .fs-panel[data-for=finish],.fs-app[data-step=foam] .fs-panel[data-for=foam],.fs-app[data-step=stones] .fs-panel[data-for=stones],.fs-app[data-step=temp] .fs-panel[data-for=temp]{display:block}.fs-panel-head{display:flex;align-items:baseline;gap:8px;margin-bottom:8px}.fs-panel-head b{font:800 14px/1 Playful,sans-serif;letter-spacing:.6px;color:var(--fs-ink);white-space:nowrap}.fs-panel-head small{font:800 11px/1.1 Playful,sans-serif;color:var(--fs-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fs-dial{display:flex;align-items:center;gap:8px;height:46px;cursor:pointer;touch-action:none;outline:none}.fs-dial-ico{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font:800 17px/1 Playful,sans-serif;flex-shrink:0}.fs-cold{background:#d9f2ff;color:#2b8fd0}.fs-hot{background:#ffe1d6;color:#e2573a}.fs-dial-track{position:relative;flex:1 1;height:18px;border-radius:9px;background:linear-gradient(90deg,#8fd6ff,#bff0e0 40%,#ffe7a0 66%,#ff9f86);box-shadow:inset 0 2px 0 rgba(0,0,0,.08),0 0 0 2px #fff}.fs-band{position:absolute;top:-6px;bottom:-6px;border-radius:8px;border:3px dashed #7a5ae0;background:rgba(154,127,240,.18)}.fs-band.in{border-style:solid;border-color:#22b48e;background:rgba(70,201,162,.25)}.fs-water-mark{position:absolute;top:3px;bottom:3px;width:4px;margin-left:-2px;border-radius:2px;background:rgba(90,58,74,.55)}.fs-knob{position:absolute;top:50%;width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#ffe0ea 60%,#ffb3c8);border:3px solid #fff;box-shadow:0 3px 0 rgba(90,58,74,.3),0 0 0 2px #ff7fa3}.fs-hold{height:7px;margin:6px 38px 0;border-radius:4px;background:#efe2e2;overflow:hidden}.fs-hold i{display:block;height:100%;width:0;background:linear-gradient(90deg,#7fe0c4,#22b48e)}.fs-meters{display:grid;grid-gap:7px;gap:7px;padding-right:128px}.fs-meter{display:grid;grid-template-columns:74px 1fr 38px;align-items:center;grid-gap:8px;gap:8px}.fs-meter small{font:800 9.5px/1 Playful,sans-serif;letter-spacing:.6px;color:var(--fs-soft)}.fs-meter b{font:800 14px/1 Playful,sans-serif;text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.fs-bar{height:12px;background:#efe2e2;overflow:hidden}.fs-bar,.fs-bar i{display:block;border-radius:6px}.fs-bar i{height:100%;width:0;background:linear-gradient(90deg,#a98cff,#7a5ae0);transition:width .12s}.fs-bad .fs-bar i{background:linear-gradient(90deg,#ffb3a0,#ff5f7e)}.fs-balance{margin-left:auto;display:flex;align-items:center;gap:4px;font:800 11px/1 Playful,sans-serif;color:var(--fs-soft)}.fs-beam{position:relative;display:block;width:46px;height:4px;border-radius:2px;background:var(--fs-ink);transition:transform .3s}.fs-beam em{position:absolute;left:50%;top:3px;margin-left:-5px;border:5px solid transparent;border-bottom:5px solid var(--fs-soft);transform:rotate(180deg) translateY(-6px)}.fs-beam.level{background:var(--fs-mint)}.fs-tray{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:5px;gap:5px}.fs-stone{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:1px;height:66px;padding:4px 0 5px;border-radius:16px;border:2px solid #fff;background:linear-gradient(#fff3ea,#f6dfd2);box-shadow:0 3px 0 rgba(90,58,74,.2);cursor:-webkit-grab;cursor:grab;touch-action:none;color:var(--fs-ink)}.fs-stone:active{transform:translateY(2px);box-shadow:0 1px 0 rgba(90,58,74,.2)}.fs-stone:disabled{opacity:.45;filter:grayscale(.6);cursor:default}.fs-stone b{font:800 11px/1 Playful,sans-serif}.fs-stone small{position:absolute;top:3px;right:4px;min-width:16px;height:16px;border-radius:8px;display:grid;place-items:center;background:var(--fs-ink);color:#fff;font:800 9px/1 Playful,sans-serif}.fs-pebble{display:block;border-radius:50% 50% 46% 46%/58% 58% 42% 42%;box-shadow:inset -3px -4px 0 rgba(0,0,0,.18),inset 3px 3px 0 rgba(255,255,255,.35);margin-bottom:3px}.fs-stone[data-id=pip] .fs-pebble{width:20px;height:15px;background:#eadcc2}.fs-stone[data-id=bean] .fs-pebble{width:27px;height:17px;background:#93abc0}.fs-stone[data-id=moon] .fs-pebble{width:30px;height:13px;background:linear-gradient(135deg,#fff,#e9e2f4)}.fs-stone[data-id=jade] .fs-pebble{width:27px;height:22px;background:radial-gradient(circle at 35% 30%,#a8f0d0,#4fb98f 60%,#2f8f6a)}.fs-stone[data-id=ember] .fs-pebble{width:31px;height:21px;background:radial-gradient(circle at 60% 70%,#ff7a3a 0 8%,#3d383c 30%)}.fs-stone[data-id=loaf] .fs-pebble{width:38px;height:25px;background:radial-gradient(circle at 40% 70%,#ff5a2a 0 7%,#5b3f37 32%)}.fs-done{position:absolute;right:8px;bottom:100%;margin-bottom:8px;min-width:116px;height:52px;padding:0 16px;display:none;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:26px;border:3px solid #fff;cursor:pointer;color:#fff;background:linear-gradient(#ff9cbc,#e8628e);box-shadow:inset 0 3px 0 rgba(255,255,255,.3),0 5px 0 rgba(140,40,80,.4)}.fs-app:is([data-step=foam],[data-step=stones],[data-step=finish]) .fs-done{display:flex}.fs-done:active{transform:translateY(3px);box-shadow:0 2px 0 rgba(140,40,80,.4)}.fs-done b{font:800 16px/1 Playful,sans-serif;letter-spacing:1px}.fs-done small{font:800 9px/1 Playful,sans-serif;opacity:.9;letter-spacing:.5px}.fs-done.ready{animation:fs-pulse .6s ease-in-out infinite alternate;background:linear-gradient(#6ee0bd,#22b48e);box-shadow:inset 0 3px 0 rgba(255,255,255,.3),0 5px 0 #157a5e}.fs-hint{position:absolute;z-index:7;left:50%;top:calc(env(safe-area-inset-top, 0px) + 116px);transform:translate(-50%,-6px);opacity:0;width:max-content;max-width:min(340px,calc(100vw - 32px));padding:8px 14px;border-radius:14px;pointer-events:none;text-align:center;background:rgba(90,58,74,.88);color:#fff;border:2px solid rgba(255,255,255,.9);font:800 13px/1.3 Playful,sans-serif;transition:opacity .25s,transform .25s}.fs-hint.show{opacity:1;transform:translate(-50%)}.fs-floats{position:absolute;inset:0;z-index:6;pointer-events:none}.fs-float{position:absolute;transform:translate(-50%,-50%);font:800 21px/1 Playful,sans-serif;color:#fff;white-space:nowrap;-webkit-text-stroke:1.5px rgba(90,58,74,.75);paint-order:stroke fill;animation:fs-float 1.2s ease-out forwards}.fs-float.good{color:#b8ffe6}.fs-float.bad{color:#ffc0cc}.fs-float.gold{color:#fff1a0;font-size:25px}@keyframes fs-float{0%{opacity:0;transform:translate(-50%,-30%) scale(.6)}20%{opacity:1;transform:translate(-50%,-60%) scale(1.15)}to{opacity:0;transform:translate(-50%,-170%) scale(1)}}.fs-toast{position:absolute;z-index:7;left:50%;top:calc(env(safe-area-inset-top, 0px) + 160px);transform:translateX(-50%);opacity:0;pointer-events:none;padding:8px 16px;border-radius:16px;background:var(--fs-lav);color:#fff;font:800 14px/1.2 Playful,sans-serif;white-space:nowrap;border:2px solid #fff;box-shadow:0 3px 0 rgba(90,58,74,.25);max-width:calc(100vw - 24px);overflow:hidden;text-overflow:ellipsis}.fs-toast[data-kind=good]{background:#22b48e}.fs-toast[data-kind=bad]{background:#e03c68}.fs-toast[data-kind=warn]{background:#e8962a}.fs-toast.show{animation:fs-toast 2s ease forwards}@keyframes fs-toast{0%{opacity:0;transform:translate(-50%,-8px) scale(.9)}12%{opacity:1;transform:translate(-50%) scale(1.04)}20%{transform:translate(-50%) scale(1)}82%{opacity:1}to{opacity:0}}.fs-banner{position:absolute;z-index:7;left:50%;top:42%;transform:translate(-50%,-50%) scale(.6);opacity:0;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.fs-banner b{font:800 44px/1 Playful,sans-serif;color:#fff;-webkit-text-stroke:3px var(--fs-rose);paint-order:stroke fill;text-shadow:0 6px 0 rgba(90,58,74,.35);white-space:nowrap}.fs-banner span{font:800 15px/1.2 Playful,sans-serif;color:var(--fs-ink);background:rgba(255,255,255,.92);padding:4px 12px;border-radius:12px}.fs-banner.show{animation:fs-banner 2.4s cubic-bezier(.2,1.4,.4,1) forwards}@keyframes fs-banner{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}15%{opacity:1;transform:translate(-50%,-50%) scale(1)}85%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) scale(1.05)}}.fs-corner{position:absolute;z-index:8;top:calc(env(safe-area-inset-top, 0px) + 10px);right:10px;display:flex;gap:6px}.fs-app[data-phase=loading] .fs-corner{display:none}.fs-icon-btn{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;cursor:pointer;color:#fff;background:rgba(90,58,74,.86);border:2px solid rgba(255,255,255,.92);box-shadow:0 3px 0 rgba(90,58,74,.22)}.fs-icon-btn .off{display:none}.fs-icon-btn[aria-pressed=true] .off{display:block}.fs-icon-btn[aria-pressed=true] .on{display:none}.fs-app:not([data-phase=play]) .fs-corner{top:calc(env(safe-area-inset-top, 0px) + 14px)}.fs-app .overlay{background:linear-gradient(180deg,rgba(246,220,203,.05),rgba(90,58,74,.42));backdrop-filter:none;-webkit-backdrop-filter:none}.fs-sheet{position:relative;width:min(400px,100%);margin:auto;padding:22px 20px 18px;border-radius:30px;text-align:center;background:var(--fs-paper);border:3px solid #fff;box-shadow:0 8px 0 rgba(90,58,74,.22),0 18px 40px rgba(90,58,74,.22);color:var(--fs-ink)}.fs-sheet:before{content:"";position:absolute;inset:7px;border:2px dashed rgba(255,127,163,.4);border-radius:23px;pointer-events:none}.fs-kicker{position:relative;display:inline-block;padding:4px 12px;border-radius:10px;background:#ffe6ee;color:#c25a86;font:800 11px/1.2 Playful,sans-serif;letter-spacing:1.5px}.fs-title{position:relative;margin:10px 0 6px;font:800 40px/.95 Playful,sans-serif;color:var(--fs-lav);text-shadow:0 4px 0 #5f43b8}.fs-title span{font-size:54px;color:#fff;-webkit-text-stroke:3px var(--fs-rose);paint-order:stroke fill;text-shadow:0 5px 0 #c03a72}.fs-blurb{position:relative;margin:0 0 14px;font:700 14px/1.35 Playful,sans-serif;color:var(--fs-soft)}.fs-rules{position:relative;list-style:none;margin:0 0 16px;padding:0;display:grid;grid-gap:8px;gap:8px;text-align:left}.fs-rules li{display:grid;grid-template-columns:28px 1fr;grid-column-gap:10px;column-gap:10px;font:600 13px/1.3 Playful,sans-serif;color:var(--fs-soft)}.fs-rules li p{margin:0}.fs-rules li b{font:800 14px/1.1 Playful,sans-serif;color:var(--fs-ink)}.fs-rules li span{width:28px;height:28px;border-radius:50%;background:var(--fs-aqua);color:#fff;display:grid;place-items:center;font:800 16px/1 Playful,sans-serif}.fs-rules li:nth-child(2) span{background:var(--fs-lav)}.fs-rules li:nth-child(3) span{background:#8a6a5a}.fs-rules li:nth-child(4) span{background:var(--fs-rose)}.fs-app button.big{position:relative;width:100%;background:linear-gradient(#ff9cbc,#e8628e);color:#fff;border-color:#ffe3ec;box-shadow:inset 0 3px 0 rgba(255,255,255,.35),0 5px 0 #a8365f}.fs-app button.big:active{box-shadow:0 1px 0 #a8365f}.fs-best{position:relative;margin:10px 0 0;font:700 12px/1.3 Playful,sans-serif;color:var(--fs-soft)}.fs-cards-wrap{width:min(420px,100%);margin:auto}.fs-cards-title{margin:0 0 12px;text-align:center;font:800 26px/1 Playful,sans-serif;color:#fff;-webkit-text-stroke:2px var(--fs-rose);paint-order:stroke fill;text-shadow:0 4px 0 rgba(90,58,74,.35)}.fs-card-list{display:grid;grid-gap:12px;gap:12px}.fs-card{position:relative;display:grid;grid-template-columns:62px 1fr;grid-gap:12px;gap:12px;align-items:center;padding:12px 14px;text-align:left;cursor:pointer;border-radius:22px;border:3px solid #fff;background:var(--fs-paper);color:var(--fs-ink);box-shadow:0 6px 0 rgba(90,58,74,.22);animation:fs-deal .45s cubic-bezier(.2,1.3,.4,1) backwards}.fs-card:nth-child(2){animation-delay:.08s}.fs-card:nth-child(3){animation-delay:.16s}@keyframes fs-deal{0%{opacity:0;transform:translateY(30px) rotate(-3deg)}}.fs-card:active{transform:translateY(3px)}.fs-card-art{width:62px;height:78px;border-radius:14px;display:grid;place-items:center;font:800 26px/1 Playful,sans-serif;color:#fff;box-shadow:inset 0 -5px 0 rgba(0,0,0,.1);text-shadow:0 2px 0 rgba(0,0,0,.15)}.fs-card h3{margin:0 0 4px;font:800 18px/1.05 Playful,sans-serif}.fs-card h3 small{font:700 11px/1 Playful,sans-serif;color:var(--fs-soft);margin-left:4px}.fs-card ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px}.fs-card li{padding:3px 7px;border-radius:8px;background:#f6ebe6;font:800 10.5px/1.2 Playful,sans-serif;color:var(--fs-soft)}.fs-card li.wish{background:#f1e9ff;color:#6a4fc8}.fs-card .fs-card-stars{position:absolute;top:8px;right:12px;font:800 12px/1 Playful,sans-serif;color:#f2b632;letter-spacing:1px}.fs-app .fs-results{justify-content:flex-start;padding-top:44vh;padding-bottom:18px}.fs-small{padding-top:16px}.fs-stars{position:relative;display:flex;justify-content:center;gap:6px;margin-bottom:4px}.fs-stars i{width:34px;height:34px;background:#eadbd6;-webkit-clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.fs-stars i.on{background:linear-gradient(#ffe27a,#f2b632);animation:fs-pop .5s ease backwards}.fs-stars i.on:nth-child(2){animation-delay:.15s}.fs-stars i.on:nth-child(3){animation-delay:.3s}.fs-result-title{position:relative;margin:0 0 6px;font:800 30px/1 Playful,sans-serif;color:var(--fs-rose)}.fs-result-line{position:relative;margin:4px 0 6px;font:700 13px/1.35 Playful,sans-serif;color:var(--fs-soft)}.fs-result-big{position:relative;display:flex;align-items:baseline;justify-content:center;gap:8px}.fs-result-big b{font:800 50px/1 Playful,sans-serif;color:var(--fs-ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.fs-result-big span{font:800 17px/1 Playful,sans-serif;color:var(--fs-rose)}.fs-result-list{position:relative;display:grid;grid-template-columns:1fr 1fr;grid-gap:5px 8px;gap:5px 8px;margin:8px 0}.fs-result-list div{display:flex;justify-content:space-between;gap:6px;padding:6px 10px;border-radius:10px;background:#f8ece6}.fs-result-list dt{font:700 12px/1.2 Playful,sans-serif;color:var(--fs-soft);white-space:nowrap}.fs-result-list dd{margin:0;font:800 13px/1.2 Playful,sans-serif;color:var(--fs-ink)}.fs-r-best{position:relative;margin:0 0 10px;font:800 12px/1.2 Playful,sans-serif;color:var(--fs-soft)}.fs-link-btn{background:none;border:0;color:var(--fs-rose);font:800 14px/1 Playful,sans-serif;text-decoration:underline;cursor:pointer}.fs-app .share-btn,.fs-link-btn{position:relative;display:block;margin:10px auto 0}@media (min-width:700px){.fs-steps span{font-size:9px}.fs-cardtext small{font-size:12px}.fs-app .fs-results{justify-content:safe center;align-items:flex-end;padding:64px 6vw 30px 24px}.fs-results .fs-sheet{margin:auto 0 auto auto}}