#pxn-root{--fhead:Roboto,sans-serif;--fbody:"Instrument Sans",sans-serif;--flab:"Instrument Sans",sans-serif;--cream:#fff;--panel:#f9f9f9;--ink:#0c0c0f;--accent:#ffbea0;--btn:#0c0c0f;--btntext:#fff;--coral:#E8502A;--butter:#F5CC6A;--sage:#5E8B6A;--lav:#9B7FBF;--dim:rgba(12,12,15,.62);--faint:rgba(12,12,15,.38);--line:rgba(12,12,15,.15);--pad:16px;--chip:19px;--gutter:calc(3 * (var(--chip) + 4px) + 12px);--cell:min(58px, calc((100vw - 2 * var(--pad) - var(--gutter)) / 8))}#pxn-root{box-sizing:border-box}#pxn-root{margin:0;background:var(--cream);color:var(--ink);font-family:var(--fbody);-webkit-tap-highlight-color:transparent}#pxn-root .wrap{max-width:800px;margin:0 auto;padding:30px var(--pad) 50px}#pxn-root .eyebrow{font-family:var(--flab);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--faint);margin:0}#pxn-root h1{font-family:var(--fhead);font-size:clamp(29px,5vw,42px);line-height:1.05;letter-spacing:-.02em;margin:9px 0 0}#pxn-root .dek{font-size:16px;line-height:1.55;color:var(--dim);max-width:580px;margin:11px auto 0}#pxn-root .center{text-align:center}#pxn-root .tools{display:flex;gap:8px;justify-content:center;align-items:center;margin:20px 0 12px;flex-wrap:wrap}#pxn-root .tool{width:46px;min-height:44px;border:1px solid var(--line);background:#fff;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-family:var(--flab);font-size:15px;color:var(--faint);padding:3px 0}#pxn-root .tool .nm{font-family:var(--fbody);font-size:9.5px;letter-spacing:.02em;color:#7a736b;line-height:1}#pxn-root .tool.sel .nm{color:var(--ink)}#pxn-root .tool .sw{width:26px;height:17px;display:block}#pxn-root .tool.sel{box-shadow:inset 0 0 0 3px var(--ink);border-color:var(--ink)}#pxn-root .toollab{font-family:var(--flab);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);margin-right:2px}#pxn-root .topwin{display:none;margin:4px auto 8px;max-width:600px;background:#eff6ef;border:1px solid #C3D9C4;color:#2f5d3a;font-size:15px;line-height:1.35;font-weight:600;padding:9px 14px;text-align:center;white-space:nowrap;overflow:hidden}@media(max-width:899px){#pxn-root .topwin{display:block;visibility:hidden;border-color:transparent;background:transparent;box-sizing:border-box}#pxn-root .topwin:empty:before{content:"\a0"}#pxn-root .topwin.on{visibility:visible;border-color:#c3d9c4;background:#eff6ef;animation:pop .28s ease both}}#pxn-root .boardbox{display:flex;justify-content:center;padding:2px 0;position:relative}#pxn-root .pic{display:none;grid-gap:0;background:transparent}#pxn-root .pic.on{display:grid}#pxn-root .pic i{display:block;width:var(--cell);height:var(--cell);background:transparent;transform:scale(.2);opacity:0;animation:popin .42s cubic-bezier(.2,1.2,.4,1) forwards}#pxn-root .pic i.f1{background:var(--coral)}#pxn-root .pic i.f2{background:var(--butter)}#pxn-root .pic i.f3{background:var(--sage)}#pxn-root .pic i.f4{background:var(--lav)}@keyframes popin{to{transform:scale(1);opacity:1}}#pxn-root.solved .bar,#pxn-root.solved .howto,#pxn-root.solved .revealback,#pxn-root.solved .msg,#pxn-root.solved .teasetop{display:none}#pxn-root .reveal{display:none;text-align:center;margin:16px auto 0;max-width:520px}#pxn-root .reveal.on{display:block;animation:pop .4s ease-out}#pxn-root .reveal h3{font-family:var(--fhead);font-size:clamp(24px,5.4vw,32px);margin:0 0 4px;letter-spacing:-.01em}#pxn-root .reveal p{margin:0;font-size:15px;color:var(--muted);line-height:1.5}#pxn-root .revealback{margin-top:12px;background:none;border:none;font-size:13.5px;color:var(--muted);text-decoration:underline;text-underline-offset:3px;padding:4px}#pxn-root .revealback:hover{color:var(--ink);background:none}#pxn-root .spark{position:absolute;pointer-events:none;z-index:8;width:12px;height:12px;opacity:0;background:conic-gradient(from 0deg,transparent 0 42%,currentColor 47% 53%,transparent 58% 92%,currentColor 96% 100%);animation:sparkle 1.5s ease-out forwards}@keyframes sparkle{0%{opacity:0;transform:scale(.2) rotate(0)}30%{opacity:1;transform:scale(1.15) rotate(45deg)}to{opacity:0;transform:scale(.35) rotate(160deg) translateY(-16px)}}@media(prefers-reduced-motion:reduce){#pxn-root .spark{display:none}#pxn-root .pic i{animation-duration:.01s}}#pxn-root .board{transition:filter .3s ease,opacity .3s ease}#pxn-root.rest .board{filter:grayscale(1);opacity:.4;pointer-events:none}#pxn-root .veil{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;display:none;flex-direction:column;align-items:center;justify-content:center;gap:11px;z-index:6;text-align:center;padding:14px;background:radial-gradient(closest-side,#faf7f2f0,#faf7f29e)}#pxn-root.rest .veil{display:flex}#pxn-root .veil p{margin:0;font-size:15.5px;line-height:1.45;color:var(--ink);max-width:330px}#pxn-root .veil .go{background:var(--btn);border-color:var(--btn);color:var(--btntext);font-size:14px;padding:15px 26px;box-shadow:none}#pxn-root .veil .go:hover{background:#d2451f;border-color:#d2451f;color:#fff}#pxn-root.rest .bar{display:none}#pxn-root.rest .tools{opacity:.45;pointer-events:none}#pxn-root .board{display:inline-grid;-webkit-user-select:none;user-select:none}#pxn-root .cluecol{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:2px;padding-bottom:6px;min-width:var(--cell)}#pxn-root .cluerow{display:flex;justify-content:flex-end;align-items:center;gap:3px;padding-right:8px;height:var(--cell)}#pxn-root .k{font-family:var(--flab);font-weight:700;font-size:12px;color:#fff;width:var(--chip);height:var(--chip);display:flex;align-items:center;justify-content:center}#pxn-root .k.c1{background:var(--coral)}#pxn-root .k.c2{background:var(--butter);color:var(--ink)}#pxn-root .k.c3{background:var(--sage)}#pxn-root .k.c4{background:var(--lav)}#pxn-root .cell{touch-action:pan-y;width:var(--cell);height:var(--cell);border:1px solid rgba(26,20,16,.16);background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .1s,transform .14s;font-size:15px;color:var(--faint);font-family:var(--flab)}#pxn-root .cell.v1{background:var(--coral);border-color:var(--coral)}#pxn-root .cell.v2{background:var(--butter);border-color:var(--butter)}#pxn-root .cell.v3{background:var(--sage);border-color:var(--sage)}#pxn-root .cell.v4{background:var(--lav);border-color:var(--lav)}#pxn-root .cell.hint{box-shadow:inset 0 0 0 3px var(--ink);z-index:2}#pxn-root .cluecol.hi,#pxn-root .cluerow.hi{outline:2px solid var(--ink);outline-offset:1px}#pxn-root .bar{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-items:stretch;margin-top:18px}#pxn-root .navpair{display:none;gap:8px}#pxn-root .bar.teaching .navpair{display:flex}#pxn-root .bar.teaching #pxn-teach,#pxn-root .bar.teaching #pxn-check,#pxn-root .bar.teaching,#pxn-root .bar.teaching #pxn-reset{display:none}@media(max-width:640px){#pxn-root .bar{display:grid;grid-template-columns:1fr;gap:9px;margin-top:16px;padding:0 2px}#pxn-root .bar button{width:100%;min-height:48px;font-size:16px;padding:12px 14px}#pxn-root .navpair{grid-template-columns:1fr 1fr;gap:9px}#pxn-root .bar.teaching .navpair{display:grid}#pxn-root .bar #pxn-reset{order:9}#pxn-root .bar #pxn-check{order:1}#pxn-root .bar #pxn-teach{order:2}#pxn-root .bar .navpair{order:3}}#pxn-root button{touch-action:manipulation;font-family:var(--fhead);font-size:13px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:12px 18px;border:1px solid var(--ink);background:#fff;color:var(--ink);border-radius:0;cursor:pointer;transition:.15s}#pxn-root button:hover{background:var(--ink);color:var(--cream)}#pxn-root button.primary{background:var(--btn);border-color:var(--btn);color:var(--btntext)}#pxn-root button.primary:hover{background:#333;border-color:#333}#pxn-root button:disabled{opacity:.35;cursor:default}#pxn-root button:disabled:hover{background:#fff;color:var(--ink)}#pxn-root .msg{margin-top:14px;text-align:center;font-size:15px;line-height:1.5;min-height:22px;color:var(--dim)}#pxn-root .msg strong{color:var(--ink)}#pxn-root .msg.good{color:var(--sage)}#pxn-root .msg.bad{color:var(--coral)}#pxn-root .stepbox{margin:14px auto 0;max-width:600px;border-left:3px solid var(--coral);background:#fff;padding:13px 17px;display:none}#pxn-root .stepbox.on{display:block}#pxn-root .stepbox .num{display:block;font-family:var(--flab);font-size:10.5px;letter-spacing:.16em;color:var(--faint);margin-bottom:5px}#pxn-root .stephead{font-family:var(--fhead);font-weight:400;font-size:21px;line-height:1.15;margin:2px 0 3px;color:var(--ink)}#pxn-root .stepdo{font-family:var(--flab);font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--coral);margin:0 0 9px}#pxn-root .stepbox.done .stepdo{display:none}#pxn-root .stepbox.landing{animation:stepland 1.5s ease}@keyframes stepland{0%{box-shadow:0 0 #e8502a73}18%{box-shadow:0 0 0 7px #e8502a29}to{box-shadow:0 0 #e8502a00}}#pxn-root .stepbox p{margin:0;font-size:15.5px;line-height:1.5}#pxn-root .stepbox.key{border-left-width:6px;border-left-color:var(--butter);background:#fffcf4;box-shadow:0 1px #1a14100f}#pxn-root .keytag{display:inline-block;font-family:var(--flab);font-size:10px;letter-spacing:.16em;text-transform:uppercase;background:var(--butter);color:var(--ink);padding:3px 8px;margin-bottom:8px}#pxn-root .keynote{margin-top:10px;font-size:15px;line-height:1.5;color:var(--ink);font-weight:500}#pxn-root .demo{margin-top:12px;display:none}#pxn-root .demo.on{display:block}#pxn-root .demorow{display:flex;align-items:center;gap:9px;margin-bottom:5px}#pxn-root .demolab{font-family:var(--flab);font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:var(--faint);width:88px;text-align:right;flex:none}#pxn-root .mini{display:flex;gap:1px}#pxn-root .mini i{width:15px;height:15px;border:1px solid rgba(26,20,16,.16);background:#fff;display:block}#pxn-root .mini i.f{background:var(--coral);border-color:var(--coral)}#pxn-root .mini i.o{background:var(--butter);border-color:#e0b64c}#pxn-root .mini i.s{background:var(--sage);border-color:var(--sage)}#pxn-root .mini i.l{background:var(--lav);border-color:var(--lav)}#pxn-root .mini i.g{background:#fff;border-color:#1a141059;position:relative}#pxn-root .mini i.g:after{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;background:#1a14104d}#pxn-root .mini i.x{background:#fff;box-shadow:inset 0 0 0 1px #1a14100f}#pxn-root .demobtn{margin-top:9px;font-size:13px;padding:7px 12px}#pxn-root .cell.slide{background:var(--coral);border-color:var(--coral);opacity:.55}#pxn-root .cell.overlapflash{box-shadow:inset 0 0 0 3px var(--butter);z-index:3}#pxn-root ul{padding-left:18px;margin:0}#pxn-root .stage{margin-top:16px}#pxn-root .prog{display:flex;align-items:center;gap:10px;margin-bottom:9px}#pxn-root .progbar{flex:1;height:6px;background:#1a14101a;overflow:hidden}#pxn-root .progbar i{display:block;height:100%;width:0;background:var(--sage);transition:width .45s cubic-bezier(.4,1.3,.5,1)}#pxn-root .stepbox .num{margin:0;white-space:nowrap}#pxn-root .feedback{margin-top:10px!important;font-size:15px;font-weight:500;min-height:20px}#pxn-root .feedback.win{color:var(--sage)}#pxn-root .feedback.miss{color:var(--coral)}#pxn-root .feedback.nudge{color:#9a6a12}#pxn-root .tool.flag{animation:toolflag 1.05s ease-out 4}@keyframes toolflag{0%{box-shadow:inset 0 0 0 3px var(--ink),0 0 #e8502a8c}60%{box-shadow:inset 0 0 0 3px var(--ink),0 0 0 11px #e8502a00}to{box-shadow:inset 0 0 0 3px var(--ink),0 0 #e8502a00}}@media(prefers-reduced-motion:reduce){#pxn-root .tool.flag{animation:none;box-shadow:inset 0 0 0 3px var(--coral)}}#pxn-root .stepbox.done{border-left-color:var(--sage);background:#f6faf6}#pxn-root .cell{position:relative}#pxn-root .cell.arming{transform:scale(.86);transition:transform .12s ease}#pxn-root .board.drawing,#pxn-root .board.drawing .cell{touch-action:none}#pxn-root .cell.live:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border:2px solid var(--coral);border-radius:2px;pointer-events:none;animation:livepulse 1s ease-out infinite}#pxn-root .cell.live{transform:scale(1.06);transition:transform .1s ease;z-index:5}@keyframes livepulse{0%{top:-1px;right:-1px;bottom:-1px;left:-1px;opacity:.95}70%{top:-7px;right:-7px;bottom:-7px;left:-7px;opacity:0}to{top:-7px;right:-7px;bottom:-7px;left:-7px;opacity:0}}@media(prefers-reduced-motion:reduce){#pxn-root .cell.live:after{animation:none;opacity:.9;top:-3px;right:-3px;bottom:-3px;left:-3px}}#pxn-root .cell.bad{animation:shake .32s}@keyframes shake{25%{transform:translate(-3px)}75%{transform:translate(3px)}}#pxn-root .cell.win{animation:winpulse .5s}@keyframes winpulse{40%{transform:scale(1.14)}}#pxn-root .nextstep{display:none;margin-top:11px;background:var(--btn);border-color:var(--btn);color:var(--btntext);font-size:13px;padding:13px 22px}#pxn-root .nextstep:hover{background:#4c7457;border-color:#4c7457;color:#fff}#pxn-root .nextstep.on{display:inline-block}#pxn-root .steprow{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:14px}#pxn-root .toppuz{background:var(--ink);border:1px solid var(--ink);color:#fff;font-size:14.5px;padding:10px 16px;cursor:pointer;font-family:inherit}#pxn-root .toppuz:hover{background:#000;border-color:#000;color:#fff}#pxn-root .stepbox.done .toppuz,#pxn-root.solved .toppuz{display:none}@media(min-width:900px){#pxn-root .toppuz{display:none}}#pxn-root .stuck{display:block;margin:0;background:none;border:none;padding:4px 0;font-size:15px;font-weight:500;color:#2f6ba8;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1.5px;cursor:pointer}#pxn-root .stuck:hover{color:#1f4e7d;background:none;text-decoration-thickness:2px}#pxn-root .stepbox.done .stuck,#pxn-root.solved .stuck{display:none}@media(max-width:640px){#pxn-root .nextstep{width:100%;min-height:48px;font-size:16px}}#pxn-root .doneburst{text-align:center;font-family:var(--fhead);font-size:20px;margin-top:8px}#pxn-root .stagemain{min-width:0}#pxn-root .howto{display:none}@media(min-width:900px){#pxn-root{--chip:17px;--cell:min(42px, calc((700px - var(--gutter)) / 8))}#pxn-root .teasetop{display:none}#pxn-root .teaseside{display:flex;margin:0 0 12px;width:100%;text-align:left}#pxn-root .wrap{max-width:1120px}#pxn-root .stage{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:34px;align-items:start}#pxn-root .stageside{position:sticky;top:18px}#pxn-root .howto{display:block;border:1px solid var(--line);background:#fff;padding:15px 17px}#pxn-root.teaching .howto{display:none}#pxn-root.rest .howto{display:block}#pxn-root .howto h4{font-family:var(--flab);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--faint);margin:0 0 9px;font-weight:400}#pxn-root .howto ol{padding-left:16px;margin:0}#pxn-root .howto li{font-size:14px;line-height:1.45;color:var(--dim);margin-bottom:6px}#pxn-root .howto b{color:var(--ink)}#pxn-root .stageside .msg{text-align:left;margin-top:13px;font-size:14.5px}#pxn-root .stageside .stepbox{margin:12px 0 0;max-width:none;padding:12px 15px}#pxn-root .stageside .stepbox p{font-size:14.5px;line-height:1.45}#pxn-root .stageside .keynote{font-size:13.5px;margin-top:8px}#pxn-root .stageside .demo{margin-top:9px}#pxn-root .stageside .mini i{width:13px;height:13px}#pxn-root .stageside .demolab{width:74px;font-size:9px}#pxn-root .stageside .demobtn{margin-top:7px;font-size:12.5px;padding:6px 10px}#pxn-root .stageside .howto li{margin-bottom:5px}#pxn-root .stageside .reward{margin:12px 0 0;max-width:none;padding:18px 18px 16px}#pxn-root .stageside .reward h3{font-size:21px}#pxn-root .stageside .reward p{font-size:14.5px}#pxn-root .wrap{padding-top:14px}#pxn-root h1{font-size:34px}#pxn-root .dek{font-size:15.5px;max-width:940px;margin-top:10px}#pxn-root .center{padding-bottom:2px}#pxn-root .tools{margin:0 0 10px}#pxn-root .bar{margin-top:14px}#pxn-root .dyk{margin-top:22px}}#pxn-root .teaseside{display:none}#pxn-root .tease{display:block;max-width:560px;margin:16px auto 0;padding:14px 18px;text-align:center;background:linear-gradient(180deg,#f7da8b,#efc152);border:1px solid #D8A93A;box-shadow:0 1px #ffffff8c inset;color:#3a2a06}#pxn-root .tease b{display:block;font-family:var(--fhead);font-weight:800;font-size:17px;line-height:1.3;letter-spacing:-.01em}#pxn-root .tease i{display:block;font-style:normal;font-family:var(--flab);font-size:11px;letter-spacing:.13em;text-transform:uppercase;margin-top:5px;color:#3a2a06b8}@media(max-width:520px){#pxn-root .tease b{font-size:15.5px}}#pxn-root .reward{max-width:560px;margin:18px auto 0;background:var(--ink);color:var(--cream);padding:22px 24px 20px;display:none;text-align:center}#pxn-root .reward.on{display:block;animation:pop .35s ease-out}@keyframes pop{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}#pxn-root .reward h3{font-family:var(--fhead);font-size:26px;margin:0 0 6px;letter-spacing:-.01em}#pxn-root .reward .rewoff{margin:10px 0 0;color:var(--cream)}#pxn-root .reward p{margin:0;font-size:15.5px;line-height:1.5;color:#faf7f2b8}#pxn-root .codewrap{display:flex;gap:8px;justify-content:center;align-items:stretch;margin:15px 0 4px;flex-wrap:wrap}#pxn-root .code{font-family:var(--flab);font-weight:700;font-size:20px;letter-spacing:.16em;background:transparent;border:1px dashed rgba(250,247,242,.45);color:var(--butter);padding:11px 16px}#pxn-root .copy{background:transparent;border:1px solid rgba(250,247,242,.45);color:var(--cream);font-size:13.5px;padding:0 14px}#pxn-root .copy:hover{background:var(--cream);color:var(--ink)}#pxn-root .shopcta{display:inline-block;margin-top:13px;background:var(--btn);color:var(--btntext);text-decoration:none;font-family:var(--fhead);font-weight:700;letter-spacing:.05em;text-transform:uppercase;font-size:13px;padding:14px 24px;border:1px solid var(--btn)}#pxn-root .shopcta:hover{background:#c8401f;border-color:#c8401f}#pxn-root .reassure{margin:16px auto 4px;max-width:430px;text-align:left;border:1px solid rgba(250,247,242,.26);padding:13px 16px}#pxn-root .reassure b{display:block;font-family:var(--fhead);font-size:12px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:7px}#pxn-root .reassure ul{margin:0;padding-left:17px}#pxn-root .reassure li{font-size:14px;line-height:1.45;margin:0 0 5px;color:#faf7f2d9}#pxn-root .reassure li:last-child{margin-bottom:0}#pxn-root .fineprint{margin-top:11px;font-family:var(--flab);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:#faf7f26b}#pxn-root .dyk{margin-top:26px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 2px}#pxn-root .dyk h3{font-family:var(--flab);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--faint);margin:0 0 12px;font-weight:400}#pxn-root .dykgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}#pxn-root .dykgrid p{margin:0;font-size:14.5px;line-height:1.5;color:var(--dim)}#pxn-root .dykgrid b{color:var(--ink)}#pxn-root .dykgrid .src{display:block;margin-top:6px;font-family:var(--flab);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--faint)}@media(max-width:700px){#pxn-root .dykgrid{grid-template-columns:1fr;gap:14px}}#pxn-root .foot{margin-top:30px;text-align:center;color:var(--faint);font-family:var(--flab);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase}@media(max-width:820px){#pxn-root{--pad:10px;--chip:15px}#pxn-root .k{font-size:11px}#pxn-root .cluerow{gap:3px;padding-right:6px}#pxn-root .cell{font-size:13px}#pxn-root .wrap{padding-top:22px}#pxn-root h1{font-size:clamp(26px,7vw,34px)}#pxn-root .dek{font-size:15px}}@media(max-width:420px){#pxn-root{--pad:7px;--chip:13px}#pxn-root .k{font-size:10px}#pxn-root .cluecol{gap:1px;padding-bottom:4px}#pxn-root .cluerow{gap:2px;padding-right:4px}}#pxn-root .axnum{display:flex;align-items:center;justify-content:center;font-family:var(--flab);font-size:11px;color:var(--faint);letter-spacing:.02em}#pxn-root .axnum.col{min-width:var(--cell);padding-bottom:3px}#pxn-root .axnum.row{height:var(--cell);padding-right:5px;min-width:14px;justify-content:flex-end}#pxn-root .axnum.hi{color:var(--ink);font-weight:700}#pxn-root .tourback{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a141094;z-index:50;opacity:0;pointer-events:none;transition:opacity .25s ease}#pxn-root.tour .tourback{opacity:1;pointer-events:auto}#pxn-root.tour .veil{display:none!important}#pxn-root .tourspot{position:relative;z-index:60;background:var(--paper)}#pxn-root .dragdemo{position:relative;display:flex;gap:2px;margin:2px 0 11px;padding:6px 0}#pxn-root .dragdemo .dd{width:26px;height:26px;border:1px solid rgba(26,20,16,.2);background:#fff;display:block;border-radius:1px}#pxn-root .dragdemo .dd{animation:ddfill 4s infinite}#pxn-root .dragdemo .dd:nth-child(1){animation-delay:.5s}#pxn-root .dragdemo .dd:nth-child(2){animation-delay:1s}#pxn-root .dragdemo .dd:nth-child(3){animation-delay:1.5s}#pxn-root .dragdemo .dd:nth-child(4){animation-delay:2s}@keyframes ddfill{0%,10%{background:#fff}18%,92%{background:var(--coral);border-color:var(--coral)}to{background:#fff}}#pxn-root .dragdemo .ddring{position:absolute;left:-4px;top:2px;width:34px;height:34px;border:2px solid var(--coral);border-radius:3px;opacity:0;animation:ddring 4s infinite;pointer-events:none}@keyframes ddring{0%,8%{opacity:0;transform:translate(0)}14%{opacity:1;transform:translate(0)}46%{opacity:1;transform:translate(84px)}92%{opacity:1;transform:translate(84px)}to{opacity:0;transform:translate(84px)}}#pxn-root .dragdemo .ddfin{position:absolute;left:6px;top:16px;width:19px;height:19px;border-radius:50%;background:#1a14108c;box-shadow:0 0 0 6px #1a14101f;animation:ddfin 4s infinite}@keyframes ddfin{0%{transform:translateY(10px) scale(.8);opacity:0}8%{transform:translate(0) scale(1);opacity:1}14%{transform:translate(0) scale(.86);opacity:1}46%{transform:translate(84px) scale(.86);opacity:1}92%{transform:translate(84px) scale(.86);opacity:1}to{transform:translate(84px) scale(.8);opacity:0}}@media(prefers-reduced-motion:reduce){#pxn-root .dragdemo .dd,#pxn-root .dragdemo .ddring,#pxn-root .dragdemo .ddfin{animation:none}#pxn-root .dragdemo .dd{background:var(--coral);border-color:var(--coral)}#pxn-root .dragdemo .ddring,#pxn-root .dragdemo .ddfin{opacity:1}}#pxn-root .tourring{position:fixed;z-index:61;border:3px solid var(--coral);pointer-events:none;display:none;transition:all .2s ease}#pxn-root.tour .tourring{display:block}#pxn-root .tourcard{position:fixed;z-index:70;width:min(340px,calc(100vw - 24px));background:#fff;border:1px solid var(--line);padding:16px 18px 15px;box-shadow:0 20px 44px #1a14103d;display:none}#pxn-root.tour .tourcard{display:block;opacity:0;transition:opacity .18s ease}#pxn-root.tour .tourcard.on{opacity:1}#pxn-root .tourcard .tnum{font-family:var(--flab);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--faint)}#pxn-root .tourcard h4{font-family:var(--fhead);font-weight:400;font-size:19px;margin:5px 0 7px}#pxn-root .tourcard p{font-size:14.5px;line-height:1.5;margin:0 0 12px;color:var(--ink)}#pxn-root .tourcard .tnav{display:flex;align-items:center;justify-content:space-between;gap:10px}#pxn-root .tourcard .tnext{background:var(--btn);color:var(--btntext);border:0;padding:12px 20px;font-size:13px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;font-family:var(--fhead)}#pxn-root .tourcard .tskip{background:none;border:0;color:#7a736b;font-size:13.5px;text-decoration:underline;cursor:pointer;font-family:inherit;padding:4px}#pxn-root .lanes{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:4}#pxn-root .lane{position:absolute;border:2px solid var(--ink);box-shadow:0 0 0 2px #faf7f2b3;transition:opacity .2s}#pxn-root .lane.out{border:2px dashed rgba(26,20,16,.4);background:#1a14100d;box-shadow:none}#pxn-root .lanetag{position:absolute;left:100%;top:50%;transform:translateY(-50%);margin-left:8px;font-family:var(--flab);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);white-space:nowrap}@media(max-width:900px){#pxn-root .lanetag{display:none}}#pxn-root.solved .lanes,#pxn-root.tour .lanes{display:none}#pxn-root.tour .board,#pxn-root.tour .tools{pointer-events:none}#pxn-root h1,#pxn-root .ptitle,#pxn-root .tourcard h3,#pxn-root .stephead,#pxn-root #pxn-stephead,#pxn-root .rewtitle,#pxn-root .dyk h3{font-family:var(--fhead);font-weight:800;letter-spacing:-.015em}#pxn-root h1{font-weight:900}#pxn-root .eyebrow,#pxn-root .toollab,#pxn-root .axnum,#pxn-root .kicker{font-weight:600}#pxn-root .panel,#pxn-root .howto,#pxn-root .stepbox,#pxn-root .dyk{background:var(--panel)}#pxn-root .tool .nm{text-transform:none;font-size:10px;letter-spacing:0}#pxn-root .tool{text-transform:none}#pxn-root .reward .shopcta{background:#fff;color:#0c0c0f;border-color:#fff}#pxn-root .reward .shopcta:hover{background:#e6e6e6;border-color:#e6e6e6}#pxn-root .reward button{background:transparent;color:#fff;border-color:#ffffff8c}#pxn-root .reward button:hover{background:#ffffff26}#pxn-root{--fhead:var(--px-font-heading,"Instrument Sans",sans-serif);--fbody:var(--px-font-body,"Instrument Sans",sans-serif);--flab:var(--px-font-heading,"Instrument Sans",sans-serif);--fdisp:var(--px-font-display,Georgia,serif);--cream:#fff;--panel:var(--px-grey-50,#F5F5F5);--ink:var(--px-ink-900,#2C2A4A);--accent:var(--px-peach-300,#FFBEA0);--btn:var(--px-ink-900,#2C2A4A);--btntext:#fff;--paper:#fff;--dim:rgba(44,42,74,.72);--faint:rgba(44,42,74,.5);--line:var(--px-grey-200,#E6E3E0);font-size:16px;line-height:1.5;letter-spacing:0;color:var(--ink)}#pxn-root h1{font-family:var(--fdisp);font-weight:700;letter-spacing:-.01em}#pxn-root h2,#pxn-root h3,#pxn-root h4{letter-spacing:0}#pxn-root button,#pxn-root .shopcta,#pxn-root .tourcard .tnext{font-family:var(--fhead);font-weight:600;font-size:15px;letter-spacing:0;text-transform:none;border-radius:100px;min-height:44px}#pxn-root .cell,#pxn-root .tool{border-radius:0}#pxn-root .tool{border-radius:8px;text-transform:none}#pxn-root .stepbox{border-radius:0 12px 12px 0}#pxn-root .reward,#pxn-root .tease,#pxn-root .howto,#pxn-root .tourcard,#pxn-root .topwin{border-radius:12px}#pxn-root .reassure,#pxn-root .code{border-radius:8px}#pxn-root .veil .go:hover,#pxn-root .shopcta:hover{background:var(--px-ink-700,#3F3D61);border-color:var(--px-ink-700,#3F3D61)}#pxn-root .reward .shopcta{background:#fff;color:var(--ink);border-color:#fff}#pxn-root .reward .shopcta:hover{background:var(--px-grey-50,#F5F5F5);border-color:var(--px-grey-50,#F5F5F5)}#pxn-root a{text-decoration:none}#pxn-root :where(div:empty){display:block}#pxn-root :where(h1,h2,h3,h4,h5){color:inherit}#pxn-root .pxn-close{display:block;margin:22px auto 0;background:transparent;color:var(--ink);border:1px solid var(--ink);padding:10px 22px}.pxn-wrap{margin:0}.pxn-strip{font-family:var(--px-font-body,inherit);color:var(--px-ink-900,#2C2A4A);background:var(--px-cream-100,#FAF7F0);border:0;border-radius:var(--px-radius-md,12px);padding:20px 22px;display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin:0}.pxn-strip .pxn-copy{flex:1 1 300px;min-width:260px}.pxn-strip h3{font-family:var(--px-font-heading,inherit);font-weight:700;letter-spacing:0;font-size:20px;line-height:1.25;margin:0 0 6px;color:var(--px-ink-900,#2C2A4A)}.pxn-strip p{margin:0;font-size:15.5px;line-height:1.5;color:var(--px-ink-500,#6A6884)}.pxn-strip .pxn-reward{display:inline-flex;align-items:center;gap:8px;margin-top:12px;background:var(--px-peach-300,#FFBEA0);border-radius:100px;padding:6px 14px;font-size:14px;color:var(--px-ink-900,#2C2A4A);line-height:1.3}.pxn-strip .pxn-reward b{font-family:var(--px-font-heading,inherit);font-size:11px;letter-spacing:.06em;text-transform:uppercase;font-weight:700;white-space:nowrap}.pxn-strip button{background:var(--px-ink-900,#2C2A4A);color:#fff;border:0;font-family:var(--px-font-heading,inherit);font-weight:600;font-size:16px;letter-spacing:0;text-transform:none;border-radius:100px;min-height:48px;padding:12px 28px;cursor:pointer;white-space:nowrap;touch-action:manipulation}.pxn-strip button:hover{background:var(--px-ink-700,#3F3D61)}.pxn-mini{flex:0 0 auto;display:grid;grid-template-columns:repeat(8,1fr);gap:2px;width:136px;padding:7px;background:#fff;border:1px solid var(--px-grey-200,#E6E3E0);border-radius:8px}.pxn-mini i{display:block;aspect-ratio:1;background:#fff;border:1px solid rgba(44,42,74,.12);position:relative;transition:background .18s ease,border-color .18s ease,transform .18s ease}.pxn-mini i.on{transform:scale(1.001)}.pxn-mini i.c1{background:#e8502a;border-color:#e8502a}.pxn-mini i.c2{background:#f5cc6a;border-color:#f5cc6a}.pxn-mini i.c3{background:#5e8b6a;border-color:#5e8b6a}.pxn-mini i.c4{background:#9b7fbf;border-color:#9b7fbf}.pxn-mini i.cx:after{content:"";position:absolute;top:34%;right:34%;bottom:34%;left:34%;border-left:1.5px solid rgba(44,42,74,.34);transform:rotate(45deg)}@media(prefers-reduced-motion:reduce){.pxn-mini i{transition:none}}@media(max-width:640px){.pxn-strip{flex-direction:column;align-items:stretch;text-align:center;gap:14px;padding:20px 16px}.pxn-strip .pxn-mini{align-self:center;width:150px}.pxn-strip .pxn-reward{align-self:center}.pxn-strip .pxn-copy{flex:0 0 auto;min-width:0}.pxn-strip button{width:100%}}#pxn-root{display:none;background:#fff;padding:8px 0 26px;margin:0}#pxn-root.open{display:block;animation:pxnopen .45s ease-out}@keyframes pxnopen{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}#pxn-root .foot,#pxn-root .eyebrow{display:none}#pxn-root h1{font-size:clamp(26px,3.4vw,34px);margin-top:4px}#pxn-root .dek{font-size:15.5px}.px-nono-sec{padding:8px 0 40px}.px-nono-sec__in{max-width:var(--page-width,1200px);margin:0 auto;padding:0 16px}@media(min-width:750px){.px-nono-sec__in{padding:0 5rem}}.px-coll__nono{margin:0 0 24px}html.pxn-busy .px-sticky{display:none!important}
/*# sourceMappingURL=/cdn/shop/t/25/assets/px-nono.css.map */
