/* 月額パス（FA-11）: 各ゲームの入口の帯（.qga-pass-entry）とパスの管理（.qga-pass-panel）。
   色は周りの文字色を使い、枠と背景は半透明にする（サイトの明るいテーマ・暗いテーマのどちらでも読める）。 */
.qga-pass-entry{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;max-width:1120px;margin:12px auto;padding:12px 16px;border:1px solid rgba(127,127,127,.35);border-radius:10px;background:rgba(127,127,127,.08);color:inherit;font-size:14px;line-height:1.6;box-sizing:border-box}
.qga-pass-entry.is-unlimited,.qga-pass-game.is-unlimited{border-color:rgba(111,154,114,.75)}
.qga-pass-entry-status{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px}
.qga-pass-entry-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.qga-pass-entry-actions .qga-pass-note{margin:0}
.qga-pass-button{display:inline-block;padding:8px 16px;border-radius:8px;border:1px solid #e2c46c;background:#e2c46c;color:#2a2416!important;font:inherit;font-size:14px;font-weight:700;text-decoration:none;cursor:pointer}
.qga-pass-button:hover,.qga-pass-button:focus-visible{filter:brightness(1.06)}
.qga-pass-button.is-secondary{background:transparent;border-color:currentColor;color:inherit!important}
.qga-pass-link,.qga-pass-link-button{padding:0;border:0;background:none;color:inherit;font:inherit;font-weight:700;text-decoration:underline;cursor:pointer}
.qga-pass-badge{display:inline-block;padding:2px 10px;border-radius:999px;background:#4f7d53;color:#fff;font-size:12px;font-weight:700;white-space:nowrap}
.qga-pass-badge.is-free{background:rgba(127,127,127,.3);color:inherit}
.qga-pass-note{margin:6px 0 0;font-size:13px;opacity:.9}
.qga-pass-warn{margin:6px 0 0;padding:8px 10px;border-radius:8px;background:rgba(226,160,60,.2);font-size:13px}
.qga-pass-panel-body{padding:16px 0}
.qga-pass-panel.is-embedded .qga-pass-panel-body{padding:14px 16px}
.qga-pass-lead{margin:0 0 6px}
.qga-pass-reset{margin:0 0 12px;font-size:13px;opacity:.85}
.qga-pass-games{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin:8px 0}
.qga-pass-game{display:flex;flex-direction:column;gap:6px;padding:12px 14px;border:1px solid rgba(127,127,127,.35);border-radius:10px}
.qga-pass-game header{display:flex;justify-content:space-between;align-items:center;gap:8px}
.qga-pass-game h3{margin:0;font-size:17px}
.qga-pass-game p{margin:0}
.qga-pass-quota{display:grid;gap:4px;margin:0}
.qga-pass-quota div{display:flex;justify-content:space-between;gap:10px;font-size:14px}
.qga-pass-quota dt{font-weight:400}
.qga-pass-quota dd{margin:0;font-weight:700;white-space:nowrap}
.qga-pass-contract{display:grid;gap:6px;padding-top:8px;border-top:1px dashed rgba(127,127,127,.35)}
.qga-pass-history{margin-top:12px}
/* アプリの中では Web の購入（Stripe）への導線を出さない（App Store 3.1.1・Google Play のお支払いポリシー）。
   Android の見張り（app-shell-guard.js）は <html> に qga-app-shell を、iOS のシートは front-native-sheet を付ける。
   /membership/ とこの帯のあるページは、もともと両方のアプリで開かない（念のため）。 */
html.qga-app-shell .qga-web-purchase,html.front-native-sheet .qga-web-purchase{display:none!important}