:root{--rating-accent:#4f4fff;--rating-accent-soft:#6b6bff;--rating-bg:#05030b;--rating-pill-off:rgba(255,255,255,0.08);--rating-pill-border:rgba(255,255,255,0.18);--rating-text:#f5f5ff}#rating-wrapper{background-image:url(https://cdn.wrestlingnewssource.com/temp/wns_arena.webp);background-repeat:no-repeat;background-size:cover;background-position:center left;display:flex;justify-content:space-evenly;flex-wrap:wrap}#rating-wrapper div{flex:1}#rating-wrapper>div:nth-child(2){flex:1 0;min-width:50%}#vote-question{font-size:1em;font-weight:bold;color:var(--color-boxes-title)}#vote-footer{font-size:small;font-style:italic;text-align:right}#your_vote,#community_vote{display:flex;flex-direction:column;align-items:center;min-width:25%}#your_vote div,#community_vote div{background:#0000009d;padding:10px;border:1px var(--border-color) ridge;border-radius:25px;margin-top:5px}#your_vote div:last-child,#community_vote div:last-child{text-align:center}#your_photo{border:2px blue solid;background:#00000080;max-width:192px}#community_photo{border:2px red solid;background:#00000080;max-width:192px}.rating-rail{max-width:420px;padding:1rem 1.25rem .75rem;border-radius:18px;background:radial-gradient(circle at top,#1108227a,#050308d1);box-shadow:0 0 20px rgba(0,0,0,0.9),0 0 28px rgba(255,79,248,0.25);color:var(--rating-text);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;margin:auto 0 auto 0}.rating-rail-inner{position:relative;display:flex;gap:.4rem;padding:.6rem .5rem .7rem;border-radius:16px;background:linear-gradient(135deg,rgba(255,255,255,0.08),rgba(10,10,25,0.9));overflow:hidden;transform-style:preserve-3d;transition:transform 150ms ease-out,box-shadow 150ms ease-out}.rating-bg{position:absolute;inset:-30%;background:radial-gradient(circle at center,rgba(79,94,255,0.65),transparent 55%),radial-gradient(circle at 10% 90%,rgba(88,82,255,0.6),transparent 55%);opacity:0;filter:blur(16px);transition:opacity 250ms ease-out;pointer-events:none}.rating-pill{position:relative;flex:1;height:3rem;border-radius:999px;background:var(--rating-pill-off);border:1px solid var(--rating-pill-border);box-shadow:inset 0 0 0 1px rgba(255,255,255,0.03),0 0 4px rgba(0,0,0,0.8);cursor:pointer;transform-style:preserve-3d;transform:translateZ(0);transition:transform 130ms ease-out,box-shadow 130ms ease-out,background 130ms ease-out,border-color 130ms ease-out;display:flex;align-items:center;justify-content:center;flex-direction:column}.rating-pill::before{content:"";position:absolute;inset:.08rem;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,0.18),transparent 40%);mix-blend-mode:screen;opacity:.45;pointer-events:none}.rating-pill span{position:relative;font-size:1.2rem;font-weight:600;letter-spacing:.03em;text-shadow:0 0 8px rgba(0,0,0,0.9);pointer-events:none;margin:-50%}@media(hover:hover) and (pointer:fine){.rating-pill:hover{transform:translateZ(22px);box-shadow:0 6px 15px rgba(0,0,0,0.9),0 0 12px rgba(107,124,255,0.7);border-color:rgba(255,255,255,0.5)}}.rating-pill.is-active{background:linear-gradient(180deg,rgba(85,79,255,0.85),rgba(107,188,255,0.95));box-shadow:0 0 16px rgba(79,111,255,0.75),0 0 26px rgba(107,203,255,0.9);border-color:rgba(255,255,255,0.85);transform:translateZ(18px)}.rating-pill.is-thump{animation:ratingThump 220ms ease-out}@keyframes ratingThump{0%{transform:translateZ(24px) scale(1)}40%{transform:translateZ(32px) scale(1.05)}100%{transform:translateZ(18px) scale(1)}}.rating-rail-inner.is-tilted{box-shadow:0 18px 40px rgba(0,0,0,0.9),0 0 30px rgba(108,79,255,0.4)}.rating-label{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;margin-top:.45rem;font-size:.8rem;padding-inline:.1rem;border-bottom:1px var(--color-glow1) solid}.rating-label-text{text-transform:uppercase;letter-spacing:.16em;opacity:.75;font-size:.7rem}.rating-value-display{font-variant-numeric:tabular-nums;font-size:.85rem;font-weight:600;opacity:.85}@media(max-width:768px){.rating-rail{padding-inline:.8rem}.rating-rail-inner{gap:.25rem;padding-inline:.4rem}.rating-pill{height:2.4rem}#rating-wrapper div{flex:unset}#rating-wrapper>div:nth-child(2){min-width:unset}#rating-widget{order:1;flex:1 1 100% !important}#your_vote{flex:1;order:2;width:48%}#community_vote{flex:1;order:3;width:48%}}
