@import './navigation.css';
@import './theme.css';
/* The platform wordmark is authored SVG geometry, never a downloaded font. */
.pd-wordmark-art { display: block; width: 12em; max-width: 100%; height: auto; aspect-ratio: 706 / 76; overflow: visible; }
.pd-brand-wordmark-label { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }

.pd-brand-lockup { display: inline-flex; align-items: center; gap: 8px; min-width: 0; max-width: 100%; vertical-align: middle; }
.pd-brand-lockup-mark { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 32px; height: 32px; }
.pd-brand-lockup-mark > svg { display: block; width: 100%; height: 100%; }
.pd-brand-lockup-text { display: flex; flex-direction: column; justify-content: center; min-width: 0; }
.pd-brand-lockup-wordmark { display: block; font: 14px/1 system-ui, sans-serif; white-space: nowrap; color: #f8fafc; }
.pd-brand-lockup--compact { gap: 6px; }
.pd-brand-lockup--compact .pd-brand-lockup-mark { width: 24px; height: 24px; }
.pd-brand-lockup--compact .pd-brand-lockup-wordmark { font-size: 10px; }


/* GG = Good Games. The small signature remains ordinary readable text. */
.pd-brand-lockup-meaning { display: block; margin-top: 4px; color: #c4b19a; font: 500 10px/1.25 system-ui, sans-serif; letter-spacing: .05em; white-space: nowrap; }
.pd-brand-lockup-wordmark { color: #f8f0dc; }
.pd-brand-lockup-mark { width: 36px; height: 36px; }
.pd-brand-lockup--compact .pd-brand-lockup-mark { width: 30px; height: 30px; }
.pd-mark-lid { transform-origin: 50% 40%; transition: transform 180ms ease-out; }
a:hover .pd-mark-lid, button:hover .pd-mark-lid { transform: translateY(-1px); }
@media(prefers-reduced-motion:reduce) { .pd-mark-lid { transition: none; transform: none !important; } }