/* 「このゲームについて」: this device's offline state, the transfer code, privacy, credits and contact. */
#about-dialog{max-width:520px}
#about-dialog h2{font-size:24px;margin-bottom:14px}
.about-section{padding:16px 0;border-top:1px solid var(--line)}
.about-section h3{font-size:15px;margin-bottom:8px;color:#34443a}
.about-section p,.about-list li{font-size:14px;line-height:1.8}
.about-section .primary-button{margin-top:10px}
.about-list{margin:0;padding-left:1.2em;display:grid;gap:6px}
.about-small{font-size:12px!important;color:var(--muted);margin-top:4px}
.about-status{font-size:13px!important;color:#5a6a50;min-height:1.5em;margin:8px 0 0;white-space:pre-line}
.about-status.error{color:#a34a3c}
.about-button{border:1px solid #cbd2bd;border-radius:12px;background:#fffdf4;color:var(--green);font-weight:600;margin-top:10px}
.about-button[data-armed="true"]{border-color:#b0493b;color:#b0493b}
.transfer-box{display:block;width:100%;margin-top:10px;padding:10px 12px;border:1px solid #d8cfb4;border-radius:10px;background:#fffdf6;font:inherit;font-size:13px;line-height:1.6;color:#34443a;word-break:break-all;resize:vertical}
.transfer-box:focus-visible{outline:3px solid #c99738;outline-offset:2px}
.about-copy{font-size:12px!important;line-height:1.8;color:var(--muted);background:#eff1e6;border-radius:12px;padding:13px;margin:6px 0 18px}
.about-open{margin-top:6px}
/* The update button sits beside (or in place of) the install button. */
/* Labels stay on one line; when both buttons show on a narrow screen, they move to a row of their own. */
.game-tools{flex-wrap:wrap;row-gap:8px}
.tool-group{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;align-items:center;margin-left:auto}
.game-tools .install-button{white-space:nowrap}
.update-button{background:#fff4d8;border-color:#e2c983;color:#6d5a2c}
@media(max-width:760px){#about-dialog h2{font-size:21px}}
/* The album without the videos (the first web release): each card is a still page, its line shown whole. */
.episode-card.static .episode-hook{display:block;-webkit-line-clamp:unset;overflow:visible}
.episode-card.static:focus-visible,.episode-card.static.picked{outline:3px solid #c99738;outline-offset:2px}
.welcome-transfer{font-size:13px;margin-top:0}
/* The page's foot links to 「このゲームについて」, so privacy is one tap away; on a phone it wraps. */
footer{flex-wrap:wrap;gap:8px 16px}
.footer-about{border:0;background:none;padding:6px 0;min-height:32px;font:inherit;color:inherit;letter-spacing:inherit;text-decoration:underline;text-underline-offset:3px}