.od-game-tile.svelte-dzm0rr{border:1px solid color-mix(in srgb,var(--tile-tint) 25%,transparent);background:radial-gradient(ellipse at 50% 30%,color-mix(in srgb,var(--tile-tint) 13%,transparent),transparent 68%),linear-gradient(150deg,#1d1a2a,#10111c);border-radius:17px;flex-direction:column;min-width:0;padding:10px 11px 12px;transition:border-color .2s,box-shadow .2s;display:flex;position:relative;box-shadow:inset 0 1px #fff1,0 14px 25px #0002}.od-game-tile.svelte-dzm0rr:hover{border-color:color-mix(in srgb,var(--tile-tint) 60%,transparent);box-shadow:inset 0 1px #fff2,0 14px 30px #0005}.od-tile-meta.svelte-dzm0rr{justify-content:space-between;align-items:center;gap:10px;min-height:32px;display:flex}.od-tile-meta.svelte-dzm0rr>span:where(.svelte-dzm0rr){letter-spacing:.1em;color:#b8adc9;font-size:6.5px}.od-tile-meta.svelte-dzm0rr>span.guest:where(.svelte-dzm0rr){color:#d3f88c}.od-tile-save.svelte-dzm0rr{color:#c1a6dc;cursor:pointer;background:#14121f;border:1px solid #b89cdd33;border-radius:50%;flex-shrink:0;place-items:center;width:32px;height:32px;display:grid;box-shadow:inset 0 1px 1px #fff1}.od-tile-save.saved.svelte-dzm0rr{color:#242a18;background:#d5f894;border-color:#d5f894}.od-tile-save.svelte-dzm0rr:disabled{opacity:.5;cursor:default}.od-tile-art.svelte-dzm0rr{aspect-ratio:3/2;place-items:center;margin:0 -3px 8px;display:grid}.od-tile-art.svelte-dzm0rr img:where(.svelte-dzm0rr){object-fit:contain;filter:drop-shadow(0 13px 9px #0006);width:100%;height:100%;transition:transform .25s;display:block}.od-tile-art.svelte-dzm0rr:hover img:where(.svelte-dzm0rr){transform:translateY(-5px)scale(1.03)}.od-tile-copy.svelte-dzm0rr{flex:1;padding:0 1px 13px}.od-tile-copy.svelte-dzm0rr h2:where(.svelte-dzm0rr){color:#f0eaf6;overflow-wrap:anywhere;margin:0 0 7px;font-size:26px;font-weight:800;line-height:1.08}.od-tile-copy.svelte-dzm0rr h2:where(.svelte-dzm0rr) a:where(.svelte-dzm0rr):hover{color:#d5f894}.od-tile-copy.svelte-dzm0rr p:where(.svelte-dzm0rr){color:#b8abc8;margin:0 0 6px;font-size:8px;line-height:1.5}.od-tile-copy.svelte-dzm0rr>span:where(.svelte-dzm0rr){color:#a195b0;font-size:6.5px;line-height:1.5}.od-tile-actions.svelte-dzm0rr{grid-template-columns:1fr 1fr;gap:7px;display:grid}.od-tile-actions.svelte-dzm0rr>:where(.svelte-dzm0rr){border-radius:9px;justify-content:center;align-items:center;min-height:40px;padding:9px 5px;font-size:10px;font-weight:600;line-height:1.2;display:flex}.od-tile-actions.svelte-dzm0rr>button:where(.svelte-dzm0rr){color:#e4d8f2;cursor:pointer;background:#272137;border:1px solid #b7a0de4d;box-shadow:inset 0 1px #fff1,0 3px #0a0911}.od-tile-actions.svelte-dzm0rr>a:where(.svelte-dzm0rr){color:#202714;background:linear-gradient(130deg,#e1fba5,#bfdc75);border:0;border-bottom:3px solid #728c3c;box-shadow:inset 0 1px #fff9}.od-tile-actions.svelte-dzm0rr>button:where(.svelte-dzm0rr):hover{background:#342947}.od-tile-actions.svelte-dzm0rr>a:where(.svelte-dzm0rr):hover{filter:brightness(1.07)}@media (width<=700px){.od-game-tile.svelte-dzm0rr{border-radius:14px;padding:8px 9px 11px}.od-tile-meta.svelte-dzm0rr{gap:5px;min-height:34px}.od-tile-meta.svelte-dzm0rr>span:where(.svelte-dzm0rr){letter-spacing:.07em;font-size:6px}.od-tile-save.svelte-dzm0rr{width:34px;height:34px}.od-tile-art.svelte-dzm0rr{aspect-ratio:1.5;margin:2px -2px 8px}.od-tile-copy.svelte-dzm0rr{padding:0 1px 12px}.od-tile-copy.svelte-dzm0rr h2:where(.svelte-dzm0rr){margin-bottom:7px;font-size:24px}.od-tile-copy.svelte-dzm0rr p:where(.svelte-dzm0rr){font-size:8px;line-height:1.5}.od-tile-copy.svelte-dzm0rr>span:where(.svelte-dzm0rr){font-size:6.5px}.od-tile-actions.svelte-dzm0rr{gap:7px}.od-tile-actions.svelte-dzm0rr>:where(.svelte-dzm0rr){min-height:43px;padding:10px 5px;font-size:10px}}@media (width<=360px){.od-game-tile.svelte-dzm0rr{padding:8px 9px 11px}.od-tile-meta.svelte-dzm0rr>span:where(.svelte-dzm0rr){font-size:5.5px}.od-tile-copy.svelte-dzm0rr h2:where(.svelte-dzm0rr){font-size:22px}.od-tile-copy.svelte-dzm0rr p:where(.svelte-dzm0rr){font-size:8px}.od-tile-actions.svelte-dzm0rr>:where(.svelte-dzm0rr){font-size:9px}.od-tile-actions.svelte-dzm0rr{gap:6px}}@media (prefers-reduced-motion:reduce){.od-game-tile.svelte-dzm0rr,.od-tile-art.svelte-dzm0rr img:where(.svelte-dzm0rr){transition:none}.od-tile-art.svelte-dzm0rr:hover img:where(.svelte-dzm0rr){transform:none}}.od-games-grid.svelte-1uzinix{grid-template-columns:repeat(6,minmax(0,1fr));gap:18px 14px;padding:0 0 80px;display:grid}.od-card-notice.svelte-1uzinix{color:#c9e8a0;min-height:18px;margin:3px 0 16px;font-size:10px;line-height:1.6}@media (width<=1500px){.od-games-grid.svelte-1uzinix{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (width<=1100px){.od-games-grid.svelte-1uzinix{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=760px){.od-games-grid.svelte-1uzinix{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 12px}}@media (width<=520px){.od-games-grid.svelte-1uzinix{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 11px;padding-bottom:50px}.od-card-notice.svelte-1uzinix{margin:1px 0 12px;font-size:9px}}@media (width<=360px){.od-games-grid.svelte-1uzinix{gap:14px 10px}}
