.game-drawer{border-radius:var(--radius-xl);background:var(--color-surface);width:min(440px,100vw - 24px);max-width:100vw;height:auto;max-height:none;color:var(--color-text);font-family:var(--font-sans);box-shadow:var(--shadow-floating);transition:transform .24s var(--ease-out-premium);border:none;flex-direction:column;margin:0 0 0 auto;padding:0;display:flex;inset:12px 12px 12px auto;overflow:hidden;transform:translate(calc(100% + 12px))}.game-drawer[data-state=open]{transform:translate(0)}.game-drawer::backdrop{opacity:0;transition:opacity .22s var(--ease-out);background:linear-gradient(90deg,#00000014,#00000029)}.game-drawer[data-state=open]::backdrop{opacity:1}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.game-drawer::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}@media (prefers-reduced-transparency:reduce){.game-drawer::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0009}}.gd-scroll{overscroll-behavior:contain;flex:1;min-height:0;position:relative;overflow:hidden auto}.gd-close{z-index:2;border-radius:var(--radius-full);width:32px;height:32px;color:var(--color-text);cursor:pointer;transition:background .14s var(--ease-out);background:#08090bb3;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;top:12px;right:12px}.gd-close:hover{background:#08090be6}.gd-close:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.gd-hero{aspect-ratio:460/215;background:var(--color-surface-raised);width:100%;display:block;position:relative;overflow:hidden}.gd-hero img,.gd-hero picture,.gd-hero .game-cover{object-fit:cover;width:100%;height:100%;display:block}.gd-hero-scrim{pointer-events:none;background:linear-gradient(to top, color-mix(in srgb, var(--color-surface) 94%, transparent) 0%, color-mix(in srgb, var(--color-surface) 50%, transparent) 42%, color-mix(in srgb, var(--color-surface) 12%, transparent) 76%, transparent 100%);position:absolute;inset:0}.gd-hero-players{left:var(--space-lg);z-index:2;font-size:var(--text-caption);color:#ffffffb8;align-items:center;gap:5px;display:inline-flex;position:absolute;bottom:10px}.gd-hero-players svg{color:#fff9}.gd-hero-players b{font-family:var(--font-mono);font-size:var(--text-body-sm);font-variant-numeric:tabular-nums;color:#fff;font-weight:700}.gd-body{padding:var(--space-md) var(--space-lg) var(--space-xl);gap:var(--space-sm);flex-direction:column;display:flex}.gd-title{font-size:var(--text-display-sm);line-height:var(--leading-tight);letter-spacing:-.01em;color:var(--color-text);margin:0;font-weight:700}.gd-meta{font-size:var(--text-caption);color:var(--color-text-subtle);align-items:center;gap:10px;margin-top:4px;display:flex}.gd-meta-dev{color:var(--color-text-muted);font-weight:500}.gd-platforms{color:var(--color-text-subtle);align-items:center;gap:6px;display:inline-flex}.gd-statline{font-size:var(--text-caption);color:var(--color-text-muted);flex-wrap:wrap;align-items:center;row-gap:4px;margin-top:6px;display:flex}.gd-statline>*+:before{content:"·";color:var(--color-text-subtle);margin:0 9px}.gd-rating{align-items:center;gap:4px;display:inline-flex}.gd-rating b{font-variant-numeric:tabular-nums;color:var(--color-text);font-weight:600}.gd-rating-desc{color:var(--color-text-subtle)}.gd-rating[data-rating=pos] svg,.gd-rating[data-rating=pos] b{color:var(--color-success)}.gd-rating[data-rating=mixed] svg,.gd-rating[data-rating=mixed] b{color:var(--color-warning)}.gd-rating[data-rating=neg] svg,.gd-rating[data-rating=neg] b{color:var(--color-danger)}.gd-stat-item{font-variant-numeric:tabular-nums}.gd-stat-free[data-free=true]{color:var(--color-success);font-weight:600}.gd-desc{font-size:var(--text-body-sm);line-height:var(--leading-normal);color:var(--color-text-muted);-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;margin:4px 0 0;display:-webkit-box;overflow:hidden}.gd-tags{flex-wrap:wrap;gap:6px;margin:6px 0 0;padding:0;list-style:none;display:flex}.gd-tag{font-size:var(--text-caption);color:var(--color-text-muted);background:var(--color-surface-raised);border-radius:var(--radius-full);box-shadow:var(--shadow-pill);padding:3px 10px}.gd-section{margin-top:var(--space-md);flex-direction:column;gap:6px;display:flex}.gd-section-title{font-family:var(--font-mono);font-size:var(--text-caption);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-subtle);margin:0}.gd-latest{border-radius:var(--radius-md);background:var(--color-surface-raised);color:inherit;box-shadow:var(--shadow-panel);transition:background .14s var(--ease-out);flex-direction:column;gap:4px;padding:10px 12px;text-decoration:none;display:flex}.gd-latest:hover{background:var(--color-surface-elevated)}.gd-latest:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.gd-latest-title{font-size:var(--text-body-sm);color:var(--color-text);font-weight:600;line-height:var(--leading-snug)}.gd-latest-time{font-family:var(--font-mono);font-size:var(--text-caption);color:var(--color-text-subtle)}.gd-updates{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.gd-update{border-top:1px solid var(--color-divider);color:inherit;justify-content:space-between;align-items:baseline;gap:12px;padding:8px 0;text-decoration:none;display:flex}.gd-update:hover .gd-update-title{color:var(--color-link)}.gd-update:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.gd-update-title{font-size:var(--text-body-sm);color:var(--color-text-muted);line-height:var(--leading-snug);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.gd-update-time{font-family:var(--font-mono);font-size:var(--text-caption);color:var(--color-text-subtle);white-space:nowrap;flex:none}.gd-footer{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);border-top:1px solid var(--color-divider);background:var(--color-surface);flex:none;display:flex}.gd-links{align-items:center;gap:6px;display:flex}.gd-iconlink{border-radius:var(--radius-sm);background:var(--color-surface-raised);width:38px;height:38px;color:var(--color-text-muted);box-shadow:var(--shadow-control);transition:background .14s var(--ease-out), color .14s var(--ease-out);justify-content:center;align-items:center;display:inline-flex}.gd-iconlink:hover{background:var(--color-surface-elevated);color:var(--color-text)}.gd-iconlink:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.gd-action{border-radius:var(--radius-sm);height:38px;font-size:var(--text-body-sm);background:var(--color-surface-raised);color:var(--color-text);box-shadow:var(--shadow-control);transition:background .14s var(--ease-out);justify-content:center;align-items:center;padding:0 16px;font-weight:600;text-decoration:none;display:inline-flex}.gd-action:hover{background:var(--color-surface-elevated)}.gd-action:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.gd-action--primary{background:var(--color-action);color:var(--color-action-text);box-shadow:var(--shadow-action);flex:1}.gd-action--primary:hover{background:var(--color-action-hover)}.gd-empty{padding-top:var(--space-2xl)}.gd-skeleton{background:var(--color-surface-raised);border-radius:var(--radius-sm);animation:gd-pulse 1.4s var(--ease-out) infinite}.gd-skeleton-line{height:14px;margin-top:10px;display:block}.gd-skeleton-line--title{width:70%;height:26px}.gd-skeleton-line--short{width:45%}.gd-visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes gd-pulse{0%,to{opacity:1}50%{opacity:.55}}@media (prefers-reduced-motion:reduce){.game-drawer,.game-drawer::backdrop{transition:none}.gd-skeleton{animation:none}}@media (max-width:480px){.game-drawer{width:100vw}}