.cn-art{--pa-navy:#1a1a1a;--pa-navy-deep:#0a0a0a}.cn-art{font-family:var(--font-sans);color:var(--fg-on-dark);background:var(--pa-navy-deep);width:100%;position:relative;overflow:hidden}.cn-art *{box-sizing:border-box}.cn-art img{display:block;max-width:100%}.cn-art .cn-hero-photo{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1) brightness(.42) contrast(1.04) blur(3px);transform:scale(1.07)}.cn-art .cn-hero-photo-wash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.cn-art .cn-hero-photo-wash.purple{background:linear-gradient(105deg,#08080cf7,#08080cd1 46%,#8660ff66)}.cn-art .cn-hero-photo-wash.green{background:linear-gradient(105deg,#08080cf7,#08080ccc 46%,#b2dd4957)}.tb-art .tb-header,.csi-art .csi-hero,.plt-art .plt-hero{overflow:hidden}.tb-art .tb-header-inner,.csi-art .csi-hero-inner,.plt-art .plt-hero-inner{position:relative;z-index:2}.cn-nav{display:flex;align-items:center;justify-content:space-between;padding:22px 56px;position:relative;z-index:5;border-bottom:1px solid var(--border-on-dark)}.cn-nav .brand{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:800;font-size:20.9px;letter-spacing:-.02em;color:var(--pa-white)}.cn-nav .brand .play{width:0;height:0;border-left:14px solid var(--pa-lime);border-top:9px solid transparent;border-bottom:9px solid transparent;margin-right:2px;transform:translateY(1px)}.cn-nav .links{display:flex;gap:36px;font-size:13.3px;font-weight:500;color:var(--fg-on-dark-dim)}.cn-nav .links a{color:inherit;text-decoration:none}.cn-nav .links a.active{color:var(--pa-white)}.cn-nav .right{display:flex;gap:14px;align-items:center}.cn-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 22px;border-radius:var(--radius-pill);font-family:var(--font-sans);font-weight:600;font-size:15px;letter-spacing:.01em;cursor:pointer;border:0;text-decoration:none;line-height:1;transition:transform .12s var(--ease-out),background-color .12s var(--ease-out)}.cn-btn:hover{transform:translateY(-1px)}.cn-btn.primary{background:var(--pa-purple);color:var(--pa-white)}.cn-btn.lime{background:var(--pa-lime);color:var(--pa-navy-deep)}.cn-btn.ghost{background:transparent;color:var(--pa-white);border:1px solid rgba(255,255,255,.32)}.cn-btn.lg{padding:18px 28px;font-size:16px;font-weight:700}.cn-btn.sm{padding:10px 16px;font-size:13px}.cn-eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:11.4px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--pa-lavender)}.cn-eyebrow .tri{width:0;height:0;border-left:8px solid var(--pa-lime);border-top:5px solid transparent;border-bottom:5px solid transparent}.cn-eyebrow.lime{color:var(--pa-lime)}.cn-eyebrow.purple{color:var(--pa-purple)}.cn-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--radius-pill);font-size:12.35px;font-weight:500;background:#ffffff14;color:var(--pa-white);border:1px solid var(--border-on-dark);line-height:1}.cn-chip.lime{background:var(--pa-lime);color:var(--pa-navy-deep);border-color:transparent;font-weight:700}.cn-chip.purple{background:var(--pa-purple);color:var(--pa-white);border-color:transparent;font-weight:600}.cn-chip.lavender{background:var(--pa-lavender-soft);color:var(--pa-navy-deep);border-color:transparent;font-weight:600}.cn-chip.code{font-family:var(--font-mono, ui-monospace, "SF Mono", monospace);font-weight:700;letter-spacing:.1em;border:1.5px dashed var(--pa-lime);background:transparent;color:var(--pa-lime);padding:10px 16px}.cn-h1{font-family:var(--font-display);font-weight:800;letter-spacing:-.035em;line-height:.96;margin:0;text-wrap:balance}.cn-h2{font-family:var(--font-display);font-weight:700;letter-spacing:-.025em;line-height:1;margin:0;text-wrap:balance}.cn-stat-n{font-family:var(--font-display);font-weight:800;letter-spacing:-.035em;line-height:.9}.blog-art{background:var(--pa-navy-deep)}.blog-art .blog-hero{padding:76px 56px 64px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:56px;border-bottom:1px solid var(--border-on-dark)}.blog-art .blog-hero-inner{max-width:700px}.blog-art .blog-hero--solo{grid-template-columns:1fr}.blog-art .blog-hero--solo .blog-hero-inner{max-width:860px}.blog-art .blog-hero h1.cn-h1{font-size:clamp(40px,5.25vw,76px);margin:22px 0 24px}.blog-art .blog-hero h1.cn-h1 .lime{color:var(--pa-lime)}.blog-art .blog-hero-sub{font-size:19.95px;line-height:1.45;color:var(--fg-on-dark);max-width:700px;text-wrap:pretty}.blog-art .blog-hero-stats{display:flex;flex-wrap:wrap;gap:12px 28px;margin-top:28px}.blog-art .blog-hero-stat{font-size:14.25px;color:var(--fg-on-dark-dim);border-left:2px solid var(--pa-lime);padding-left:14px}.blog-art .blog-hero-stat strong{color:var(--pa-white);font-weight:700}.blog-art .blog-hero-visual{position:relative}.blog-art .blog-hero-store{border-radius:var(--radius-xl);overflow:hidden;border:1px solid rgba(255,255,255,.16);box-shadow:0 34px 80px #0009}.blog-art .blog-hero-store img{width:100%;display:block}.blog-art .blog-hero-widget{position:absolute;right:-26px;bottom:-30px;width:248px;height:168px;margin:0;border-radius:var(--radius-lg);overflow:hidden;border:1px solid rgba(255,255,255,.22);box-shadow:0 26px 56px #0000009e;transform:rotate(-3deg);background:var(--pa-white)}.blog-art .blog-hero-widget img{width:100%;height:100%;object-fit:cover;object-position:right center;display:block}.blog-art .blog-hero-cap{position:absolute;left:-14px;top:-16px;font-size:11.4px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--pa-lavender);background:#0a0a0ab3;padding:8px 14px;border-radius:var(--radius-pill);border:1px solid rgba(255,255,255,.16)}.blog-art .blog-filters{display:flex;align-items:center;gap:16px;padding:28px 56px;border-bottom:1px solid var(--border-on-dark)}.blog-art .blog-filter-label{font-size:12.35px;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-on-dark-faint);font-weight:700}.blog-art .blog-filter-pills{display:flex;gap:10px}.blog-art .blog-filter-pills .pill{border:1px solid var(--border-on-dark);background:transparent;color:var(--fg-on-dark-dim);font-family:var(--font-sans);font-size:13.3px;font-weight:500;padding:9px 18px;border-radius:var(--radius-pill);cursor:pointer;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.blog-art .blog-filter-pills .pill:hover{color:var(--pa-white);border-color:var(--fg-on-dark-faint)}.blog-art .blog-filter-pills .pill.active{background:var(--pa-lime);border-color:var(--pa-lime);color:var(--pa-navy-deep);font-weight:700}.blog-art .blog-search{margin-left:auto;font-size:13.3px;color:var(--fg-on-dark-faint);border:1px solid var(--border-on-dark);border-radius:var(--radius-pill);padding:9px 18px}.blog-art .blog-featured{padding:56px}.blog-art .blog-feature-card{display:grid;grid-template-columns:1.1fr 1fr;gap:0;border:1px solid var(--border-on-dark);border-radius:var(--radius-2xl);overflow:hidden}.blog-art .blog-feature-visual{position:relative;height:460px;display:flex;align-items:center;justify-content:center;padding:40px 44px;overflow:hidden;background:radial-gradient(60% 80% at 30% 20%,rgba(134,96,255,.4),transparent 60%),radial-gradient(50% 60% at 90% 90%,rgba(178,221,73,.18),transparent 60%),var(--pa-navy)}.blog-art .blog-feat-ph{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;background:repeating-linear-gradient(45deg,rgba(255,255,255,.045) 0 2px,transparent 2px 20px)}.blog-art .blog-feat-ph .ph-label{font-family:var(--font-display);font-weight:700;font-size:19px;color:var(--pa-lavender)}.blog-art .blog-feat-ph .ph-sub{font-size:12.35px;letter-spacing:.06em;text-transform:uppercase;color:#d5c9ff8c}.blog-art .blog-feat-badge{position:absolute;top:22px;left:22px;background:var(--pa-lime);color:var(--pa-navy-deep);font-size:11.4px;font-weight:800;letter-spacing:.08em;padding:7px 14px;border-radius:var(--radius-pill)}.blog-art .blog-feature-copy{padding:48px;display:flex;flex-direction:column;justify-content:center;background:var(--pa-navy)}.blog-art .blog-feature-copy h2{font-family:var(--font-display);font-weight:800;font-size:38px;line-height:1.08;letter-spacing:-.02em;color:var(--pa-white);margin:18px 0;text-wrap:balance}.blog-art .blog-feature-copy p{font-size:16.15px;line-height:1.6;color:var(--fg-on-dark-dim);margin:0 0 28px}.blog-art .blog-card-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.blog-art .blog-chip{font-size:10.45px;font-weight:800;letter-spacing:.1em;padding:5px 11px;border-radius:var(--radius-sm)}.blog-art .blog-chip.strategy{background:#8660ff33;color:var(--pa-lavender)}.blog-art .blog-chip.formats{background:#b2dd4929;color:var(--pa-lime)}.blog-art .blog-chip.psychology{background:#d5c9ff29;color:var(--pa-lavender)}.blog-art .blog-date{font-size:12.35px;color:var(--fg-on-dark-faint);letter-spacing:.02em}.blog-art .blog-read{font-size:12.35px;color:var(--fg-on-dark-faint)}.blog-art .blog-read:before{content:"\b7  "}.blog-art .blog-grid-section{padding:40px 56px 80px}.blog-art .blog-section-head{margin-bottom:40px}.blog-art .blog-section-head h2.cn-h2{font-size:45.6px;margin-top:14px}.blog-art .blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.blog-art .blog-grid[data-filter=strategy] .blog-card:not(.t-strategy),.blog-art .blog-grid[data-filter=formats] .blog-card:not(.t-formats),.blog-art .blog-grid[data-filter=psychology] .blog-card:not(.t-psychology){display:none}.blog-art .blog-card{border:1px solid var(--border-on-dark);border-radius:var(--radius-xl);overflow:hidden;display:flex;flex-direction:column;transition:transform var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out)}.blog-art .blog-card:hover{transform:translateY(-3px);border-color:#8660ff80}.blog-art .blog-card-visual{height:250px;display:flex;align-items:center;justify-content:center;padding:24px 30px 28px;background:linear-gradient(150deg,var(--pa-navy) 0%,var(--pa-navy-deep) 100%);overflow:hidden}.blog-art .blog-card-visual.has-bare{padding:6px 12px}.blog-art .blog-card.t-strategy .blog-card-visual{background:linear-gradient(150deg,#5a44c4,#1c1640)}.blog-art .blog-card.t-psychology .blog-card-visual{background:linear-gradient(150deg,#6f5fb6,#221b3c)}.blog-art .blog-card.t-formats .blog-card-visual{background:linear-gradient(150deg,#45611f,#14200a)}.blog-art .blog-frame{width:100%;height:100%;display:flex;flex-direction:column;background:#fff;border-radius:11px;overflow:hidden;box-shadow:0 16px 34px #0006;border:1px solid rgba(255,255,255,.12)}.blog-art .blog-frame-bar{flex:0 0 auto;height:26px;display:flex;align-items:center;gap:7px;padding:0 13px;background:#ececf0;border-bottom:1px solid rgba(0,0,0,.07)}.blog-art .blog-frame-bar span{width:9px;height:9px;border-radius:50%;background:#0003}.blog-art .blog-frame-screen{flex:1;min-height:0;background:#fff;overflow:hidden}.blog-art .blog-frame-img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}.blog-art .blog-frame.is-phone{width:auto;height:100%;aspect-ratio:9 / 19.5;background:#0a0a0a;border-radius:26px;padding:5px;border:1px solid rgba(255,255,255,.16);box-shadow:0 18px 38px #00000080;position:relative}.blog-art .blog-frame.is-phone .blog-frame-bar{display:none}.blog-art .blog-frame.is-phone:after{content:"";position:absolute;z-index:2;top:9px;left:50%;transform:translate(-50%);width:44px;height:12px;border-radius:7px;background:#0a0a0a}.blog-art .blog-frame.is-phone .blog-frame-screen{height:100%;border-radius:21px}.blog-art .blog-frame.is-bare{width:100%;height:100%;background:transparent;border:0;box-shadow:none;border-radius:0;aspect-ratio:auto}.blog-art .blog-frame.is-bare .blog-frame-bar{display:none}.blog-art .blog-frame.is-bare:after{display:none}.blog-art .blog-frame.is-bare .blog-frame-screen{height:100%;background:transparent;border-radius:0}.blog-art .blog-frame.is-bare .blog-frame-img{object-fit:contain;object-position:center;filter:drop-shadow(0 16px 30px rgba(0,0,0,.45))}.blog-art .blog-ph{height:100%;display:flex;align-items:center;justify-content:center}.blog-art .blog-ph span{font-family:var(--font-display);font-weight:800;font-size:13.3px;letter-spacing:.14em;color:#ffffffd9}.blog-art .blog-ph.a{background:linear-gradient(150deg,var(--pa-purple) 0%,var(--pa-navy-deep) 100%)}.blog-art .blog-ph.b{background:linear-gradient(150deg,#4a2870 0%,var(--pa-navy-deep) 100%)}.blog-art .blog-ph.c{background:linear-gradient(150deg,var(--pa-purple-dark) 0%,var(--pa-navy-deep) 100%)}.blog-art .blog-ph.d{background:linear-gradient(150deg,#2a3a14 0%,var(--pa-navy-deep) 100%)}.blog-art .blog-ph.d span{color:var(--pa-lime)}.blog-art .blog-ph.e{background:linear-gradient(150deg,#5e3fd9 0%,var(--pa-navy-deep) 100%)}.blog-art .blog-ph.f{background:linear-gradient(150deg,var(--pa-navy) 0%,var(--pa-navy-deep) 100%)}.blog-art .blog-card-body{padding:24px 24px 26px;display:flex;flex-direction:column;gap:12px;flex:1}.blog-art .blog-card-body h3{font-family:var(--font-display);font-weight:700;font-size:20.9px;line-height:1.18;letter-spacing:-.01em;color:var(--pa-white);margin:0;text-wrap:balance}.blog-art .blog-card-body p{font-size:14.25px;line-height:1.55;color:var(--fg-on-dark-dim);margin:0;flex:1}.blog-art .blog-card-cta{font-family:var(--font-display);font-weight:700;font-size:14.25px;color:var(--pa-lime);letter-spacing:.02em}.blog-art .blog-pager{display:flex;align-items:center;gap:10px;margin-top:48px}.blog-art .blog-pager .page{min-width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-on-dark);border-radius:var(--radius-md);font-size:14.25px;font-weight:600;color:var(--fg-on-dark-dim);padding:0 12px}.blog-art .blog-pager .page.active{background:var(--pa-purple);border-color:var(--pa-purple);color:var(--pa-white)}.blog-art .blog-pager .page.dots{border:none}.blog-art .blog-pager .page.next{color:var(--pa-lime)}.blog-art .blog-subscribe{background:var(--pa-lime);color:var(--pa-navy-deep);padding:88px 56px;text-align:center}.blog-art .blog-subscribe .cn-eyebrow{color:var(--pa-navy-deep);justify-content:center}.blog-art .blog-subscribe .cn-eyebrow .tri{border-left-color:var(--pa-purple)}.blog-art .blog-subscribe h2.cn-h2{color:var(--pa-navy-deep);font-size:57px;margin:16px 0 14px}.blog-art .blog-subscribe p{color:#20355ad1;font-size:18.05px;margin:0 auto 32px;max-width:560px}.blog-art .blog-sub-form{display:flex;gap:12px;max-width:520px;margin:0 auto}.blog-art .blog-sub-input{flex:1;border:2px solid var(--pa-navy-deep);background:var(--pa-white);border-radius:var(--radius-pill);padding:0 22px;font-family:var(--font-sans);font-size:15.2px;color:var(--pa-navy-deep)}.blog-art .blog-sub-input::placeholder{color:#20355a80}.blog-art .blog-subscribe .cn-btn.lime{background:var(--pa-navy-deep);color:var(--pa-white)}.cn-art h1,.cn-art h2{color:#fff!important}.blog-art .blog-subscribe h2.cn-h2{color:var(--pa-navy-deep)!important}@media(max-width:1024px){.blog-art .blog-hero{grid-template-columns:1fr;gap:40px}.blog-art .blog-feature-card{grid-template-columns:1fr}.blog-art .blog-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.blog-art{overflow-x:hidden}.blog-art .blog-hero{padding:48px 20px 40px;gap:32px}.blog-art .blog-hero h1.cn-h1{margin:16px 0 20px}.blog-art .blog-hero-sub{font-size:16.15px}.blog-art .blog-hero-widget{width:180px;height:124px;right:0;bottom:-16px}.blog-art .blog-hero-cap{left:0;top:-28px}.blog-art .blog-filters{flex-wrap:wrap;gap:12px;padding:20px}.blog-art .blog-filter-pills{flex-wrap:wrap}.blog-art .blog-search{margin-left:0}.blog-art .blog-featured{padding:40px 20px}.blog-art .blog-feature-visual{height:340px}.blog-art .blog-feature-copy{padding:28px 22px}.blog-art .blog-feature-copy h2{font-size:26.6px}.blog-art .blog-grid-section{padding:32px 20px 56px}.blog-art .blog-section-head h2.cn-h2{font-size:28.5px}.blog-art .blog-grid{grid-template-columns:1fr;gap:20px}.blog-art .blog-pager{flex-wrap:wrap}.blog-art .blog-subscribe{padding:56px 20px}.blog-art .blog-subscribe h2.cn-h2{font-size:32.3px}.blog-art .blog-subscribe p{font-size:16.15px}.blog-art .blog-sub-form{flex-direction:column}.blog-art .blog-sub-input{padding:14px 22px}.blog-art .blog-sub-form .cn-btn{width:100%;justify-content:center}}.blog-art .blog-sub-demo{margin:18px auto 0;font-size:15px;color:#20355ad1;text-align:center}.blog-art .blog-sub-demo a{color:var(--pa-navy-deep);font-weight:700}.blog-art .blog-hero-default .blog-viz{position:relative;width:100%;max-width:660px;aspect-ratio:33 / 32;margin-left:auto}.blog-art .blog-viz:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:28px;background:linear-gradient(150deg,#8660ff,#5e3fd9 75%)}.blog-art .blog-viz-photo{position:absolute;top:7%;right:7%;bottom:7%;left:7%;width:86%;height:86%;object-fit:cover;border-radius:20px;filter:grayscale(.5) brightness(.85);mix-blend-mode:luminosity;opacity:.9}.blog-art .blog-viz-chip{position:absolute;z-index:2;padding:9px 16px;border-radius:999px;font-size:12.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;background:#fff;color:#1a1330;box-shadow:0 12px 28px #00000061;animation:blogChipFloat 5.2s ease-in-out infinite}.blog-art .blog-viz-chip.lime{background:var(--pa-lime);color:#16210a}.blog-art .blog-viz-chip.b1{top:8%;left:-8%}.blog-art .blog-viz-chip.b2{top:44%;right:-10%;animation-delay:1.2s}.blog-art .blog-viz-chip.b3{bottom:10%;left:2%;animation-delay:2.4s}@keyframes blogChipFloat{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-9px) rotate(2deg)}}@media(max-width:920px){.blog-art .blog-hero-default{display:none}}.blog-art .cn-btn:not(.ghost){border:1px solid transparent}.blog-art .cn-btn{line-height:1}
/*# sourceMappingURL=/cdn/shop/t/7/assets/playably-blog.css.map */