/* Keep actions inside narrow collection cards; platform badges can wrap. */
html body .game-card .card-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0}
html body .game-card .os-list{display:flex;flex-wrap:wrap;gap:4px;min-width:0;max-width:100%}
html body .game-card .os{flex:none;width:26px;height:26px;border-radius:8px;border:1px solid #a9a0d12b;background:linear-gradient(145deg,#332d495e,#191e305c);color:#d4d1e9;box-shadow:inset 0 1px #ffffff08}
html body .game-card .card-actions{display:flex;flex:none;gap:5px;min-width:0;justify-self:end}
html body .game-card .card-actions>button{flex:none}
html body .library-shelf .game-card .os-list{display:grid;grid-template-columns:repeat(2,26px);justify-content:start}
html body .os svg.platform-glyph{width:17px;height:17px;fill:currentColor;stroke:none}
html body .os svg.platform-android{color:#a9d4c1;width:18px}
html body .os svg.platform-windows{color:#aecbdd;width:15px;height:15px}
html body .os svg.platform-linux{color:#d6c4eb;width:18px;height:18px}
html body .os svg.platform-mac{color:#e4dfef}
html body .download-platform summary i svg.platform-glyph{width:18px;height:18px;fill:currentColor;stroke:none}
@media(max-width:600px){html body .game-card .os{width:24px;height:24px;border-radius:7px}html body .library-shelf .game-card .os-list{grid-template-columns:repeat(2,24px)}html body .os svg.platform-glyph{width:16px;height:16px}}

/* The old platform-symbol wrapper style must never shrink the SVG itself. */
html body .game-card .os{width:24px;height:28px;border:0;border-radius:0;background:none;box-shadow:none;color:#c9c6db}
html body .game-card .os-list{gap:3px 7px}
html body .os svg.platform-glyph{width:20px;height:20px;padding:0;border:0;border-radius:0;background:none;box-shadow:none;fill:currentColor;stroke:none}
html body .os svg.platform-android{width:22px;color:#c2d1d0}
html body .os svg.platform-linux{width:21px;height:21px;color:#d4cbdf}
html body .os svg.platform-windows{width:18px;height:18px;color:#bacbdf}
html body .os svg.platform-mac{color:#ded9e8}
html body .platforms .chip{display:inline-flex;align-items:center;gap:9px;padding-inline:15px}
html body .platforms .chip>.platform-symbol{display:inline-grid;place-items:center;flex:none;width:22px;height:24px;padding:0;border:0;border-radius:0;background:none;box-shadow:none;color:#c9c6db}
html body .platforms .platform-symbol>svg.platform-glyph{display:block;width:20px;height:20px;padding:0;border:0;border-radius:0;background:none;box-shadow:none;fill:currentColor;stroke:none}
html body .platforms .platform-symbol>svg.platform-android{width:22px}
html body .platforms .platform-symbol>svg.platform-windows{width:18px;height:18px}
html body .platforms .chip.active>.platform-symbol{color:#e2e6ff}
html body .download-platform summary i{background:none;border-color:transparent;box-shadow:none}
html body .download-platform summary i>svg.platform-glyph{width:21px;height:21px;padding:0;border:0;border-radius:0;background:none;box-shadow:none}