body{display:flex;flex-direction:column}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.game{padding:22px;display:flex;flex-direction:column;gap:6px}.game__icon{font-size:34px;line-height:1;margin-bottom:6px}.game h2{margin:0;font-size:20px}.game p{margin:0;color:var(--muted);font-size:14px;flex:1 1 auto}.tag{margin-top:10px;font-size:12px;color:var(--muted)}.game--soon{opacity:.6}.tag--soon{color:var(--accent);font-weight:600}.tag--open{color:var(--ok);font-weight:600}footer{margin-top:auto;padding:24px 16px max(24px,env(safe-area-inset-bottom));text-align:center;font-size:13px;color:var(--muted);display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px}.build{position:relative}.build__label{border:0;background:none;padding:0;font:inherit;color:var(--muted);cursor:default;font-variant-numeric:tabular-nums}.build__label:hover,.build.is-open .build__label{color:var(--fg)}.build__tip{display:none;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);min-width:280px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--fg);text-align:left;box-shadow:0 6px 20px #00000040;z-index:5}.build:hover .build__tip,.build:focus-within .build__tip,.build.is-open .build__tip{display:block}.build__row{display:flex;justify-content:space-between;gap:16px;padding:3px 0;white-space:nowrap}.build__when{color:var(--muted);font-variant-numeric:tabular-nums}.build__note{margin-top:6px;padding-top:6px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}@media (max-width: 400px){.build__tip{min-width:0;width:calc(100vw - 32px);left:auto;right:0;transform:none}.build__row{white-space:normal}}@media (max-width: 560px){.page{padding-top:16px}.grid{grid-template-columns:1fr;gap:12px}.game{padding:18px;display:grid;grid-template-columns:auto 1fr;column-gap:14px;align-items:start}.game__icon{grid-row:span 3;font-size:30px;margin:2px 0 0}}