/* playerflow.css — the online game's player flow (js/online/flow.js): the "change hero / log out?" window in the K look
   (css/kui.css), and what a player's page hides (html.nc-player, js/online/boot.js). */
.pf-modal { z-index: 60; display: grid; place-items: center; }
.pf-modal[hidden] { display: none; }
.pf-win { width: min(calc(100vw - 32px), calc(520 * var(--u))); outline: none; }
.pf-body { display: flex; flex-direction: column; align-items: center; gap: calc(8 * var(--u)); padding: calc(22 * var(--u)) calc(26 * var(--u)) calc(24 * var(--u)); text-align: center; }
.pf-ic { height: calc(72 * var(--u)); object-fit: contain; filter: drop-shadow(0 calc(3 * var(--u)) 0 rgba(0, 0, 0, 0.18)); }
.pf-q { font: 700 calc(24 * var(--u)) / 1.35 'Mitr', sans-serif; color: var(--ink); }
.pf-note { font-size: calc(16 * var(--u)); color: #6a6078; }
.pf-fight { min-height: calc(22 * var(--u)); font: 600 calc(16 * var(--u)) / 1.3 'Mitr', sans-serif; color: #c0473f; }
.pf-fight:empty { min-height: 0; }
.pf-btns { display: flex; gap: calc(14 * var(--u)); margin-top: calc(8 * var(--u)); }
.pf-btns .kw-btn { min-width: calc(150 * var(--u)); height: calc(50 * var(--u)); font-size: calc(19 * var(--u)); }

/* a player's character select: no "play offline" link (the offline game is the developer's sandbox) */
html.nc-player .cs-offline { display: none; }