.share-book-stage{perspective:900px;justify-content:center;align-items:center;width:100%;min-height:320px;padding:1.5rem 0 2rem;display:flex;position:relative;overflow:visible}.share-book{color:#fff;width:200px;height:280px;transform-style:preserve-3d;background:linear-gradient(165deg,#1a1030 0%,#0f0a18 100%);border-radius:12px;justify-content:center;align-items:center;transition:transform .5s;display:flex;position:relative;box-shadow:0 24px 48px #0000008c,0 0 0 1px #a78bfa1f}.share-book__cover,.share-book__inner{cursor:pointer;transform-origin:0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;transition:all .5s;display:flex;position:absolute;top:0;left:0;overflow:hidden;box-shadow:1px 1px 8px #00000073}.share-book__cover{z-index:2;background:#111}.share-book__cover-art{object-fit:cover;width:100%;height:100%}.share-book__cover-badge{letter-spacing:.04em;text-transform:uppercase;color:#fff;background:#7c3aedeb;border:1px solid #c084fc8c;border-radius:9999px;padding:.25rem .6rem;font-size:.625rem;font-weight:800;position:absolute;bottom:.5rem;right:.5rem;box-shadow:0 8px 20px #00000059}.share-book__cover-spine{letter-spacing:.18em;text-transform:uppercase;color:#ffffffd1;text-shadow:0 1px 6px #000c;font-family:ui-monospace,monospace;font-size:.55rem;font-weight:700;position:absolute;bottom:.75rem;left:.55rem}.share-book__inner{z-index:1;text-align:center;background:linear-gradient(#3b0764 0%,#111827 52%,#030712 100%);border:1px solid #a78bfa59;justify-content:space-between;align-items:stretch;padding:.85rem .75rem .7rem;box-shadow:inset 0 1px #ffffff0f,0 0 24px #7c3aed26}.share-book__inner-body{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.25rem;width:100%;min-height:0;display:flex}.share-book__label{letter-spacing:.16em;text-transform:uppercase;color:#d8b4fef2;background:#3b0764bf;border:1px solid #7e22ce73;border-radius:9999px;margin-bottom:.75rem;padding:.2rem .65rem;font-family:ui-monospace,monospace;font-size:.5rem;font-weight:600}.share-book__title{letter-spacing:.05em;text-transform:uppercase;color:#f8fafc;font-size:.95rem;font-weight:800;line-height:1.2}.share-book__artist{color:#9ca3aff2;margin-top:.35rem;font-size:.72rem}.share-book__comment{color:#e2e8f0f5;quotes:none;background:#0000006b;border:1px solid #ffffff14;border-radius:.55rem;width:100%;margin:.55rem 0 0;padding:.55rem .5rem;font-size:.62rem;font-style:italic;line-height:1.45}.share-book__handle{text-align:right;color:#c084fcf2;width:100%;margin-top:.35rem;padding-top:.35rem;font-family:ui-monospace,monospace;font-size:.55rem;font-weight:600}.share-book__handle--export{margin-top:1rem;padding-top:0}.share-book:hover{transform:rotate(-8deg)}.share-book:hover .share-book__cover{transform:rotateY(-72deg)}.share-book:hover .share-book__inner{border-color:#c084fc73;transform:rotate(8deg)rotateX(-3deg)rotateY(-8deg)translate(118px);box-shadow:1px 1px 24px #0000008c,0 0 28px #7c3aed38}@media (hover:none){.share-book:focus-within,.share-book:active{transform:rotate(-8deg)}.share-book:focus-within .share-book__cover,.share-book:active .share-book__cover{transform:rotateY(-72deg)}.share-book:focus-within .share-book__inner,.share-book:active .share-book__inner{transform:rotate(8deg)rotateX(-3deg)rotateY(-8deg)translate(118px);box-shadow:1px 1px 24px #0000008c}}.share-book-hint{letter-spacing:.04em;color:#a1a1aad9;margin-top:.25rem;font-size:.65rem}.share-card-export{pointer-events:none;opacity:1;z-index:-1;width:320px;position:fixed;top:0;left:-10000px}.share-card-export__body{text-align:center;background:linear-gradient(#3b0764 0%,#111827 48%,#030712 100%);border:1px solid #a78bfa47;border-radius:.85rem;flex-direction:column;align-items:center;width:100%;padding:1.5rem 1.25rem;display:flex;overflow:hidden;box-shadow:0 24px 48px #00000073}.share-card-export__body--faceoff{box-shadow:none;background:0 0;border:none;padding:0}.share-card-export__art-wrap{margin-bottom:1rem;position:relative}.share-card-export__art{object-fit:cover;border:1px solid #ffffff1a;border-radius:.75rem;width:10rem;height:10rem;box-shadow:0 16px 32px #00000073}.share-faceoff-stage{justify-content:center;width:100%;min-height:0;padding:0;display:flex}.share-faceoff{background:linear-gradient(#ffffff14,#0000 36%),linear-gradient(152deg,#4c1d9561 0%,#09090b 52%,#18181bf5 100%);border:1px solid #ffffff1f;border-radius:16px;flex-direction:column;width:100%;max-width:20rem;padding:12px 12px 10px;display:flex;overflow:hidden;box-shadow:0 24px 48px #00000073,inset 0 1px #ffffff14}.share-faceoff--export{width:320px;max-width:none}.share-faceoff__chrome{justify-content:space-between;align-items:center;gap:8px;display:flex}.share-faceoff__kind{letter-spacing:.18em;text-transform:uppercase;color:#c4b5fd;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10px;font-weight:700}.share-faceoff__live{letter-spacing:.22em;color:#e4e4e7;background:#0006;border:1px solid #ffffff1f;border-radius:999px;margin:0;padding:3px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10px;font-weight:800}.share-faceoff__live.is-live{color:#f5d0fe;border-color:#c084fc80;box-shadow:0 0 16px #8b5cf666}.share-faceoff__title{letter-spacing:-.03em;color:#fff;margin:8px 0 0;font-size:1.05rem;font-weight:800;line-height:1.15}.share-faceoff__meta{color:#a1a1aa;margin:3px 0 0;font-size:12px}.share-faceoff__matchup{grid-template-columns:1fr auto 1fr;align-items:end;gap:8px;margin-top:12px;display:grid}.share-faceoff__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.share-faceoff__side{flex-direction:column;align-items:center;gap:6px;min-width:0;display:flex}.share-faceoff__cover{aspect-ratio:1;object-fit:cover;border-radius:10px;width:100%;max-width:7.5rem;box-shadow:0 12px 24px #0006,0 0 0 1px #ffffff1f}.share-faceoff__name{text-overflow:ellipsis;white-space:nowrap;letter-spacing:.04em;text-transform:uppercase;color:#fff;max-width:100%;font-size:11px;font-weight:800;overflow:hidden}.share-faceoff__vs{letter-spacing:.22em;color:#a1a1aa;padding-bottom:1.6rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10px;font-weight:800}.share-faceoff__score{background:linear-gradient(#1e1e1e 0%,#0c0c0c8f 8%,#120c16);border-radius:12px;margin-top:12px;padding:10px 12px 8px;box-shadow:inset 0 0 1px #2c2c2c}.share-faceoff__score-line{letter-spacing:-.04em;font-variant-numeric:tabular-nums;grid-template-columns:1fr auto 1fr;align-items:center;margin:0;font-size:1.7rem;font-weight:800;display:grid}.share-faceoff__score-home,.share-faceoff__score-away,.share-faceoff__score-multi{-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.share-faceoff__score-home{text-align:left;background-image:linear-gradient(90deg,#c4b5fd,#38bdf8)}.share-faceoff__score-away{text-align:right;background-image:linear-gradient(90deg,#fb7185,#fb923c)}.share-faceoff__score-multi{text-align:center;background-image:linear-gradient(90deg,#8b5cf6,#f43f5e);grid-column:1/-1}.share-faceoff__score-vs{letter-spacing:.24em;color:#71717a;padding:0 8px;font-size:10px}.share-faceoff__bar{background:#18181b;border-radius:999px;height:4px;margin-top:10px;display:flex;overflow:hidden}.share-faceoff__bar span:first-child{background:linear-gradient(90deg,#7c3aed,#38bdf8)}.share-faceoff__bar span:last-child{background:linear-gradient(90deg,#fb7185,#ef4444)}.share-faceoff__votes{text-align:center;color:#a1a1aa;margin:8px 0 0;font-size:11px}.share-faceoff__handle{text-align:right;color:#c084fcf2;margin:10px 0 0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10px;font-weight:600}.share-faceoff-stage .share-faceoff{max-width:18.5rem;padding:8px 10px}.share-faceoff-stage .share-faceoff__title{margin-top:4px;font-size:.95rem}.share-faceoff-stage .share-faceoff__matchup,.share-faceoff-stage .share-faceoff__grid{gap:6px;margin-top:8px}.share-faceoff-stage .share-faceoff__cover{border-radius:8px;max-width:5.25rem}.share-faceoff-stage .share-faceoff__name{font-size:10px}.share-faceoff-stage .share-faceoff__vs{padding-bottom:1.05rem}.share-faceoff-stage .share-faceoff__score{margin-top:8px;padding:6px 10px}.share-faceoff-stage .share-faceoff__score-line{font-size:1.35rem}.share-faceoff-stage .share-faceoff__bar{margin-top:6px}.share-faceoff-stage .share-faceoff__votes{margin-top:5px;font-size:10px}.share-faceoff-stage .share-faceoff__handle{margin-top:6px}@media (prefers-reduced-motion:reduce){.share-book,.share-book__cover,.share-book__inner{transition:none}.share-book:hover{transform:none}.share-book:hover .share-book__cover{transform:rotateY(-45deg)}.share-book:hover .share-book__inner{transform:translate(72px)}}