.zcap{--ink:#050805;--lime:#c8ff00;--hot:#f4f8ef;--tc:#9aa3a8;--expo:cubic-bezier(.16,1,.3,1);--sans:"Space Grotesk","Inter",system-ui,sans-serif;--display:"ZLS Display",Impact,"Arial Narrow",sans-serif;z-index:95;color:var(--hot);font-family:var(--sans);touch-action:none;-webkit-user-select:none;user-select:none;animation:zcap-in .3s var(--expo) both;background:#030503;position:fixed;inset:0;overflow:hidden}.zcap-tier--common{--tc:#9aa3a8}.zcap-tier--rare{--tc:#c8ff00}.zcap-tier--epic{--tc:#ffe970}.zcap-tier--legendary{--tc:#fff6d8}@keyframes zcap-in{0%{opacity:0}to{opacity:1}}.zcap-aurora{pointer-events:none;opacity:0;transition:opacity .6s var(--expo),background .4s linear;background:radial-gradient(60% 45% at 50% 46%,color-mix(in srgb,var(--zcap-leak,var(--lime)) 30%,transparent),transparent 70%),radial-gradient(40% 70% at 30% 20%,color-mix(in srgb,var(--zcap-leak,var(--lime)) 12%,transparent),transparent 70%);position:absolute;inset:-10%}.zcap-stage--open .zcap-aurora{opacity:1}.zcap-stage--card .zcap-aurora{opacity:.75;background:radial-gradient(60% 40% at 50% 34%,color-mix(in srgb,var(--tc) 22%,transparent),transparent 72%)}.zcap-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.zcap-touch{cursor:grab;outline:none;position:absolute;inset:0}.zcap-touch:focus-visible{box-shadow:inset 0 0 0 2px var(--hot)}.zcap-stage--open .zcap-touch{cursor:default}.zcap-crack{pointer-events:none;width:100%;height:100%;transition:opacity .15s linear;position:absolute;inset:0;overflow:visible}.zcap-crack.is-gone{opacity:0}.zcap-crack__main{fill:none;stroke:#f6ffd6;stroke-width:3.5px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 6px var(--zcap-leak,var(--lime))) drop-shadow(0 0 16px var(--zcap-leak,var(--lime)))}.zcap-crack__main.is-snap{animation:zcap-snap .4s var(--expo) forwards}@keyframes zcap-snap{to{opacity:0;stroke-width:0}}.zcap-crack__branch{fill:none;stroke:color-mix(in srgb,var(--zcap-leak,var(--lime)) 75%,white);stroke-width:1.6px;stroke-linecap:round;opacity:0;stroke-dasharray:600;stroke-dashoffset:600px;filter:drop-shadow(0 0 4px var(--zcap-leak,var(--lime)))}.zcap-crack__branch[data-step]{opacity:.95;transition:stroke-dashoffset .9s var(--expo)}.zcap-crack__branch[data-step="1"]{stroke-dashoffset:380px}.zcap-crack__branch[data-step="2"]{stroke-dashoffset:200px}.zcap-crack__branch[data-step="3"]{stroke-dashoffset:80px}.zcap-crack__branch[data-step="4"]{stroke-dashoffset:0}.zcap-cue{left:16px;right:16px;top:max(13vh,calc(env(safe-area-inset-top) + 72px));text-align:center;font:700 13px/1.3 var(--sans);letter-spacing:.16em;color:var(--hot);pointer-events:none;margin:0;animation:2.4s ease-in-out infinite zcap-cue;position:absolute}@keyframes zcap-cue{0%,to{opacity:.62}50%{opacity:1}}.zcap-hint{left:50%;bottom:max(12vh,calc(env(safe-area-inset-bottom) + 64px));border:1px solid color-mix(in srgb,var(--lime) 55%,transparent);min-height:44px;color:var(--lime);font:700 12px var(--sans);letter-spacing:.14em;cursor:pointer;animation:zcap-in .3s var(--expo) both;background:#05080599;border-radius:999px;padding:0 20px;position:absolute;transform:translate(-50%)}.zcap-skip{top:calc(env(safe-area-inset-top) + 16px);min-width:64px;min-height:44px;color:var(--hot);font:700 12px var(--sans);letter-spacing:.14em;cursor:pointer;background:#0508058c;border:1px solid #f4f8ef47;border-radius:999px;padding:0 16px;position:absolute;right:16px}.zcap-flash{opacity:0;pointer-events:none;background:#fff;position:absolute;inset:0}.zcap-flash.is-on{animation:.42s ease-out both zcap-flash}@keyframes zcap-flash{0%{opacity:0}18%{opacity:1}to{opacity:0}}.zcap-card-wrap{padding:calc(env(safe-area-inset-top) + 16px) 16px calc(env(safe-area-inset-bottom) + 16px);touch-action:pan-y;flex-direction:column;justify-content:flex-start;align-items:center;gap:8px;display:flex;position:absolute;inset:0;overflow:auto}.zcap-kicker{font:700 12px var(--sans);letter-spacing:.18em;color:color-mix(in srgb,var(--hot) 70%,transparent);align-items:center;gap:8px;margin:0 0 8px;display:flex}.zcap-kicker__z{width:18px;height:16px;color:var(--lime)}.zcap-card{--rx:0deg;--ry:0deg;--mx:50%;aspect-ratio:5/7;perspective:900px;width:min(62vw,300px,36svh);animation:zcap-card-in .7s var(--expo) both}.zcap-card-wrap>:first-child{margin-top:auto}.zcap-card-wrap>:last-child{margin-bottom:auto}@keyframes zcap-card-in{0%{opacity:0;transform:translateY(24px)scale(.92)rotateY(-28deg)}to{opacity:1;transform:none}}.zcap-card__in{border:2px solid var(--tc);width:100%;height:100%;box-shadow:0 0 0 1px #0009,0 18px 60px -12px color-mix(in srgb,var(--tc) 60%,transparent),0 0 46px -6px color-mix(in srgb,var(--tc) 45%,transparent);transform:rotateX(var(--rx)) rotateY(var(--ry));transform-style:preserve-3d;transition:transform .25s var(--expo);background:linear-gradient(#0e140c,#060906 70%);border-radius:18px;flex-direction:column;animation:5s ease-in-out infinite zcap-sway;display:flex;position:relative;overflow:hidden}.zcap-card[data-held] .zcap-card__in{animation:none}@keyframes zcap-sway{0%,to{transform:rotateX(4deg)rotateY(-9deg)}50%{transform:rotateX(-2deg)rotateY(9deg)}}.zcap-card__tag{z-index:2;background:var(--tc);color:var(--ink);font:800 11px var(--sans);letter-spacing:.12em;border-radius:6px;padding:4px 8px;position:absolute;top:12px;left:12px}.zcap-card__z{z-index:2;width:24px;height:22px;color:var(--tc);position:absolute;top:12px;right:12px}.zcap-card__art{background:radial-gradient(70% 60% at 50% 50%,color-mix(in srgb,var(--tc) 22%,transparent),transparent 72%);flex:1;justify-content:center;align-items:center;display:flex;overflow:hidden}.zcap-card__art img{object-fit:cover;width:100%;height:100%;display:block}.zcap-card__art.is-variant img{transform:scale(1.45)}.zcap-card__foot{border-top:1px solid color-mix(in srgb,var(--tc) 40%,transparent);background:#0006;flex-direction:column;gap:2px;padding:12px 14px 16px;display:flex}.zcap-card__foot small{font:700 10px var(--sans);letter-spacing:.16em;color:var(--tc)}.zcap-card__foot b{font:400 22px/1 var(--display);letter-spacing:.02em;color:var(--hot);text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.zcap-card__holo{pointer-events:none;mix-blend-mode:screen;opacity:.55;background:linear-gradient(115deg,transparent 30%,color-mix(in srgb,var(--tc) 40%,transparent) 44%,#ffffff8c 50%,color-mix(in srgb,var(--tc) 40%,transparent) 56%,transparent 70%);background-size:250% 100%;background-position:var(--mx) 0;animation:4s ease-in-out infinite zcap-holo;position:absolute;inset:0}.zcap-card[data-held] .zcap-card__holo{animation:none}@keyframes zcap-holo{0%,to{background-position:0 0}50%{background-position:100% 0}}.zcap-name{font:400 clamp(26px,7vw,36px)/1.05 var(--display);letter-spacing:.02em;text-transform:uppercase;text-align:center;margin:16px 0 0}.zcap-family{font:600 14px var(--sans);color:color-mix(in srgb,var(--hot) 66%,transparent);text-align:center;margin:0}.zcap-chips{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:8px 0 0;display:flex}.zcap-chip{background:color-mix(in srgb,var(--lime) 16%,transparent);color:var(--lime);font:700 13px var(--sans);border-radius:999px;padding:6px 12px}.zcap-dot{font:700 13px var(--sans);color:var(--hot);align-items:center;gap:6px;display:inline-flex}.zcap-dot i{background:var(--tc);width:8px;height:8px;box-shadow:0 0 8px var(--tc);border-radius:50%}.zcap-odds{font:500 12px var(--sans);font-variant-numeric:tabular-nums;color:color-mix(in srgb,var(--hot) 52%,transparent);text-align:center;margin:4px 0 0}.zcap-actions{gap:8px;width:min(100%,400px);margin-top:16px;display:grid}.zcap-btn{min-height:52px;font:800 15px var(--sans);letter-spacing:.08em;cursor:pointer;transition:transform .15s var(--expo),filter .15s;border-radius:999px;justify-content:center;align-items:center;gap:8px;display:inline-flex}.zcap-btn svg{width:18px;height:18px}.zcap-btn:active{transform:scale(.97)}.zcap-btn--lime{background:var(--lime);color:var(--ink);border:0;box-shadow:0 10px 30px -10px #c8ff00b3}.zcap-btn--lime:hover{filter:brightness(1.06)}.zcap-btn--ghost{min-height:46px;color:var(--hot);background:0 0;border:1px solid #f4f8ef42}.zcap-btn--text{min-height:44px;color:color-mix(in srgb,var(--hot) 70%,transparent);background:0 0;border:0;font-weight:700}.zcap :focus-visible{outline:2px solid var(--hot);outline-offset:3px}@media (width>=900px){.zcap-card{width:min(300px,42svh)}}.zcap.is-rm,.zcap.is-rm *{transition:none!important;animation:none!important}.zcap.is-rm .zcap-card-wrap{animation:.3s linear both zcap-in!important}@media (prefers-reduced-motion:reduce){.zcap *{transition:none!important;animation:none!important}.zcap-card-wrap{animation:.3s linear both zcap-in!important}}.zcap.zcap-ingame{z-index:2147482000}.zcap-css-capsule{aspect-ratio:3/4.4;pointer-events:none;border:2px solid color-mix(in srgb, var(--zcap-leak,var(--lime)) 70%, #fff);width:min(46vw,210px);box-shadow:0 0 60px -10px var(--zcap-leak,var(--lime)), inset 0 0 30px #0009;color:var(--lime);background:radial-gradient(60% 40% at 38% 26%,#ffffff47,#0000 60%),linear-gradient(#1a2410 0 49%,#0c1208 51% 100%);border-radius:999px;place-items:center;transition:opacity .2s linear;animation:2.4s ease-in-out infinite zcap-bob;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.zcap-css-capsule i{background:color-mix(in srgb, var(--zcap-leak,var(--lime)) 80%, #fff);height:2px;box-shadow:0 0 12px var(--zcap-leak,var(--lime));position:absolute;top:50%;left:-2px;right:-2px}.zcap-css-capsule svg{filter:drop-shadow(0 0 14px #c8ff0099);width:46%}.zcap-css-capsule.is-open{animation:.12s linear infinite zcap-rattle}.zcap-css-capsule.is-gone{opacity:0}@keyframes zcap-bob{0%,to{transform:translate(-50%,-50%)}50%{transform:translate(-50%,-53%)}}@keyframes zcap-rattle{0%{transform:translate(-50%,-50%)rotate(-2deg)}50%{transform:translate(-49%,-50%)rotate(2deg)}to{transform:translate(-50%,-50%)rotate(-2deg)}}.zcap-kicker__z svg,.zcap-card__z svg{width:100%;height:100%;display:block}