.social-dock{z-index:60;align-items:center;display:flex;position:fixed;top:50%;right:0;transform:translateY(-50%)}.social-buttons{z-index:2;flex-direction:column;gap:8px;display:flex;position:relative}.social-button{color:#c9b287;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(90deg,#171914e6,#101211f2);border:1px solid #bba67d44;border-right:0;justify-content:center;align-items:center;width:46px;height:46px;transition:color .2s,background .2s,border-color .2s,width .2s;display:flex;box-shadow:-6px 0 20px #0006}.social-button:hover{color:#f0e3c4;border-color:#bba67d88;width:52px}.social-button.is-discord:hover,.social-button.is-discord.is-open{color:#fff;background:linear-gradient(90deg,#5865f2cc,#4650c8f2);border-color:#5865f2}.social-button.is-facebook:hover,.social-button.is-facebook.is-open{color:#fff;background:linear-gradient(90deg,#1877f2cc,#1462c6f2);border-color:#1877f2}.social-button.is-vote:hover,.social-button.is-vote.is-open{color:#191a15;background:linear-gradient(90deg,#e3cda0,#c8ab77);border-color:#e3cda0}.social-panel{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;visibility:hidden;pointer-events:none;background:radial-gradient(at top,#23261d,#121411f2 78%);border:1px solid #bba67d55;flex-direction:column;align-items:center;gap:9px;width:270px;margin-right:8px;padding:22px 20px 20px;transition:opacity .22s,transform .22s,visibility .22s;display:flex;position:absolute;top:50%;right:100%;transform:translate(14px,-50%);box-shadow:-14px 0 40px #0009}.social-panel.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(-50%)}.social-panel.is-wide{width:330px}.social-close{color:#8f9089;background:0 0;border:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex;position:absolute;top:6px;right:6px}.social-close:hover{color:var(--gold)}.social-icon{color:#fff;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.social-icon.is-discord{background:linear-gradient(135deg,#5865f2,#4650c8)}.social-icon.is-facebook{background:linear-gradient(135deg,#1877f2,#1462c6)}.social-icon.is-vote{color:#191a15;background:linear-gradient(135deg,#f2e0b4,#c8ab77)}.social-panel h3{color:#ece4d2;margin:0;font-family:Cinzel,Georgia,serif;font-size:19px;font-weight:400}.social-kind{letter-spacing:2px;color:#8f9089;margin:0;font-size:9px;font-weight:600}.social-live{letter-spacing:1.8px;color:#a6c58e;align-items:center;gap:7px;margin:0;font-size:9px;font-weight:600;display:inline-flex}.social-live i{background:currentColor;border-radius:50%;width:7px;height:7px;box-shadow:0 0 9px}.social-live.is-off{color:#9a9b91}.social-live.is-off i{box-shadow:none}.social-live.is-fb{color:#6ea8f5}.social-live.is-vote{color:#e0cba1}.social-stats{grid-template-columns:1fr 1fr;gap:8px;width:100%;margin-top:3px;display:grid}.social-stats>div{background:#12141599;border:1px solid #bba67d33;flex-direction:column;gap:3px;padding:11px 8px;display:flex}.social-stats b{color:#ece4d2;font-family:Cinzel,Georgia,serif;font-size:21px;font-weight:400}.social-stats span{letter-spacing:1.6px;color:#83847d;font-size:8px;font-weight:600}.social-text{color:#a8a99f;margin:2px 0 0;font-size:12px;line-height:1.7}.social-cta{letter-spacing:1.6px;color:#fff;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:4px;padding:12px 14px;font-size:10px;font-weight:600;display:flex}.social-cta.is-discord{background:linear-gradient(110deg,#5865f2,#4650c8)}.social-cta.is-facebook{background:linear-gradient(110deg,#1877f2,#1462c6)}.social-cta:hover{filter:brightness(1.12)}@media (max-width:760px){.social-dock{top:auto;bottom:14px;transform:none}.social-buttons{flex-direction:row}.social-button{border-right:1px solid #bba67d44;width:42px;height:42px}.social-button:hover{width:42px}.social-panel{width:min(270px,100vw - 28px);margin:0;top:auto;bottom:calc(100% + 8px);right:0;transform:translateY(10px)}.social-panel.is-open{transform:translate(0)}}.social-votes{grid-template-columns:1fr 1fr;gap:6px;width:100%;min-width:0;margin-top:4px;display:grid}.social-votes a{letter-spacing:.6px;color:#b9b5a6;background:linear-gradient(160deg,#1d1f18cc,#12141599);border:1px solid #bba67d2e;align-items:center;gap:8px;min-width:0;padding:9px 10px 9px 8px;font-size:9px;font-weight:600;transition:color .2s,border-color .2s,background .2s,transform .2s;display:flex}.social-votes a:hover{color:#f0e8d6;border-color:var(--gold);background:linear-gradient(160deg,#26281e,#191b15);transform:translateY(-1px)}.social-votes a b{letter-spacing:.3px;color:#191a15;background:linear-gradient(135deg,#e3cda0,#bd9d63);flex:none;justify-content:center;align-items:center;width:26px;height:22px;font-family:Cinzel,Georgia,serif;font-size:10px;font-weight:400;display:flex}.social-votes a span{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.social-votes a svg{opacity:.55;flex:none}.social-votes a:hover svg{opacity:1;color:var(--gold)}.social-votes a:last-child:nth-child(odd){grid-column:1/-1}@media (min-width:761px){.social-dock{top:max(32%,228px)}}.social-lang{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.social-lang button{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#9c9582;letter-spacing:1px;cursor:pointer;background:linear-gradient(90deg,#171914e6,#101211f2);border:1px solid #bba67d44;border-right:0;justify-content:center;align-items:center;width:46px;height:34px;padding:0;font:600 12px/1 Cinzel,Georgia,serif;transition:width .2s,color .2s,background .2s,border-color .2s,box-shadow .2s;display:flex;box-shadow:-6px 0 20px #0006}.social-lang button:hover{color:#f0e3c4;background:linear-gradient(90deg,#26281ee6,#15171300);border-color:#bba67d99;width:52px;box-shadow:-6px 0 22px #0008,inset 2px 0 #d2b47e}.social-lang button.is-active{color:#191a15;background:linear-gradient(90deg,#e3cda0,#c8ab77);border-color:#e3cda0}.social-lang button.is-active:hover{color:#191a15;background:linear-gradient(90deg,#f0dcb2,#d4b882);box-shadow:-6px 0 22px #e2ba6733}.social-lang button:active{transform:translate(1px)}.social-lang button:focus-visible{outline-offset:2px;outline:2px solid #e5d3ac}@media (max-width:760px){.social-lang{flex-direction:row;align-items:center}.social-lang button{border-right:1px solid #bba67d44;width:42px;height:42px;font-size:11px}.social-lang button:hover{width:42px}}