.publicRatedGame{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid #29485e;border-radius:20px;background:#0e253a}.publicRatedGame>.homeGameCard{flex:1;border:0!important;border-radius:0!important}.publicRatedGame .gameRating{margin-top:auto}.creatorFeedbackWrap>.creationCard{width:100%}
.dashboardFriendWrap{position:relative;min-width:0}.dashboardFriendWrap>.dashboardFriend{width:100%}.friendJoinPlay{display:inline-grid;place-items:center;width:29px;height:29px;min-width:29px;padding:5px;border:2px solid #13324a;border-radius:50%;background:#54d893;color:#08273a;cursor:pointer;box-shadow:0 2px 8px #0005}.dashboardFriendWrap>.friendJoinPlay{position:absolute;left:calc(50% + 8px);top:30px}.friendJoinPlay:disabled{opacity:.55;cursor:wait}.privateChat>header .friendJoinPlay{margin-left:auto}
.gameRating{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:10px 12px;border-top:1px solid #2e4962;color:#ccdeeb;font:13px system-ui}.gameRating button{display:inline-flex;align-items:center;gap:5px;border:0;border-radius:7px;background:transparent;color:inherit;padding:5px;cursor:pointer}.gameRating button[aria-pressed=true]{color:#64dca3;background:#193d35}.gameRating button[data-reaction=dislike][aria-pressed=true]{color:#ff9f9f;background:#46252b}.gameRating button:disabled{opacity:.5}.gameRatingPercent{margin-left:auto}.gameRatingBar{flex:1 0 100%;height:4px;border-radius:4px;background:#405365;overflow:hidden}.gameRatingFill{display:block;height:100%;background:#63d998;border-radius:4px}.creationFeedbackButton,.creatorFeedback{padding:8px 12px;border:1px solid #42627a;border-radius:9px;background:#10283e;color:#dbeaf4;font:13px system-ui;cursor:pointer}.creationFeedbackButton{margin:0 12px 12px}.platformNotice{padding:12px 16px;border:1px solid #3b6681;border-radius:12px;background:#143048;color:#eef7ff}.platformNotice[hidden]{display:none}.creationFeedbackDialog{width:min(520px,calc(100% - 28px));box-sizing:border-box;max-height:85dvh;padding:22px;border:1px solid #45647c;border-radius:18px;background:#102439;color:#eaf3fa;font:15px/1.5 system-ui}.creationFeedbackDialog::backdrop{background:#020b17bb}.creationFeedbackDialog textarea{display:block;box-sizing:border-box;width:100%;padding:12px;border:1px solid #55758e;border-radius:10px;background:#091b2e;color:#fff;font:inherit;resize:vertical}.creationFeedbackDialog button{margin:12px 8px 0 0;padding:9px 14px;border-radius:9px;border:1px solid #52748d;background:#174969;color:#fff;cursor:pointer}.creationFeedbackDialog article{border-top:1px solid #3e5367;padding:12px 0;white-space:pre-wrap;overflow-wrap:anywhere}.communityRecent{margin:20px 0 28px}.communityRecentGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.communityRecentGrid a{display:flex;flex-direction:column;gap:5px;padding:14px;border:1px solid #3c5e76;border-radius:12px;background:#10283c;color:#d9edfa;text-decoration:none}.communityRecentGrid span{font-size:12px;color:#a9c5d9}.creatorFeedbackWrap{display:flex;flex-direction:column;gap:8px}@media(max-width:650px){.communityRecentGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.gameRating{gap:6px}}

/* Compact game actions and circular friend join control. */
html body #app#app#app#app .managedGame>.gameRating,html body #app#app#app#app .communityCard>.gameRating{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:start!important;gap:6px!important;margin:0!important;padding:10px 12px 12px!important;width:auto!important;min-width:0!important;box-sizing:border-box!important;border-top:0!important}
html body #app#app#app#app .gameRating>button{position:static!important;inset:auto!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:5px!important;width:100%!important;min-width:0!important;max-width:none!important;height:auto!important;min-height:46px!important;margin:0!important;padding:4px 2px!important;border:0!important;border-radius:0!important;background:transparent!important;color:#b7c6d8!important;box-shadow:none!important;font:12px/1.3 system-ui!important;z-index:auto!important;transform:none!important}
html body #app#app#app#app .gameRating>.dashboardFavorite{grid-column:1!important;grid-row:1!important}
html body #app#app#app#app .gameRating>button[data-reaction=like]{grid-column:2!important;grid-row:1!important}
html body #app#app#app#app .gameRating>button[data-reaction=dislike]{grid-column:3!important;grid-row:1!important}
html body #app#app#app#app .gameRating>button[aria-pressed=true]{color:#f5c75b!important}
html body #app#app#app#app .gameRating>.dashboardFavorite[aria-pressed=true] svg{fill:#f5c75b!important}
html body #app#app#app#app .gameRating svg{width:23px!important;height:23px!important;flex:none!important}
html body #app#app#app#app .gameRatingPercent{grid-column:1/-1!important;margin:0!important;text-align:center!important;font-size:11px!important}
html body #app#app#app#app .gameRatingBar{grid-column:2/4!important;width:100%!important;height:3px!important}
html body #app#app#app#app .friendJoinPlay{box-sizing:border-box!important;display:grid!important;place-items:center!important;width:30px!important;min-width:30px!important;max-width:30px!important;height:30px!important;min-height:30px!important;max-height:30px!important;aspect-ratio:1!important;flex:0 0 30px!important;padding:0!important;margin:0!important;border:2px solid #ffe59b!important;border-radius:50%!important;background:linear-gradient(145deg,#ffdf7d,#cc8c16)!important;color:#392600!important;box-shadow:0 0 0 0 #f6c45170!important;animation:nizurFriendGoldPulse 2s ease-in-out infinite!important;line-height:1!important}
html body #app#app#app#app .friendJoinPlay svg{width:13px!important;height:13px!important;display:block!important;flex:none!important;margin:0!important}
html body #app#app#app#app .dashboardFriendWrap>.friendJoinPlay{position:absolute!important;left:calc(50% + 8px)!important;top:30px!important;right:auto!important;bottom:auto!important;z-index:3!important}
html body #app#app#app#app .friendJoinPlay:focus-visible{outline:3px solid #fff!important;outline-offset:3px!important}
@keyframes nizurFriendGoldPulse{0%,100%{box-shadow:0 0 0 0 #f6c45170,0 2px 8px #0005}60%{box-shadow:0 0 0 7px #f6c45100,0 2px 12px #edb42c70}}
@media(prefers-reduced-motion:reduce){html body #app#app#app#app .friendJoinPlay{animation:none!important;box-shadow:0 0 8px #edb42c70!important}}
html body .publicRatedGame>.gameRating{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}html body .publicRatedGame .gameRating>button{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;width:auto!important;min-width:0!important;margin:0!important;background:transparent!important}html body .publicRatedGame .gameRatingPercent{grid-column:1/-1!important;text-align:center!important;margin:0!important}

/* Reference layout: compact icons, thin ratio line and labels, all on card background. */
html body #app#app#app#app .managedGame .gameRating,html body #app#app#app#app .communityCard .gameRating{position:relative!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:42px!important;gap:0!important;align-items:start!important;margin:7px 0 0!important;padding:0!important;min-height:42px!important;height:42px!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
html body #app#app#app#app .gameRating>button{display:flex!important;flex-direction:column!important;justify-content:space-between!important;align-items:center!important;gap:9px!important;min-height:42px!important;height:42px!important;padding:0 2px!important;margin:0!important;background:transparent!important;border:0!important;box-shadow:none!important;font:11px/13px system-ui!important;color:#b6b9c0!important}
html body #app#app#app#app .gameRating>button svg{width:23px!important;height:23px!important}
html body #app#app#app#app .gameRating>button span{display:block!important;line-height:13px!important;color:#edf0f4!important}
html body #app#app#app#app .gameRatingPercent{display:none!important}
html body #app#app#app#app .gameRatingBar{position:absolute!important;left:33.333333%!important;right:0!important;top:26px!important;width:auto!important;height:2px!important;margin:0!important;border:0!important;border-radius:0!important;background:#69727b!important;overflow:hidden!important}
html body #app#app#app#app .gameRatingFill{height:2px!important;border-radius:0!important;background:#e2e5e9!important}
html body #app#app#app#app .gameRating>.dashboardFavorite{position:static!important;grid-column:1!important;grid-row:1!important}
html body #app#app#app#app .gameRating>button[data-reaction=like]{grid-column:2!important;grid-row:1!important}
html body #app#app#app#app .gameRating>button[data-reaction=dislike]{grid-column:3!important;grid-row:1!important}
html body #app#app#app#app .gameRating>button[aria-pressed=true] span{color:#f5c75b!important}

html body #app#app#app#app .friendJoinPlay{width:24px!important;min-width:24px!important;max-width:24px!important;height:24px!important;min-height:24px!important;max-height:24px!important;flex-basis:24px!important;border-width:1px!important}
html body #app#app#app#app .friendJoinPlay svg{width:10px!important;height:10px!important}
html body #app#app#app#app .dashboardFriendWrap>.friendJoinPlay{left:calc(50% + 3px)!important;top:30px!important}
@keyframes nizurFriendGoldPulse{0%,100%{box-shadow:0 0 0 0 #f6c45160,0 1px 5px #0004}60%{box-shadow:0 0 0 3px #f6c45100,0 1px 7px #edb42c60}}
html body #app#app#app#app .gameRatingBar{grid-column:1/-1!important;left:calc(50% - 12px)!important;right:calc(16.666667% - 12px)!important}

html body #app#app#app#app .gameRating>button svg{width:18px!important;height:18px!important}html body .publicRatedGame .gameRating>button svg{width:18px!important;height:18px!important}

html body #app#app#app#app .gameRating>button[data-reaction=like],html body #app#app#app#app .gameRating>button[data-reaction=like] span{color:#55d88a!important}
html body #app#app#app#app .gameRating>button[data-reaction=dislike],html body #app#app#app#app .gameRating>button[data-reaction=dislike] span{color:#f07178!important}
html body #app#app#app#app .gameRating>button[data-reaction=like][aria-pressed=true]{color:#81f3ac!important}
html body #app#app#app#app .gameRating>button[data-reaction=dislike][aria-pressed=true]{color:#ff9da3!important}
html body .publicRatedGame .gameRating>button:first-child{color:#55d88a!important}html body .publicRatedGame .gameRating>button:nth-child(2){color:#f07178!important}

html body #app#app#app#app .gameRating>button[data-reaction=like],html body #app#app#app#app .gameRating>button[data-reaction=like] span,html body #app#app#app#app .gameRating>button[data-reaction=like][aria-pressed=true],html body #app#app#app#app .gameRating>button[data-reaction=like][aria-pressed=true] span,html body #app#app#app#app .gameRating>button[data-reaction=dislike],html body #app#app#app#app .gameRating>button[data-reaction=dislike] span,html body #app#app#app#app .gameRating>button[data-reaction=dislike][aria-pressed=true],html body #app#app#app#app .gameRating>button[data-reaction=dislike][aria-pressed=true] span,html body .publicRatedGame .gameRating>button:first-child,html body .publicRatedGame .gameRating>button:nth-child(2){color:#f5f5f5!important}

/* Favorite on cover; votes beside player statistics above Play. */
html body #app#app#app#app#app .managedGame .gameStats{position:relative!important;padding-right:82px!important;min-height:36px!important}
html body #app#app#app#app#app .managedGame .gameStats>.gameRating{position:absolute!important;inset:0 0 auto auto!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:36px!important;gap:5px!important;width:76px!important;min-width:76px!important;height:36px!important;min-height:36px!important;padding:0!important;margin:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
html body #app#app#app#app#app .managedGame .gameRating>button{width:100%!important;height:36px!important;min-height:36px!important;padding:0!important;gap:4px!important;justify-content:space-between!important}
html body #app#app#app#app#app .managedGame .gameRating>button[data-reaction=like]{grid-column:1!important;grid-row:1!important}
html body #app#app#app#app#app .managedGame .gameRating>button[data-reaction=dislike]{grid-column:2!important;grid-row:1!important}
html body #app#app#app#app#app .managedGame .gameRatingBar{display:none!important}
html body #app#app#app#app#app .managedGame>.dashboardFavorite{position:absolute!important;inset:8px auto auto 8px!important;display:grid!important;place-items:center!important;width:30px!important;min-width:30px!important;max-width:30px!important;height:30px!important;min-height:30px!important;padding:5px!important;margin:0!important;box-sizing:border-box!important;border:0!important;border-radius:7px!important;background:#0b192bbd!important;color:#f5f5f5!important;z-index:4!important;box-shadow:none!important}
html body #app#app#app#app#app .managedGame>.dashboardFavorite span{display:none!important}
html body #app#app#app#app#app .managedGame>.dashboardFavorite svg{width:18px!important;height:18px!important;fill:none!important}
html body #app#app#app#app#app .managedGame>.dashboardFavorite[aria-pressed=true]{color:#f5c75b!important;background:#0b192bbd!important}
html body #app#app#app#app#app .managedGame>.dashboardFavorite[aria-pressed=true] svg{fill:#f5c75b!important}
html body #app#app#app#app#app .managedGame .gameVisualLabel{left:44px!important;right:auto!important;max-width:calc(100% - 52px)!important}
html body #app#app#app#app#app .gameRating>button[data-reaction][aria-pressed=true] svg{fill:currentColor!important}
html body #app#app#app#app#app .gameRating>button[data-reaction][aria-pressed=false] svg{fill:none!important}