.qualityChoices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.qualityChoices button{min-width:0;padding:10px 5px;white-space:normal;display:flex;flex-direction:column;gap:5px;align-items:center}
.qualityChoices span{font-size:11px;line-height:1.45;color:#c7cbbd;overflow-wrap:anywhere}
.qualityChoices [aria-pressed=true]{border-color:#d6bc73;background:#384b40;color:#ffe4a3}
.performanceSettings p{font-size:13px;line-height:1.6}.qualityCurrent{color:#f1d28c}
.performanceSettings summary{padding:12px 0}.performanceSettings small{display:block;line-height:1.5;color:#acbcb4}
#renderStatus{display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:12px}#renderStatus dd{margin:0;text-align:right}
#game[data-quality=low] .rewardAura,#game[data-quality=low] .rewardPetals{display:none}
#game[data-quality=low] .rewardCard{animation-duration:.15s!important;animation-delay:0s!important}
#game[data-quality=low] .rewardSeal{display:none}#game[data-quality=low] .rewardFace{animation:none!important;opacity:1;transform:none}
#game[data-quality=low] #rewardOverlay{backdrop-filter:none}
@media(max-width:340px){.qualityChoices{grid-template-columns:1fr}.qualityChoices button{flex-direction:row;justify-content:space-between;gap:10px}.qualityChoices span{text-align:right}}
/* Keep the composer inside a short screen or a WebView keyboard viewport. */
#game.keyboardOpen #panel.chatPanel .chatShell{min-height:0}
#game.keyboardOpen #panel.chatPanel .chatTabs button{min-height:28px;font-size:11px;padding:4px}
#game.keyboardOpen #panel.chatPanel :is(.chatPreferences small,.chatContext,.chatFoot,.chatStatus:empty){display:none}
#game.keyboardOpen #panel.chatPanel .chatLog{min-height:32px}
#game.keyboardOpen #panel.chatPanel .chatForm label{font-size:12px;margin:1px 0 3px}
#game.keyboardOpen #panel.chatPanel .chatCompose textarea{height:42px;min-height:42px}
@media(max-height:520px){
 #game #panel.chatPanel .chatShell{min-height:0}
 #game #panel.chatPanel .chatTabs button{min-height:28px;font-size:11px;padding:4px}
 #game #panel.chatPanel :is(.chatPreferences small,.chatContext,.chatFoot,.chatStatus:empty){display:none}
 #game #panel.chatPanel .chatLog{min-height:32px}
 #game #panel.chatPanel .chatForm label{font-size:12px;margin:1px 0 3px}
 #game #panel.chatPanel .chatCompose textarea{height:42px;min-height:42px}
}

/* Local opt-in measurement: readable paper surface, stable controls while sampling. */
#game #panel #panelBody .mobileDiagnostics{margin-top:12px;padding:12px;border:1px solid #a59573;border-radius:8px;background:#f6f0df;color:#3b3b37;min-width:0}
#game #panel #panelBody .mobileDiagnostics h3{font-size:16px;margin:0 0 8px;color:#333c41}
#game #panel #panelBody .mobileDiagnostics p{font-size:12px;line-height:1.65;margin:8px 0;overflow-wrap:anywhere;color:#51534e}
#game #panel #panelBody .mobileDiagnostics dl{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:8px;font-size:12px;margin:12px 0}
#game #panel #panelBody .mobileDiagnostics dt,#game #panel #panelBody .mobileDiagnostics dd{min-width:0;overflow-wrap:anywhere;line-height:1.5}
#game #panel #panelBody .mobileDiagnostics dd{margin:0;text-align:right;font-weight:700;color:#305a60}
#game #panel #panelBody .mobileDiagnosticActions{display:flex;flex-wrap:wrap;gap:6px}
#game #panel #panelBody .mobileDiagnosticActions button{flex:1 1 80px;min-width:0;min-height:44px!important;padding:8px 6px;font-size:12px;line-height:1.3;text-align:center;display:flex;justify-content:center;align-items:center;white-space:normal;background:#e6ddc4;color:#323c42;border:1px solid #a89770;border-radius:5px}
#game #panel #panelBody .mobileDiagnosticActions button[aria-pressed=true]{border:2px solid #386871;background:#d3e3de;color:#203e43}
#game #panel #panelBody .mobileDiagnosticActions button:disabled{opacity:.6}
#game #panel #panelBody .mobileDiagnostics [data-diag-state]{font-weight:700;color:#315f66}
#game #panel #panelBody .mobileDiagnostics [data-diag-message]:empty{display:none}
#game #panel #panelBody .mobileDiagnostics summary{min-height:44px!important;display:flex;align-items:center;font-size:13px;font-weight:700;color:#805927;cursor:pointer}
#game #panel #panelBody .mobileDiagnostics textarea{box-sizing:border-box;width:100%;min-height:120px;font-size:16px;background:#fffdf5;color:#2f383d;border:1px solid #9a8968;padding:8px}
#game #panel #panelBody .mobileDiagnostics textarea[hidden]{display:none}