.archive-actions{display:flex;flex-wrap:wrap;align-items:stretch;gap:8px;margin-top:16px}.archive-actions form{display:flex;margin:0}.archive-action,#game-format-dialog .btn-option{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:9px 12px;border:1px solid var(--site-accent,var(--primary-color,#008000));border-radius:0;background:transparent;color:var(--site-accent,var(--primary-color,#008000));font:inherit;font-size:14px;line-height:1.35;text-decoration:none;cursor:pointer}.archive-action:hover,.archive-action:focus-visible,#game-format-dialog .btn-option:hover{background:var(--site-accent,var(--primary-color,#008000));color:#fff}.archive-action--gog{border-color:#834399;color:#834399}.archive-action--gog:hover,.archive-action--gog:focus-visible{background:#834399;color:#fff}.archive-action svg{flex-shrink:0;fill:currentColor}.archive-action:focus-visible{outline:2px solid currentColor;outline-offset:3px}@media(max-width:575px){.archive-actions{gap:6px}.archive-action{font-size:13px;padding:8px 10px}}

.archive-action--playstation{border-color:#2147a3;color:#2147a3}.archive-action--playstation:hover,.archive-action--playstation:focus-visible{background:#2147a3;color:#fff}

.archive-action--nintendo{border-color:#e60012;color:#e60012}.archive-action--nintendo:hover,.archive-action--nintendo:focus-visible{background:#e60012;color:#fff}

.archive-platforms{display:contents}.archive-add-label{align-self:center;margin-right:4px;font-size:14px;white-space:nowrap}.archive-platforms form{display:flex;margin:0}.archive-platform-choice{flex-direction:row;gap:5px;min-width:0;padding:8px 10px}.archive-platform-choice span{font-size:12px;line-height:1.2}.archive-platform-choice svg{display:block;width:24px;height:24px;flex-shrink:0}

.archive-platform-choice.archive-platform--gamecube{color:rgb(60,0,120);border-color:rgb(60,0,120)}.archive-platform-choice.archive-platform--gamecube:hover,.archive-platform-choice.archive-platform--gamecube:focus-visible{background:rgb(60,0,120);color:#fff}

.archive-platform-choice .archive-platform-owned{display:inline-flex;align-items:center;justify-content:center;flex:0 0 16px;width:16px;height:16px;border:1px solid currentColor;font-size:12px;font-weight:700;line-height:1;margin-left:3px}

.archive-actions-grouped{display:flex;flex-direction:column;gap:14px;align-items:stretch;margin-top:20px}.archive-collection-row,.archive-secondary-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.archive-secondary-row{padding-top:14px;border-top:1px solid #e3e8e0}.archive-actions-grouped .archive-action{min-height:44px;padding:9px 12px;box-sizing:border-box}.archive-actions-grouped .archive-action svg{width:20px;height:20px}.archive-actions-grouped .archive-platform-choice span{font-size:14px}.archive-actions-grouped .archive-promotion{gap:8px}.archive-promotion strong{font-weight:700}.archive-add-label{font-size:14px}@media(max-width:575px){.archive-actions-grouped{gap:12px}.archive-collection-row,.archive-secondary-row{gap:6px}.archive-collection-row .archive-add-label{flex-basis:100%;margin-bottom:2px}.archive-actions-grouped .archive-action{padding:8px 10px;font-size:13px}.archive-actions-grouped .archive-platform-choice span{font-size:13px}}

.archive-platform-choice{position:relative;overflow:visible}.archive-platform-choice .archive-platform-add-sign{position:absolute;right:2px;top:50%;transform:translateY(-50%);width:9px;line-height:1;font-size:16px;font-weight:700;opacity:0;pointer-events:none}.archive-platform-choice .archive-platform-tooltip{position:absolute;bottom:calc(100% + 9px);left:50%;transform:translateX(-50%);z-index:30;padding:6px 9px;background:#252525;color:#fff;font-size:12px;font-weight:400;line-height:1.35;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none}.archive-platform-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:5px solid transparent;border-top-color:#252525}.archive-platform-choice:is(:hover,:focus-visible) .archive-platform-add-sign{opacity:1}.archive-platform-choice:is(:hover,:focus-visible) .archive-platform-tooltip{opacity:1;visibility:visible}

.archive-actions-grouped .archive-platform-choice{padding:7px 9px;gap:5px;min-height:40px}.archive-actions-grouped .archive-platform-choice .archive-platform-add-sign{position:static;display:inline-flex;align-items:center;justify-content:center;flex:0 0 10px;width:10px;margin-left:4px;transform:translateY(2px) scale(.8);opacity:0;transition:opacity .18s ease,transform .18s ease}.archive-actions-grouped .archive-platform-choice:is(:hover,:focus-visible) .archive-platform-add-sign{opacity:1;transform:translateY(0) scale(1)}@media(prefers-reduced-motion:reduce){.archive-actions-grouped .archive-platform-choice .archive-platform-add-sign{transition:none;transform:none}}

@keyframes archive-plus-pop{0%{transform:translateY(2px) scale(.65) rotate(-90deg)}65%{transform:translateY(0) scale(1.2) rotate(8deg)}100%{transform:translateY(0) scale(1) rotate(0)}}.archive-actions-grouped .archive-platform-choice:is(:hover,:focus-visible) .archive-platform-add-sign{animation:archive-plus-pop .3s ease-out both}@media(prefers-reduced-motion:reduce){.archive-actions-grouped .archive-platform-choice:is(:hover,:focus-visible) .archive-platform-add-sign{animation:none}}
