html[lang="zh-TW"] { --ui-font: "Noto Sans TC", "Noto Sans CJK TC", "PingFang TC", "Microsoft JhengHei", sans-serif; }
html[lang="zh-CN"] { --ui-font: "Noto Sans SC", "Noto Sans CJK SC", "PingFang SC", "Microsoft YaHei", sans-serif; }
html[lang="en"] { --ui-font: system-ui, "Noto Sans", sans-serif; }
body { font-family: var(--ui-font); color: #222; background: #fff; }
a { color: inherit; text-underline-offset: .2em; }
a[aria-current="true"] { font-weight: 700; }
h1 { font-size: clamp(1.6rem, 4vw, 2.2rem); }
h1, p, a, button { overflow-wrap: anywhere; }
.placeholder-button { display: inline-block; max-width: 100%; padding: .65rem 1rem; border: 1px solid #777; background: #f5f5f5; color: #222; text-align: center; white-space: normal; }
.placeholder-button:disabled { color: #666; cursor: not-allowed; }
#game-container { width: 100%; height: clamp(220px, 45vh, 480px); background: #eee; }
#game-container canvas { display: block; max-width: 100%; }
:focus-visible { outline: 2px solid #333; outline-offset: 4px; }