.arcade-library{color:#f6f2ff;background:linear-gradient(145deg,#272137,#1b1728);border:1px solid #ffffff16;border-radius:24px;margin:0 0 24px;padding:22px;font-family:Arial,sans-serif}.arcade-library-heading{justify-content:space-between;align-items:end;gap:16px;margin-bottom:20px;display:flex}.arcade-library-heading span{letter-spacing:2px;color:#b4a5ca;font-size:10px;font-weight:700}.arcade-library-heading h2{letter-spacing:-.7px;color:#f6f2ff;margin:5px 0 0;font-size:24px}.arcade-library-heading p{color:#bfb3ce;margin:0 0 3px;font-size:12px}.arcade-library h3{color:#d4c8e3;align-items:center;gap:7px;margin:0 0 12px;font-size:13px;display:flex}.arcade-favourites{border-bottom:1px solid #ffffff12;margin-bottom:18px;padding-bottom:18px}.arcade-tile-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.arcade-tile{background:#ffffff04;border:1px solid #ffffff0d;border-radius:19px;min-width:0;transition:background .18s,border-color .18s;position:relative}.arcade-tile:hover{background:#ffffff0b;border-color:#bfa4ed55}.arcade-tile-link{height:100%;color:inherit;text-align:center;box-sizing:border-box;border-radius:19px;flex-direction:column;align-items:center;padding:18px 12px 14px;text-decoration:none;display:flex}.arcade-tile-art{object-fit:cover;border-radius:22px;width:88px;height:88px;margin-bottom:12px;box-shadow:0 5px 16px #0004}.arcade-tile-link strong{color:#f6f2ff;font-size:15px;line-height:1.3}.arcade-tile-link p{color:#bfb3ce;max-width:220px;margin:7px 0 12px;font-size:12px;line-height:1.45}.arcade-tile-play{color:#e2d1ff;background:#ccb8f11a;border-radius:20px;align-items:center;gap:5px;margin-top:auto;padding:6px 14px;font-size:11px;font-weight:700;display:flex}.arcade-tile-favourite{color:#a89cb9;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:5px;right:5px}.arcade-tile-favourite[aria-pressed=true]{color:#f5ce77}.arcade-tile-favourite:hover{background:#ffffff12}.arcade-library :is(a,button):focus-visible{outline-offset:3px;outline:2px solid #e6c889}@media (max-width:700px){.arcade-library{border-radius:20px;padding:16px 12px}.arcade-library-heading{margin-bottom:16px;display:block}.arcade-library-heading h2{font-size:23px}.arcade-library-heading p{margin-top:8px}.arcade-tile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.arcade-tile-link{padding:15px 10px 12px}.arcade-tile-art{border-radius:19px;width:76px;height:76px}.arcade-tile-link strong{font-size:14px}.arcade-tile-link p{font-size:11px}.arcade-tile-favourite{width:36px;height:36px;top:1px;right:1px}}@media (prefers-reduced-motion:reduce){.arcade-tile{transition:none}}.arcade-favourites .arcade-tile-link{text-align:left;grid-template-columns:42px 1fr;gap:4px 10px;padding:12px 38px 12px 12px;display:grid}.arcade-favourites .arcade-tile-art{border-radius:12px;grid-row:span 2;width:42px;height:42px;margin:0}.arcade-favourites .arcade-tile-link strong{font-size:13px}.arcade-favourites .arcade-tile-link p{display:none}.arcade-favourites .arcade-tile-play{background:0 0;justify-self:start;padding:0;font-size:10px}.arcade-favourites .arcade-tile-favourite{top:50%;transform:translateY(-50%)}@media (max-width:700px){.arcade-favourites .arcade-tile-grid{grid-template-columns:1fr}.arcade-tile-favourite{width:44px;height:44px}}.arcade-tile-new{vertical-align:middle;color:#342038;text-transform:uppercase;letter-spacing:.5px;background:#e7c47e;border-radius:5px;margin-left:6px;padding:3px 5px;font-size:9px;font-weight:800;line-height:1;display:inline-block}.arcade-tile-art[src="/arcade/chip-invaders-player.webp"]{object-fit:contain;box-shadow:none;border-radius:0}