/* Read4Max Games v5.1.2 completion, sharing, discovery, and installed-app UX */
.r4m-v512 .v51-discovery{
  display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;align-items:center!important;
  gap:18px!important;padding:12px 14px!important;border-radius:16px!important
}
.r4m-v512 .v51-discovery-copy{display:flex!important;align-items:center!important;min-width:0!important}
.r4m-v512 .v51-discovery-copy strong,.r4m-v512 .v51-discovery-copy small{display:none!important}
.r4m-v512 .v51-kicker{font-size:.76rem!important;letter-spacing:.12em!important;white-space:nowrap}
.r4m-v512 .v51-discovery-actions{
  display:grid!important;grid-template-columns:auto minmax(145px,160px)!important;align-items:end!important;
  justify-content:end!important;gap:10px!important;flex-wrap:nowrap!important
}
.r4m-v512 .v51-sort-tabs{width:max-content;min-width:0}
.r4m-v512 .v51-sort-tabs button{min-height:42px!important;padding:8px 14px!important}
.r4m-v512 .v51-difficulty-slot{min-width:0!important}
.r4m-v512 .v51-difficulty select{width:100%!important;min-height:42px!important}
@media (min-width:1051px){
  .r4m-v512 #category-scroll{flex-wrap:wrap!important;overflow:visible!important;padding-bottom:0!important;scrollbar-width:none!important}
  .r4m-v512 #category-scroll::-webkit-scrollbar{display:none!important}
}

.r4m-v512 #result{
  width:min(calc(100% - 24px),620px)!important;max-height:min(92dvh,820px)!important;overflow:auto!important;
  padding:0!important;border:1px solid var(--line)!important;border-radius:24px!important;background:var(--surface)!important;
  color:var(--text)!important;box-shadow:0 28px 90px rgba(0,0,0,.42)!important
}
.r4m-v512 #result::backdrop{background:rgba(7,10,15,.72);backdrop-filter:blur(7px)}
.r4m-v512 #result>.close{position:absolute!important;z-index:5;top:14px!important;right:14px!important;width:42px!important;height:42px!important;margin:0!important}
.r4m-v512 .v512-result-shell{display:grid;gap:15px;padding:24px}
.r4m-v512 .v512-result-kicker{margin:0!important;padding-right:48px;color:var(--muted);font-size:.82rem}
.r4m-v512 #result-title{margin:0!important;padding-right:48px;font-size:clamp(1.55rem,4vw,2rem)}
.r4m-v512 #result .score{display:block;margin:0;color:var(--yellow);font-size:clamp(2.8rem,10vw,4rem);line-height:1}
.r4m-v512 #result #share{max-height:112px;overflow:auto;margin:0;padding:13px;border-radius:14px;background:var(--surface-2);white-space:pre-wrap;word-break:break-word;font-size:.74rem;line-height:1.45}
.r4m-v512 .v512-feedback{display:grid;gap:13px;padding:16px;border:1px solid var(--line);border-radius:18px;background:var(--surface-2)}
.r4m-v512 .v512-feedback[hidden]{display:none!important}
.r4m-v512 .v512-feedback-head{display:flex;justify-content:space-between;gap:12px;align-items:start}
.r4m-v512 .v512-feedback-head strong{font-size:1rem}
.r4m-v512 .v512-feedback-head small{color:var(--muted)}
.r4m-v512 .v512-feedback-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:14px}
.r4m-v512 .v512-feedback-field{display:grid;gap:8px;min-width:0}
.r4m-v512 .v512-feedback-label{font-size:.78rem;font-weight:850;color:var(--muted)}
.r4m-v512 .v512-stars,.r4m-v512 .v512-difficulty{display:flex;gap:7px;flex-wrap:wrap}
.r4m-v512 .v512-stars button,.r4m-v512 .v512-difficulty button{
  min-width:44px;min-height:44px;padding:0 12px;border:1px solid var(--line);border-radius:12px;background:var(--button);color:var(--muted);font-weight:850;cursor:pointer
}
.r4m-v512 .v512-stars button{padding:0;width:44px;font-size:1.45rem}
.r4m-v512 .v512-stars button.selected{color:var(--yellow);border-color:color-mix(in srgb,var(--yellow) 60%,var(--line));background:color-mix(in srgb,var(--yellow) 14%,var(--button))}
.r4m-v512 .v512-difficulty button.selected{color:var(--text);border-color:var(--yellow);background:color-mix(in srgb,var(--yellow) 14%,var(--button))}
.r4m-v512 .v512-stars button:disabled,.r4m-v512 .v512-difficulty button:disabled{opacity:.62;cursor:progress}
.r4m-v512 #v512-vote-status{margin:0;color:var(--muted);font-size:.76rem;line-height:1.4}
.r4m-v512 .v512-share-area{display:grid;gap:9px}
.r4m-v512 .v512-share-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
.r4m-v512 #copy{min-height:48px;border:0;border-radius:14px;background:var(--yellow);color:#211800;font-weight:950;cursor:pointer}
.r4m-v512 #v512-share-options{min-width:48px;min-height:48px;padding:0 14px;border:1px solid var(--line);border-radius:14px;background:var(--button);color:var(--text);font-weight:900;cursor:pointer}
.r4m-v512 .v512-share-menu{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:10px;border:1px solid var(--line);border-radius:16px;background:var(--surface-2)}
.r4m-v512 .v512-share-menu[hidden]{display:none!important}
.r4m-v512 .v512-share-menu button{display:grid;place-items:center;gap:3px;min-height:58px;padding:7px 5px;border:1px solid var(--line);border-radius:12px;background:var(--button);color:var(--text);font-size:.7rem;font-weight:800;cursor:pointer}
.r4m-v512 .v512-share-menu button span{font-size:1rem}
.r4m-v512 .v512-share-note{margin:0;color:var(--muted);font-size:.69rem;line-height:1.35}
.r4m-v512 #result .dialog-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin:0!important}
.r4m-v512 #result .dialog-actions button{min-height:46px!important;margin:0!important}

@media (max-width:720px){
  .r4m-v512 .v51-discovery{grid-template-columns:1fr!important;gap:9px!important;padding:12px!important}
  .r4m-v512 .v51-discovery-actions{grid-template-columns:minmax(0,1fr) minmax(116px,.68fr)!important;width:100%!important;justify-content:stretch!important;gap:8px!important}
  .r4m-v512 .v51-sort-tabs{width:100%!important}
  .r4m-v512 .v51-sort-tabs button{flex:1!important;padding-inline:8px!important;font-size:.78rem!important}
  .r4m-v512 .v51-kicker{font-size:.69rem!important}
  .r4m-v512 #category-scroll{scrollbar-width:none!important;scroll-snap-type:x proximity}
  .r4m-v512 #category-scroll::-webkit-scrollbar{display:none!important}
  .r4m-v512 #category-scroll .filter{scroll-snap-align:start}
  .r4m-v512 #result{width:calc(100% - 14px)!important;max-height:calc(100dvh - 14px)!important;border-radius:20px!important}
  .r4m-v512 .v512-result-shell{gap:13px;padding:18px 15px calc(17px + env(safe-area-inset-bottom))}
  .r4m-v512 #result>.close{top:9px!important;right:9px!important}
  .r4m-v512 .v512-feedback-grid{grid-template-columns:1fr}
  .r4m-v512 .v512-feedback-head{display:grid}
  .r4m-v512 .v512-share-menu{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:390px){
  .r4m-v512 .v51-discovery-actions{grid-template-columns:minmax(0,1fr) 112px!important}
  .r4m-v512 .v51-sort-tabs button{font-size:.72rem!important;padding-inline:6px!important}
  .r4m-v512 .v51-difficulty{font-size:.65rem!important}
  .r4m-v512 .v512-stars button{width:42px;min-width:42px;min-height:42px}
  .r4m-v512 #result .dialog-actions{grid-template-columns:1fr!important}
}
@media (display-mode:standalone){
  .r4m-v512 .site-header{padding-top:env(safe-area-inset-top)}
  .r4m-v512 footer{padding-bottom:env(safe-area-inset-bottom)}
  .r4m-v512 .header-inner{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}
}
