/* 掲示板全体（背景・文字） */
body,
div,
p,
span,
td,
th,
li {
   font-family: monospace;
   font-size: 12px;
line-height: 1.5;
}

body {
background: #bfc5b8; /* 本体グレー */
color: #0f380f; /* 濃い緑 */
font-family: monospace; /* ドット感 */
}

/* よくある本文エリア対策 */
div, p, span {
color: #0f380f;
}

/* リンクもGB風 */
a {
color: #306230;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

/* 本体（外側：グレーの筐体） */
.gameboy-body {
width: 320px; /* ← 横幅を少し狭く */
padding: 18px 14px 24px;
margin: 8px auto;

background: #9fa59a; /* GB本体グレー */
border-radius: 10px;

box-shadow:
inset -2px -2px 0 #7f857a,
inset 2px 2px 0 #cfd4cb;
}

/* 画面フレーム */
.gameboy-frame {
padding: 14px;

background: #9bbc0f;
border: 6px solid #0f380f;

box-shadow:
inset 4px 4px 0 #cde87a,
inset -4px -4px 0 #306230;

font-family: monospace;
}

/* 画面タイトル */
.gameboy-title {
  font-family: monospace;
  font-size: 12px;
  letter-spacing: 1px;

  color: #0f380f;
  text-align: center;

  margin-bottom: 4px;
}


/* 画面内 */
.gameboy-screen {
background: #8bac0f;
border: 4px solid #0f380f;
padding: 2px 10px 10px;

color: #0f380f;
line-height: 1.6;
}

.gameboy-screen {
  font-family: "Sawarabi Gothic", sans-serif;
  font-size: 8pt;
  letter-spacing: 1px;
}

/* ボタン全体 */
.gameboy-buttons {
margin-top: 2px;
margin-bottom: 0px;
display: flex;
justify-content: flex-end;
gap: 10px;
}

/* 共通ボタン */
.gb-btn {
width: 40px;
height: 40px;
border-radius: 50%;

background: #7b2952; /* GBの紫寄り */
color: #f5e9f0;

font-family: monospace;
font-size: 14px;
line-height: 44px;
text-align: center;

box-shadow:
inset -2px -2px 0 #4f1733,
inset 2px 2px 0 #a64a78;
}

/* 少しズラす（実機感） */
.gb-btn-a {
transform: translateY(4px);
}

/* 操作部全体（十字キー＋A/B） */
.gameboy-controls {
margin-top: 8px;
display: flex;
justify-content: space-between;
align-items: center;
}

/* 十字キー全体 */
.dpad {
position: relative;
width: 64px;
height: 64px;
}

/* 共通パーツ */
.dpad div {
position: absolute;
background: #2b2b2b;
box-shadow:
inset -2px -2px 0 #111,
inset 2px 2px 0 #555;
}

/* 各方向 */
.dpad-up,
.dpad-down {
width: 20px;
height: 26px;
left: 22px;
}

.dpad-up { top: 0; }
.dpad-down { bottom: 0; }

.dpad-left,
.dpad-right {
width: 26px;
height: 20px;
top: 22px;
}

.dpad-left { left: 0; }
.dpad-right { right: 0; }

/* 中央 */
.dpad-center {
width: 20px;
height: 20px;
top: 22px;
left: 22px;
background: #1f1f1f;
}