/* styles.css */

/* 导入 Google Fonts */
/* Logo 字体: Luckiest Guy (夸张可爱) */
/* 正文/标题字体: Nunito (灵动、易读) */
@import url('https://fonts.googleapis.com/css2?family=Luckiest+Guy&family=Nunito:wght@400;700&display=swap');

/* 定义 Logo 字体样式 */
.logo-font {
    font-family: 'Luckiest Guy', cursive; /* 应用 Luckiest Guy 字体 */
    /* 可以添加更多样式来增强夸张可爱效果，例如文字阴影或轻微旋转 */
    /* text-shadow: 2px 2px 4px rgba(0,0,0,0.2); */
    /* transform: rotate(-2deg); */
}

/* 定义整体页面字体 (使用 Tailwind 的 text-类可能更方便，但这里提供一个全局基础) */
body {
     font-family: 'Nunito', sans-serif; /* 应用 Nunito 字体作为默认字体 */
     /* 基础颜色和背景在 HTML 中用 Tailwind 设置 */
}

/* 确保 iframe 容器及其父元素可以撑满高度，以便 iframe 占据所需空间 */
/* 这可能需要根据实际布局调整 */
/* html, body {
    height: 100%;
    margin: 0;
} */

/* 确保游戏区域可以合理地调整大小 */
#game-section {
    position: relative; /* 用于全屏按钮定位 */
    width: 100%;
    /* aspect-ratio: 16 / 9; /* 可以考虑设置一个宽高比，或者让其自适应 */
    /* 暂时使用固定高度，之后可以通过 JS 或响应式调整 */
    height: 75vh; /* 占据视口高度的 75%，可以调整 */
    max-height: 800px; /* 最大高度限制 */
}

#game-iframe {
    display: block; /* 消除 iframe 下方的微小空隙 */
    width: 100%;
    height: 100%;
    border: none; /* 移除边框 */
}