.play-demo{--play-demo-ink:#25251f;--play-demo-muted:#776d61;--play-demo-burgundy:#9b2531;--play-demo-cream:#fff8ef;--play-demo-amber:#e9b966;color:var(--play-demo-ink);grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);align-items:center;gap:clamp(42px,7vw,108px);display:grid}.play-demo *{box-sizing:border-box}.play-demo-label{color:var(--play-demo-burgundy);letter-spacing:1.6px;align-items:center;gap:8px;font-size:10px;font-weight:750;display:flex}.play-demo-label>span{background:currentColor;border-radius:50%;width:6px;height:6px}.play-demo-heading{letter-spacing:-1.4px;margin:18px 0;font-size:clamp(28px,3vw,40px);font-weight:600;line-height:1.2}.play-demo-intro{max-width:470px;color:var(--play-demo-muted);margin:0;font-size:15px;line-height:1.85}.play-demo-steps{flex-direction:column;gap:0;margin:35px 0 24px;padding:0;list-style:none;display:flex}.play-demo-step{gap:17px;min-width:0;padding:0 0 24px;display:flex;position:relative}.play-demo-step:not(:last-child):before{content:"";background:#e0d9ce;width:1px;position:absolute;top:44px;bottom:5px;left:21px}.play-demo-step:last-child{padding-bottom:0}.play-demo-step-icon{color:#938573;background:#fffcf6;border:1px solid #dfd5c8;border-radius:50%;flex:none;place-items:center;width:43px;height:43px;transition:background .2s,color .2s;display:grid}.play-demo-step-kicker{color:#827566;letter-spacing:.8px;text-transform:uppercase;margin:1px 0 6px;font-size:10px;font-weight:600;display:block}.play-demo-step h4{letter-spacing:-.3px;margin:0;font-size:17px;font-weight:650;line-height:1.4}.play-demo-step p{max-width:420px;color:var(--play-demo-muted);margin:8px 0 0;font-size:13px;line-height:1.8}.play-demo-step-active .play-demo-step-icon{color:#fff8ef;border-color:var(--play-demo-burgundy);background:var(--play-demo-burgundy);box-shadow:0 0 0 5px #9b25310d}.play-demo-step-active .play-demo-step-kicker{color:var(--play-demo-burgundy)}.play-demo-step-done .play-demo-step-icon{color:#526044;background:#edf0e4;border-color:#b9c1a4}.play-demo-business-note{border-top:1px solid #ded7ca;align-items:flex-start;gap:14px;padding-top:22px;display:flex}.play-demo-business-note>svg{color:var(--play-demo-burgundy);flex:none;margin-top:3px}.play-demo-business-note p{color:var(--play-demo-muted);margin:0;font-size:12px;line-height:1.8}.play-demo-business-note strong{color:#554b3e;font-weight:650}.play-demo-stage{background:#eee7db;border-radius:160px 160px 20px 20px;flex-direction:column;align-items:center;min-width:0;padding:26px 20px 20px;display:flex;position:relative}.play-demo-scene-tag{flex-direction:column;align-items:center;gap:6px;margin-bottom:22px;display:flex}.play-demo-scene-tag span{letter-spacing:1.8px;color:#72624f;font-size:10px}.play-demo-scene-tag strong{letter-spacing:2px;color:#6a4e35;font-size:11px;font-weight:700}.play-demo-phone{background:#211f1b;border:2px solid #47413b;border-radius:40px;width:350px;max-width:100%;padding:0 5px 7px;position:relative;overflow:hidden;box-shadow:0 26px 40px -23px #48372180,inset 0 1px 1px 1px #ffffff60}.play-demo-phone-top{height:30px;position:relative}.play-demo-phone-top i{background:#080807;border-radius:20px;width:70px;height:18px;position:absolute;top:7px;left:calc(50% - 35px)}.play-demo-app-header{color:var(--play-demo-burgundy);background:var(--play-demo-cream);border-radius:3px 3px 0 0;justify-content:space-between;align-items:center;padding:20px 19px 17px;display:flex}.play-demo-brand{align-items:center;gap:9px;display:flex}.play-demo-brand>span{letter-spacing:1px;flex-direction:column;font-family:Georgia,Times New Roman,serif;font-size:29px;font-weight:700;line-height:1;display:flex}.play-demo-brand small{letter-spacing:.6px;margin-top:5px;font-family:Arial,sans-serif;font-size:8px;font-weight:600}.play-demo-app-tag{letter-spacing:1px;border:1px solid #b88a79;border-radius:3px;padding:4px 6px;font-size:10px;font-weight:750}.play-demo-screen{background:var(--play-demo-cream);min-height:450px;padding:12px 19px 18px}.play-demo-screen-eyebrow{color:#80633f;letter-spacing:1.3px;margin:0 0 8px;font-size:10px;font-weight:750;display:block}.play-demo-screen-title{color:#543824;letter-spacing:-.7px;margin:0;font-family:Georgia,Times New Roman,serif;font-size:25px;font-weight:500;line-height:1.25}.play-demo-screen-title:focus{outline:none}.play-demo-screen-description{color:#75604d;margin:9px 0 0;font-size:12px;line-height:1.7}.play-demo-game-progress{color:#76614d;justify-content:space-between;align-items:center;gap:10px;margin:17px 0 12px;font-size:12px;display:flex}.play-demo-game-progress>span{flex:none}.play-demo-game-progress strong{color:var(--play-demo-burgundy);font-size:14px}.play-demo-game-progress>div{flex:1;gap:4px;max-width:120px;display:flex}.play-demo-game-progress i{background:#e2d5c3;border-radius:2px;width:100%;height:4px}.play-demo-game-progress i.play-demo-progress-filled{background:#987c43}.play-demo-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.play-demo-card{aspect-ratio:.84;color:#f6e2bf;background:var(--play-demo-burgundy);cursor:pointer;border:1px solid #8b2630;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;padding:9px 3px;transition:background .18s,transform .18s,box-shadow .18s;display:flex;position:relative;box-shadow:0 3px #6b1b24}.play-demo-card:after{pointer-events:none;content:"";border:1px solid #f5dec333;border-radius:5px;position:absolute;inset:4px}.play-demo-card:not([aria-disabled=true]):hover{background:#af303c;transform:translateY(-2px);box-shadow:0 5px #6b1b24}.play-demo-card:not([aria-disabled=true]):active{transform:translateY(1px);box-shadow:0 1px #6b1b24}.play-demo-card[aria-disabled=true]{cursor:default}.play-demo-card-brand{letter-spacing:1px;margin-top:3px;font-family:Georgia,Times New Roman,serif;font-size:17px;font-weight:650;line-height:1.4}.play-demo-card-revealed{color:#74472c;background:#f4e4c8;border-color:#d6b885;box-shadow:0 3px #d1b98e}.play-demo-card-revealed:after{border-color:#bd975545}.play-demo-card-name{margin-top:8px;font-size:12px;font-weight:650}.play-demo-card-matched{color:#5e6943;background:#ebeedc;border-color:#c2c7aa;box-shadow:0 3px #bbc29b}.play-demo-card-matched:after{border-color:#aeb88955}.play-demo-card-check{color:#fff;background:#66764d;border-radius:50%;padding:1px;position:absolute;top:6px;right:6px}.play-demo-game-action{justify-content:center;align-items:center;min-height:54px;margin-top:9px;display:flex}.play-demo-game-action>p{color:#785e3f;align-items:center;gap:6px;margin:0;font-size:12px;display:flex}.play-demo-primary{border:1px solid var(--play-demo-burgundy);background:var(--play-demo-burgundy);color:#fff8ef;cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:44px;padding:12px 9px;font-family:inherit;font-size:12px;font-weight:650;line-height:1.4;transition:background .2s;display:inline-flex}.play-demo-primary:hover{background:#7f1e29}.play-demo button:focus-visible{outline-offset:4px;outline:3px solid #c78221}.play-demo-app-footer{color:#aa9985;background:var(--play-demo-cream);border-top:1px solid #eadfce;border-radius:0 0 26px 26px;justify-content:space-between;align-items:center;gap:7px;padding:12px 15px 16px;display:flex}.play-demo-app-footer>span{text-align:center;flex-direction:column;align-items:center;gap:5px;min-width:0;font-size:12px;display:flex}.play-demo-app-footer>.play-demo-nav-active{color:var(--play-demo-burgundy)}.play-demo-phone-bottom{background:#766e62;border-radius:2px;width:88px;height:3px;margin:8px auto 0}.play-demo-reset{color:#695643;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:7px;min-height:44px;margin-top:15px;padding:8px 10px;font-size:12px;font-weight:650;display:inline-flex}.play-demo-reset:hover{color:var(--play-demo-burgundy)}.play-demo-disclaimer{color:#796e5f;text-align:center;margin:0;font-size:10px;line-height:1.7}.play-demo-reward-content{text-align:center;flex-direction:column;align-items:center;display:flex}.play-demo-reward-content>.play-demo-primary{margin-top:16px}.play-demo-medal{color:#9d6a22;background:#f4e4b8;border:1px solid #d8b36a;border-radius:50%;outline:5px solid #f4e6c9;flex-direction:column;justify-content:center;align-items:center;width:134px;height:134px;margin:9px 0 20px;display:flex}.play-demo-medal span{letter-spacing:2.4px;margin-top:4px;font-size:10px;font-weight:750}.play-demo-achievement-details{border-block:1px solid #e7d9c6;width:100%;margin:19px 0 0;padding:14px 10px}.play-demo-achievement-details>span{color:#80633f;letter-spacing:1px;font-size:10px;font-weight:700;display:block}.play-demo-achievement-details>strong{color:#6e5439;margin:7px 0;font-size:12px;font-weight:650;display:block}.play-demo-achievement-details>small{color:#80694f;font-size:10px}.play-demo-voucher{color:#ffe8c3;background:var(--play-demo-burgundy);border:1px solid #9b2531;border-radius:10px;flex-direction:column;align-items:center;width:100%;margin:20px 0 0;padding:20px 16px 14px;display:flex;position:relative}.play-demo-voucher>span{letter-spacing:2.4px;margin-top:9px;font-size:10px;font-weight:600}.play-demo-voucher>strong{letter-spacing:-3px;margin-top:1px;font-family:Georgia,Times New Roman,serif;font-size:67px;font-weight:400;line-height:1.15}.play-demo-voucher>strong small{letter-spacing:-1px;margin-left:3px;font-size:29px}.play-demo-voucher>p{margin:2px 0 16px;font-size:12px}.play-demo-voucher-rule{border-top:1px dashed #e7b99188;width:calc(100% + 32px);margin-bottom:12px;position:relative}.play-demo-voucher-rule:before,.play-demo-voucher-rule:after{background:var(--play-demo-cream);content:"";border-radius:50%;width:13px;height:13px;position:absolute;top:-7px}.play-demo-voucher-rule:before{left:-7px}.play-demo-voucher-rule:after{right:-7px}.play-demo-voucher>small{color:#f6d7bc;letter-spacing:.5px;font-size:10px;line-height:1.6}.play-demo-conditions{color:#75604b;text-align:left;align-self:flex-start;margin:14px 0 0;padding-left:13px;font-size:12px;line-height:1.7}.play-demo-store-icon{color:#9b6a3b;background:#f1e1c7;border-radius:27px;place-items:center;width:96px;height:96px;margin:19px 0 22px;display:grid}.play-demo-store-complete{color:#68734e;background:#e5e8d6}.play-demo-redemption{background:#fcf1df;border:1px solid #e3d1b9;border-radius:9px;width:100%;margin-top:23px;padding:15px 12px}.play-demo-redemption>div{color:#8e6032;justify-content:center;align-items:center;gap:7px;display:flex}.play-demo-redemption strong{font-size:12px;font-weight:650}.play-demo-redemption>span{color:#806a4f;letter-spacing:1px;margin-top:21px;font-size:10px;display:block}.play-demo-redemption code{color:#65482c;letter-spacing:1px;margin:7px 0 0;font-size:14px;font-weight:600;display:block}.play-demo-redemption>p{color:#78613f;border-top:1px dashed #d8c4a8;justify-content:center;align-items:center;gap:5px;margin:17px 0 0;padding-top:12px;font-size:12px;display:flex}.play-demo-redemption-complete{background:#f0f1e5;border-color:#c6cdb0}.play-demo-redemption-complete>p{color:#65734c;border-color:#c6cdb0}.play-demo-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:1050px){.play-demo{grid-template-columns:minmax(0,1fr) minmax(330px,.9fr);gap:40px}.play-demo-stage{padding-inline:12px}.play-demo-step p{font-size:12px}}@media (max-width:760px){.play-demo{grid-template-columns:minmax(0,1fr);gap:30px}.play-demo-heading{font-size:31px}.play-demo-intro{max-width:560px;font-size:14px}.play-demo-stage{border-radius:150px 150px 18px 18px;justify-self:center;width:min(100%,440px);padding:24px 20px 22px}.play-demo-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 20px;margin:28px 0;display:grid}.play-demo-step{gap:10px;padding:0}.play-demo-step:not(:last-child):before{display:none}.play-demo-step-icon{width:31px;height:31px}.play-demo-step-icon svg{width:17px;height:17px}.play-demo-step-kicker{letter-spacing:.3px;margin-top:0;font-size:10px;line-height:1.5}.play-demo-step h4{font-size:14px;line-height:1.55}.play-demo-step p{display:none}.play-demo-business-note p{font-size:12px}}@media (max-width:380px){.play-demo-stage{padding-inline:10px}.play-demo-screen,.play-demo-app-header{padding-inline:12px}.play-demo-app-footer{gap:5px;padding-inline:9px}.play-demo-steps{column-gap:12px}.play-demo-step{gap:8px}.play-demo-step-icon{width:26px;height:26px}.play-demo-step h4{font-size:12px}}@media (prefers-reduced-motion:reduce){.play-demo *,.play-demo :before,.play-demo :after{transition:none!important;animation:none!important}}