/* Pokégear pages: clear topics, native controls and readable information without nested scroll areas. */
#scr-settings.pk-journal-screen>.ui-panel,#scr-legal.pk-journal-screen>.ui-panel,#scr-news.pk-journal-screen>.ui-panel { width:min(860px,100%);height:min(760px,100%); }
#scr-settings.pk-journal-screen>.ui-panel>.ui-scroll,#scr-news.pk-journal-screen>.ui-panel>.ui-scroll { display:flex;flex-direction:column;min-height:0; }
#scr-settings.pk-settings-reading>.ui-panel>.ui-scroll,#scr-legal.pk-journal-screen>.ui-panel>.ui-scroll,#scr-news.pk-journal-screen>.ui-panel>.ui-scroll { overflow:hidden;padding:18px 22px;scrollbar-gutter:auto; }
#scr-settings #set-tabs { display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;padding:10px 18px;overflow:visible; }
#scr-settings #set-tabs .gen-tab { min-width:0;width:100%;padding:9px 5px;font:650 12px/1.2 var(--ui-font);white-space:normal; }
.pk-journal-root { flex:1 1 auto;min-width:0;min-height:0;height:100%; }
#scr-settings #set-body.pk-journal-root,#scr-news #news-body.pk-journal-root { display:flex;flex:1 1 auto;min-height:0;height:100%;max-height:100%;width:100%;overflow:hidden;padding:0; }
#scr-legal>.ui-panel>.ui-scroll.pk-journal-root { display:flex;flex:1 1 auto;min-height:0;height:100%;max-height:100%;overflow:hidden; }
#scr-settings #set-body.pk-journal-root>.pk-journal,#scr-news #news-body.pk-journal-root>.pk-journal { flex:1 1 auto;min-height:0;width:100%;max-height:100%; }
.pk-journal { display:flex;flex-direction:column;gap:14px;height:100%;min-height:0; }
.pk-journal-topics { flex:0 0 auto;display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0; }
.pk-journal-topic-button { flex:1 1 100px;min-width:0;min-height:40px;padding:8px 10px;border:1px solid #557981;border-radius:10px;background:#193a43;color:#bcd3d6;font:600 12px/1.25 var(--ui-font);cursor:pointer; }
.pk-journal-topic-button[aria-pressed=true] { background:#c5dabd;border-color:#e2efd5;color:#183b38;box-shadow:0 2px 0 #132f32; }
.pk-journal-stage { flex:1 1 auto;min-height:0;min-width:0;position:relative; }
.pk-journal-topic { height:100%;min-height:0;display:flex;flex-direction:column; }
.pk-journal-topic-heading { flex:0 0 auto;min-width:0;padding-bottom:10px;border-bottom:1px solid #72989240;margin-bottom:12px; }
.pk-journal-topic-heading h3 { margin:0!important;font:700 24px/1.1 var(--ui-display);color:#f0dfaa; }
.pk-journal-topic-heading h3 small { display:block;font:450 11px/1.5 var(--ui-font);color:#a8c6c6;margin-top:4px; }
.pk-journal-page { flex:1 1 auto;min-height:0;min-width:0;overflow:hidden;outline:none; }
.pk-journal-page>:first-child { margin-top:0!important; }.pk-journal-page>:last-child { margin-bottom:0!important; }
.pk-journal-page>p { margin:0 0 12px;font:400 14px/1.6 var(--ui-font);color:#d2e2df;max-width:76ch; }
.pk-journal-page :is(p,li) { overflow-wrap:anywhere;user-select:text; }
.pk-journal-page ul,.pk-journal-page ol { padding-left:22px;margin:0 0 10px;font:400 14px/1.55 var(--ui-font);color:#d2e2df; }
.pk-journal-page li { margin:0; }
.pk-journal-page .set-row { display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 10px;padding:12px 14px;border:1px solid #4e7275;border-radius:12px;background:#203f43; }
.pk-journal-page .set-row b { font-size:13px;line-height:1.35;display:block; }.pk-journal-page .set-row small { display:block;font:400 12px/1.5 var(--ui-font);color:#b7cfcc;margin-top:4px; }
.pk-journal-page .switch { flex-shrink:0;min-width:54px;min-height:44px;font:700 13px var(--ui-font);box-shadow:none; }
.pk-journal-page .set-chips { margin:0 0 12px;gap:8px;display:flex;flex-wrap:wrap; }.pk-journal-page .set-chips .chip { flex:1;min-height:44px;padding:8px 12px; }
.pk-journal-key { display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;margin-bottom:8px;border-radius:10px;background:#203f43;color:#deece5;font-size:13px; }
.pk-journal-key>span { color:#b9d0cc;text-align:right;font-size:12px; }.pk-journal-key kbd { display:inline-grid;place-items:center;min-width:25px;min-height:25px;background:#0d2931;border:1px solid #698c8a;border-bottom-width:3px;border-radius:5px;font:650 12px var(--ui-font); }
.pk-journal-link { margin-bottom:8px; }.pk-journal-link>.btn { width:100%;justify-content:space-between;min-height:44px;box-shadow:none;font:600 13px var(--ui-font);background:#26464c;border-color:#658786; }.pk-journal-link>.btn::after { content:'↗';font:500 18px var(--ui-font);color:#e9d390; }
.pk-journal-pager { flex:0 0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;padding-top:12px;border-top:1px solid #71918d55; }
.pk-journal-turn { min-height:42px;padding:8px 12px;border:1px solid #5f8586;border-radius:10px;background:#23434c;color:#e6eddd;font:650 12px/1.2 var(--ui-font);cursor:pointer; }.pk-journal-turn:last-child { background:#d9c480;border-color:#efdda4;color:#223b34; }.pk-journal-turn:disabled { opacity:.35;cursor:default; }
.pk-journal-position { min-width:48px;text-align:center;color:#aec9c5;font:600 12px var(--ui-font);font-variant-numeric:tabular-nums; }
#scr-legal .pk-journal-topic-button { flex-basis:140px;font-size:11px;min-height:40px; }
#scr-legal .pk-journal-page .row { gap:8px; }.pk-journal-page .about-logo { font:700 38px var(--ui-display);color:#f2d47b;text-shadow:0 3px #694d22;margin:0 0 8px; }
#scr-news .pk-journal-topics { display:none; }#scr-news .pk-journal-page .news-tag { display:inline-block;margin-bottom:8px;font-size:11px; }#scr-news .pk-journal-page ul { margin-bottom:10px; }
/* Mixer controls retain the game's volume and mute handlers. */
#sound-panel { padding:18px;border:1px solid #719795;border-radius:18px;background:#14323b;overflow:hidden;box-shadow:0 18px 60px #020e1ce6; }
.pk-audio-heading { display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #63898766; }
.pk-audio-heading h3 { margin:0;font:700 25px/1 var(--ui-display);color:#f4e5b2; }.pk-audio-heading p { margin:5px 0 0;font:400 11px/1.4 var(--ui-font);color:#b6cfcd; }
#sound-panel .pk-audio-heading .pk-audio-close { width:auto;min-height:38px;margin:0;padding:8px 10px;font:650 11px var(--ui-font);box-shadow:none;background:#294952;border:1px solid #628689;border-radius:8px;color:#e0eeea;cursor:pointer; }
:is(#sound-panel,.sound-inline) .snd-row { position:relative;display:grid;grid-template-columns:20px 1fr auto;gap:3px 10px;align-items:center;margin:0 0 12px;padding:10px 12px;border:1px solid #4e7478;border-radius:12px;background:#203f45;color:#e2eee6; }
:is(#sound-panel,.sound-inline) .snd-row>span { font:600 13px/1.4 var(--ui-font); }.snd-row .pk-audio-percent { grid-column:3;grid-row:1;min-width:38px;text-align:right;color:#f2dc91;font:650 12px var(--ui-font);font-variant-numeric:tabular-nums; }
:is(#sound-panel,.sound-inline) .snd-row>input[type=range] { grid-column:1/-1;grid-row:2;width:100%;min-width:0;margin:0;min-height:36px;cursor:pointer;accent-color:#efd289; }
:is(#sound-panel,.sound-inline) [data-mute] { width:100%;min-height:44px;box-shadow:none;font:650 13px var(--ui-font);border-color:#71928c;background:#315047; }.pk-audio-muted .snd-row { opacity:.6; }.pk-audio-muted [data-mute] { background:#e5d087!important;color:#213931!important; }
#scr-settings .sound-inline { padding:12px;background:#102e36;border-radius:14px; }#scr-settings #set-sound { width:min(520px,100%);margin:0 auto; }#scr-settings:has(#set-sound) .set-h { margin:0 0 14px;color:#f0dfaa; }
/* Account subviews share one connected card so session, OAuth and import controllers retain ownership. */
#scr-settings #set-body.pk-account-body { display:flex;flex:1 1 auto;min-height:0;height:100%;max-height:100%;overflow:hidden; }
#scr-settings #pk-session-card.pk-account-journal { display:flex;flex:1 1 auto;min-height:0;height:100%;max-height:100%;width:100%;padding:0;margin:0;border:0;overflow:hidden; }
#pk-session-card.pk-account-journal>.pk-journal { width:100%;flex:1 1 auto;min-height:0; }
.pk-account-pages .pk-trainer-identity { font:700 29px/1.15 var(--ui-display);color:#f6df9d;margin:0 0 8px; }
.pk-account-pages .pk-trainer-account-edit { max-width:480px;min-height:60px; }
.pk-account-pages .pk-session-form { max-width:100%;margin:10px 0; }.pk-account-pages .pk-session-form .btn { min-height:44px;margin:0;font:650 13px/1.2 var(--ui-font);padding:10px 12px; }
.pk-account-pages .pk-session-form .field { min-height:46px; }.pk-account-pages .pk-session-form p:not(:empty) { margin:0;font-size:11px;line-height:1.4; }
.pk-account-pages .pk-journal-account-access { padding:0;border:0;border-radius:0;margin:0; }.pk-account-pages .pk-journal-account-access>summary { display:none; }.pk-account-pages .pk-journal-account-access>.pk-session-form { margin:0; }
.pk-account-pages .pk-google-account { padding:10px 12px;border:1px solid #5f817e;border-radius:12px;margin:0;background:#1d3b40; }.pk-account-pages .pk-google-account p { margin:8px 0 0; }.pk-account-pages .pk-google-account p:empty { display:none; }
.pk-account-pages .pk-import-account { margin:0;padding:12px;border:1px solid #5f817e;border-radius:12px;background:#1d3b40; }.pk-account-pages .pk-import-account h3 { font-size:21px;margin:0 0 10px!important; }.pk-account-pages .pk-import-account .btn { min-height:44px;font:650 13px/1.2 var(--ui-font);box-shadow:none; }
.pk-account-pages .pk-journal-page>.row .btn { min-height:44px;font:650 12px/1.2 var(--ui-font);padding:10px 12px; }.pk-account-pages .pk-journal-page>.row { margin:0!important; }
.pk-account-pages #set-save-status { font:550 12px/1.4 var(--ui-font);color:#cfdfbb; }.pk-account-pages #set-save-action { margin:0!important; }.pk-account-pages #set-save-action small { font-size:11px;line-height:1.4; }
@media(max-width:600px) {
 #scr-settings #set-tabs { padding:8px 10px;gap:4px; }#scr-settings #set-tabs .gen-tab { font-size:11px;min-height:42px; }
 #scr-settings.pk-settings-reading>.ui-panel>.ui-scroll,#scr-legal.pk-journal-screen>.ui-panel>.ui-scroll,#scr-news.pk-journal-screen>.ui-panel>.ui-scroll { padding:14px; }
 .pk-journal { gap:10px; }.pk-journal-topics { gap:5px; }.pk-journal-topic-button { min-height:38px;flex-basis:90px;padding:7px 8px;font-size:11px; }
 #scr-legal .pk-journal-topic-button { flex-basis:100px;font-size:10px;min-height:38px; }
 .pk-journal-topic-heading { margin-bottom:10px;padding-bottom:8px; }.pk-journal-topic-heading h3 { font-size:22px; }
 .pk-journal-page .set-row { gap:10px;padding:10px 12px; }.pk-journal-page .set-row small { font-size:11px; }.pk-journal-page .set-row b { font-size:12px; }
 .pk-journal-page>p,.pk-journal-page :is(ul,ol) { font-size:13px;line-height:1.55; }.pk-journal-pager { padding-top:10px;gap:8px; }.pk-journal-turn { padding:8px;font-size:11px; }
}
@media(max-height:520px) and (min-width:600px) {
 #scr-settings.pk-journal-screen .pk-window-header,#scr-legal.pk-journal-screen .pk-window-header,#scr-news.pk-journal-screen .pk-window-header { padding:10px 16px; }
 #scr-settings.pk-journal-screen .pk-heading-description,#scr-legal.pk-journal-screen .pk-heading-description,#scr-news.pk-journal-screen .pk-heading-description { display:none; }
 #scr-settings.pk-journal-screen .pk-emblem,#scr-legal.pk-journal-screen .pk-emblem,#scr-news.pk-journal-screen .pk-emblem { width:34px;height:34px;flex-basis:34px; }
 #scr-settings.pk-journal-screen .pk-heading h2,#scr-legal.pk-journal-screen .pk-heading h2,#scr-news.pk-journal-screen .pk-heading h2 { font-size:24px; }
 #scr-settings #set-tabs { padding:6px 14px; }#scr-settings #set-tabs .gen-tab { min-height:36px;padding:6px;font-size:11px; }
 #scr-settings.pk-settings-reading>.ui-panel>.ui-scroll,#scr-legal.pk-journal-screen>.ui-panel>.ui-scroll,#scr-news.pk-journal-screen>.ui-panel>.ui-scroll { padding:10px 16px; }
 .pk-journal { gap:8px; }.pk-journal-topics { flex-wrap:nowrap;gap:5px; }.pk-journal-topic-button,#scr-legal .pk-journal-topic-button { flex:1 1 0;font-size:10px;min-height:34px;padding:5px; }
 .pk-journal-topic-heading { padding-bottom:6px;margin-bottom:8px; }.pk-journal-topic-heading h3 { font-size:21px; }.pk-journal-pager { padding-top:6px; }.pk-journal-turn { min-height:34px;padding:6px 10px; }
 .pk-journal-page>p,.pk-journal-page :is(ul,ol) { font-size:12px;line-height:1.5; }.pk-journal-page .set-row { padding:8px 12px;margin-bottom:7px; }.pk-journal-page .set-row small { margin-top:2px; }
 #scr-settings #set-sound { width:100%;display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:12px;padding:10px; }#scr-settings #set-sound .snd-row { margin:0; }#scr-settings #set-sound [data-mute] { width:auto;max-width:140px;padding:10px;min-height:58px; }
 #scr-settings:has(#set-sound)>.ui-panel>.ui-scroll { padding:10px 16px;overflow:hidden; }#scr-settings:has(#set-sound) .set-h { margin:0 0 8px;font-size:21px; }
 .pk-account-pages .pk-journal-topic-heading { display:none; }.pk-account-pages .pk-trainer-identity { font-size:24px; }.pk-account-pages .pk-trainer-account-edit { margin:0 0 6px;min-height:54px; }
 .pk-account-pages .pk-session-form { margin:0;gap:5px 10px; }.pk-account-pages .pk-session-form .field { min-height:44px;padding:8px 10px; }.pk-account-pages .pk-session-form label { font-size:11px; }
 .pk-account-pages .pk-journal-rename { display:grid;grid-template-columns:1fr auto; }.pk-account-pages .pk-journal-rename label { grid-column:1/-1; }.pk-account-pages .pk-journal-rename .field { grid-column:1;grid-row:2; }.pk-account-pages .pk-journal-rename>.btn { grid-column:2;grid-row:2; }.pk-account-pages .pk-journal-rename>p { grid-column:1/-1; }
 .pk-account-pages .pk-journal-credentials { display:grid;grid-template-columns:1fr 1fr;gap:5px 10px; }.pk-account-pages .pk-journal-credentials label[for=pk-session-username] { grid-column:1;grid-row:1; }.pk-account-pages #pk-session-username { grid-column:1;grid-row:2; }.pk-account-pages .pk-journal-credentials label[for=pk-session-password] { grid-column:2;grid-row:1; }.pk-account-pages #pk-session-password { grid-column:2;grid-row:2; }.pk-account-pages .pk-journal-credentials>.btn { grid-column:1/-1;grid-row:3;min-height:44px; }.pk-account-pages .pk-journal-credentials>p { grid-column:1/-1; }
 .pk-account-pages .pk-google-account { padding:8px 12px; }.pk-account-pages .pk-google-account p { font-size:11px;line-height:1.4;margin-top:6px; }.pk-account-pages .pk-import-account { padding:8px 12px; }.pk-account-pages .pk-import-account h3 { font-size:20px;margin-bottom:6px!important; }
 #sound-panel { top:calc(var(--ui-top) + var(--ui-safe-top) + 8px);right:14px;width:min(570px,calc(100% - 28px));padding:14px;max-height:calc(var(--ui-height) - 16px);display:grid;grid-template-columns:1fr 1fr;gap:10px; }
 #sound-panel .pk-audio-heading { grid-column:1/-1;margin:0;padding-bottom:8px; }#sound-panel .snd-row { margin:0; }#sound-panel>[data-mute] { grid-column:1/-1; }
}
@media(prefers-reduced-motion:reduce) { .pk-journal * { animation:none!important;transition:none!important; } }