*{box-sizing:border-box}html,body{margin:0;height:100%;font-family:Grandstander,system-ui,sans-serif;color:#fff;-webkit-text-size-adjust:100%;background:linear-gradient(180deg,#0d8ba8,#006986 55%,#00546b) fixed}body.kd-cream{background:#fbf8f2;color:#12333c}a{color:#cfe6ec}a:hover{color:#ffe094}button{font-family:inherit}[hidden]{display:none!important}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #ffe094;outline-offset:2px}.kd-app{height:100dvh;display:flex;flex-direction:column}.kd-stripe{flex:none;height:8px;display:flex}.kd-stripe i{flex:1}.kd-stripe i:nth-child(1),.kd-mini-stripe i:nth-child(1){background:#43c0c9}.kd-stripe i:nth-child(2),.kd-mini-stripe i:nth-child(2){background:#f18a80}.kd-stripe i:nth-child(3),.kd-mini-stripe i:nth-child(3){background:#ffe094}.kd-stripe i:nth-child(4),.kd-mini-stripe i:nth-child(4){background:#6fc0b2}.kd-wrap{max-width:1100px;margin:0 auto;padding:14px clamp(18px,4vw,40px) 0;display:flex;flex-direction:column;gap:22px}.kd-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.kd-backlink{font-size:14px;font-weight:700;text-decoration:none;white-space:nowrap}.kd-segs{display:flex;gap:2px;background:#ffffff24;border-radius:999px;padding:3px}.kd-seg{border:0;cursor:pointer;min-height:38px;padding:0 14px;border-radius:999px;font-size:14px;font-weight:800;white-space:nowrap;background:transparent;color:#fff}.kd-seg.on{background:#fff;color:#006986}.kd-kicker{font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#ffe094}.kd-h1{margin:0;font-size:clamp(32px,4.4vw,48px);line-height:1.04;font-weight:800;text-wrap:pretty}.kd-note{margin:0;font-size:16.5px;line-height:1.5;font-weight:500;color:#d6eef4;text-wrap:pretty}.kd-names{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:#ffffff1a;border-radius:22px;padding:12px 14px}.kd-chips{display:contents}.kd-chip{display:inline-flex;align-items:center;gap:2px;background:#fff;color:#12333c;border-radius:999px;padding:3px 4px 3px 14px;font-size:15px;font-weight:700}.kd-chip button{width:30px;height:30px;border:0;border-radius:50%;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#5d7780}.kd-form{display:flex;gap:6px;flex:1 1 220px;max-width:340px}.kd-form input{flex:1;min-width:0;min-height:42px;border:0;border-radius:999px;padding:0 16px;font-family:inherit;font-size:15px;color:#12333c}.kd-form button{min-height:42px;padding:0 16px;border:0;border-radius:999px;background:#ffe094;color:#4a3a12;font-size:15px;font-weight:800;cursor:pointer}.kd-hint{font-size:13.5px;font-weight:600;color:#a6ddd0}.kd-shelf{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:84px calc(50% - 115px) 18px;scrollbar-width:none}.kd-shelf::-webkit-scrollbar{display:none}.kd-shelf.wide{padding-left:max(clamp(18px,4vw,40px),calc((100% - 1100px)/2 + clamp(18px,4vw,40px)));padding-right:clamp(18px,4vw,40px);scroll-padding-left:max(clamp(18px,4vw,40px),calc((100% - 1100px)/2 + clamp(18px,4vw,40px)))}.kd-box{flex:none;width:230px;scroll-snap-align:center;display:flex;justify-content:center;border:0;padding:0;background:none;cursor:pointer;transition:transform .26s cubic-bezier(.2,.7,.2,1);transform:scale(.94)}.kd-shelf.wide .kd-box{scroll-snap-align:start}.kd-box.on{transform:translateY(-6px) scale(1.03)}.kd-box-in{position:relative;display:block;width:200px;height:300px}.kd-peek{position:absolute;left:22px;right:22px;top:-44px;height:190px;background:#fff;border-radius:14px;transform:rotate(-4deg);box-shadow:0 6px 16px #001e2840;padding:14px;display:flex;flex-direction:column;gap:6px;text-align:left;font-size:13px;font-weight:800;line-height:1.25;color:#006986}.kd-mini-stripe{height:5px;display:flex;border-radius:3px;overflow:hidden;flex:none}.kd-mini-stripe i{flex:1}.kd-case{position:absolute;top:60px;right:0;bottom:0;left:0;border-radius:18px;overflow:hidden;background:#12333c;box-shadow:0 18px 34px #001e2861}.kd-case img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% 40%}.kd-lid{position:absolute;left:0;right:0;top:0;height:16px;background:#0000002e}.kd-label{position:absolute;left:10px;right:10px;bottom:10px;background:#fff;border-radius:12px;padding:8px 12px;display:flex;flex-direction:column;gap:1px;text-align:left}.kd-label b{font-size:15px;font-weight:800;color:#006986;line-height:1.15}.kd-label span{font-size:12px;font-weight:700;color:#5d7780}.kd-foot{max-width:1100px;margin:0 auto;padding:0 clamp(18px,4vw,40px) 36px;display:flex;flex-direction:column;align-items:center;gap:16px}.kd-rail{align-self:stretch;height:10px;border-radius:999px;background:#ffffff24}.kd-nav{display:flex;align-items:center;gap:14px}.kd-arrow{width:40px;height:40px;border:0;border-radius:50%;background:#ffffff24;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}.kd-dots{display:flex;gap:7px}.kd-dots span{width:8px;height:8px;border-radius:50%;background:#ffffff59}.kd-dots span.on{background:#ffe094}.kd-open{width:100%;max-width:360px;min-height:54px;border:0;border-radius:999px;background:#ffe094;color:#4a3a12;font-size:17px;font-weight:800;cursor:pointer}.kd-open:hover{background:#ffd873}.kd-outline{min-height:44px;padding:0 20px;border:0;border-radius:999px;background:transparent;color:#fff;font-size:15px;font-weight:800;cursor:pointer;box-shadow:inset 0 0 0 2px #ffffff80}.kd-bar{flex:none;display:flex;align-items:center;gap:8px;padding:6px clamp(10px,3vw,28px);background:#ffffff14}.kd-link{border:0;background:none;cursor:pointer;font-size:15px;font-weight:700;color:inherit;min-height:44px;padding:0 6px;white-space:nowrap}.kd-meta{flex:1;min-width:0;display:flex;flex-direction:column}.kd-meta b{font-size:16px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kd-meta span{font-size:13.5px;font-weight:600;color:#cfe6ec}.kd-quiet{border:0;background:none;cursor:pointer;font-size:14.5px;font-weight:700;color:#cfe6ec;text-decoration:underline;text-underline-offset:3px;min-height:44px;padding:0 4px;white-space:nowrap}.kd-main{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(14px,2.4vh,22px);padding:16px}.kd-turn{display:inline-flex;align-items:center;gap:8px;background:#fff;border-radius:999px;padding:8px 18px;box-shadow:0 4px 16px #001e2833;font-size:16px;font-weight:800;color:#006986;white-space:nowrap}.kd-turn i{flex:none;width:10px;height:10px;border-radius:50%}.kd-stage{display:flex;flex-direction:column;align-items:center;gap:0}.kd-card{position:relative;flex:none;width:min(84vw,380px,calc((100dvh - var(--reserve,234px)) * 5 / 7));aspect-ratio:5/7;container-type:inline-size;touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:grab}.kd-back{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:26px;overflow:hidden;background:#12333c;box-shadow:0 10px 26px #001e2840}.kd-back img{width:100%;height:100%;object-fit:cover;display:block}.kd-face{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;border-radius:26px;overflow:hidden;background:#fff;box-shadow:0 18px 40px #001e2847;will-change:transform;color:#12333c}.kd-face .kd-stripe{height:10px}.kd-fhead{flex:none;padding:6cqw 7cqw 0;display:flex;align-items:center;gap:2.4cqw}.kd-dot{flex:none;width:10px;height:10px;border-radius:50%}.kd-cdeck{font-size:clamp(10px,4.6cqw,13px);font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#5d7780;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kd-fbody{flex:1;min-height:0;overflow:hidden;display:flex;align-items:center;padding:8px 7cqw}.kd-ctext{font-size:clamp(15px,7.4cqw,30px);font-weight:800;line-height:1.24;color:#006986;text-wrap:pretty}.kd-ffoot{flex:none;padding:0 7cqw 5.4cqw;display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:clamp(10px,4.6cqw,13px);font-weight:700;color:#93a7ad;white-space:nowrap}.kd-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:36px}.kd-keep{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 20px;border:0;border-radius:999px;cursor:pointer;font-size:16px;font-weight:800;white-space:nowrap;background:#ffffff14;color:#fff;box-shadow:inset 0 0 0 2px #fff9}.kd-keep svg{fill:none}.kd-keep.on{background:#fdeeec;color:#c25a52;box-shadow:inset 0 0 0 2px #f18a80}.kd-keep.on svg{fill:currentColor}.kd-next{min-height:52px;padding:0 28px;border:0;border-radius:999px;background:#ffe094;color:#4a3a12;font-size:17px;font-weight:800;cursor:pointer;white-space:nowrap}.kd-next:hover{background:#ffd873}.kd-tip{margin-top:12px;font-size:14px;font-weight:600;color:#a6ddd0}.kd-toast{position:fixed;left:50%;bottom:calc(18px + env(safe-area-inset-bottom));transform:translate(-50%);max-width:min(92vw,420px);background:#12333c;color:#fff;border-radius:18px;padding:12px 18px;font-size:15px;font-weight:600;line-height:1.4;box-shadow:0 10px 30px #0028344d;text-align:center;z-index:5}.kd-endcard{width:min(92vw,460px);background:#fff;color:#12333c;border-radius:28px;box-shadow:0 18px 50px #001e284d;overflow:hidden}.kd-endin{padding:26px 28px 28px;display:flex;flex-direction:column;gap:14px}.kd-endk{font-size:14px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#f18a80}.kd-endt{font-size:28px;font-weight:800;line-height:1.15;color:#006986;text-wrap:pretty}.kd-art{display:flex;gap:14px;align-items:center;background:#fbf8f2;border-radius:20px;padding:12px}.kd-art img{width:64px;height:90px;object-fit:cover;border-radius:12px;flex:none}.kd-art span{font-size:14.5px;font-weight:600;color:#5d7780}.kd-art a{font-size:15px;font-weight:800;color:#006986}.kd-btns{display:flex;gap:10px;flex-wrap:wrap}.kd-btn{min-height:46px;padding:0 22px;border:0;border-radius:999px;font-size:15.5px;font-weight:800;cursor:pointer;white-space:nowrap}.kd-btn--teal{background:#006986;color:#fff}.kd-btn--ghost{background:#fff;color:#006986;box-shadow:inset 0 0 0 2px #006986}.kd-cream .kd-bar{background:#fff;box-shadow:0 1px #0069861a;color:#006986}.kd-list{max-width:760px;margin:0 auto;padding:20px 16px 48px;display:flex;flex-direction:column;gap:12px}.kd-list p{margin:0 0 4px;font-size:15px;font-weight:600;color:#5d7780}.kd-row{display:flex;gap:14px;align-items:flex-start;background:#fff;border-radius:20px;padding:16px 18px;box-shadow:0 4px 16px #00698614}.kd-rdot{flex:none;width:10px;height:10px;border-radius:50%;margin-top:9px}.kd-rbody{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.kd-rdeck{font-size:12.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#5d7780}.kd-rtext{font-size:19px;font-weight:700;line-height:1.3;color:#12333c}.kd-row .kd-quiet{color:#5d7780}@media(prefers-reduced-motion:reduce){.kd-box{transition:none}}
/*# sourceMappingURL=/cdn/shop/files/scs-play-know-yourself-deck.css.map */