.sbp{--navy:#123F63;--navy-ink:#0d2f4b;--cream:#F5F0E6;--paper:#FFFFFF;--green:#3E8E5A;--green-soft:#E4F1E7;--sky:#CFE4F3;--sky-soft:#EAF3FA;--yellow:#F7E3A8;--pink:#F6DCE2;--peach:#F9E3CF;--lilac:#E3DDF2;--ink:#17242F;--muted:#5A6B78;--line:rgba(18,63,99,.14);--radius:26px;--radius-sm:16px;--shadow:0 18px 40px -26px rgba(18,63,99,.55);--shadow-hover:0 26px 54px -28px rgba(18,63,99,.6);background:var(--cream);color:var(--ink);font-family:Gabarito,Instrument Sans,system-ui,-apple-system,Segoe UI,sans-serif;font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased}.sbp *{box-sizing:border-box}.sbp :where(img){display:block}.sbp :where(h1,h2,h3,h4){margin:0;font-family:inherit;line-height:1.15;letter-spacing:-.01em;text-transform:none;color:inherit}.sbp :where(p){margin:0}.sbp :where(button){font-family:inherit;font-size:inherit;cursor:pointer;border:0;background:none;color:inherit}.sbp :where(a){color:inherit}.sbp-catalog{max-width:1180px;margin:0 auto;padding:clamp(24px,4vw,52px) clamp(16px,4vw,32px) 72px}.sbp-top{display:flex;align-items:center;gap:16px;flex-wrap:wrap;justify-content:space-between}.sbp-brand{display:flex;align-items:center;gap:14px}.sbp-mark{width:56px;height:56px;border-radius:18px;background:var(--navy);display:grid;place-items:center;box-shadow:var(--shadow);flex:none}.sbp-mark svg{width:34px;height:34px}.sbp-wordmark{font-size:clamp(20px,2.4vw,27px);font-weight:800;line-height:.95;color:var(--navy)}.sbp-wordmark span{display:block;font-size:.62em;letter-spacing:.22em;font-weight:700;color:var(--muted);margin-top:4px}.sbp-top-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.sbp-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 22px;border-radius:999px;background:var(--paper);color:var(--navy);font-weight:700;font-size:16px;border:1.5px solid var(--line);transition:transform .18s ease,box-shadow .25s ease,background .2s}.sbp-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.sbp-btn:active{transform:translateY(0)}.sbp-btn--primary{background:var(--navy);color:#fff;border-color:var(--navy)}.sbp-btn--primary:hover{background:var(--navy-ink)}.sbp-btn--soft{background:var(--sky-soft);border-color:transparent}.sbp-btn--ghost{background:transparent}.sbp-btn svg{width:20px;height:20px;flex:none}.sbp-iconbtn{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:var(--paper);border:1.5px solid var(--line);color:var(--navy);transition:background .2s,border-color .2s}.sbp-iconbtn:hover{background:var(--sky-soft)}.sbp-iconbtn[aria-pressed=false]{color:#9aa7b2}.sbp-iconbtn svg{width:24px;height:24px}.sbp-hero{padding:clamp(28px,4vw,46px) 0 10px}.sbp-kicker{display:inline-flex;align-items:center;gap:8px;background:var(--yellow);color:#6b4e0e;font-weight:700;font-size:14px;letter-spacing:.06em;text-transform:uppercase;padding:8px 14px;border-radius:999px}.sbp-h1{font-size:clamp(34px,5vw,54px);font-weight:800;color:var(--navy);margin:16px 0 10px}.sbp-lead{font-size:clamp(18px,2vw,21px);color:var(--muted);max-width:62ch}.sbp-filters{display:flex;gap:10px;flex-wrap:wrap;margin:26px 0 22px}.sbp-chip{min-height:50px;padding:0 20px;border-radius:999px;background:var(--paper);border:1.5px solid var(--line);font-weight:700;color:var(--navy);font-size:16px;display:inline-flex;align-items:center;gap:8px;transition:.2s}.sbp-chip:hover{background:var(--sky-soft)}.sbp-chip[aria-pressed=true],.sbp-chip[aria-selected=true]{background:var(--navy);color:#fff;border-color:var(--navy)}.sbp-chip[aria-selected=false]{background:var(--paper)}.sbp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(268px,1fr));gap:18px}.sbp-card{display:flex;flex-direction:column;text-align:left;background:var(--paper);border-radius:var(--radius);padding:0;overflow:hidden;border:1.5px solid rgba(18,63,99,.08);box-shadow:0 8px 24px -20px #123f6380;transition:transform .22s ease,box-shadow .28s ease}.sbp-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}.sbp-card:focus-visible{outline:3px solid #2F6FA8;outline-offset:3px}.sbp-card-art{height:150px;display:grid;place-items:center;position:relative;overflow:hidden}.sbp-card-art img{width:96px;height:96px;transition:transform .3s ease}.sbp-card:hover .sbp-card-art img{transform:scale(1.06) rotate(-3deg)}.sbp-card-tag{position:absolute;top:12px;left:12px;background:#ffffffdb;color:var(--navy);font-size:12.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:6px 11px;border-radius:999px}.sbp-card-body{padding:16px 20px 20px;display:flex;flex-direction:column;gap:8px;flex:1}.sbp-card-title{font-size:20px;font-weight:800;color:var(--navy)}.sbp-card-desc{font-size:15px;color:var(--muted);flex:1}.sbp-card-cta{display:inline-flex;align-items:center;gap:8px;font-weight:800;color:var(--navy);margin-top:6px}.sbp-card-cta svg{width:18px;height:18px}.sbp-empty{padding:40px;text-align:center;color:var(--muted)}.sbp-foot{margin-top:40px;padding-top:20px;border-top:1px solid var(--line);color:var(--muted);font-size:13.5px;display:flex;gap:8px 18px;flex-wrap:wrap;justify-content:space-between}.sbp-foot a{text-decoration:underline}.sbp-credit{font-size:12.5px;color:#7a8894}.sbp-credit summary{cursor:pointer}.sbp-credit ul{margin:8px 0 0;padding-left:18px}.sbp-app{position:fixed;top:0;right:0;bottom:0;left:0;z-index:400;background:var(--cream);display:flex;flex-direction:column;overflow:hidden}.sbp-app[hidden]{display:none}.sbp-appbar{display:flex;align-items:center;gap:12px;padding:10px clamp(12px,3vw,24px);background:var(--paper);border-bottom:1px solid var(--line);flex:none;min-height:72px}.sbp-appbar h2{font-size:clamp(17px,2.2vw,22px);font-weight:800;color:var(--navy);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sbp-apptools{display:flex;gap:8px;margin-left:auto}.sbp-stage{flex:1;overflow:auto;padding:clamp(14px,3vw,28px);-webkit-overflow-scrolling:touch}.sbp-stage--tight{padding:0;overflow:hidden;display:flex}.sbp-wrap{max-width:1000px;margin:0 auto;display:flex;flex-direction:column;gap:18px}.sbp-panel{background:var(--paper);border-radius:var(--radius);padding:clamp(16px,3vw,26px);box-shadow:0 10px 30px -26px #123f6399}.sbp-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.sbp-row--center{justify-content:center}.sbp-hud{display:flex;gap:10px 22px;flex-wrap:wrap;align-items:center;justify-content:center;font-weight:700;color:var(--navy)}.sbp-hud b{font-size:22px}.sbp-hint{color:var(--muted);font-size:16px;text-align:center}.sbp-q{font-size:clamp(22px,3.4vw,32px);font-weight:800;color:var(--navy);text-align:center;line-height:1.25}.sbp-sub{font-size:16px;color:var(--muted);text-align:center}.sbp-big{font-size:clamp(18px,2.4vw,22px);min-height:64px;padding:0 28px}.sbp-opt{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:132px;padding:12px;border-radius:22px;background:var(--paper);border:2.5px solid #D8E4EE;box-shadow:0 6px 16px -14px #123f63a6;font-weight:800;font-size:19px;color:var(--navy);transition:transform .16s ease,border-color .2s,background .2s}.sbp-opt:hover{border-color:var(--navy);transform:translateY(-2px)}.sbp-opt img{width:84px;height:84px}.sbp-opt.is-ok{border-color:var(--green);background:var(--green-soft)}.sbp-opt.is-no{border-color:#d66;background:#fbecec}.sbp-opt:disabled{opacity:.6}.sbp-opts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.sbp-opts--3,.sbp-opts--6{grid-template-columns:repeat(3,minmax(0,1fr))}.sbp-cardflip{position:relative;aspect-ratio:1;border-radius:22px;border:2.5px solid rgba(18,63,99,.12);background:var(--sky);display:grid;place-items:center;padding:8px;transition:transform .25s ease,background .25s ease}.sbp-cardflip img{width:82%;height:82%;object-fit:contain;opacity:0;transition:opacity .18s ease}.sbp-cardflip .sbp-back{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;border-radius:18px;background:var(--navy);color:#fff}.sbp-cardflip .sbp-back svg{width:38%;height:38%;opacity:.9}.sbp-cardflip.is-open,.sbp-cardflip.is-done{background:var(--paper);border-color:var(--green)}.sbp-cardflip.is-open img,.sbp-cardflip.is-done img{opacity:1}.sbp-cardflip.is-open .sbp-back,.sbp-cardflip.is-done .sbp-back{display:none}.sbp-cardflip.is-done{border-color:var(--green);background:var(--green-soft)}.sbp-cardflip:active{transform:scale(.97)}.sbp-toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);background:var(--navy);color:#fff;font-weight:700;font-size:17px;padding:14px 22px;border-radius:999px;opacity:0;pointer-events:none;transition:.25s;z-index:600;max-width:90vw;text-align:center}.sbp-toast.show{opacity:1;transform:translate(-50%)}.sbp-badge{display:inline-flex;align-items:center;gap:8px;background:var(--green-soft);color:#24603c;font-weight:800;padding:10px 16px;border-radius:999px;font-size:16px}.sbp-win{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;padding:26px 16px}.sbp-win h3{font-size:clamp(26px,4vw,38px);color:var(--navy);font-weight:800}.sbp-confetti{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.sbp-confetti i{position:absolute;top:-12%;width:10px;height:16px;border-radius:3px;animation:sbp-fall 2.4s ease-in forwards}@keyframes sbp-fall{to{transform:translateY(120vh) rotate(420deg);opacity:.9}}.sbp-quiet .sbp-confetti{display:none}.sbp-aac{display:flex;flex-direction:column;height:100%;width:100%;background:var(--cream);padding:8px;gap:8px}.sbp-aac-bar{display:flex;gap:8px;align-items:stretch;flex:none}.sbp-aac-say{flex:1;min-height:62px;background:var(--paper);border:2px solid var(--line);border-radius:14px;display:flex;align-items:center;gap:8px;padding:6px 10px;overflow-x:auto;overflow-y:hidden}.sbp-aac-say img{width:40px;height:40px;flex:none}.sbp-aac-say .sbp-chipword{display:inline-flex;align-items:center;gap:6px;background:var(--sky-soft);border-radius:10px;padding:4px 10px;font-weight:700;font-size:15px;white-space:nowrap}.sbp-aac-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:var(--paper);border:2px solid rgba(18,63,99,.14);border-radius:12px;padding:3px 2px;min-height:0;overflow:hidden;font-weight:700;color:var(--navy);font-size:clamp(9px,min(2.4vw,1.7vh),18px);line-height:1.05;text-align:center}.sbp-aac-btn span{max-width:100%;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.sbp-aac-btn img{width:clamp(26px,7.6vh,64px);height:clamp(26px,7.6vh,64px);object-fit:contain;flex:none}.sbp-aac-btn:active{background:var(--sky-soft)}.sbp-aac-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(6,1fr);gap:6px;flex:1;min-height:0}.sbp-aac-tool{min-height:62px;padding:0 14px;border-radius:14px;background:var(--navy);color:#fff;font-weight:800;font-size:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.sbp-aac-tool svg{width:22px;height:22px}.sbp-aac-tool--light{background:var(--paper);color:var(--navy);border:2px solid var(--line)}.sbp-plan{display:flex;flex-direction:column;gap:10px}.sbp-plan-item{display:flex;align-items:center;gap:12px;background:var(--paper);border-radius:18px;padding:10px 12px;border:2px solid var(--line)}.sbp-plan-item.is-done{background:var(--green-soft);border-color:#b9dcc4}.sbp-plan-item.is-done .sbp-plan-name{text-decoration:line-through;color:#3f6e52}.sbp-plan-item img{width:48px;height:48px;flex:none}.sbp-plan-name{font-weight:800;color:var(--navy);flex:1}.sbp-plan-order{display:flex;gap:6px}.sbp-plan-order button{width:46px;height:46px;border-radius:12px;background:var(--sky-soft);font-size:20px;font-weight:800;color:var(--navy)}.sbp-lib{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px}.sbp-lib button{display:flex;flex-direction:column;align-items:center;gap:6px;background:var(--paper);border:2px solid var(--line);border-radius:16px;padding:10px 6px;font-weight:700;font-size:14px;color:var(--navy);min-height:104px}.sbp-lib button:hover{border-color:var(--sky)}.sbp-lib img{width:48px;height:48px}.sbp-puzzgrid{display:grid;gap:3px;background:var(--paper);padding:6px;border-radius:20px;width:min(92vw,62vh,560px);height:auto;aspect-ratio:1;margin:0 auto}.sbp-piece{border-radius:8px;background-repeat:no-repeat;background-color:#eaf3fa;border:2px solid rgba(18,63,99,.12);transition:transform .15s ease}.sbp-piece.is-sel{outline:4px solid #2F6FA8;outline-offset:-2px;transform:scale(.96)}.sbp-piece.is-right{border-color:var(--green)}.sbp-timer{display:flex;flex-direction:column;align-items:center;gap:18px}.sbp-ring{position:relative;width:min(64vh,340px);height:min(64vh,340px)}.sbp-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.sbp-ring circle{fill:none;stroke-width:14;stroke-linecap:round}.sbp-ring .trk{stroke:#dce7f0}.sbp-ring .bar{stroke:var(--navy);transition:stroke-dashoffset .3s linear}.sbp-ring .lbl{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:clamp(38px,9vw,64px);font-weight:800;color:var(--navy);font-variant-numeric:tabular-nums}.sbp-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media(max-width:560px){.sbp-appbar{gap:8px}.sbp-appbar h2{font-size:15px}.sbp-appbar .sbp-btn{padding:0 12px;min-height:46px}.sbp-appbar .sbp-btn span{display:none}.sbp-iconbtn{width:46px;height:46px;border-radius:13px}.sbp-aac{padding:6px;gap:6px}.sbp-aac-bar{gap:6px}.sbp-aac-say{min-height:52px}.sbp-aac-tool{min-height:52px;font-size:11px;padding:0 8px;border-radius:11px}.sbp-aac-tool svg{width:18px;height:18px}}@media(max-width:720px){.sbp-opts,.sbp-opts--6,.sbp-opts--3{grid-template-columns:repeat(2,minmax(0,1fr))}.sbp-appbar{min-height:64px;padding:8px 12px}.sbp-appbar h2{font-size:16px}.sbp-btn{min-height:50px;padding:0 16px;font-size:15px}.sbp-card-art{height:132px}.sbp-h1{font-size:32px}}@media(orientation:landscape)and (max-height:520px){.sbp-appbar{min-height:56px}.sbp-stage{padding:8px}}@media(prefers-reduced-motion:reduce){.sbp *,.sbp *:before,.sbp *:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/sbplay.css.map */