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