@import url('/shared/site.css');
body{min-height:100dvh;display:flex;flex-direction:column}main{width:100%;max-width:calc(var(--space-1) * 250);margin:0 auto;flex:1;padding:calc(var(--space-1) * 6);min-height:0;display:flex;flex-direction:column}.heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:calc(var(--space-1) * 4.5);flex-shrink:0}.heading>span{color:var(--muted)}.game-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(var(--space-1) * 4);flex:1;min-height:0;align-content:start}.game-row{display:grid;grid-template-columns:1fr auto;gap:calc(var(--space-1) * 3);padding:calc(var(--space-1) * 4);background:var(--panel);border:calc(var(--space-1) * 0.25) solid var(--line);border-radius:var(--radius-panel)}.game-row>img{grid-column:1/-1;width:100%;height:calc(var(--space-1) * 27.5);object-fit:contain}.game-row h3{font:var(--fs-title) var(--font-title)}.game-row>span{grid-column:1/-1;grid-row:3;color:var(--muted);font-size:var(--fs-caption)}.open-table{background:var(--control);padding:calc(var(--space-1) * 2) calc(var(--space-1) * 4);border-radius:var(--radius-control);color:var(--ink)}.coming-soon{line-height:1.8;margin-top:calc(var(--space-1) * 5);flex-shrink:0}#message:empty{display:none}
@media(max-width:900px),(max-height:500px){main{padding:calc(var(--space-1) * 1.5) calc(var(--space-1) * 5)}.heading{margin-bottom:calc(var(--space-1) * 1.5)}.heading h1{font-size:var(--fs-title)}.game-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(var(--space-1) * 1.5)}.game-row{padding:calc(var(--space-1) * 1.25);gap:calc(var(--space-1) * 1);align-items:center}.game-row>img{height:calc(var(--space-1) * 8);margin:0}.game-row h3{font-size:calc(var(--space-1) * 3.25);line-height:1.1;grid-column:1;grid-row:2}.game-row>span{display:none}.open-table{grid-column:2;grid-row:2;padding:calc(var(--space-1) * 0.75) calc(var(--space-1) * 2.5);font-size:calc(var(--space-1) * 2.75);min-height:calc(var(--space-1) * 7)}.coming-soon{margin-top:calc(var(--space-1) * 1.5);font-size:calc(var(--space-1) * 2.5);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}footer{padding:calc(var(--space-1) * 0.5) calc(var(--space-1) * 5)}}

@media(min-width:901px) and (min-height:501px){.game-list{grid-template-columns:repeat(4,minmax(0,calc(var(--space-1) * 56.5)));justify-content:center;align-content:center}.game-row{max-width:calc(var(--space-1) * 56.5)}.game-row>img{height:calc(var(--space-1) * 32.5)}}