/* arcade.css — 游戏厅共用设计系统。
   配色 / 字体 / 纸面背景 / 基础 reset。大厅和每个游戏都 link 它,拿到统一的手绘纸面观感。
   新游戏只需: <link rel="stylesheet" href="arcade.css"> 再写自己那一页的布局样式。 */
:root{
  --paper:#fbf7ea; --paper-field:#fffdf6;
  --rule:rgba(74,104,160,.14); --margin:rgba(214,96,86,.30);
  --ink:#2d3346; --muted:#6b7187; --faint:#9a9fb0; --hair:rgba(45,51,70,.16);
  --you:#4b7bd6; --wife:#ec7a84; --accent:#9b7ede;
  color-scheme:light;
  --font:"Patrick Hand","ZCOOL KuaiLe","PingFang SC","Microsoft YaHei","Hiragino Sans GB","Noto Sans SC",system-ui,sans-serif;
  --font-cn:"ZCOOL KuaiLe","PingFang SC","Microsoft YaHei","Hiragino Sans GB","Noto Sans SC",system-ui,sans-serif;
  --shadow:2px 3px 0 rgba(45,51,70,.16);
  --shadow-lg:3px 4px 0 rgba(45,51,70,.16);
}
*{box-sizing:border-box}
html{-webkit-tap-highlight-color:transparent}      /* 去掉移动端点按的蓝色高亮 */
[hidden]{display:none!important}                    /* 让 el.hidden 一定隐藏(盖过 .overlay{display:flex}) */
html,body{height:100%}
body{
  margin:0;min-height:100%;color:var(--ink);font-family:var(--font);font-size:17px;letter-spacing:.01em;
  background-color:var(--paper);
  background-image:
    linear-gradient(to right, transparent 38px, var(--margin) 38px, var(--margin) 39px, transparent 39px),
    repeating-linear-gradient(to bottom, transparent 0 31px, var(--rule) 31px 32px);
  background-attachment:fixed;-webkit-font-smoothing:antialiased;overscroll-behavior:none;
}