/* One shared observation surface for the quick view and permanent game page. */
.ga-explorer{display:grid;grid-template-columns:176px minmax(0,1fr);gap:32px;align-items:start}
.ga-sources{display:flex;flex-direction:column;gap:4px;position:sticky;top:0}
.ga-sources button{display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;min-height:44px;padding:10px 12px;border:0;background:transparent;color:var(--text-secondary);font-size:13px;line-height:1.3}
.ga-sources button span{font-size:12px;color:var(--text-muted)}
.ga-sources button:hover{background:var(--wash);color:var(--ink)}
.ga-sources button[aria-pressed=true]{background:var(--ink);color:var(--paper)}
.ga-sources button[aria-pressed=true] span{color:var(--paper)}
.ga-toolbar{display:flex;gap:12px;justify-content:space-between;align-items:center}
.ga-toolbar label{flex:1;min-width:0}.ga-toolbar input{width:100%}
.ga-toolbar input,.ga-toolbar select{min-height:42px;font-size:13px}
.ga-count{font-size:12px;color:var(--text-muted);margin:16px 0 8px}
.ga-observation{border-top:1px solid var(--border)}
.ga-observation:last-child{border-bottom:1px solid var(--border)}
.ga-observation summary{display:flex;align-items:center;justify-content:space-between;gap:24px;list-style:none;cursor:pointer;padding:20px 0;transition:background-color 120ms}
.ga-observation summary::-webkit-details-marker{display:none}
.ga-observation summary:hover{background:var(--bg-surface)}
.ga-observation-main{display:block;min-width:0}.ga-byline{display:flex;gap:16px;flex-wrap:wrap;font-size:12px;color:var(--text-secondary);margin-bottom:8px}
.ga-byline time{color:var(--text-muted)}
.ga-measure{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;line-height:1.2}
.ga-measure strong{font-size:30px;letter-spacing:-1px;font-weight:600}.ga-measure>span{font-size:14px;color:var(--text-secondary)}
.ga-headline{font:500 23px/1.25 var(--type-display);display:block;overflow-wrap:anywhere}
.ga-open{font-size:24px;font-weight:400;color:var(--text-muted);flex-shrink:0;transition:transform 150ms}
.ga-observation[open] .ga-open{transform:rotate(45deg)}
.ga-receipt{font-size:13px;line-height:1.6;padding:0 20px 20px 0;overflow-wrap:anywhere}
.ga-receipt p{margin:0 0 12px}.ga-receipt dl{display:grid;grid-template-columns:70px minmax(0,1fr);gap:4px 12px;color:var(--text-secondary);font-size:12px;margin:16px 0}
.ga-receipt dt,.ga-receipt dd{margin:0}.ga-receipt a{font-weight:600}
.ga-empty{font-size:14px;color:var(--text-muted);padding:24px 0}
.ga-more{background:none;color:var(--ink);border:1px solid var(--border);padding:12px 20px;font-size:13px;margin-top:20px;min-height:44px}.ga-more:hover{border-color:var(--ink)}
.ga-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:650px){.ga-explorer{grid-template-columns:1fr;gap:16px}.ga-sources{position:static;flex-direction:row;flex-wrap:wrap;gap:4px}.ga-sources button{border:1px solid var(--border);padding:8px 10px;min-height:40px}.ga-toolbar{gap:8px}.ga-toolbar select{max-width:135px;padding:8px}.ga-measure strong{font-size:27px}.ga-observation summary{padding:16px 0;gap:12px}.ga-headline{font-size:21px}.ga-byline{gap:8px}}
@media(prefers-reduced-motion:reduce){.ga-open,.ga-observation summary{transition:none}}