.share-panel{grid-template-columns:min(400px,56.25svh - 67.5px) minmax(0,420px);justify-content:center;align-items:start;gap:clamp(24px,5vw,64px);min-height:100%;padding:clamp(56px,6vw,72px) clamp(16px,4vw,48px) 40px;display:grid;position:relative}.share-preview{width:min(400px,56.25svh - 67.5px,100%);position:sticky;top:0}.share-ctrl{min-width:0}.share-ctrl h3{margin:0 0 6px;font-size:clamp(1.6rem,3vw,2.3rem);line-height:1.05}.share-ctrl>p{margin:0 0 12px}.share-field{color:var(--muted);margin:0 0 16px;font-size:.86rem;display:block}.share-field input{border:1px solid var(--line);background:var(--field);width:100%;color:var(--text);font:inherit;border-radius:8px;margin-top:6px;padding:10px 12px;font-size:1rem;display:block}.share-fine{color:var(--muted);margin:10px 0 0;font-size:.82rem}.share-fine.err{color:#ff8a8a}.share-done{margin:14px 0 4px}.share-done>p{margin:0 0 6px;font-weight:600}.share-link{overflow-wrap:anywhere;color:var(--accent-2);margin-bottom:10px;display:block}.share-row{flex-wrap:wrap;gap:16px;margin-top:18px;display:flex}.share-nets{flex-wrap:wrap;gap:9px;margin-top:16px;display:flex}.share-nets[hidden]{display:none}.share-net{color:#fff;cursor:pointer;background:#1b1e24;border:1px solid #ffffff24;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s;display:grid}.share-net:hover,.share-net:focus-visible{transform:translateY(-3px)scale(1.06);box-shadow:0 10px 24px #00000073}.share-net svg{width:20px;height:20px;display:block}.share-x{background:#000;border-color:#333}.share-whatsapp{background:#25d366;border-color:#25d366}.share-facebook{background:#0866ff;border-color:#0866ff}.share-facebook svg{width:24px;height:24px}.share-telegram{background:#26a5e4;border-color:#26a5e4}.share-reddit{background:#ff4500;border-color:#ff4500}.share-threads{background:#000;border-color:#333}.share-copy.done{background:#1f9d55;border-color:#1f9d55}.share-hero{background:radial-gradient(ellipse at 30% 0, rgba(var(--accent-rgb), .14), transparent 60%), var(--bg);padding:clamp(28px,5vw,60px) 0 clamp(40px,6vw,80px)}.share-wrap{grid-template-columns:minmax(0,440px) minmax(0,1fr);align-items:center;gap:clamp(24px,5vw,64px);display:grid}.share-stage{width:100%;max-width:min(440px,56.25svh - 84.375px);margin-inline:auto}.share-card{position:relative}.share-card canvas{z-index:1;pointer-events:none;width:100%;height:auto;display:block;position:relative}.share-win{z-index:0;background:#000;border-radius:12px;position:absolute;overflow:hidden}.share-win video{object-fit:cover;width:100%;height:100%;display:block}.share-side h1{overflow-wrap:anywhere;margin:0 0 10px;font-size:clamp(2rem,5vw,3.4rem)}.share-views{color:var(--muted);margin:0 0 22px}.share-steps{counter-reset:s;color:var(--muted);flex-wrap:wrap;gap:8px 18px;margin:14px 0 28px;padding:0;font-size:.92rem;list-style:none;display:flex}.share-steps li{counter-increment:s}.share-steps li:before{content:counter(s, decimal-leading-zero) " ";color:var(--accent);font-family:var(--display);font-weight:700}.share-remove{color:var(--muted);cursor:pointer;font:inherit;background:0 0;border:0;margin-top:28px;padding:0;font-size:.86rem;text-decoration:underline}.share-gone{text-align:center;padding:80px 0}.share-gone h2{font-size:clamp(2.4rem,6vw,4.4rem)}@media (width<=760px){.share-wrap{grid-template-columns:minmax(0,1fr)}.share-stage{max-width:360px}}.hcard{perspective:1400px;--rx:0deg;--ry:0deg;--mx:50%;--my:50%;--hx:50%;--hy:50%;position:relative}.hcard-tilt{transform:rotateX(var(--rx)) rotateY(var(--ry));transform-style:preserve-3d;touch-action:pan-y;will-change:transform;transition:transform .5s cubic-bezier(.2,.8,.2,1)}.hcard.is-live .hcard-tilt{transition:transform 80ms linear}.hcard:not(.is-live) .hcard-tilt{animation:7s ease-in-out infinite hfloat}@keyframes hfloat{0%,to{transform:rotateX(4deg)rotateY(-7deg)}50%{transform:rotateX(-3deg)rotateY(7deg)}}.hcard-flip{transform-style:preserve-3d;transition:transform 1.1s cubic-bezier(.3,1.3,.4,1);position:relative}.hcard.is-back .hcard-flip{transform:rotateY(180deg)}.hcard-front,.hcard-back{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:18px;overflow:hidden}.hcard-front{position:relative;box-shadow:0 40px 90px #000000a6,0 0 0 1px #ffffff0f}.hcard-front>canvas{width:100%;height:auto;display:block}.r-epic .hcard-front{box-shadow:0 40px 90px #000000a6,0 0 60px #a443ff73}.r-legendary .hcard-front{box-shadow:0 40px 90px #000000a6,0 0 80px #ffb80080}.hcard-back{background:repeating-linear-gradient(135deg,#ffffff0a 0 2px,#0000 2px 14px),radial-gradient(circle at 50% 40%,#2a0b10,#07080a 70%);border:10px solid #15171b;place-content:center;justify-items:center;gap:14px;display:grid;position:absolute;inset:0;transform:rotateY(180deg)}.hcard-back b{font-family:var(--display);letter-spacing:.06em;font-size:1.5rem;font-style:italic}.hcard-back small{font-family:var(--display);letter-spacing:.3em;text-transform:uppercase;color:var(--muted)}.hcard-back img{width:34%;height:auto;filter:drop-shadow(0 0 24px rgba(var(--accent-rgb), .7))}.hcard-back-ring{aspect-ratio:1;border:2px solid rgba(var(--accent-rgb), .35);width:70%;box-shadow:0 0 60px rgba(var(--accent-rgb), .3) inset;border-radius:50%;animation:2.4s ease-in-out infinite hpulse;position:absolute}@keyframes hpulse{50%{opacity:.5;transform:scale(1.08)}}.hcard-holo,.hcard-glare{z-index:3;pointer-events:none;border-radius:inherit;position:absolute;inset:0}.hcard-holo{opacity:var(--holo);mix-blend-mode:color-dodge;background:repeating-linear-gradient(115deg,#ff7773 0%,#ffed5f 7%,#a8ff5f 14%,#83fff7 21%,#7894ff 28%,#d875ff 35%,#ff7773 42%) 0 0/300% 300%,repeating-linear-gradient(25deg,#fff0 0 3px,#ffffff38 3px 4px) 0 0/100% 100%;background-position:var(--mx) var(--my), 0 0;filter:brightness(.75)contrast(1.4)saturate(1.3);transition:background-position 80ms linear}.hcard.is-light .hcard-holo{opacity:calc(var(--holo) * .55)}.r-common .hcard-holo{background:linear-gradient(115deg,#0000 30%,#ffffff80 50%,#0000 70%) 0 0/250% 250%;background-position:var(--mx) var(--my);mix-blend-mode:overlay;filter:none}.r-legendary .hcard-holo:after{content:"";background-image:radial-gradient(circle,#fff 0 1px,#0000 1.6px),radial-gradient(circle,#ffe9a6 0 1px,#0000 1.6px);background-size:37px 41px,53px 47px;background-position:calc(var(--mx) * .3) calc(var(--my) * .3), calc(var(--mx) * -.4) calc(var(--my) * -.4);opacity:.9;animation:1.6s steps(2,end) infinite glitter;position:absolute;inset:0}@keyframes glitter{50%{opacity:.35}}.hcard:not(.is-live) .hcard-holo{animation:7s ease-in-out infinite hsweep}@keyframes hsweep{0%,to{background-position:0 30%,0 0}50%{background-position:100% 70%,0 0}}.hcard-glare{mix-blend-mode:overlay;background:radial-gradient(circle at var(--hx) var(--hy), #ffffffa6, #ffffff1f 28%, transparent 55%);opacity:.8}.hcard-burst{z-index:5;pointer-events:none;position:absolute;top:50%;left:50%}.hcard-burst i{width:var(--s);height:var(--s);opacity:0;animation:hburst 1.4s cubic-bezier(.1, .7, .3, 1) calc(.75s + var(--d)) forwards;border-radius:2px;position:absolute;transform:rotate(45deg);box-shadow:0 0 12px}@keyframes hburst{0%{opacity:1;transform:translate(0)rotate(45deg)scale(1.4)}to{opacity:0;transform:translate(var(--x), var(--y)) rotate(225deg) scale(.4)}}.hcard.is-revealed .hcard-front:before{content:"";z-index:4;opacity:0;pointer-events:none;background:radial-gradient(circle,#ffffffe6,#0000 70%);animation:.9s ease-out .7s hflash;position:absolute;inset:0}@keyframes hflash{30%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.hcard-tilt,.hcard-holo,.hcard-back-ring{animation:none!important}.hcard-flip{transition:none}}.rare-chip{font:700 .86rem var(--display);letter-spacing:.14em;text-transform:uppercase;color:#0b0c10;background:linear-gradient(100deg, var(--c1), var(--c2), var(--c1));box-shadow:0 0 30px color-mix(in srgb, var(--c1) 55%, transparent);background-size:200% 100%;border-radius:999px;align-items:center;gap:10px;padding:7px 14px 7px 10px;animation:3s linear infinite chip;display:inline-flex}.rare-chip:before{content:"★"}.rare-chip small{font:inherit;letter-spacing:.06em;opacity:.7;text-transform:none}@keyframes chip{to{background-position:200% 0}}.share-score{font-family:var(--display);align-items:baseline;gap:16px;margin:16px 0 18px;display:flex}.share-score b{background:linear-gradient(180deg, #fff, var(--c1));color:#0000;-webkit-background-clip:text;background-clip:text;padding:.04em .14em .04em 0;font-size:clamp(2.6rem,6vw,4rem);font-style:italic;line-height:1;display:inline-block}.share-score span{color:var(--muted);letter-spacing:.2em;text-transform:uppercase;font-size:.8rem}.share-odds{color:var(--muted);max-width:460px;margin:10px 0 0;font-size:.78rem}.share-panel .hcard{width:100%}.share-panel .share-flip{margin-top:4px}.share-pulled{margin:0 0 10px}.share-after[hidden]{display:none}.share-hero{isolation:isolate;align-items:center;min-height:calc(100svh - 64px);display:grid;position:relative;overflow:hidden}.share-ambient{z-index:-1;filter:blur(70px)saturate(1.7)brightness(.7);opacity:.85;width:120%;height:120%;position:absolute;inset:-10%;transform:scale(1.1)}.share-hero:after{content:"";z-index:-1;background:radial-gradient(at 30%,#0000 30%,#040506d9 85%),linear-gradient(#0405064d,#040506e6);position:absolute;inset:0}.share-tilt-hint{text-align:center;font:600 .78rem var(--display);letter-spacing:.3em;text-transform:uppercase;color:#ffffff73;margin:18px 0 0}.share-modal{width:100vw;max-width:100vw;height:100svh;max-height:100svh;color:var(--text);overscroll-behavior:contain;isolation:isolate;background:#050608;border:0;margin:0;padding:0;overflow:auto}.share-modal::backdrop{background:#000000b3}.share-modal[open]{animation:.35s ease-out smodal}@keyframes smodal{0%{opacity:0;transform:scale(.98)}}.share-modal .share-ambient{position:fixed}.share-modal:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(at 35%,#0000 25%,#040506e0 80%);position:fixed;inset:0}.share-close{z-index:10;color:#fff;cursor:pointer;backdrop-filter:blur(6px);background:#0000008c;border:1px solid #fff3;border-radius:50%;width:44px;height:44px;font-size:1.6rem;line-height:1;position:fixed;top:14px;right:16px}.share-close:hover{border-color:var(--accent)}.share-again{margin-top:12px}@media (width<=760px){.share-panel{grid-template-columns:minmax(0,1fr);padding-top:64px}.share-preview{width:min(320px,100%);margin-inline:auto;position:static}.share-ctrl{text-align:left}}.share-same{color:#fff;background:linear-gradient(135deg, var(--accent), var(--accent-deep));width:100%;max-width:520px;box-shadow:0 0 0 1px #ffffff1f inset, 0 18px 50px rgba(var(--accent-rgb), .45);border-radius:18px;align-items:center;gap:16px;margin:6px 0 16px;padding:14px 22px 14px 14px;text-decoration:none;transition:transform .15s;animation:2.4s ease-in-out infinite samepulse;display:flex;position:relative;overflow:hidden}.share-same:hover{transform:translateY(-2px)}.share-same:after{content:"";pointer-events:none;background:linear-gradient(110deg,#0000 35%,#ffffff47 50%,#0000 65%) 0 0/250% 100%;animation:3s ease-in-out infinite sameshine;position:absolute;inset:0}.share-same img{filter:drop-shadow(0 6px 12px #00000073);border-radius:10px;flex:none;width:96px;height:auto}.share-same span{flex:1;gap:4px;min-width:0;display:grid}.share-same b{font:italic 800 clamp(1.4rem, 3.4vw, 1.9rem)/1.05 var(--display);text-transform:uppercase;letter-spacing:.02em}.share-same small{opacity:.9;font-size:.92rem}.share-same i{font-size:1.8rem;font-style:normal;font-weight:700}@keyframes samepulse{50%{box-shadow:0 0 0 1px #ffffff1f inset, 0 18px 70px rgba(var(--accent-rgb), .75)}}@keyframes sameshine{0%{background-position:150% 0}60%,to{background-position:-50% 0}}.share-sticky{z-index:30;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:linear-gradient(#0000,#040506eb 35%);position:fixed;bottom:0;left:0;right:0}.share-sticky .share-same{margin:0 auto;padding:14px 20px}.share-sticky .share-same b{font-size:1.3rem}@media (width>=761px){.share-sticky{display:none}}@media (prefers-reduced-motion:reduce){.share-same,.share-same:after{animation:none}}.same-banner{border:1px solid rgba(var(--accent-rgb), .55);background:linear-gradient(135deg, rgba(var(--accent-rgb), .18), rgba(var(--accent-rgb), .04));border-radius:14px;align-items:center;gap:14px;margin:0 0 18px;padding:12px 14px;display:flex}#gen .same-banner img{aspect-ratio:auto;width:72px;max-width:72px;height:auto;box-shadow:none;object-fit:contain;background:0 0;border:0;flex:none;margin:0;padding:0}.same-banner p{flex:1;gap:2px;min-width:0;margin:0;display:grid}.same-banner b{font-family:var(--display);font-size:1.1rem}.same-banner span{color:var(--muted);font-size:.9rem}.drop.same-pulse{border-color:var(--accent);animation:1.6s ease-in-out infinite droppulse}@keyframes droppulse{50%{box-shadow:0 0 0 6px rgba(var(--accent-rgb), .25), 0 0 40px rgba(var(--accent-rgb), .35)}}@media (width<=760px){.share-panel .share-preview{width:min(232px,62vw)}.share-score{margin:10px 0 12px}.share-score b{font-size:2.4rem}.share-panel{padding-bottom:calc(96px + env(safe-area-inset-bottom))}}.share-jump{left:50%;bottom:calc(16px + env(safe-area-inset-bottom));z-index:3;backdrop-filter:blur(18px);color:#fff;cursor:pointer;background:#141418d1;border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:10px;width:max-content;max-width:calc(100% - 32px);padding:8px 16px 8px 8px;font:700 .86rem/1 system-ui,sans-serif;animation:2s ease-in-out infinite jump-bob;display:none;position:fixed;transform:translate(-50%);box-shadow:0 12px 30px #00000080}.share-jump img{object-fit:cover;border:2px solid #18181c;border-radius:50%;width:30px;height:30px}.share-jump img+img{margin-left:-14px}.share-jump svg{flex:none}@keyframes jump-bob{50%{translate:0 -4px}}@media (width<=760px){.share-jump{display:flex}.share-jump[hidden]{display:none}}