.bs-app{--bs-ink:#233047;--bs-paper:#fffaf2;--bs-red:#e2404f;--bs-mint:#23a88f;--bs-sky:#4f8fe8;--bs-gold:#ffcf5a;--play-accent:#23a88f;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:#9fd3c4;color:#fff}.bs-scene{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0;touch-action:none;cursor:none}.bs-app:not([data-phase=play]) .bs-scene{cursor:default}.bs-app:not([data-phase=play]) :is(.bs-head,.bs-request,.bs-keep,.bs-cursor,.bs-hint,.bs-bottom,.bs-quit,.bs-toast,.bs-banner){display:none}.bs-app[data-phase=deliver] :is(.bs-bottom,.bs-cursor,.bs-keep,.bs-hint){display:none}.bs-app[data-phase=deliver] :is(.bs-head,.bs-request,.bs-quit,.bs-banner,.bs-toast){display:flex}.bs-head{position:absolute;z-index:4;left:12px;top:calc(env(safe-area-inset-top, 0px) + 10px);pointer-events:none;display:flex;gap:8px}.bs-head,.bs-pill{align-items:center}.bs-pill{display:inline-flex;gap:6px;height:42px;padding:0 12px;border-radius:21px;background:rgba(35,48,71,.86);border:2px solid rgba(255,255,255,.92);box-shadow:0 3px 0 rgba(35,48,71,.25);color:#fff}.bs-pill b{font:800 18px/1 Playful,sans-serif;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.bs-pill small{font:800 10px/1 Playful,sans-serif;letter-spacing:1px;opacity:.8}.bs-clockpill{flex-direction:column;justify-content:center;align-items:stretch;gap:3px;min-width:70px;background:var(--bs-red)}.bs-clockpill b{font-size:16px;text-align:center}.bs-track{display:block;height:5px;border-radius:3px;background:rgba(255,255,255,.28);overflow:hidden}.bs-track i{display:block;height:100%;width:100%;background:#fff;transform-origin:left;transition:background .3s}.bs-clockpill .bs-track i[data-level=low]{background:var(--bs-gold)}.bs-hurry .bs-clockpill{animation:bs-pulse .5s ease-in-out infinite alternate}@keyframes bs-pulse{to{transform:scale(1.07)}}.bs-matchpill{padding-right:14px}.bs-matchpill .bs-track{width:58px}.bs-matchpill .bs-track i{background:var(--bs-gold);transition:transform .25s,background .3s}.bs-matchpill .bs-track i[data-level=hi]{background:#3ee08f}.bs-sym{min-width:0}.bs-request{position:absolute;z-index:4;left:12px;right:12px;top:calc(env(safe-area-inset-top, 0px) + 60px);display:flex;align-items:flex-start;gap:8px;pointer-events:none}.bs-bubble{position:relative;flex:1 1;min-width:0;padding:7px 11px 8px;border-radius:16px 16px 16px 4px;background:var(--bs-paper);color:var(--bs-ink);border:2px solid #fff;box-shadow:0 3px 0 rgba(35,48,71,.18);font:700 13px/1.25 Playful,sans-serif}.bs-bubble b{display:block;font:800 11px/1 Playful,sans-serif;letter-spacing:1px;color:var(--bs-red);text-transform:uppercase;margin-bottom:3px}.bs-refbox{pointer-events:auto;position:relative;flex:0 0 auto;width:132px;padding:4px 4px 3px;border-radius:12px;cursor:zoom-in;background:#fff;border:0;box-shadow:0 3px 0 rgba(35,48,71,.22),0 6px 16px rgba(35,48,71,.18);transform:rotate(2deg);transform-origin:top right;transition:transform .25s cubic-bezier(.3,1.3,.5,1),width .25s}.bs-refbox canvas{display:block;width:100%;height:auto;border-radius:8px}.bs-refbox small{display:block;margin-top:2px;font:800 9px/1 Playful,sans-serif;letter-spacing:1.5px;color:#7a6a5c}.bs-refbox.big{width:min(300px,calc(100vw - 24px));transform:rotate(0deg);cursor:zoom-out}.bs-hint{position:absolute;z-index:4;left:50%;transform:translateX(-50%);bottom:calc(env(safe-area-inset-bottom, 0px) + 140px);max-width:calc(100% - 24px);width:max-content;padding:5px 12px;border-radius:12px;pointer-events:none;background:rgba(35,48,71,.72);color:#fff;font:700 12px/1.2 Playful,sans-serif;text-align:center}.bs-hint:empty{display:none}.bs-keep{position:absolute;z-index:5;left:0;top:0;margin:-34px 0 0 -26px;width:52px;padding:3px 0;border-radius:9px;pointer-events:none;background:var(--bs-gold);color:var(--bs-ink);border:2px solid #fff;font:800 11px/1 Playful,sans-serif;text-align:center;letter-spacing:1px;box-shadow:0 2px 0 rgba(0,0,0,.18);opacity:0;transition:opacity .2s;will-change:transform}.bs-keep.show{opacity:1}.bs-keep:after{content:"";position:absolute;left:50%;bottom:-7px;margin-left:-5px;border:5px solid transparent;border-top-color:#fff;border-bottom:0}.bs-keep.lost{background:#ff4d6d;color:#fff}.bs-cursor{position:absolute;z-index:5;left:0;top:0;pointer-events:none;opacity:0;transition:opacity .15s;will-change:transform}.bs-cursor.show{opacity:1}.bs-cursor-ring{position:absolute;left:0;top:0;width:calc(var(--r, 10px) * 2);height:calc(var(--r, 10px) * 2);margin:calc(var(--r, 10px) * -1) 0 0 calc(var(--r, 10px) * -1);border-radius:50%;border:2.5px solid rgba(255,255,255,.95);box-shadow:0 0 0 1.5px rgba(35,48,71,.5),inset 0 0 0 1.5px rgba(35,48,71,.35)}.bs-app[data-tool=scissors] .bs-cursor-ring{--r:7px;border-color:var(--bs-gold)}.bs-cursor.down .bs-cursor-ring{background:rgba(255,255,255,.16)}.bs-cursor-icon{position:absolute;left:12px;top:-46px;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--bs-paper);color:var(--bs-ink);border:2px solid #fff;box-shadow:0 3px 8px rgba(35,48,71,.35)}.bs-cursor-icon svg{width:28px;height:28px}.bs-cursor.snip .blade-a{animation:bs-blade-a .12s ease-in-out;transform-origin:16px 19px}.bs-cursor.snip .blade-b{animation:bs-blade-b .12s ease-in-out;transform-origin:16px 19px}@keyframes bs-blade-a{50%{transform:rotate(14deg)}}@keyframes bs-blade-b{50%{transform:rotate(-14deg)}}.bs-cursor.buzzing .bs-cursor-icon{animation:bs-buzz .06s linear infinite}@keyframes bs-buzz{50%{transform:translate(1px,-1px)}}.bs-toast{position:absolute;z-index:7;left:50%;top:calc(env(safe-area-inset-top, 0px) + 140px);transform:translate(-50%);opacity:0;pointer-events:none;padding:8px 16px;border-radius:16px;font:800 15px/1.1 Playful,sans-serif;white-space:nowrap;background:rgba(35,48,71,.92);color:#fff;border:2px solid rgba(255,255,255,.9)}.bs-toast[data-kind=good]{background:#1f9e78}.bs-toast[data-kind=bad]{background:#e03c58}.bs-toast[data-kind=info]{background:#4f6fc8}.bs-toast.show{animation:bs-toast 2.1s ease forwards}@keyframes bs-toast{0%{opacity:0;transform:translate(-50%,12px) scale(.85)}10%,78%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,-14px)}}.bs-banner{position:absolute;z-index:7;left:50%;top:40%;transform:translate(-50%,-50%) scale(.5);opacity:0;pointer-events:none;flex-direction:column;align-items:center;gap:4px;padding:14px 26px 16px;border-radius:24px;max-width:calc(100% - 30px);background:linear-gradient(135deg,#ff6b6b,#e2404f 55%,#b8304a);color:#fff;border:4px solid #fff;box-shadow:0 7px 0 #8e2236,0 16px 40px rgba(35,48,71,.3);display:flex}.bs-banner b{font:800 34px/1 Playful,sans-serif;letter-spacing:1px;text-shadow:0 3px 0 #8e2236;white-space:nowrap}.bs-banner span{font:800 15px/1.2 Playful,sans-serif;text-align:center}.bs-banner.show{animation:bs-banner 2s cubic-bezier(.3,1.4,.5,1) forwards}@keyframes bs-banner{0%{opacity:0;transform:translate(-50%,-50%) rotate(-12deg) scale(.4)}14%{opacity:1;transform:translate(-50%,-50%) rotate(-3deg) scale(1.08)}22%,82%{opacity:1;transform:translate(-50%,-50%) rotate(-4deg) scale(1)}to{opacity:0;transform:translate(-50%,-70%) rotate(-4deg) scale(.9)}}.bs-bottom{position:absolute;z-index:4;left:10px;right:10px;bottom:calc(env(safe-area-inset-bottom, 0px) + 12px);display:flex;flex-direction:column;gap:8px;max-width:560px;margin:0 auto}.bs-turnrow{position:relative;display:flex;align-items:center;justify-content:flex-start;gap:8px}.bs-round{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;cursor:pointer;color:#fff;background:linear-gradient(#5a9df0,#3a74cf);border:3px solid #fff;box-shadow:0 4px 0 #26509a;transition:transform .1s}.bs-round:active{transform:translateY(3px);box-shadow:0 1px 0 #26509a}.bs-view{min-width:90px;padding:6px 12px;border-radius:14px;text-align:center;font:800 14px/1 Playful,sans-serif;background:rgba(255,250,242,.92);color:var(--bs-ink);border:2px solid #fff;box-shadow:0 3px 0 rgba(35,48,71,.18)}.bs-guide{position:absolute;right:0;display:flex;align-items:center;gap:5px;height:38px;padding:0 12px;border-radius:19px;cursor:pointer;background:rgba(35,48,71,.82);color:#fff;border:2px solid rgba(255,255,255,.9);font:800 12px/1 Playful,sans-serif}.bs-guide[aria-pressed=true]{background:var(--bs-gold);color:var(--bs-ink)}.bs-toolrow{display:flex;gap:8px;align-items:stretch}.bs-tools{flex:1 1;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:6px;gap:6px;padding:5px;border-radius:22px;background:rgba(255,250,242,.92);border:2px solid #fff;box-shadow:0 4px 0 rgba(35,48,71,.22)}.bs-tool{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;height:60px;border-radius:16px;cursor:pointer;background:transparent;border:0;color:#63708a;font:800 11px/1 Playful,sans-serif;transition:background .15s,color .15s,transform .1s}.bs-tool svg{width:30px;height:30px}.bs-tool[aria-checked=true]{background:var(--bs-ink);color:#fff;transform:translateY(-2px);box-shadow:0 3px 0 #11192a}.bs-tool[data-tool=comb][aria-checked=true]{background:var(--bs-sky);box-shadow:0 3px 0 #2c5aa8}.bs-tool[data-tool=scissors][aria-checked=true]{background:var(--bs-red);box-shadow:0 3px 0 #8e2236}.bs-tool[data-tool^=clip][aria-checked=true]{background:var(--bs-mint);box-shadow:0 3px 0 #13705e}.bs-done{flex:0 0 78px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:22px;cursor:pointer;background:linear-gradient(#ffd977,#f5b52e);color:var(--bs-ink);border:3px solid #fff;box-shadow:0 5px 0 #b77d10;font:800 13px/1 Playful,sans-serif}.bs-done:active{transform:translateY(3px);box-shadow:0 2px 0 #b77d10}.bs-app.bs-ready .bs-done{animation:bs-nudge 1s ease-in-out infinite alternate}@keyframes bs-nudge{to{transform:scale(1.06)}}.bs-corner{position:absolute;z-index:8;top:calc(env(safe-area-inset-top, 0px) + 11px);right:12px;display:flex;gap:6px}.bs-app[data-phase=loading] .bs-corner{display:none}.bs-icon-btn{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;cursor:pointer;color:#fff;background:rgba(35,48,71,.82);border:2px solid rgba(255,255,255,.9);box-shadow:0 3px 0 rgba(0,0,0,.2)}.bs-icon-btn .off{display:none}.bs-icon-btn[aria-pressed=true] .off{display:block}.bs-icon-btn[aria-pressed=true] .on{display:none}.bs-app .overlay{background:linear-gradient(180deg,rgba(159,211,196,.15),rgba(35,48,71,.5));backdrop-filter:none;-webkit-backdrop-filter:none}.bs-app .bs-loading{background:linear-gradient(#cdeee3,#fdf1df 60%,#ffd9cf)}.bs-panel{position:relative;width:min(400px,100%);margin:auto;padding:20px 20px 18px;border-radius:30px;text-align:center;color:var(--bs-ink);background:var(--bs-paper);border:4px solid #fff;box-shadow:0 8px 0 rgba(35,48,71,.28),0 20px 50px rgba(35,48,71,.3)}.bs-panel:before{content:"";position:absolute;inset:7px;border:2px dashed rgba(226,64,79,.3);border-radius:23px;pointer-events:none}.bs-kicker{font:800 12px/1 Playful,sans-serif;letter-spacing:2px;color:var(--bs-red)}.bs-title{margin:8px 0 4px;font:800 50px/.9 Playful,sans-serif;color:#fff;letter-spacing:-1px;-webkit-text-stroke:2px var(--bs-ink);paint-order:stroke fill;text-shadow:0 5px 0 var(--bs-red);transform:rotate(-3deg)}.bs-title span{font-size:36px;color:#c9f2e6;text-shadow:0 5px 0 var(--bs-mint)}.bs-blurb{margin:10px 0;font:700 14px/1.35 Playful,sans-serif;color:#5b6880}.bs-next{position:relative;margin:0 0 10px;padding:6px;border-radius:16px;background:#fff;box-shadow:0 3px 0 rgba(35,48,71,.12);transform:rotate(-1deg)}.bs-next canvas{display:block;width:100%;height:auto;border-radius:11px}.bs-next p{margin:6px 4px 2px;font:700 13px/1.25 Playful,sans-serif;color:#5b6880}.bs-next b{color:var(--bs-red)}.bs-rules{list-style:none;margin:0 0 14px;padding:0;display:grid;grid-gap:7px;gap:7px;text-align:left}.bs-rules li{display:grid;grid-template-columns:26px 1fr;grid-column-gap:9px;column-gap:9px;font:600 12.5px/1.3 Playful,sans-serif;color:#5b6880}.bs-rules li p{margin:0}.bs-rules li b{color:var(--bs-ink)}.bs-rules li span{width:26px;height:26px;border-radius:50%;background:var(--bs-red);color:#fff;display:grid;place-items:center;font:800 15px/1 Playful,sans-serif}.bs-rules li:nth-child(2) span{background:var(--bs-mint)}.bs-rules li:nth-child(3) span{background:var(--bs-sky)}.bs-rules li:nth-child(4) span{background:var(--bs-gold);color:var(--bs-ink)}.bs-app button.big{position:relative;width:100%;background:linear-gradient(#ff6b78,#e2404f);color:#fff;border-color:#ffd0d4;box-shadow:inset 0 3px 0 rgba(255,255,255,.35),0 5px 0 #8e2236}.bs-app button.big:active{box-shadow:0 1px 0 #8e2236}.bs-best{margin:10px 0 0;font:700 13px/1.3 Playful,sans-serif;color:#6a7690}.bs-best:empty{display:none}.bs-link-btn{position:relative;background:none;border:0;color:var(--bs-red);font:800 15px/1 Playful,sans-serif;text-decoration:underline;cursor:pointer;padding:8px 10px}.bs-app .bs-results{background:linear-gradient(180deg,rgba(159,211,196,0) 30%,rgba(35,48,71,.35));justify-content:flex-end;align-items:center;padding:0 12px 12px}.bs-results .bs-panel{margin:0;padding:14px 16px 12px;max-height:60dvh;overflow-y:auto}.bs-stars{position:relative;display:flex;justify-content:center;gap:6px;margin-bottom:2px}.bs-stars i{width:30px;height:30px;background:#e6dccd;-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%)}.bs-stars i.on{background:var(--bs-gold);animation:bs-star .5s cubic-bezier(.3,1.6,.5,1) both}.bs-stars i.on:nth-child(2){animation-delay:.15s}.bs-stars i.on:nth-child(3){animation-delay:.3s}@keyframes bs-star{0%{transform:scale(0) rotate(-40deg)}}.bs-result-title{position:relative;margin:0;font:800 28px/1 Playful,sans-serif;color:var(--bs-red)}.bs-result-line{margin:4px 0 6px;font:700 13px/1.3 Playful,sans-serif;color:#5b6880}.bs-compare{position:relative;margin:0 auto 6px;max-width:270px}.bs-compare canvas{display:block;width:100%;height:auto;border-radius:12px;box-shadow:0 2px 0 rgba(35,48,71,.12)}.bs-compare small{display:block;margin-top:3px;font:700 11px/1 Playful,sans-serif;color:#7c879c}.bs-result-top{display:flex;justify-content:center;gap:22px;align-items:baseline}.bs-result-big,.bs-result-match{display:flex;align-items:baseline;gap:6px}.bs-result-big b{font:800 42px/1 Playful,sans-serif;color:var(--bs-ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.bs-result-match b{font:800 28px/1 Playful,sans-serif;color:var(--bs-mint)}.bs-result-top span{font:800 13px/1 Playful,sans-serif;color:#6a7690}.bs-newbest .bs-result-big b{color:var(--bs-red)}.bs-result-list{display:grid;grid-template-columns:1fr 1fr;grid-gap:5px 8px;gap:5px 8px;margin:8px 0 10px}.bs-result-list div{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;border-radius:10px;background:#f6efe3;font:700 13px/1.2 Playful,sans-serif}.bs-result-list .bs-r-wide{grid-column:span 2}.bs-result-list dt{color:#6a7690}.bs-result-list dd{margin:0;color:var(--bs-ink);font-weight:800}.bs-result-btns{display:grid;grid-template-columns:1fr auto;grid-gap:4px;gap:4px;align-items:center}.bs-app .share-btn{position:relative;width:100%;color:var(--bs-red);margin-top:8px;padding:8px 18px;font-size:16px}.bs-allgames{display:inline-block;margin-top:8px;color:#6a7690;font:800 13px/1 Playful,sans-serif;text-decoration:none}@media (max-width:440px){.bs-sym{display:none}.bs-matchpill .bs-track{width:50px}}@media (min-width:700px){.bs-turnrow{justify-content:center}.bs-head{left:24px;top:18px}.bs-request{left:auto;right:24px;top:70px;width:420px}.bs-refbox{width:170px}.bs-toast{top:120px}.bs-app .bs-results{justify-content:center;align-items:flex-end;padding:24px 40px}.bs-results .bs-panel{width:420px;max-height:calc(100dvh - 48px)}.bs-hint{bottom:150px}}@media (max-height:720px) and (max-width:700px){.bs-rules li{font-size:11.5px}.bs-title{font-size:42px}.bs-title span{font-size:30px}.bs-next canvas{max-height:110px;object-fit:contain}}