/* Game ratings use their own surface on both desktop and native touch pages. */
.oogcr-stars{--oogcr-size:18px;--oogcr-fill:0%;--oogcr-star-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.4 14.97 8.42 21.61 9.39 16.8 14.08 17.94 20.7 12 17.58 6.06 20.7 7.2 14.08 2.39 9.39 9.03 8.42Z'/%3E%3C/svg%3E");position:relative;display:inline-block;flex:none;width:calc(var(--oogcr-size)*5);height:var(--oogcr-size);vertical-align:middle;pointer-events:none}
.oogcr-stars::before,.oogcr-stars::after{content:"";position:absolute;inset:0;background:#365066;-webkit-mask-image:var(--oogcr-star-mask);mask-image:var(--oogcr-star-mask);-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x;-webkit-mask-size:20% 100%;mask-size:20% 100%}
.oogcr-stars::after{background:#f3c568;clip-path:inset(0 calc(100% - var(--oogcr-fill)) 0 0)}
.oogcr-hub-header{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:start;min-width:0}
.oogcr-hub-header:has(>.oogcr-hub){grid-template-columns:minmax(0,1fr) 200px}
.oogcr-hub{position:relative;align-self:start;justify-self:end;width:180px;max-width:100%;min-width:0;color:#e5f0fa;box-sizing:border-box;z-index:2}
.oogcr-inline-control{display:flex;align-items:center;justify-content:center;width:180px;max-width:100%;height:44px;border-radius:6px;cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:pan-y}
.oogcr-inline-control>.oogcr-stars{--oogcr-size:36px;max-width:100%;filter:drop-shadow(0 1px 2px #0009)}
.oogcr-inline-control>.oogcr-stars::before{background:#839cac}
.oogcr-inline-control[aria-disabled=true]{opacity:.65;cursor:not-allowed}
.oogcr-inline-control[aria-busy=true]{cursor:wait}
.oogcr-inline-control:focus-visible,.oogcr-inline-withdraw:focus-visible{outline:2px solid #72d8ff;outline-offset:3px}
.oogcr-inline-info{display:none;width:100%;padding:10px 12px;border:1px solid #31556b;border-radius:8px;background:#0a202ef5;box-shadow:0 8px 24px #0004;box-sizing:border-box;font-size:12px;line-height:1.6}
.oogcr-hub:hover>.oogcr-inline-info,.oogcr-hub:focus-within>.oogcr-inline-info,.oogcr-hub.is-feedback>.oogcr-inline-info{display:block}
.oogcr-inline-meta,.oogcr-inline-feedback{margin:0;color:#b9ccda;overflow-wrap:anywhere}
.oogcr-inline-feedback{margin-top:5px;color:#b4eed6}
.oogcr-inline-feedback[data-error=true]{color:#ffbdc7}
.oogcr-inline-withdraw{min-height:36px;margin:4px 0 0;padding:4px 0;border:0;background:transparent;color:#9fbbce;font:inherit;cursor:pointer}
.oogcr-inline-withdraw:hover{color:#e5f0fa}
.oogcr-inline-withdraw:disabled{opacity:.5;cursor:not-allowed}
.oogcr-label,.oogcr-count{font-size:12px;line-height:1.5;color:#9fbbce}
.oogcr-summary{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:26px}
.oogcr-value{display:flex;align-items:baseline;gap:4px;flex-shrink:0}
.oogcr-details{display:flex;flex-wrap:wrap;align-items:center;gap:2px 8px;min-width:0}
.oogcr-score{font-size:32px;line-height:1.1;color:#e5f0fa;font-weight:700}
.oogcr-scale{font-size:13px;color:#9fbbce}
.oogcr-status{font-size:15px;line-height:1.5;color:#d8e7f2;font-weight:600}
.oogcr-action{display:inline-flex;align-items:center;justify-content:center;min-height:34px;margin-top:3px;padding:6px 12px;border:1px solid #248dce;border-radius:6px;background:#11456a;color:#e5f5ff;font:inherit;font-size:13px;line-height:20px;text-decoration:none;cursor:pointer;box-sizing:border-box}
.oogcr-action:hover{background:#185c85;color:#fff}
.oogc-game-directory .oogc-game-tile{display:flex;flex-direction:column}
.oogc-game-tile>.oogc-game-tile-body{display:flex;flex:1;flex-direction:column;gap:14px;container-type:inline-size}
.oogc-game-tile-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex:1;min-width:0}
.oogc-game-tile .oogc-game-tile-top h2{flex:1;min-width:0;margin:2px 0 0;line-height:1.45;word-break:normal;overflow-wrap:break-word}
.oogc-game-tile .oogcr-card{display:flex;flex-direction:column;align-items:flex-end;gap:3px;flex:0 0 64px;max-width:64px;box-sizing:border-box;margin:0;padding-left:10px;border-left:1px solid #263f50;color:#8cd9fc;text-align:right;cursor:pointer}
.oogcr-card-score{font-size:24px;line-height:1.1;font-weight:700;font-variant-numeric:tabular-nums}
.oogcr-card .oogcr-stars{--oogcr-size:10px}
.oogcr-card-caption{min-width:0;font-size:10px;line-height:1.5;color:#9fbbce;word-break:normal;overflow-wrap:break-word}
.oogcr-card:hover .oogcr-card-score{color:#d7f3ff}
.oogc-game-tile-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:10px;border-top:1px solid #223b4c;font-size:12px;line-height:1.5}
.oogc-game-tile .oogc-game-tile-footer p{margin:0;font-size:12px}
.oogc-game-tile-footer>span{color:#9acbe7;white-space:nowrap}
@container(max-width:200px){.oogc-game-tile .oogc-game-tile-top h2{font-size:15px}}
@container(max-width:160px){
 .oogc-game-tile-top{flex-direction:column;gap:9px}
 .oogc-game-tile .oogc-game-tile-top h2{flex:none;font-size:15px;min-height:44px}
 .oogc-game-tile .oogcr-card{flex-direction:row;align-items:center;justify-content:space-between;flex-basis:auto;gap:8px;width:100%;max-width:none;padding:0;border:0;text-align:right}
 .oogcr-card-score{font-size:21px}
}
.oogcr-card:focus-visible,.oogcr-action:focus-visible,.oogcr-dialog button:focus-visible,.oogcr-dialog a:focus-visible{outline:2px solid #72d8ff;outline-offset:3px}
.oogcr-dialog{position:fixed;inset:0;width:440px;max-width:calc(100% - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:24px;overflow:auto;border:1px solid #34546b;border-radius:14px;background:#0a1b29;color:#e5f0fa;font-family:inherit;font-size:14px;line-height:1.6;box-sizing:border-box;box-shadow:0 24px 90px #0009}
.oogcr-dialog::backdrop{background:#020a12b8;backdrop-filter:blur(3px)}
.oogcr-dialog [hidden],.oogcr-hub [hidden]{display:none!important}
.oogcr-dialog-head{display:flex;align-items:flex-start;gap:16px;margin-bottom:16px}
.oogcr-dialog-heading{flex:1;min-width:0}
.oogcr-dialog h2{margin:0;color:#eff7ff;font-size:20px;line-height:1.4;font-weight:700}
.oogcr-dialog-game{margin:5px 0 0;color:#a8c1d4;font-size:13px;overflow-wrap:anywhere}
.oogcr-dialog-close{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;padding:0;border:1px solid #2b485c;border-radius:6px;background:transparent;color:#bed2e0;font-size:24px;line-height:1;cursor:pointer}
.oogcr-dialog-summary{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;padding:16px;margin-bottom:18px;background:#102737;border:1px solid #294a60;border-radius:8px}
.oogcr-dialog-summary .oogcr-count{flex-basis:100%}
.oogcr-dialog-note{margin:0 0 16px;color:#9fbbce;font-size:12px;line-height:1.7}
.oogcr-form{margin:0;padding:0}
.oogcr-form fieldset{min-width:0;margin:0;padding:0;border:0}
.oogcr-form legend{display:block;width:100%;margin:0 0 10px;padding:0;color:#e0edf6;font-size:14px;font-weight:600}
.oogcr-scores{position:relative;display:grid;grid-template-columns:repeat(10,minmax(0,1fr));width:min(100%,220px);height:44px}
.oogcr-scores>.oogcr-stars{--oogcr-size:44px;position:absolute;inset:0;width:100%;height:44px}
.oogcr-choice{position:relative;z-index:1;display:block;min-width:0;height:44px;cursor:pointer}
.oogcr-choice input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.oogcr-choice span{position:absolute;inset:4px 1px;overflow:hidden;border-radius:4px;color:transparent;font-size:0;pointer-events:none}
.oogcr-choice input:focus-visible+span{outline:2px solid #8fdcff;outline-offset:1px}
.oogcr-choice input:disabled{cursor:not-allowed}
.oogcr-scores:has(input:disabled)>.oogcr-stars{opacity:.55}
.oogcr-selection{min-height:22px;margin:8px 0 0;color:#e5f0fa;font-size:13px;line-height:1.7}
.oogcr-score-hints{display:flex;justify-content:space-between;gap:12px;width:min(100%,220px);margin:3px 0 0;color:#91afc5;font-size:12px}
.oogcr-dialog-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px;margin-top:22px}
.oogcr-dialog .oogcr-submit,.oogcr-dialog .oogcr-withdraw,.oogcr-dialog .oogcr-retry{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:7px 15px;border:1px solid #358cc6;border-radius:7px;background:#087bea;color:#fff;font:inherit;font-size:14px;line-height:22px;cursor:pointer;text-decoration:none;box-sizing:border-box}
.oogcr-dialog .oogcr-withdraw,.oogcr-dialog .oogcr-retry{border-color:#365369;background:transparent;color:#aac4d7}
.oogcr-dialog .oogcr-withdraw{margin-right:auto}
.oogcr-dialog button:disabled{opacity:.5;cursor:not-allowed}
.oogcr-feedback{margin:14px 0 0;padding:10px 12px;border:1px solid #356854;border-radius:6px;background:#103c2e;color:#b4eed6;font-size:13px;line-height:1.6}
.oogcr-feedback[data-error=true]{border-color:#80515b;background:#3c202a;color:#ffbdc7}
.oogcr-dialog-loading{margin:0;color:#a8c1d4}
@media(max-width:760px){
 .oogcr-hub-header,.oogcr-hub-header:has(>.oogcr-hub){grid-template-columns:minmax(0,1fr);gap:12px}
 .oogcr-hub-header>.oogc-hub-copy{display:contents}
 .oogcr-hub-header .oogc-hub-identity{grid-row:1}
 .oogcr-hub-header>.oogcr-hub{grid-row:2}
 .oogcr-hub{justify-self:start}
 .oogcr-hub-header .oogc-hub-stats{grid-row:3}
 .oogcr-hub-header .oogc-hub-description{grid-row:4}
 .oogcr-score{font-size:28px}
 .oogcr-summary{min-height:24px}
 .oogcr-status{font-size:14px}
 .mt-hub>.oogcr-hub{margin-top:12px}
 .oogcr-dialog{padding:20px;max-width:calc(100% - 24px);max-height:calc(100dvh - 24px)}
}