@property --left{syntax:"<number>";inherits:true;initial-value:1}.pz-duel-demo{justify-self:center;width:min(100%,380px)}.pz-duel-frame{aspect-ratio:360/760;isolation:isolate;border-radius:48px;width:100%;position:relative;overflow:hidden;box-shadow:0 0 0 8px #0e1024,0 28px 60px #0000004d}.pz-duel-hint{color:#fffc;text-align:center;margin-top:22px;font-size:.875rem;line-height:1.4}.pz-duel{--me1:#3b3fd9;--me2:#6f7bff;--me-edge:#2a2ba0;--op1:#ff4d5e;--op2:#ff8a3d;--op-edge:#c9303f;--acc:#ffd23f;--acc-edge:#c99a0a;--tile-top:#fff;--tile:#fff7e8;--tile-edge:#e6d2ae;--tile-ink:#1e1b4b;--tile-pts:#6b6790;--ink:#1e1b4b;--h2:#0b7a6e;--h3:#0a66b8;--k2:#c8214f;--k3:#7d35db;--p-shield:#0b7a6e;--p-dizzy:#7d35db;--p-double:#b45309;--p-scope:#0a66b8;--p-shuffle:#1976a6;--surface:#fff;--on-surface:#1e1b4b;--text-3:#6b6790;--me-text:#3b3fd9;--op-text:#c92438;--op-deep:#c92438;--me-deep:#3b3fd9;--tray-hi:#2b2878;--tray-lo:#1c1a56;--win-bg:radial-gradient(120% 70% at 50% 22%, var(--me2), var(--me1) 72%);--lose-bg:radial-gradient(120% 70% at 50% 22%, var(--op1), var(--op-edge) 72%);--duel-display:"Baloo 2", "Baloo Bhaijaan 2", sans-serif;--duel-text:Nunito, "Baloo Bhaijaan 2", sans-serif;transform-origin:0 0;isolation:isolate;background:radial-gradient(120% 60% at 50% 100%, var(--me2) 0%, var(--me1) 70%);width:360px;height:760px;font-family:var(--duel-text);color:#fff;-webkit-user-select:none;user-select:none;text-align:left;line-height:normal;position:absolute;top:0;left:0;overflow:hidden}:root[data-theme=dark] .pz-duel{--me1:#3236b4;--me2:#5661de;--me-edge:#1f207c;--op1:#e03a4e;--op2:#e6702f;--op-edge:#9e2535;--acc:#ffce3a;--surface:#24235e;--on-surface:#eef0ff;--text-3:#a9a6d6;--me-text:#aab2ff;--op-text:#ff8e9a;--op-deep:#c22a3e;--tray-hi:#1a1947;--tray-lo:#0d0d2a;--tile-top:#3e3d8c;--tile:#2b2a6c;--tile-edge:#15144a;--tile-ink:#fff1d6;--tile-pts:#bdbaf0}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .pz-duel{--me1:#3236b4;--me2:#5661de;--me-edge:#1f207c;--op1:#e03a4e;--op2:#e6702f;--op-edge:#9e2535;--acc:#ffce3a;--surface:#24235e;--on-surface:#eef0ff;--text-3:#a9a6d6;--me-text:#aab2ff;--op-text:#ff8e9a;--op-deep:#c22a3e;--tray-hi:#1a1947;--tray-lo:#0d0d2a;--tile-top:#3e3d8c;--tile:#2b2a6c;--tile-edge:#15144a;--tile-ink:#fff1d6;--tile-pts:#bdbaf0}}.pz-duel.outcome-lose{--win-bg:var(--lose-bg)}.pz-duel *,.pz-duel :before,.pz-duel :after{box-sizing:border-box}.pz-duel p{margin:0}.pz-duel button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0;margin:0;padding:0}.pz-duel :focus-visible{outline-offset:2px;border-radius:12px;outline:3px solid #fff}.pz-duel svg{max-width:none;display:inline-block}.pz-duel canvas{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.pz-duel canvas.fx{z-index:7}.pz-duel .dots{opacity:.12;pointer-events:none;z-index:2;background-image:radial-gradient(#fff 1.2px,#0000 1.4px);background-size:18px 18px;position:absolute;inset:0}.pz-duel .zero{--dash:#ffffffe6;--glow:#ffffff73;z-index:4;pointer-events:none;height:0;position:absolute;top:0;left:0;right:0}.pz-duel .zero[data-lead=me]{--dash:#d5d9ff;--glow:#6f7bfff2}.pz-duel .zero[data-lead=op]{--dash:#ffd3cc;--glow:#ff4d5ef2}.pz-duel .zero:before{content:"";background:repeating-linear-gradient(90deg, var(--dash) 0 24px, transparent 24px 44px);height:3px;filter:drop-shadow(0 0 5px var(--glow)) drop-shadow(0 2px 0 #0c0a2838);border-radius:2px;animation:1.4s linear infinite pzd-zeroMarch;position:absolute;top:-1.5px;left:0;right:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}@keyframes pzd-zeroMarch{to{background-position-x:44px}}.pz-duel .tray{z-index:3;background:linear-gradient(180deg, var(--tray-hi) 0%, var(--tray-lo) 100%);border-radius:30px 30px 0 0;position:absolute;inset:304px 0 0;box-shadow:0 -2px #ffffff24,0 -14px 30px #0a082859}.pz-duel .hud{z-index:8;align-items:center;gap:8px;display:flex;position:absolute;top:38px;left:16px;right:16px}.pz-duel .av{width:38px;height:38px;font:800 18px/1 var(--duel-display);color:#fff;border-radius:50%;flex:none;place-items:center;padding-top:2px;display:grid;box-shadow:0 0 0 3px #ffffffd9,inset 0 -3px #0000002e}.pz-duel .who b{font:900 14px/1.1 var(--duel-text);display:block}.pz-duel .who small{font:700 11.5px/1 var(--duel-text);opacity:.9}.pz-duel .hpv{display:flex}.pz-duel .hpv b{font:800 17px/1 var(--duel-display);font-variant-numeric:tabular-nums;padding-top:2px}.pz-duel .hpv.hit{animation:.42s pzd-hpHit}.pz-duel .hpv.gain{animation:.42s cubic-bezier(.34,1.8,.5,1) pzd-hpGain}.pz-duel .hpv.low b{animation:.7s infinite pzd-tick}@keyframes pzd-hpHit{15%{filter:brightness(1.4);transform:translate(-5px)scale(1.08)}35%{transform:translate(5px)}55%{transform:translate(-3px)}to{transform:none}}@keyframes pzd-hpGain{40%{transform:scale(1.22)}}@keyframes pzd-tick{0%,to{transform:scale(1)}10%{transform:scale(1.12)}}.pz-duel .drop{flex:none;width:20px;height:20px;position:relative}.pz-duel .drop svg{width:20px;height:20px;position:absolute;inset:0}.pz-duel .drop .dbg{color:var(--drop-bg)}.pz-duel .drop .lvl{color:currentColor;clip-path:inset(var(--empty,50%) 0 0 0);transition:clip-path .42s cubic-bezier(.22,1,.36,1)}.pz-duel .hpA.op{--drop-bg:#ffe0dc}.pz-duel .hpA.me{--drop-bg:#dfe3ff}.pz-duel .hpv.hit .drop{transform-origin:50% 90%;animation:.46s pzd-dropHit}@keyframes pzd-dropHit{20%{transform:scale(1.25,.8)}45%{transform:scale(.85,1.2)}70%{transform:scale(1.06,.95)}to{transform:none}}.pz-duel .hpA{background:var(--surface);color:var(--on-surface);border-radius:99px;align-items:center;gap:4px;padding:5px 9px 4px 7px;box-shadow:0 3px #0000002e}.pz-duel .hpA.op{color:var(--op-text)}.pz-duel .hpA.me{z-index:6;color:var(--me-text);position:absolute;top:286px;left:16px}.pz-duel .hpA.me em{font:900 12px/1 var(--duel-text);color:var(--on-surface);margin-right:2px;font-style:normal}.pz-duel .clock{font:800 20px/1 var(--duel-display);backdrop-filter:blur(6px);font-variant-numeric:tabular-nums;text-align:center;background:#ffffff38;border-radius:13px;min-width:62px;margin-left:auto;padding:8px 12px 6px;transition:opacity .2s,transform .2s;box-shadow:inset 0 0 0 1px #ffffff59}.pz-duel.final .clock{opacity:0;transform:scale(.6)}.pz-duel .big-clock{z-index:5;pointer-events:none;opacity:0;height:304px;font:800 108px/1 var(--duel-display);color:#fff;-webkit-text-stroke:3.5px #1e1b4b80;paint-order:stroke;text-shadow:0 6px #1e1b4b59;font-variant-numeric:tabular-nums;place-items:center;padding-top:2px;display:grid;position:absolute;top:0;left:0;right:0}.pz-duel.final .big-clock{opacity:.95;transition:opacity .16s}.pz-duel.final.popping .big-clock{opacity:.16}.pz-duel.last5 .big-clock{color:var(--acc);font-size:138px}.pz-duel .big-clock.beat{animation:.9s cubic-bezier(.22,1,.36,1) pzd-bigBeat}@keyframes pzd-bigBeat{0%{transform:scale(1.35)}25%{transform:scale(.96)}45%{transform:scale(1)}}.pz-duel .slam{z-index:12;text-align:center;opacity:0;pointer-events:none;position:absolute;top:92px;left:0;right:0}.pz-duel .slam span{font:800 30px/1 var(--duel-display);background:var(--surface);color:var(--op-text);border-radius:16px;padding:10px 18px 7px;display:inline-block;transform:rotate(-3deg);box-shadow:0 6px #0003}.pz-duel .slam.show{animation:1.4s cubic-bezier(.22,1,.36,1) both pzd-slam}@keyframes pzd-slam{0%{opacity:0;transform:scale(2.6)}14%{opacity:1;transform:scale(.92)}22%{transform:scale(1.04)}30%{transform:scale(1)}80%{opacity:1}to{opacity:0;transform:translateY(-20px)}}.pz-duel .board{z-index:4;touch-action:none;grid-template-columns:repeat(4,1fr);gap:clamp(6px,3cqi,10px);width:calc(100% - 32px);margin:0 auto;display:grid;position:absolute;bottom:112px;left:0;right:0;container-type:inline-size}.pz-duel .trail{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.pz-duel .trail polyline{fill:none;stroke:#fff;stroke-width:13px;stroke-linecap:round;stroke-linejoin:round;opacity:.9;filter:drop-shadow(0 0 6px var(--me2))}.pz-duel .trail.foe polyline{stroke:#ffe3d6;filter:drop-shadow(0 0 6px var(--op2))}.pz-duel .trail.scope polyline{stroke:var(--acc);stroke-dasharray:2 16;opacity:1;filter:drop-shadow(0 0 8px var(--acc));animation:.6s linear infinite pzd-march}@keyframes pzd-march{to{stroke-dashoffset:-18px}}.pz-duel .t{--edge:var(--tile-edge);z-index:1;aspect-ratio:1;isolation:isolate;background:linear-gradient(180deg, var(--tile-top) 0%, var(--tile) 55%);color:var(--tile-ink);font:800 36px/1 var(--duel-display);box-shadow:0 6px 0 var(--edge), 0 12px 18px #0a082838;border-radius:clamp(10px,5.2cqi,17px);place-items:center;padding-top:4px;font-size:clamp(20px,10.8cqi,36px);transition:transform .17s cubic-bezier(.34,1.6,.5,1),background .12s,color .12s,box-shadow .17s;display:grid;position:relative;overflow:hidden}.pz-duel .t.mt{--edge:color-mix(in srgb, var(--mc) 45%, var(--tile-edge))}.pz-duel .t .L{z-index:3;transition:filter .2s,opacity .2s;position:relative}.pz-duel .t .p{z-index:3;font:900 11px/1 var(--duel-text);color:var(--tile-pts);font-size:clamp(8px,3.4cqi,11px);transition:color .14s;position:absolute;bottom:clamp(2px,1.5cqi,5px);right:clamp(3px,2.1cqi,7px)}.pz-duel .t .tab{z-index:3;background:var(--mc);color:#fff;font:800 13px/1 var(--duel-display);border-radius:0 0 clamp(7px,3.6cqi,12px);padding:clamp(2px,1.5cqi,5px) clamp(4px,2.4cqi,8px) clamp(2px,1.2cqi,4px) clamp(3px,2.1cqi,7px);font-size:clamp(9px,4cqi,13px);transition:background .14s,color .14s;position:absolute;top:0;left:0;box-shadow:inset 0 -2px #0000002e}.pz-duel .t .fill{z-index:2;border-radius:inherit;opacity:0;background:linear-gradient(180deg, var(--me2), var(--me1));position:absolute;inset:0}.pz-duel .t.on,.pz-duel .t.foe{color:#fff;transform:translateY(4px)}.pz-duel .t.on{box-shadow:0 2px 0 var(--me-edge), 0 0 0 2.5px #fff, 0 0 16px #6f7bffa6}.pz-duel .t.foe{box-shadow:0 2px 0 var(--op-edge), 0 0 0 2.5px #fff, 0 0 16px var(--op2)}.pz-duel .t.foe .fill{background:linear-gradient(180deg, var(--op2), var(--op1))}.pz-duel .t.on .fill,.pz-duel .t.foe .fill{opacity:1;animation:.3s cubic-bezier(.22,1,.36,1) both pzd-ink}@keyframes pzd-ink{0%{clip-path:circle(0% at var(--x,50%) var(--y,50%))}to{clip-path:circle(150% at var(--x,50%) var(--y,50%))}}.pz-duel .t.on .p,.pz-duel .t.foe .p{color:#fff;opacity:.85}.pz-duel .t.on .tab,.pz-duel .t.foe .tab{color:var(--mc);background:#fff}.pz-duel .t.flash{background:#fff;transition-duration:60ms;transform:scale(.94);box-shadow:0 0 34px 6px #fff}.pz-duel .t.bad{color:#b4262c;background:#ffe0e1;animation:.32s pzd-bad}.pz-duel .t.taken{background:linear-gradient(#ffd9cf,#ffc0b5);animation:.32s pzd-bad}@keyframes pzd-bad{20%{transform:translate(-5px)rotate(-3deg)}40%{transform:translate(5px)rotate(3deg)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}.pz-duel .t.scope{box-shadow:0 6px 0 var(--acc-edge), 0 0 0 3px var(--acc), 0 0 26px var(--acc);animation:.7s ease-in-out infinite pzd-scopeP}@keyframes pzd-scopeP{50%{transform:translateY(-3px)}}.pz-duel .board.x2{filter:drop-shadow(0 0 12px #ffd23fbf)}.pz-duel .preview{text-align:center;z-index:6;pointer-events:none;position:absolute;bottom:462px;left:0;right:0}.pz-duel .preview span{font:800 24px/1 var(--duel-display);letter-spacing:.08em;background:var(--surface);color:var(--me-text);opacity:0;border-radius:15px;min-width:40px;padding:9px 15px 6px;transition:transform .18s cubic-bezier(.34,1.8,.5,1),opacity .14s;display:inline-block;transform:scale(.6);box-shadow:0 4px #00000026}.pz-duel .preview small{font:900 13px/1 var(--duel-text);color:var(--ink);opacity:.6;letter-spacing:0;margin-left:6px}.pz-duel .preview.show span{opacity:1;transform:none}.pz-duel .preview.bad span{color:#b4262c;background:#ffe0e1}.pz-duel .preview.taken span{color:var(--op-text)}.pz-duel .preview.x2 span{background:var(--acc);color:var(--ink)}.pz-duel .combo{z-index:6;background:var(--acc);color:var(--ink);font:800 15px/1 var(--duel-display);box-shadow:0 3px 0 var(--acc-edge);border-radius:99px;align-items:center;gap:6px;padding:7px 10px 5px 8px;display:none;position:absolute;bottom:462px;right:16px}.pz-duel .combo em{font-style:normal}.pz-duel .combo.show{display:inline-flex}.pz-duel .combo .ring{background:conic-gradient(var(--ink) calc(var(--left) * 360deg), #1e1b4b2e 0);border-radius:50%;width:18px;height:18px}.pz-duel .combo.bump{animation:.38s cubic-bezier(.34,1.8,.5,1) pzd-cbump}@keyframes pzd-cbump{0%{transform:scale(1)}40%{transform:scale(1.4)rotate(-8deg)}to{transform:scale(1)}}.pz-duel .praise{text-align:center;z-index:9;pointer-events:none;opacity:0;position:absolute;top:268px;left:0;right:0}.pz-duel .praise span{font:800 42px/1 var(--duel-display);color:var(--acc);-webkit-text-stroke:2px var(--me-edge);paint-order:stroke;text-shadow:0 5px 0 var(--me-edge), 0 0 30px #ffd23f99;display:inline-block}.pz-duel .praise small{font:900 15px/1.3 var(--duel-text);text-shadow:0 1px 3px #0006;margin-top:4px;display:block}.pz-duel .praise.show{animation:1.2s cubic-bezier(.22,1,.36,1) both pzd-praise}@keyframes pzd-praise{0%{opacity:0;transform:scale(.2)rotate(-12deg)}20%{opacity:1;transform:scale(1.2)rotate(4deg)}32%{transform:scale(1)rotate(-2deg)}75%{opacity:1;transform:scale(1)}to{opacity:0;transform:translateY(-40px)scale(.9)}}.pz-duel .pop{text-align:center;z-index:7;opacity:0;pointer-events:none;position:absolute;left:0;right:0}.pz-duel .pop b{font:800 50px/1 var(--duel-display);paint-order:stroke;display:block}.pz-duel .pop small{font:900 12.5px/1.4 var(--duel-text);text-shadow:0 1px 3px #00000073}.pz-duel .pop.mine b{color:var(--acc);-webkit-text-stroke:2px var(--me-edge);text-shadow:0 4px 0 var(--me-edge)}.pz-duel .pop.theirs b{color:#fff;-webkit-text-stroke:2px var(--op-edge);text-shadow:0 4px 0 var(--op-edge)}.pz-duel .pop.show{animation:1.3s cubic-bezier(.22,1,.36,1) both pzd-pop}@keyframes pzd-pop{0%{opacity:0;transform:translateY(18px)scale(.3)}18%{opacity:1;transform:translateY(0)scale(1.25)rotate(-4deg)}30%{transform:scale(1)rotate(0)}75%{opacity:1}to{opacity:0;transform:translateY(-34px)}}.pz-duel .foe-word{text-align:center;z-index:9;pointer-events:none;position:absolute;top:122px;left:0;right:0}.pz-duel .foe-word span{font:800 20px/1 var(--duel-display);letter-spacing:.08em;background:var(--surface);color:var(--op-text);opacity:0;border-radius:14px;align-items:center;gap:8px;padding:7px 12px 5px 7px;transition:transform .22s cubic-bezier(.34,1.8,.5,1),opacity .16s;display:inline-flex;transform:translateY(-12px)scale(.7);box-shadow:0 4px #00000026}.pz-duel .foe-word em{font-style:normal}.pz-duel .foe-word i{background:var(--op-deep);color:#fff;width:24px;height:24px;font:800 13px/24px var(--duel-display);letter-spacing:0;text-align:center;border-radius:50%;font-style:normal}.pz-duel .foe-word.show span{opacity:1;transform:none}.pz-duel .banner{z-index:12;background:var(--surface);color:var(--on-surface);white-space:nowrap;font:800 15px/1.1 var(--duel-display);opacity:0;pointer-events:none;border-radius:16px;align-items:center;gap:10px;padding:8px 14px 8px 8px;display:flex;position:absolute;top:150px;left:50%;transform:translate(-50%);box-shadow:0 10px 24px #00000040}.pz-duel .banner .ico{background:var(--c);color:#fff;border-radius:11px;place-items:center;width:36px;height:36px;display:grid}.pz-duel .banner .ico svg{width:22px;height:22px}.pz-duel .banner.show{animation:1.8s cubic-bezier(.22,1,.36,1) both pzd-banner}@keyframes pzd-banner{0%{opacity:0;transform:translate(-50%,-30px)scale(.7)}15%{opacity:1;transform:translate(-50%)scale(1.05)}22%{transform:translate(-50%)scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-16px)}}.pz-duel .bar{z-index:8;align-items:center;gap:10px;height:78px;display:flex;position:absolute;bottom:18px;left:16px;right:16px}.pz-duel .bar .av{width:44px;height:44px}.pz-duel .pbtn{color:#fff;background:linear-gradient(180deg, color-mix(in srgb, var(--c) 72%, #fff) 0%, var(--c) 60%);height:74px;box-shadow:0 5px 0 color-mix(in srgb, var(--c) 60%, #000), inset 0 1.5px 0 #ffffff80;border-radius:18px;flex:1;align-content:center;place-items:center;gap:4px;transition:transform 90ms,box-shadow 90ms;display:grid;position:relative}.pz-duel .pbtn:active{transform:translateY(5px);box-shadow:0 0 #0000,inset 0 1.5px #ffffff80}.pz-duel .pbtn .gi{filter:drop-shadow(0 2px #0000002e);width:30px;height:30px}.pz-duel .pbtn .nm{font:800 13px/1 var(--duel-display);text-shadow:0 1px #0003}.pz-duel .pbtn[data-id=double] .nm{text-shadow:none}.pz-duel .pbtn.live{box-shadow:0 5px 0 color-mix(in srgb, var(--c) 60%, #000), 0 0 24px var(--c), inset 0 1.5px 0 #ffffff80;animation:.8s ease-in-out infinite pzd-live}.pz-duel .pbtn .sweep,.pz-duel .pbtn .sec{pointer-events:none;border-radius:18px;display:none;position:absolute;inset:0}.pz-duel .pbtn .sweep{background:conic-gradient(#0e0c3080 calc((1 - var(--left,1)) * 360deg), transparent 0)}.pz-duel .pbtn .sec{font:800 38px/1 var(--duel-display);text-shadow:0 3px #00000040;place-items:center;padding-top:4px}.pz-duel .pbtn.timed .sweep{display:block}.pz-duel .pbtn.timed .sec{display:grid}.pz-duel .pbtn.timed .gi,.pz-duel .pbtn.timed .nm{opacity:.35}@keyframes pzd-live{50%{transform:translateY(-3px)}}.pz-duel .pbtn.spending{animation:.46s cubic-bezier(.34,1.3,.5,1) both pzd-spend}@keyframes pzd-spend{0%{transform:none}30%{filter:brightness(1.5);transform:translateY(-10px)scale(1.12)}55%{transform:translateY(-4px)rotateY(90deg)scale(1.05)}to{transform:none}}.pz-duel .pbtn.spent{cursor:default;background:#ffffff0f;box-shadow:inset 0 0 0 1.5px #ffffff29}.pz-duel .pbtn.spent .gi{opacity:.22;filter:none}.pz-duel .pbtn.spent .nm{opacity:.38;text-shadow:none}.pz-duel .pbtn .used{background:var(--c);color:#fff;width:24px;height:24px;box-shadow:0 0 0 3px var(--tray-lo);border-radius:50%;place-items:center;display:none;position:absolute;top:-7px;right:-7px}.pz-duel .pbtn .used .gi{filter:none;opacity:1;width:14px;height:14px}.pz-duel .pbtn .qty{z-index:2;color:#fff;min-width:26px;height:22px;font:800 12px/1 var(--duel-display);box-shadow:0 0 0 2px var(--c);background:#1e1b4b;border-radius:11px;place-items:center;padding:0 6px;display:grid;position:absolute;top:-7px;right:-7px}.pz-duel .pbtn.spent .qty{display:none}.pz-duel .pbtn.spent .used{animation:.36s cubic-bezier(.34,1.8,.5,1) .12s both pzd-chk;display:grid}@keyframes pzd-chk{0%{transform:scale(0)rotate(-90deg)}}.pz-duel .pbtn.fire{animation:.42s cubic-bezier(.34,1.8,.5,1) pzd-fire}@keyframes pzd-fire{0%{transform:scale(1)}35%{transform:scale(1.18)translateY(-10px)}to{transform:scale(1)}}.pz-duel .end-flash{z-index:25;opacity:0;pointer-events:none;background:#fff;position:absolute;inset:0}.pz-duel .end-flash.show{animation:.46s ease-out both pzd-endFlash}@keyframes pzd-endFlash{0%{opacity:.95}to{opacity:0}}.pz-duel.end-shake{animation:.42s pzd-endShake}@keyframes pzd-endShake{10%{translate:-6px 3px;rotate:-1deg}25%{translate:6px -3px;rotate:1deg}40%{translate:-4px 2px;rotate:0deg}60%{translate:3px -1px}80%{translate:-1px 1px}}.pz-duel .ko-slam{z-index:26;text-align:center;opacity:0;pointer-events:none;font:800 118px/1 var(--duel-display);color:var(--acc);-webkit-text-stroke:4px var(--me-edge);paint-order:stroke;text-shadow:0 9px 0 var(--me-edge);position:absolute;top:250px;left:0;right:0}.pz-duel .ko-slam.small{font-size:58px;top:290px}.pz-duel .ko-slam.lose{color:#fff;-webkit-text-stroke-color:var(--op-edge);text-shadow:0 9px 0 var(--op-edge)}.pz-duel .ko-slam.show{animation:1.1s cubic-bezier(.22,1,.36,1) both pzd-koSlam}@keyframes pzd-koSlam{0%{opacity:0;transform:scale(3)rotate(-8deg)}18%{opacity:1;transform:scale(.9)rotate(3deg)}30%{transform:scale(1.05)rotate(-2deg)}42%{transform:scale(1)rotate(0)}80%{opacity:1}to{opacity:0;transform:scale(1.3)}}.pz-duel .end-flood{z-index:27;pointer-events:none;opacity:0;clip-path:circle(0% at 50% 20%);background:var(--win-bg);position:absolute;inset:0}.pz-duel .end-flood.show{opacity:1;animation:.65s cubic-bezier(.4,0,.2,1) forwards pzd-flood}@keyframes pzd-flood{to{clip-path:circle(150% at 50% 40%)}}.pz-duel .end-card{z-index:28;text-align:center;font:700 16px/1.5 var(--duel-text);place-content:center;gap:16px;padding:32px;display:grid;position:absolute;inset:0}.pz-duel .end-card[hidden]{display:none}.pz-duel .end-title{font:800 48px/1 var(--duel-display);color:var(--acc);-webkit-text-stroke:2px var(--me-edge);paint-order:stroke;text-shadow:0 5px 0 var(--me-edge);animation:.52s cubic-bezier(.34,1.8,.5,1) both pzd-chk}.pz-duel.outcome-lose .end-title{color:#fff;-webkit-text-stroke-color:var(--op-edge);text-shadow:0 5px 0 var(--op-edge)}.pz-duel .end-actions{gap:12px;margin-top:8px;display:grid}@media (prefers-reduced-motion:reduce){.pz-duel .zero:before,.pz-duel .trail.scope polyline,.pz-duel .t.scope,.pz-duel .pbtn.live{animation:none}}.tour[data-astro-cid-gs4m5cvm]{padding-block:clamp(64px,9vw,120px);overflow:hidden}.tour-grid[data-astro-cid-gs4m5cvm]{grid-template-columns:minmax(0,32rem) minmax(0,1fr);align-items:center;gap:clamp(32px,6vw,88px);display:grid}.tour-side[data-astro-cid-gs4m5cvm]{gap:28px;display:grid}.tour-tabs[data-astro-cid-gs4m5cvm]{grid-template-columns:1fr 1fr;gap:10px;display:grid}.tour-tab[data-astro-cid-gs4m5cvm]{cursor:pointer;text-align:start;color:#fff;min-height:64px;font:800 1.0625rem/1.1 var(--display);transition:background .2s var(--standard), color .2s, box-shadow .2s, transform .2s var(--spring);background:#ffffff1f;border:0;border-radius:18px;align-items:center;gap:12px;padding:10px 14px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1.5px #fff3}.tour-tab[data-astro-cid-gs4m5cvm]:hover{background:#fff3;transform:translateY(-2px)}.tour-tab[data-astro-cid-gs4m5cvm]:focus-visible{outline-color:#fff}.tab-icon[data-astro-cid-gs4m5cvm]{background:linear-gradient(color-mix(in srgb, var(--c) 70%, white), var(--c) 65%);width:40px;height:40px;box-shadow:0 3px 0 color-mix(in srgb, var(--c) 60%, black);border-radius:12px;flex:none;place-items:center;display:grid}.tab-icon[data-astro-cid-gs4m5cvm] svg[data-astro-cid-gs4m5cvm]{color:#fff;filter:drop-shadow(0 1px #0003);width:24px;height:24px}.tour-tab[data-astro-cid-gs4m5cvm][aria-selected=true]{background:var(--surface);color:var(--text);box-shadow:0 5px 0 color-mix(in srgb, var(--c) 55%, black), 0 0 0 2.5px var(--c);transform:translateY(-2px)}.tab-progress[data-astro-cid-gs4m5cvm]{inset-inline:0;background:var(--c);transform-origin:0;height:4px;position:absolute;bottom:0;transform:scaleX(0)}[dir=rtl] .tab-progress[data-astro-cid-gs4m5cvm]{transform-origin:100%}.tour[data-astro-cid-gs4m5cvm][data-auto=on] .tour-tab[data-astro-cid-gs4m5cvm][aria-selected=true] .tab-progress[data-astro-cid-gs4m5cvm]{animation:progress var(--auto) linear forwards}@keyframes progress{to{transform:scaleX(1)}}.tour-panel[data-astro-cid-gs4m5cvm]{min-height:8.5em;animation:panel-in .38s var(--standard)}.tour-panel[data-astro-cid-gs4m5cvm] h3[data-astro-cid-gs4m5cvm]{font-size:clamp(1.6rem,1.2rem + 1.2vw,2.25rem)}.tour-panel[data-astro-cid-gs4m5cvm] p[data-astro-cid-gs4m5cvm]{color:#ffffffe0;max-width:34em;margin-top:10px}@keyframes panel-in{0%{opacity:0;transform:translateY(8px)}}.tour-stage[data-astro-cid-gs4m5cvm]{place-items:center;padding:32px;display:grid;position:relative}.glow[data-astro-cid-gs4m5cvm]{aspect-ratio:1;background:radial-gradient(circle, color-mix(in srgb, var(--c) 85%, white) 0%, transparent 68%);opacity:.75;width:min(460px,100%);transition:background .6s var(--standard);border-radius:50%;position:absolute}.tour-phone[data-astro-cid-gs4m5cvm]{z-index:1;aspect-ratio:1080/2280;background:#0d0c2b;border:9px solid #0d0c2b;border-radius:42px;width:min(300px,64vw);position:relative;overflow:hidden;rotate:-3deg;box-shadow:0 0 0 2px #ffffff2e,0 40px 80px #08062080}.tour-screen[data-astro-cid-gs4m5cvm]{opacity:0;transition:opacity .38s var(--standard), transform .52s var(--spring);position:absolute;inset:0;transform:translateY(24px)scale(.97)}.tour-screen[data-astro-cid-gs4m5cvm][data-active]{opacity:1;transform:none}.tour-screen[data-astro-cid-gs4m5cvm] img{object-fit:cover;width:100%;height:100%}@media (width<=900px){.tour-grid[data-astro-cid-gs4m5cvm]{grid-template-columns:1fr}.tour-stage[data-astro-cid-gs4m5cvm]{order:-1;padding:16px}.tour-panel[data-astro-cid-gs4m5cvm]{min-height:0}}@media (width<=420px){.tour-tab[data-astro-cid-gs4m5cvm]{gap:8px;min-height:56px;padding:8px 10px;font-size:.9375rem}.tab-icon[data-astro-cid-gs4m5cvm]{width:34px;height:34px}.tab-icon[data-astro-cid-gs4m5cvm] svg[data-astro-cid-gs4m5cvm]{width:20px;height:20px}}.hero[data-astro-cid-ergxyi7h]{padding-block:clamp(40px,7vw,96px) clamp(56px,8vw,112px);overflow:hidden}.hero-grid[data-astro-cid-ergxyi7h]{grid-template-columns:minmax(0,1.1fr) minmax(0,420px);align-items:center;gap:clamp(40px,6vw,88px);display:grid}.hero-copy[data-astro-cid-ergxyi7h]{justify-items:start;gap:24px;display:grid}.hero-copy[data-astro-cid-ergxyi7h] h1[data-astro-cid-ergxyi7h]{max-width:10ch}.hero-free[data-astro-cid-ergxyi7h]{color:#ffffffbf;margin-top:-8px;font-size:.9375rem}@media (width<=900px){.hero-grid[data-astro-cid-ergxyi7h]{grid-template-columns:1fr}.hero-copy[data-astro-cid-ergxyi7h] h1[data-astro-cid-ergxyi7h]{max-width:14ch}.hero[data-astro-cid-ergxyi7h] .duel{margin-inline:auto}}.steps[data-astro-cid-ergxyi7h]{grid-template-columns:repeat(3,1fr);gap:clamp(24px,4vw,48px);margin:0;padding:0;list-style:none;display:grid}.steps[data-astro-cid-ergxyi7h] li[data-astro-cid-ergxyi7h]{align-content:start;gap:12px;display:grid}.steps[data-astro-cid-ergxyi7h] p[data-astro-cid-ergxyi7h]{color:var(--text-2)}.step-tile[data-astro-cid-ergxyi7h]{width:64px;margin-bottom:8px;font-size:2rem}.steps[data-astro-cid-ergxyi7h] li[data-astro-cid-ergxyi7h]:nth-child(2) .step-tile[data-astro-cid-ergxyi7h]{transform:rotate(4deg)}.steps[data-astro-cid-ergxyi7h] li[data-astro-cid-ergxyi7h]:nth-child(3) .step-tile[data-astro-cid-ergxyi7h]{transform:rotate(-5deg)}.more[data-astro-cid-ergxyi7h]{margin-top:40px;font-weight:900}@media (width<=760px){.steps[data-astro-cid-ergxyi7h]{grid-template-columns:1fr}}.cards-section[data-astro-cid-ergxyi7h]{background:var(--surface);border-block:1.5px solid var(--line)}.power-cards[data-astro-cid-ergxyi7h]{grid-template-columns:repeat(5,1fr);gap:16px;margin:0;padding:0;list-style:none;display:grid}.power[data-astro-cid-ergxyi7h]{color:#fff;background:linear-gradient(color-mix(in srgb, var(--c) 72%, white), var(--c) 60%);box-shadow:0 6px 0 var(--e);border-radius:22px;align-content:start;gap:8px;padding:20px 18px 18px;display:grid}.power[data-astro-cid-ergxyi7h] svg[data-astro-cid-ergxyi7h]{width:44px;height:44px;margin-bottom:4px}.power[data-astro-cid-ergxyi7h] h3[data-astro-cid-ergxyi7h]{font-size:1.375rem}.power[data-astro-cid-ergxyi7h] p[data-astro-cid-ergxyi7h]{color:#ffffffeb;font-size:.9375rem;line-height:1.45}.power-level[data-astro-cid-ergxyi7h]{font:800 .8125rem/1 var(--display);background:#0c0a324d;border-radius:999px;justify-self:start;margin-top:6px;padding:5px 10px 3px}@media (width<=1000px){.power-cards[data-astro-cid-ergxyi7h]{grid-template-columns:repeat(3,1fr)}}@media (width<=640px){.power-cards[data-astro-cid-ergxyi7h]{grid-template-columns:1fr 1fr}}@media (width<=400px){.power-cards[data-astro-cid-ergxyi7h]{grid-template-columns:1fr}}.ladder[data-astro-cid-ergxyi7h]{grid-template-columns:repeat(6,1fr);align-items:end;gap:12px;margin:0;padding:0;list-style:none;display:grid}.ladder[data-astro-cid-ergxyi7h] li[data-astro-cid-ergxyi7h]{text-align:center;background:var(--surface);border:1.5px solid var(--line);box-shadow:0 5px 0 var(--edge);min-height:calc(150px + var(--step) * 28px);border-radius:20px 20px 8px 8px;align-content:start;justify-items:center;gap:4px;padding:18px 8px 16px;display:grid}.ladder[data-astro-cid-ergxyi7h] b[data-astro-cid-ergxyi7h]{font:800 1.125rem/1.1 var(--display);margin-top:6px}.ladder[data-astro-cid-ergxyi7h] span[data-astro-cid-ergxyi7h]:last-child{color:var(--text-3);font-variant-numeric:tabular-nums;font-size:.875rem}.crest[data-astro-cid-ergxyi7h]{background:linear-gradient(var(--top), var(--bottom));width:64px;height:72px;clip-path:path("M32 0 L64 10 V38 C64 56 48 66 32 72 C16 66 0 56 0 38 V10 Z");color:#fff;place-items:center;display:grid}.crest[data-astro-cid-ergxyi7h] svg[data-astro-cid-ergxyi7h]{filter:drop-shadow(0 2px #00000040);width:30px;height:30px}@media (width<=760px){.ladder[data-astro-cid-ergxyi7h]{grid-template-columns:1fr;gap:10px}.ladder[data-astro-cid-ergxyi7h] li[data-astro-cid-ergxyi7h]{text-align:left;min-height:0;margin-left:calc((5 - var(--step)) * 10px);order:calc(6 - var(--step));border-radius:20px;grid-template-columns:auto 1fr auto;place-items:center start;gap:16px;padding:12px 16px}.ladder[data-astro-cid-ergxyi7h] b[data-astro-cid-ergxyi7h]{margin:0}.crest[data-astro-cid-ergxyi7h]{width:48px;height:54px;clip-path:path("M24 0 L48 8 V28 C48 42 36 50 24 54 C12 50 0 42 0 28 V8 Z")}.crest[data-astro-cid-ergxyi7h] svg[data-astro-cid-ergxyi7h]{width:24px;height:24px}}.friends[data-astro-cid-ergxyi7h]{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(32px,6vw,80px);display:grid}.friends-copy[data-astro-cid-ergxyi7h]{justify-items:start;gap:20px;display:grid}.friends-art[data-astro-cid-ergxyi7h]{justify-items:center;gap:28px;display:grid}.code-tiles[data-astro-cid-ergxyi7h]{direction:ltr;grid-template-columns:repeat(4,76px);gap:12px;display:grid}.code-tiles[data-astro-cid-ergxyi7h] .tile[data-astro-cid-ergxyi7h]{font-size:2.5rem}.code-tiles[data-astro-cid-ergxyi7h] .tile[data-astro-cid-ergxyi7h]:nth-child(odd){transform:rotate(-4deg)}.code-tiles[data-astro-cid-ergxyi7h] .tile[data-astro-cid-ergxyi7h]:nth-child(2n){transform:rotate(3deg)translateY(4px)}.bubble[data-astro-cid-ergxyi7h]{background:var(--surface);border:1.5px solid var(--line);max-width:22rem;box-shadow:0 4px 0 var(--edge);color:var(--text-2);border-radius:20px 20px 20px 6px;padding:14px 18px;font-size:.9375rem}.bubble[data-astro-cid-ergxyi7h] span[data-astro-cid-ergxyi7h]{color:var(--me-text);word-break:break-all;font-weight:900}@media (width<=860px){.friends[data-astro-cid-ergxyi7h]{grid-template-columns:1fr}.code-tiles[data-astro-cid-ergxyi7h]{grid-template-columns:repeat(4,minmax(0,64px))}}.download[data-astro-cid-ergxyi7h]{padding-block:clamp(64px,9vw,112px)}.download-grid[data-astro-cid-ergxyi7h]{grid-template-columns:auto 1fr;align-items:center;gap:clamp(24px,4vw,48px);display:grid}.download-grid[data-astro-cid-ergxyi7h]>div[data-astro-cid-ergxyi7h]{justify-items:start;gap:20px;display:grid}.download-icon[data-astro-cid-ergxyi7h]{width:132px;height:132px;box-shadow:0 8px 0 var(--me-edge);border-radius:30px;transform:rotate(-6deg)}@media (width<=640px){.download-grid[data-astro-cid-ergxyi7h]{grid-template-columns:1fr}.download-icon[data-astro-cid-ergxyi7h]{border-radius:22px;width:96px;height:96px}}