/* DRUTO_LUDO_SOCIAL_V2 */
#ludoSocialDock[hidden],.socialVideos[hidden]{display:none!important}.socialShell{display:contents}.druto-social-on{background:radial-gradient(ellipse at 30% 0,#1a3f4d,transparent 60%),#0c1426}.druto-social-on .socialShell{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;max-width:1220px;margin:auto;padding:16px}.druto-social-on .app{width:100%;min-width:0;max-width:760px;margin:auto;padding:0}.druto-social-on .game{max-width:570px;margin:auto}.druto-social-on .bar{height:auto;min-height:48px;flex-wrap:wrap;gap:8px;margin-bottom:12px}.druto-social-on .v4ad{display:none}.druto-social-on .boardBox{border:1px solid #ffffff33;border-radius:18px;padding:5px;background:#243449}.druto-social-on .boardBox:after{display:none}.druto-social-on .board{animation:none;border-radius:12px}.socialVideos{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0}.socialSeat{position:relative;min-height:90px;aspect-ratio:2.15;background:linear-gradient(130deg,#203248,#142239);border:2px solid var(--seat);border-radius:15px;overflow:hidden;display:grid;place-items:center}.socialSeat:before{content:'👤';font-size:32px;opacity:.5}.socialSeat.active-turn{box-shadow:0 0 0 3px #10b98155,0 0 22px #10b98144;border-color:#34d399}.socialSeat video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:transparent}.socialSeat video.local{transform:scaleX(-1)}.socialName{position:absolute;bottom:5px;left:6px;right:6px;display:flex;justify-content:space-between;gap:5px;font-size:10px;background:#081320d9;padding:5px 7px;border-radius:7px}.socialName b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.socialName small{color:#a5c6d5;white-space:nowrap}#ludoSocialDock{position:sticky;top:16px;height:calc(100dvh - 32px);max-height:900px;min-height:420px;border:1px solid #ffffff18;border-radius:22px;background:#111c30;display:flex;flex-direction:column;padding:17px;min-width:0;box-shadow:0 15px 50px #0003}.socialTitle{display:flex;align-items:center;justify-content:space-between;gap:7px;border-bottom:1px solid #ffffff14;padding-bottom:13px}.socialTitle small{font-size:8px;letter-spacing:2px;color:#6fa6b9}.socialTitle h2{font-size:18px;margin:6px 0 0}.socialTitle>span{font-size:10px;color:#78e9bd;background:#10b98116;padding:6px;border-radius:15px}.socialMediaTools{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:12px}#ludoSocialDock button{font:inherit;font-size:11px;border:1px solid #ffffff18;background:#203149;color:#e2eef7;padding:10px;border-radius:10px;cursor:pointer;min-height:38px}#ludoSocialDock button:disabled{opacity:.4}#ludoSocialDock #socialCamera{background:#0b725e}#socialListen{grid-column:1/-1}#socialNotice{font-size:10px;line-height:1.6;color:#92aebf;margin:10px 0}#socialComments{flex:1;min-height:100px;overflow:auto;display:flex;flex-direction:column;gap:8px;overflow-wrap:anywhere}.socialComment{border-radius:12px;background:#ffffff06;padding:10px 12px;font-size:12px;line-height:1.6}.socialComment header{display:flex;justify-content:space-between;gap:10px;font-size:10px;margin-bottom:4px;color:#66d8ff}.socialComment time{color:#69889b;font-size:9px}.socialReactions{display:flex;gap:7px;margin:10px 0}.socialReactions button{flex:1;font-size:20px!important;padding:5px!important}#socialCommentForm{display:flex;gap:6px}#socialText{min-width:0;flex:1;background:#091526;border:1px solid #ffffff22;border-radius:12px;padding:12px;color:#fff;font:inherit;font-size:12px}#socialCommentForm button{background:#0b9476}.socialPrivacy{color:#678699;font-size:9px;line-height:1.6;margin-top:9px}.socialSr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.druto-social-on .proStrip{margin-bottom:8px}.druto-social-on #drutoOnlineStrip{background:#122c39;border-color:#ffffff22}#ludoSocialDock button:focus-visible,#socialText:focus-visible{outline:3px solid #74d7f9;outline-offset:2px}
@media(max-width:850px){.druto-social-on .socialShell{display:block;padding:8px;max-width:620px}.socialVideos{gap:8px;margin:8px 0}.socialSeat{min-height:66px;aspect-ratio:2.6}.socialName{font-size:9px;padding:3px 5px}.druto-social-on .game{max-width:480px}.druto-social-on .app{padding:0}.druto-social-on .v4hud{display:none}#ludoSocialDock{position:static;height:420px;min-height:0;margin:14px auto 10px;max-width:480px;padding:13px;border-radius:17px}.druto-social-on .socialShell .side{margin-top:8px}.druto-social-on .boardBox{padding:3px}.druto-social-on .dice{width:75px;height:75px}.druto-social-on .side{grid-template-columns:1fr 95px}.druto-social-on .socialShell .tools{gap:4px}}