/* 多語系＋無障礙（js/i18n.js）。語言＝繁體中文、三個無障礙選項都關著時，這裡的規則一條都不會套用。 */
/* 字型：英文、日文各自的備用字型（最後都退回中文字型，沒翻到的字照樣顯示） */
html[data-lang="en"] body,html[data-lang="en"] #start{font-family:ui-rounded,"SF Pro Rounded","Arial Rounded MT Bold","Segoe UI",Roboto,"Helvetica Neue",Arial,system-ui,"PingFang TC","Microsoft JhengHei",sans-serif}
html[data-lang="ja"] body,html[data-lang="ja"] #start{font-family:ui-rounded,"Hiragino Maru Gothic ProN","Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic UI","Yu Gothic",Meiryo,"Noto Sans JP","Noto Sans CJK JP",system-ui,"PingFang TC","Microsoft JhengHei",sans-serif}
/* 英文比中文長：按鈕、分頁、標籤允許縮字與斷行，不要撐破版面 */
html[data-lang="en"] .tb,html[data-lang="en"] .mini,html[data-lang="en"] .gb{letter-spacing:0;overflow-wrap:anywhere}
html[data-lang="en"] .tb{font-size:.86em;padding-left:6px;padding-right:6px}
html[data-lang="en"] #cmd button,html[data-lang="en"] #rcol button,html[data-lang="en"] #hud .db{font-size:.82em;letter-spacing:0;line-height:1.05}
html[data-lang="en"] .li small,html[data-lang="ja"] .li small{overflow-wrap:anywhere}
html[data-lang="en"] #logo .lg-t{font-size:.5em;letter-spacing:0}html[data-lang="ja"] #logo .lg-t{font-size:.8em;letter-spacing:0}
/* 登入畫面的語言選單 */
#i18nSel{position:absolute;right:max(10px,env(safe-area-inset-right));top:max(10px,env(safe-area-inset-top));z-index:6;height:32px;padding:0 8px;border-radius:16px;border:2px solid rgba(255,255,255,.55);background:rgba(24,28,66,.72);color:#fff;font:700 13px system-ui,sans-serif;-webkit-appearance:none;appearance:none}
#i18nSel option{color:#111;background:#fff}

/* 字體大小：大／特大。用 zoom 放大「會自己換行、可以捲動」的容器內容，外框尺寸不變，所以不會把面板撐出畫面 */
html.a11y-fs1 #pnB>*,html.a11y-fs1 #dlgB,html.a11y-fs1 #toasts .toast,html.a11y-fs1 #chatbar,html.a11y-fs1 #quest,html.a11y-fs1 #stF{zoom:1.12}
html.a11y-fs2 #pnB>*,html.a11y-fs2 #dlgB,html.a11y-fs2 #toasts .toast,html.a11y-fs2 #chatbar,html.a11y-fs2 #quest,html.a11y-fs2 #stF{zoom:1.25}
html.a11y-fs1 #pnT,html.a11y-fs1 #dlgT,html.a11y-fs1 .tb,html.a11y-fs1 .gb{font-size:1.08em}
html.a11y-fs2 #pnT,html.a11y-fs2 #dlgT,html.a11y-fs2 .tb,html.a11y-fs2 .gb{font-size:1.16em}

/* 色盲友善：稀有度除了顏色再加不同線條的外框（普通沒有、優良點線、稀有虛線、史詩雙線、傳說粗實線） */
html.a11y-cb .it[style*="--fx:25%"],html.a11y-cb .gi[style*="--fx:25%"],html.a11y-cb .cd[style*="--fx:25%"],html.a11y-cb [data-r="1"]{outline:2px dotted #fff;outline-offset:-4px}
html.a11y-cb .it[style*="--fx:50%"],html.a11y-cb .gi[style*="--fx:50%"],html.a11y-cb .cd[style*="--fx:50%"],html.a11y-cb [data-r="2"]{outline:2px dashed #fff;outline-offset:-4px}
html.a11y-cb .it[style*="--fx:75%"],html.a11y-cb .gi[style*="--fx:75%"],html.a11y-cb .cd[style*="--fx:75%"],html.a11y-cb [data-r="3"]{outline:4px double #fff;outline-offset:-5px}
html.a11y-cb .it[style*="--fx:100%"],html.a11y-cb .gi[style*="--fx:100%"],html.a11y-cb .cd[style*="--fx:100%"],html.a11y-cb [data-r="4"]{outline:3px solid #fff;outline-offset:-4px}
html.a11y-cb .tog.on{box-shadow:inset 0 0 0 2px #fff}

/* 減少動態效果：介面動畫與轉場幾乎瞬間完成（畫布上的震動、閃光、鏡頭、環境效果由 js/i18n.js 關） */
html.a11y-rm *,html.a11y-rm *::before,html.a11y-rm *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}