.reaction-picker{position:relative;margin-left:auto}.reaction-toggle,.reaction-options button{border:1px solid var(--line);background:#ffffff0b;color:var(--white);border-radius:50%;width:34px;height:34px;font-size:19px}.reaction-options{position:absolute;right:-44px;top:42px;z-index:30;display:flex;gap:5px;padding:8px;background:#0b302a;border:1px solid #e1c28b66;border-radius:999px;box-shadow:0 12px 32px #001b17aa}.reaction-options[hidden]{display:none}.reaction-options button{border:0;background:transparent;font-size:21px;transition:transform .12s}.reaction-options button:hover{transform:scale(1.28)}
.table-effect{position:fixed;z-index:80;left:50%;top:43%;pointer-events:none;display:flex;flex-direction:column;align-items:center;text-align:center;filter:drop-shadow(0 15px 22px #001b17bb);animation:effect-in 1.9s cubic-bezier(.17,.86,.25,1) both}.table-effect strong{font-family:'Playfair Display',Georgia,serif}.table-effect span{max-width:290px;margin-top:6px;padding:5px 11px;border-radius:999px;background:#082c27df;color:var(--white);font-size:12px}.bonus-five strong,.bonus-ten strong{display:grid;place-items:center;width:125px;height:125px;border-radius:50%;font:64px/1 'DM Sans',sans-serif;color:var(--deep);background:radial-gradient(circle at 35% 28%,#fff4ce,#e1c28b 48%,#9e6e25);border:5px double #fff0bd;box-shadow:0 0 0 9px #e1c28b25}.bonus-ten strong{width:155px;height:155px;color:#fff5dd;background:radial-gradient(circle at 35% 28%,#e8654d,#a52c25 50%,#561710);border-color:#f2b195;box-shadow:0 0 0 12px #a52c2538;animation:ten-pulse .55s ease-in-out 2}.miss-effect{top:38%}.miss-effect strong{max-width:min(380px,82vw);padding:18px 22px;border-radius:14px;color:#3b1e12;background:#f4d299;border:2px solid #fff0c5;font-size:23px;transform:rotate(-2deg)}.miss-effect span{background:#713a29}.emoji-reaction{top:35%;animation:reaction-pop 1.9s ease-out both}.emoji-reaction strong{font:76px/1 sans-serif}.emoji-reaction span{font-size:13px}.review-flower{text-align:center;color:var(--gold);font-size:44px}.review-stars{display:flex;justify-content:center;gap:6px;margin:22px 0}.review-stars button{border:0;background:transparent;color:#ffffff35;font-size:43px;padding:2px;transition:transform .15s,color .15s}.review-stars button:hover,.review-stars button.chosen{color:var(--gold);transform:scale(1.12)}
@keyframes effect-in{0%{opacity:0;transform:translate(-50%,35px) scale(.45) rotate(-8deg)}18%{opacity:1;transform:translate(-50%,0) scale(1.08) rotate(2deg)}72%{opacity:1;transform:translate(-50%,-8px) scale(1)}100%{opacity:0;transform:translate(-50%,-60px) scale(.88)}}@keyframes ten-pulse{50%{transform:scale(1.15);box-shadow:0 0 0 28px #a52c2518}}@keyframes reaction-pop{0%{opacity:0;transform:translate(-50%,25px) scale(.25)}25%{opacity:1;transform:translate(-50%,-10px) scale(1.2)}75%{opacity:1;transform:translate(-50%,-25px) scale(1)}100%{opacity:0;transform:translate(-50%,-90px) scale(.7)}}
@media(max-width:760px){.reaction-options{position:fixed;left:50%;right:auto;top:auto;bottom:18px;transform:translateX(-50%)}.table-effect{top:40%}.bonus-five strong{width:105px;height:105px;font-size:52px}.bonus-ten strong{width:128px;height:128px;font-size:58px}.miss-effect strong{font-size:20px}.online-bar{gap:7px}.online-bar #connection-status{flex:1;text-align:center}}
@media(prefers-reduced-motion:reduce){.table-effect{animation:effect-fade 1.9s ease both}.bonus-ten strong{animation:none}}@keyframes effect-fade{0%,100%{opacity:0;transform:translateX(-50%)}15%,80%{opacity:1;transform:translateX(-50%)}}