/* SPDX-License-Identifier: LicenseRef-Proprietary */
/* Copyright (C) 2026, araCreate Group */
/* Author: Aravinth Panch <ara@aracreate.group> */
/* Description: This file contains the styles of the deck page */

* { margin: 0; padding: 0; box-sizing: border-box }
html, body { background: #1e1e1e }
#deck { display: flex; flex-direction: column; align-items: center; gap: 16px; padding: 16px }
#deck canvas {
  display: block;
  width: min(100%, calc((100vh - 32px) * 16 / 9));
  width: min(100%, calc((100dvh - 32px) * 16 / 9));
  aspect-ratio: 16 / 9;
  background: #f6f6f6;
}
noscript p { padding: 32px; color: #f6f6f6; font-family: Arial, sans-serif }
noscript a { color: #f9bf3b }
.missing { padding: 32px; color: #f6f6f6; font-family: Arial, sans-serif; font-size: 24px; line-height: 1.6 }
.missing a { color: #f9bf3b }