/* Offline views retain the rental catalogue's dark surfaces and cover proportions. */
.co-page,.co-dialog{--co-panel:#17171c;--co-border:#424249;--co-muted:#b9b9c3}
.co-card{color:inherit;text-decoration:none;transition:border-color .16s ease,background .16s ease}
.co-card:hover{border-color:#676771;background:#1d1d23}
.co-primary{background:#ececf0;color:#17171c;border-color:#ececf0;transition:background .14s ease}
.co-primary:hover{background:#fff}.co-primary:disabled{background:#c5c5cf;color:#24242b}
.co-search{cursor:text}.co-search input::-webkit-search-cancel-button{cursor:pointer}
.co-loading{min-height:calc(100dvh - 200px);display:grid;place-items:center}
.co-loading-status{display:flex;align-items:center;gap:12px;color:#c6c6ce;font-size:15px}
.co-loading-mark{width:18px;height:18px;border:2px solid #52525b;border-top-color:#eeeef3;border-radius:50%;animation:co-loading-turn .8s linear infinite}
@keyframes co-loading-turn{to{transform:rotate(360deg)}}
.co-back{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:14px;color:#c2c2cc;text-decoration:none;margin:0 0 16px}
.co-back svg{transform:rotate(180deg);width:16px;height:16px}.co-back:hover{color:#fff}
.co-detail-back{min-height:0;padding-bottom:0}.co-detail-back+.co-loading{min-height:55dvh;padding-top:0}
.co-detail-page{max-width:1100px}
.co-detail-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 24px}
.co-detail-heading h1{font-size:clamp(24px,2.5vw,34px);line-height:1.22;letter-spacing:-.025em;font-weight:700;color:#f0f0f3;margin:5px 0 0;overflow-wrap:anywhere;outline:none}
.co-detail-heading>div{min-width:0}.co-eyebrow{font-size:13px;color:#b9b9c3;margin:0}
.co-mode-label{flex-shrink:0;font-size:13px;color:#c2c2cc;max-width:180px;text-align:right}
.co-detail-page .co-game-detail{grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:28px;align-items:start}
.co-detail-page .co-game-actions{padding:24px;border:1px solid #37373f;border-radius:16px;background:#17171c}
.co-detail-page .co-access{gap:20px}.co-detail-page .co-account-id{padding-bottom:16px;border-bottom:1px solid #34343e;font-size:14px;letter-spacing:.015em}
.co-detail-page .co-account-id span{font-size:13px}
.co-detail-page .co-game-actions>.co-secondary{align-self:stretch}
.co-entry-list{max-height:480px;overscroll-behavior:contain}
.co-entry-list button{min-height:64px;padding:12px 14px;cursor:pointer;transition:background .14s ease,border-color .14s ease}
.co-entry-list button:hover{background:#222228;border-color:#60606a}
.co-entry-list button[aria-pressed=true]{border-color:#d0d0da;background:#2b2b33}
.co-entry-list strong{font-size:14px}.co-entry-list span{font-size:13px}
.co-credential>div{border-color:#484850;background:#111115}.co-credential input{font-size:16px;line-height:24px}
.co-detail-page .co-instructions summary{padding:16px 0}.co-instructions a{color:#dedee6}
.co-detail-page .co-instructions li{line-height:1.65}
.ko-catalog-nav{display:flex;align-items:center;gap:6px}
.ko-catalog-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 14px;border-radius:9px;color:#b9b9c4;white-space:nowrap;font-size:15px;font-weight:550;transition:background .14s,color .14s}
.ko-catalog-nav a:hover{background:#ffffff08;color:#fff}.ko-catalog-nav a[aria-current=page]{background:#2d2d35;color:#f4f4f6}
@media(max-width:767px){.co-detail-heading{align-items:flex-start;gap:12px;flex-direction:column;margin-bottom:20px}.co-mode-label{text-align:left;max-width:none}.co-detail-page .co-game-detail{grid-template-columns:minmax(0,1fr);gap:16px}.co-detail-page .co-game-actions{padding:18px 16px}.co-detail-page .co-game-detail aside>.co-cover{display:block;max-height:180px;aspect-ratio:460/160}.co-entry-list{max-height:200px;margin-top:14px}.co-detail-page .co-access{gap:18px}.co-detail-page{padding-top:16px}.co-loading{min-height:65dvh}.ko-catalog-nav a{font-size:14px;padding:8px 10px}}
@media(prefers-reduced-motion:reduce){.co-loading-mark{animation:none;border-color:#9a9aa5}.co-page *,.co-dialog *,.ko-catalog-nav a{transition:none!important;animation:none!important}}
