/* Pokémon devices, field journals and trainer cards share geometry, not an identical composition. */
:root { --pk-paper:#e7efe4;--pk-ink:#123139;--pk-surface:#132f39;--pk-soft:#24464d;--pk-line:#74999d; }
::selection { color:#10282f;background:#f4d574; }
.pk-window { --pk-accent:#8ecbd1;--pk-header:#24434e;scrollbar-color:#789c9e #122c35;caret-color:#ffe29a; }
.pk-window[data-pk-window=dex] { --pk-accent:#f19696;--pk-header:#923d4c; }
.pk-window[data-pk-window=encounters] { --pk-accent:#a5d6a0;--pk-header:#285345; }
.pk-window[data-pk-window=training],.pk-window[data-pk-window=item] { --pk-accent:#eed58a;--pk-header:#5b4b32; }
.pk-window[data-pk-window=journal],.pk-window[data-pk-window=report] { --pk-accent:#e9dca3;--pk-header:#504f3d; }
.pk-window[data-pk-window=social],.pk-window[data-pk-window=trainer] { --pk-accent:#a0d2eb;--pk-header:#2c4c68; }
.pk-window[data-pk-window=arena] { --pk-accent:#f0a18a;--pk-header:#693d3e; }
.pk-window[data-pk-window=league],.pk-window[data-pk-window=reward] { --pk-accent:#f1d27d;--pk-header:#645137; }
.pk-window[data-pk-window=bond] { --pk-accent:#c2b5f3;--pk-header:#4c4169; }
.pk-window>.box.ui-panel:not(.oak-shell) { background:var(--pk-surface);border:1px solid #7e9fa2;border-radius:18px;box-shadow:0 16px 50px #020e1ccc; }
.pk-window>.box.wide.ui-panel { width:min(1120px,100%);height:min(820px,100%); }
.pk-window .pk-window-header { display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 24px;background:var(--pk-header);border:0;border-bottom:1px solid #dceee129; }
.pk-heading { display:flex;align-items:center;gap:14px;min-width:0;flex:1; }
.pk-emblem { display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;border-radius:50%;background:var(--pk-accent);color:#15323b;box-shadow:inset 0 -3px 5px #12313d25; }
.pk-emblem svg { width:28px;height:28px; }
.pk-heading-copy { min-width:0; }
.pk-heading h2,.pk-heading h3 { margin:0!important;padding:0!important;background:none!important;border:0!important;font:700 29px/1.1 var(--ui-display);color:#f7f5e7;letter-spacing:0;text-wrap:balance; }
.pk-heading-description { font:400 12px/1.5 var(--ui-font);color:#deebe4;max-width:58ch;margin:6px 0 0;text-wrap:pretty; }
.pk-window-header>.row { flex-shrink:0; }
.pk-window-header>.btn,.pk-window-header>.row>.btn { min-height:44px;padding:8px 14px;font:650 13px/1.3 var(--ui-font);border:1px solid #c4dcd15c;background:#0c242e66;color:#fff8e9;box-shadow:none; }
.pk-window:not(.oak-screen) .ui-scroll { padding:24px;scrollbar-width:thin; }
.pk-window .ui-panel-footer { background:#10292f;border-color:#6c96974d; }
.pk-window .pk-window-tabs { display:flex;flex:0 0 auto;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;touch-action:pan-x;gap:8px;padding:12px 24px;margin:0;border-bottom:1px solid #78979940;background:#0e2832;scrollbar-width:thin; }
.pk-window-tabs .gen-tab,.pk-window-tabs .tab { flex:0 0 auto;min-width:94px;min-height:44px;padding:9px 14px;background:#23434e;border:1px solid #5a7c86;border-radius:10px;color:#d7e8e9;font-size:13px; }
.pk-window-tabs .on { color:#102b34!important;background:var(--pk-accent)!important;border-color:var(--pk-accent)!important;box-shadow:none!important; }
.pk-window-tabs small { display:block;font-size:10px;font-weight:450;margin-top:4px;opacity:.85; }
.pk-window .btn { border-width:1px;border-radius:10px;font-size:18px;box-shadow:0 3px 5px #061d2a66; }
.pk-window .btn.ghost { background:#294a55;border-color:#6c919d; }
.pk-window .pk-danger,.pk-window .btn.danger { background:#543c43;color:#ffdce1;border-color:#a16d7b;text-shadow:none; }
.pk-window .field { background:#0b252e;border-color:#62838c; }
.pk-window label { color:#d4e6e7; }
.pk-window .sub,.pk-window .note { color:#bed1d4; }
.pk-window .pk-empty { margin:16px 0;padding:24px 20px;text-align:center;line-height:1.6;color:#cee0dd;background:#24413f;border:1px dashed #6f9794;border-radius:12px; }
.pk-empty::before { content:'';display:block;width:28px;height:28px;margin:0 auto 12px;border-radius:50%;border:2px solid #9cbbb5;background:radial-gradient(circle,#25413e 0 4px,#9cbbb5 5px 6px,transparent 7px),linear-gradient(transparent 46%,#9cbbb5 47% 53%,transparent 54%); }
/* Encounters: one region, one visual scene, explicit ticket choices and a true guarantee meter. */
#scr-gacha .pk-gacha-layout { display:flex;flex-direction:column;gap:16px;margin-top:0!important; }
#scr-gacha .banner { position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,1fr);column-gap:16px;align-content:center;min-height:220px;padding:24px;border:0;border-radius:14px;background:#173c36!important; }
#scr-gacha .banner::before { content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#102f2a 0%,#102f2ab8 42%,#092b1833),url('../assets/encounters/forest-clearing.webp') center 62%/cover; }
#scr-gacha #banner-title { font:700 clamp(30px,3.5vw,42px)/1.05 var(--ui-display);color:#f5efd1;margin:0 0 10px; }
#scr-gacha #banner-desc { font-size:13px;color:#e2eddb;max-width:34ch;line-height:1.6; }
#scr-gacha #gacha-owned { font-size:12px;color:#c0dbb3;margin-top:10px!important; }
.pk-encounter-art { grid-column:2;grid-row:1/4;position:relative;display:grid;align-items:center; }
.pk-encounter-art::before { content:'';position:absolute;left:6%;right:6%;bottom:10%;height:40px;border-radius:50%;background:#95ba6b2b;box-shadow:0 10px 30px #071d1b66; }
#scr-gacha .pk-encounter-art .feat { position:relative;display:flex;align-items:center;justify-content:center;min-height:170px;gap:0;margin:0; }
#scr-gacha .pk-encounter-art canvas { flex:0 1 33%;width:130px;max-width:34%;height:auto;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 6px 5px #051c1d80); }
.pk-gacha-wallet { display:flex;align-items:center;padding:12px 16px;border-radius:10px;background:#26453e; }
#scr-gacha #gacha-tickets { margin:0;font-size:13px;color:#e1eddf; }
.pk-pull-options { display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:16px; }
.pk-pull-choice { display:flex;flex-direction:column;gap:16px;justify-content:space-between;padding:20px;background:#25443c;border:1px solid #5d8a77;border-radius:12px;min-width:0; }
.pk-pull-choice h3 { font:700 25px/1.1 var(--ui-display);color:#f6efdb;margin:0 0 6px; }
.pk-pull-choice p { font-size:12px;color:#c9dfd1;line-height:1.5;margin:0;max-width:44ch; }
.pk-pull-ten { background:#3c4737;border-color:#9caa74; }
.pk-ten-currencies { display:grid;grid-template-columns:1fr 1fr;gap:10px; }
.pk-pull-choice .btn { width:100%;min-height:56px;padding:12px 10px;font-size:17px;flex-wrap:wrap;line-height:1.2; }
.pk-pull-single .btn { background:#4f8977;border-color:#acd7b7; }
.pk-pull-choice .btn:disabled { opacity:.52; }
.pk-guarantee { padding:16px 0 0;border-top:1px solid #6d928147; }
.pk-guarantee-title { display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px;color:#f4e6b4; }
#pk-pity-count { font-variant-numeric:tabular-nums;white-space:nowrap;color:#e1edd8; }
.pk-progress { height:9px;border-radius:8px;background:#071f28;margin:10px 0;overflow:hidden; }
.pk-progress i { display:block;height:100%;width:0;background:#e3c77f;border-radius:inherit;transition:width .25s ease; }
#scr-gacha #gacha-pity,.pk-ticket-help { font-size:12px;line-height:1.5;margin:0;color:#bfd2c5; }
.pk-ticket-help { margin-top:0; }
.pk-rates,.pk-rank-filters,.pk-dex-filters,.pk-arena-rules,.pk-advanced { border:1px solid #6a8c8b66;border-radius:10px;background:#18353d; }
.pk-rates>summary,.pk-rank-filters>summary,.pk-dex-filters>summary,.pk-arena-rules>summary,.pk-advanced>summary { min-height:48px;padding:13px 16px;color:#dfebdf;font-size:13px;font-weight:650;cursor:pointer; }
.pk-rates summary span { float:right;font-size:11px;color:#b1cbbd;font-weight:400; }
#scr-gacha .pk-rates .rates { border:0;border-top:1px solid #63887655;border-radius:0;background:none;padding:16px 20px; }
#scr-gacha .rates>div { font-size:13px;padding:9px 0;border-color:#7e9d8538; }
#scr-gacha .rates h3 { display:none; }
#scr-gacha .purchase-options { display:none; }
/* Pokédex and training: find first, inspect second, spend only on the chosen Pokémon. */
.pk-dex-tools { margin:0 0 12px; }
.pk-dex-tools label { display:block;margin:0 0 8px;font-size:12px; }
.pk-search-field,.pk-password-field { display:flex;gap:8px;align-items:stretch; }
.pk-search-field .field,.pk-password-field .field { flex:1;min-width:0;width:0; }
.pk-search-field .btn,.pk-password-field .btn { flex-shrink:0;font:600 12px var(--ui-font);min-width:58px; }
#pk-dex-count:empty { display:none; }#pk-dex-count { font-size:12px;margin:8px 0 0; }
.pk-dex-filters { margin-bottom:16px; }
#scr-dex .pk-dex-filters .filters { padding:0 12px 12px;margin:0;gap:6px; }
#scr-dex .pk-dex-filters .chip { min-height:44px;font-size:12px;padding:8px 10px; }
#scr-dex .cell { position:relative;isolation:isolate;background:#29474e;border:1px solid #688a8b;border-radius:10px;box-shadow:none; }
#scr-dex .cell .no { position:absolute;top:7px;left:8px;font-variant-numeric:tabular-nums;font-size:10px;color:#b5cfca; }
#scr-dex .cell canvas { width:100%;height:auto;margin:8px 0 4px; }
#scr-dex .cell.locked { opacity:.75;background:#18363d; }
#scr-dex .cell.on { border:2px solid #e9c980;background:#3b554b; }
#scr-dex #dex-detail { background:#203f45;border:1px solid #6c918e;border-radius:12px; }
#dex-detail .stage { background:radial-gradient(ellipse at 50% 80%,#8baf7940,transparent 60%),#14343d;border-width:1px;box-shadow:none; }
#dex-detail .stat { height:7px; }#dex-detail .move-icons { display:flex;flex-wrap:wrap;gap:8px; }
#scr-upgrades .upg-head { padding:16px;margin:0 0 24px;background:#203d41;border-radius:12px;border-bottom:0; }
#scr-upgrades .upg-head .stage { background:#122e35;border-width:1px;box-shadow:none; }
#scr-upgrades .upg-head .sub { display:none; }
.pk-training-wallet { margin:0 0 12px;font-size:12px;color:#c7d8d1;display:flex;align-items:center;gap:10px;flex-wrap:wrap; }.pk-training-wallet b { color:#f5de99;font-variant-numeric:tabular-nums;font-size:16px; }
#scr-upgrades .upg-item { padding:18px;background:#254147;border:1px solid #688789;border-radius:12px; }
.pk-advanced,.pk-window .ban-picker { grid-column:1/-1; }
.pk-advanced .bind-panel { margin:0;border:0;border-top:1px solid #6a8c8b66;border-radius:0;background:none; }
.pk-advanced .bind-panel>b { display:none; }.bind-slot .field { width:100%;min-width:0; }
.pk-window .pips { gap:4px; }.pk-window .pips i { border-radius:3px;background:#0d2931;border-color:#54717a; }.pk-window .pips i.on { background:#d9c485;border-color:#f3dfa5; }
/* Social, league and journal windows use rows and a trainer-card hierarchy. */
.pk-friend-add { padding:16px;background:#213e4c;border-radius:12px; }
.pk-list-heading { margin:24px 0 12px;font-size:20px; }
.pk-window .fr-row { border:1px solid #5e818c;border-radius:12px;background:#203e48;padding:16px; }
.pk-window .lob-card { position:relative;padding:16px 10px;background:#28444a;border:1px solid #6e9699;border-radius:12px;box-shadow:none; }
.pk-window .lob-card.empty { background:#17343d;border:1px dashed #62858b;min-height:170px;color:#a8c1c5; }
.pk-window .lob-card .conn { display:block;border-radius:6px;padding:5px 8px;margin-top:8px;background:#123c34;color:#bde8ca;font-size:11px; }
.pk-window .lob-card .conn.wait { background:#534b32;color:#f2dda0; }
.pk-window .mission,.pk-window .ach { background:#243f42;border-color:#627e7c;padding:18px;box-shadow:none; }
.pk-window .mission.ready { background:#374c39;border-color:#cfbf7b; }.pk-window .mission.claimed { opacity:.66; }
.pk-window .mission .bar,.pk-window .ach .bar { height:7px;background:#0e2830; }.pk-window .mission .bar i,.pk-window .ach .bar i { background:#a9c785; }
.pk-window .mission .m-txt b { font-size:14px;line-height:1.5; }.pk-window .goals-h { margin-top:24px; }
.pk-window .fav-slot { border:1px solid #6c8c91;background:#23444a;border-radius:12px;padding:12px 8px; }
.pk-window .prof-head { margin:0 0 24px;padding:8px 0 20px;border-bottom:1px solid #71959755; }
.pk-window .prof-head h2 { font:700 34px var(--ui-display);color:#f3e6b5;overflow-wrap:anywhere; }
.pk-window .prof-marks { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0; }
.pk-window .prof-marks>div { padding:14px 10px;background:#203f49;border-radius:10px; }
.pk-window .prof-marks b { font:700 26px var(--ui-display);color:#f1e9d0; }.pk-window .prof-marks span { color:#b8d0d2;font-size:11px; }
.pk-rank-filters { margin-bottom:16px; }.pk-rank-filters>div { padding:8px 16px 16px; }
.pk-window .rk-row { background:#203d45;border-color:#567a84;border-radius:10px; }
.pk-window .rk-row:nth-child(-n+3) { background:#3d483f;border-color:#a99c6f; }
.pk-window .rk-me { background:#3e4636;border-color:#d3c285;border-radius:10px; }
/* Arena setup keeps admission and choice readable; technical rules are optional reading. */
.pk-arena-rules { margin-bottom:20px; }.pk-arena-rules .arena-rules { background:none;border:0;margin:0;padding:12px 16px;gap:12px; }
.pk-arena-essential { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:16px;background:#3f4540;border:1px solid #9a9080;border-radius:12px;margin-bottom:12px;color:#e9e4d4;font-size:12px; }
.pk-arena-essential b { color:#ffe3a6; }
.pk-arena-rules #arena-description { margin:0;padding:0 16px 16px;font-size:12px;line-height:1.6; }
.pk-window .arena-role-panel,.pk-window .arena-room-panel { background:#243d43;border:1px solid #6b898c;padding:20px; }
.pk-window .arena-role-panel h3,.pk-window .arena-room-panel h3 { font-size:23px; }
.pk-window .arena-role-panel .stage { height:150px;max-width:100%;background:#17323d;border-width:1px;box-shadow:none; }
.pk-window .arena-slot { border-radius:8px;background:#17323d; }.pk-window .arena-feedback-form fieldset { border-color:#6b8b8a; }
/* Reward windows feel like a Pokémon choice; the outcome report feels like a journal page. */
.pk-window[data-pk-window=reward] .card,.pk-window[data-pk-window=item] .card,.pk-window[data-pk-window=bond] .card { position:relative;isolation:isolate;border:1px solid #819b91;background:#2c4947;border-radius:12px;box-shadow:0 5px 16px #061b2455;min-height:108px; }
.pk-window .card.evo { border-color:#ecd080;background:#48513b; }.pk-window .card.bond { border-color:#baabdc;background:#3c4556; }
.pk-window .card .ico { border-radius:10px;padding:10px;flex-shrink:0; }.pk-window .card .tag-chip { font:650 10px/1.3 var(--ui-font);padding:4px 6px;border-radius:4px; }
.pk-window .card .key { min-width:30px;padding:6px;border:1px solid #87a4a1;border-radius:6px;color:#e7efdb;background:#17383d;font:600 13px var(--ui-font); }
:is(#scr-levelup,#scr-bond,#scr-item) .pk-heading h2 { font-size:28px; }
.pk-window .cards.done .card.picked { border-color:#dfe9a7;background:#3f5943; }
#scr-pause .pk-window-header { justify-content:flex-start; }#scr-pause .sound-inline { padding:16px;background:#213e43;border-radius:12px; }
#scr-pause #btn-resume { min-height:56px;font-size:23px; }#pause-coop { background:#4c422b;border-color:#b8a26a; }
.pk-run-report { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px; }
.pk-run-report>div { padding:16px;background:#243e40;border-radius:10px;border:0; }
.pk-run-report>div>span { color:#c3d3ca;font-size:12px; }.pk-run-report>div>b { font:700 29px/1.2 var(--ui-display);color:#f3e5b8;margin-top:6px; }
.pk-run-report .caught-row { display:flex;flex-wrap:wrap;justify-content:center;gap:12px; }
/* Pokégear settings and long-form notices retain natural reading and input semantics. */
.pk-window .set-row { padding:16px 0;border-bottom:1px solid #71909542;gap:16px; }
.pk-window .set-row small { display:block;font-size:12px;line-height:1.5;color:#b8ced0;max-width:50ch;margin-top:5px; }
.pk-window .set-h { margin:26px 0 12px;font-size:23px; }.pk-window .set-h:first-child { margin-top:0; }
.pk-window .switch { min-width:64px; }.pk-window .keys { gap:12px;font-size:13px; }
.pk-window[data-pk-window=journal] .ui-scroll>p,.pk-window[data-pk-window=journal] .ui-scroll>ul { max-width:70ch;line-height:1.7; }
#scr-legal .ui-scroll>h3 { margin:28px 0 10px;color:#eee3bc;font-size:22px; }#scr-legal .ui-scroll>h3:first-child { margin-top:0; }
#scr-nick #nick-form { max-width:440px; }#scr-nick .ui-scroll>.sub { display:none; }
#scr-login { background:linear-gradient(#072c31bb,#052c32e8),url('../assets/encounters/forest-clearing.webp') center/cover; }
#scr-login .logo .t1 { color:#f3da7a; }#scr-login .login-tag { color:#d6e7da;font-size:13px; }
#scr-login .tabs { margin:20px 0; }#scr-login .home-seo { margin-top:20px;border-top:1px solid #79968d55;padding-top:12px; }
#scr-menu { background-image:linear-gradient(90deg,#0a333bdb,#0b3641ef),url('../assets/encounters/forest-clearing.webp');background-size:cover;background-position:center; }
.game-dock { background:linear-gradient(#2f5157,#193a43);border-color:#8bb2a8; }.game-dock button.on { background:#42645f;color:#ffedbc; }
.ui-tools { background:#19383f; }.sound-panel { background:#19383f; }
.pk-invite-title { font:700 23px/1.15 var(--ui-display);color:#f4e4b0;margin:0 0 12px; }
#invite-pop { background:#1d3b45;border:1px solid #89a9ab;box-shadow:0 14px 35px #02171e99; }
#invite-pop #inv-text { color:#d0e3df;font-size:14px;line-height:1.6; }
.save-writer-wait-box.ui-panel { background:#18343e;border:1px solid #93b2b0;box-shadow:0 20px 60px #01151dbb;line-height:1.6; }
.save-writer-wait-box h2,.save-writer-wait-box h3 { font-family:var(--ui-display);color:#f4e5ae; }
.toast,.ach-pop { background:#183c3f;border-color:#8da9a0; }
.pull-results .pcard { width:100%;min-width:0;max-width:none;padding:14px 8px;background:#1f3e42;border:1px solid var(--rc,#7e9b94);border-radius:12px;box-shadow:0 8px 20px #061c2866; }
.pull-results .pcard canvas { max-width:100%;height:auto; }.pull-results .pcard b { overflow-wrap:anywhere; }.pull-results .pcard .tag { font-size:11px;line-height:1.5; }
.boot,.tapstart { background:linear-gradient(#052734a6,#052734ed),url('../assets/encounters/forest-clearing.webp') center/cover; }
@media(max-width:760px) {
 .pk-window>.box.wide.ui-panel { height:100%; }.pk-window .pk-window-header { padding:14px 16px;gap:10px; }
 .pk-heading { gap:10px; }.pk-emblem { width:36px;height:36px;flex-basis:36px; }.pk-emblem svg { width:24px;height:24px; }
 .pk-heading h2,.pk-heading h3 { font-size:25px; }.pk-heading-description { font-size:11px;max-width:34ch; }
 .pk-window:not(.oak-screen) .ui-scroll { padding:16px; }.pk-window .pk-window-tabs { padding:10px 16px; }
 .pk-window-tabs .gen-tab,.pk-window-tabs .tab { min-width:82px;padding:8px 12px; }
 #scr-gacha .banner { min-height:180px;padding:16px;grid-template-columns:minmax(0,1fr) minmax(110px,.8fr);gap:10px; }
 #scr-gacha #banner-title { font-size:29px; }#scr-gacha #banner-desc { font-size:11px;line-height:1.5; }#scr-gacha #gacha-owned { font-size:11px; }
 #scr-gacha .pk-encounter-art .feat { min-height:110px; }.pk-encounter-art::before { height:25px; }
 .pk-pull-options { grid-template-columns:1fr;gap:12px; }.pk-pull-choice { display:grid;grid-template-columns:minmax(0,1fr) minmax(130px,1fr);gap:12px;padding:16px;align-items:center; }
 .pk-pull-choice h3 { font-size:23px; }.pk-pull-choice p { font-size:11px; }.pk-pull-choice .btn { font-size:16px;min-height:52px; }
 .pk-ten-currencies { grid-template-columns:1fr;gap:8px; }.pk-guarantee-title { font-size:12px; }
 .pk-window .prof-marks { grid-template-columns:repeat(2,minmax(0,1fr));gap:10px; }.pk-window .prof-head h2 { font-size:29px; }
 .pk-window .mission,.pk-window .ach { padding:14px; }.pk-window .lob-card.empty { min-height:145px; }
 .pk-window .upg-item { grid-template-columns:28px minmax(0,1fr) auto;gap:8px;padding:14px!important; }
 .pk-window .upg-btns { flex-direction:column;gap:8px; }.pk-window .upg-btns .btn { min-height:44px; }
 .pk-window .bind-slots { grid-template-columns:1fr; }.pk-window .arena-role-panel,.pk-window .arena-room-panel { padding:16px; }
}
@media(max-width:380px) {
 .pk-heading-description { display:none; }.pk-window .pk-window-header { padding:12px 14px; }.pk-window .pk-window-tabs { padding:10px 14px; }
 .pk-heading h2,.pk-heading h3 { font-size:23px; }.pk-window-header>.btn { padding:8px 10px; }
 .pk-pull-choice { grid-template-columns:minmax(0,1fr) minmax(120px,1fr);padding:12px;gap:10px; }.pk-pull-choice p { font-size:10px; }
 #scr-gacha .banner { min-height:160px;padding:14px; }#scr-gacha #banner-title { font-size:25px; }
 .pk-window .upg-item { grid-template-columns:24px minmax(0,1fr); }.pk-window .upg-btns { grid-column:1/-1;flex-direction:row;justify-content:flex-end; }
 .pk-window .pips { flex-wrap:wrap; }
}
@media(max-height:520px) and (min-width:701px) {
 body.ui-hub:has(:is(#scr-dex,#scr-gacha,#scr-goals,#scr-friends,#scr-upgrades,#scr-rank):not(.hidden)) :is(.topbar,.game-dock) { display:none; }
 body.ui-hub :is(#scr-dex,#scr-gacha,#scr-goals,#scr-friends,#scr-upgrades,#scr-rank) { padding:8px max(12px,var(--ui-safe-right)) max(8px,var(--ui-safe-bottom)) max(12px,var(--ui-safe-left)); }
 .pk-window .pk-window-header { padding:10px 16px; }.pk-heading-description { display:none; }.pk-heading h2 { font-size:24px; }.pk-emblem { width:34px;height:34px;flex-basis:34px; }
 .pk-window .pk-window-tabs { padding:8px 16px; }.pk-window-tabs .gen-tab { min-width:80px; }.pk-window-tabs small { display:none; }
 .pk-window:not(.oak-screen) .ui-scroll { padding:16px; }#scr-gacha .banner { min-height:150px;padding:16px; }#scr-gacha .pk-encounter-art .feat { min-height:120px; }
 #scr-gacha .pk-encounter-art canvas { width:90px;max-height:130px; }#scr-gacha #banner-title { font-size:28px; }
 .pk-window .card { min-height:0!important; }.pk-window .card .ico { padding:8px; }.pk-run-report { grid-template-columns:repeat(4,minmax(0,1fr)); }
}
/* Compact access: one field with an inset eye, never a competing full-width button. */
#scr-login .pk-password-field { display:block;position:relative;min-width:0; }
#scr-login .pk-password-field #f-pass { display:block;flex:none;width:100%;padding-right:52px;margin:0; }
#scr-login #pk-pass-toggle { position:absolute;right:2px;top:2px;width:44px;height:44px;min-width:44px;min-height:44px;padding:10px;border:0;border-radius:7px;background:transparent;color:#bdd9d7;display:grid;place-items:center;cursor:pointer; }
#pk-pass-toggle svg { width:22px;height:22px;pointer-events:none; }
#scr-login #pk-pass-toggle:hover,#scr-login #pk-pass-toggle[aria-pressed=true] { background:#a6d3cb18;color:#fff0bc; }
.pk-window#scr-login>.ui-panel { width:min(420px,100%)!important; }
#scr-login .pk-window-header { padding:16px 20px; }
#scr-login .pk-heading h2 { font-size:32px; }
#scr-login .pk-heading-description { display:block;margin-top:3px;font-size:10px;letter-spacing:2px;text-transform:uppercase; }
#scr-login .ui-scroll { padding:16px 20px;scrollbar-gutter:auto; }
.pk-login-main { display:flex;flex-direction:column;gap:12px; }
#scr-login .pk-login-main>*,#scr-login .pk-login-main>.row { margin:0!important; }
#scr-login .login-tag { text-align:center;font-size:13px;line-height:1.4; }
#scr-login .tabs { display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0; }
#scr-login .tabs .tab { min-height:44px;padding:10px 8px;font:650 14px/1.2 var(--ui-font); }
#scr-login #login-form { display:grid;gap:6px; }
#scr-login #login-form label { margin:0;font-size:12px;line-height:18px; }
#scr-login #login-form label[for=f-pass] { margin-top:6px; }
#scr-login .field { height:48px;min-height:48px;font-size:16px;padding:10px 12px;border-width:1px; }
#scr-login #login-err { min-height:0;margin:0;font-size:12px;line-height:1.4; }
#scr-login #login-err:empty { display:none; }
#scr-login #login-form>.row { margin-top:8px; }
#scr-login #btn-auth,#scr-login #btn-guest { min-height:46px;padding:10px 12px;font-size:20px; }
#scr-login .pk-login-main>.row:has(#btn-google) { display:none; }
#scr-login #login-mode { font-size:11px;line-height:1.5; }
#scr-login .pk-login-footer { padding:0 16px 6px;background:transparent;border:0; }
.pk-text-button { appearance:none;min-height:44px;padding:8px 10px;border:0;border-radius:7px;background:transparent;color:#bce0dc;font:600 12px/1.3 var(--ui-font);cursor:pointer; }
.pk-text-button:disabled { opacity:.4;cursor:default; }
#scr-login .pk-login-footer button { width:100%;text-decoration:underline;text-underline-offset:4px; }
#scr-login .pk-login-info h3 { margin:0 0 16px;color:#f5e3b3; }
#scr-login .pk-login-info p { line-height:1.6; }
#scr-login .pk-login-info .home-seo { margin-top:16px; }
/* Pokémon dossier: a stable portrait, short views, paged moves and a fixed action. */
#scr-dex .ui-scroll .split { grid-template-columns:minmax(0,1fr); }
.ui-dex-sheet { display:none; }
.ui-dex-open .ui-dex-sheet { display:flex;flex-direction:column;position:fixed;z-index:75;left:50%;right:auto;top:calc(var(--ui-top) + var(--ui-safe-top) + 12px);bottom:auto;transform:translateX(-50%);width:min(680px,calc(100% - 24px - var(--ui-safe-left) - var(--ui-safe-right)));max-height:calc(var(--ui-height) - var(--ui-safe-top) - var(--ui-safe-bottom) - 24px);padding:12px;background:#14363d;border:1px solid #8fac9f;border-radius:16px;box-shadow:0 15px 50px #000b; }
.ui-dex-open .ui-dex-close { display:flex;flex:0 0 auto;min-height:44px;width:100%;margin:0 0 8px;font:600 13px var(--ui-font); }
.ui-dex-open .ui-dex-shade { display:block;position:fixed;inset:0;background:#021327c9;border:0;z-index:70;cursor:pointer; }
.ui-dex-open :is(.game-dock,.topbar) { visibility:hidden;pointer-events:none; }
.ui-dex-open #scr-dex #dex-detail { overflow:visible;min-height:0;padding:12px;border:0;background:transparent;display:grid;grid-template-columns:210px minmax(0,1fr);column-gap:20px;row-gap:12px; }
.pk-mon-hero { min-width:0; }
.pk-mon-portrait { display:flex;flex-direction:column;align-items:center; }
#dex-detail .pk-mon-portrait .stage { display:block;width:154px;height:132px;max-width:100%;object-fit:contain;margin:0 auto 8px; }
#dex-detail .pk-mon-hero h3 { font:700 29px/1.1 var(--ui-display);margin:5px 0; }
#dex-detail .pk-mon-hero .center>div { font-size:11px!important;line-height:1.4; }
#dex-detail .pk-mon-hero .center .pxi { max-width:16px;max-height:16px; }
#dex-detail .pk-mon-hero .type { font-size:10px;padding:2px 6px; }
#dex-detail .seg { margin:0 0 6px;max-width:100%; }
#dex-detail .seg button { min-height:36px;font-size:11px;padding:6px 10px; }
.pk-mon-content { min-width:0;align-self:center; }
.pk-profile-tabs { display:flex;gap:6px;margin:0 0 12px; }
.pk-profile-tabs button { flex:1;min-width:0;min-height:44px;padding:8px;border:1px solid #668988;border-radius:8px;background:#173a42;color:#cae1db;font:650 12px/1.2 var(--ui-font);cursor:pointer; }
.pk-profile-tabs button[aria-pressed=true] { background:#e2d59e;color:#17333b;border-color:#f5e5ac; }
.pk-profile-pane { min-width:0; }
#dex-detail .pk-mon-stats .stat { height:auto;min-height:30px;grid-template-columns:68px minmax(30px,1fr) 42px;gap:8px;margin:4px 0;font-size:12px; }
#dex-detail .pk-mon-stats>p { font-size:12px!important;line-height:1.5;margin:8px 0 0!important; }
#dex-detail .pk-moves-intro { font-size:11px;margin:0 0 8px; }
#dex-detail .move-icons { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:0; }
#dex-detail .move-icons>span { display:flex;align-items:center;gap:7px;min-height:44px;padding:6px;background:#264850;border-radius:7px; }
.pk-move-name { font-size:11px;line-height:1.25;overflow-wrap:anywhere; }
.pk-page-controls { display:flex;align-items:center;justify-content:space-between;gap:4px;margin-top:6px; }
.pk-page-controls>span { font-size:11px;white-space:nowrap;color:#b9d0c9; }
.pk-page-controls .pk-text-button { padding:6px;font-size:11px; }
.pk-mon-action { grid-column:1/-1; }
#scr-dex #dex-detail .pk-mon-action .btn { margin:0;min-height:46px;padding:10px;font-size:19px; }
/* Trainer records use the same short-view model instead of one tall stack. */
#scr-profile .ui-scroll { padding:16px; }
#scr-profile #prof-body>.prof-head { padding:0;margin:0 0 14px;border:0; }
#scr-profile .prof-head h2 { font-size:30px;line-height:1.1;margin:0; }
#scr-profile .prof-marks { grid-template-columns:repeat(3,minmax(0,1fr));margin:0;gap:8px; }
#scr-profile .prof-marks>div { padding:10px 6px; }#scr-profile .prof-marks b { font-size:24px; }
#scr-profile .prof-favs,#scr-profile .fav-slots { margin:0;gap:8px; }
#scr-profile .fav-slot { min-height:0;padding:8px 4px; }
#scr-profile .fav-slot canvas { width:100%;height:90px;object-fit:contain; }
#scr-profile .prof-medals { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px; }
#scr-profile .prof-medals .pm { width:auto;min-height:80px; }
#scr-profile .pk-profile-pane>h3 { margin:0 0 10px;font-size:20px; }
@media(max-width:540px) and (min-height:521px) {
 .ui-dex-open #scr-dex #dex-detail { grid-template-columns:1fr;gap:12px;padding:4px; }
 .pk-mon-hero { display:grid;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:12px; }
 #dex-detail .pk-mon-portrait .stage { width:112px;height:98px;margin:0; }
 #dex-detail .pk-mon-hero h3 { font-size:27px; }
 #dex-detail .pk-mon-hero .center { text-align:left; }
 #dex-detail .pk-mon-hero .center>div { margin:5px 0!important; }
}
@media(max-height:520px) {
 #scr-login .pk-window-header { padding:10px 16px; }
 #scr-login .ui-scroll { padding:10px 16px; }
 #scr-login .pk-login-main { gap:8px; }
 #scr-login .login-tag,#scr-login #login-mode { display:none; }
 .ui-dex-open .ui-dex-sheet { padding:8px;top:calc(var(--ui-top) + var(--ui-safe-top) + 6px);max-height:calc(var(--ui-height) - var(--ui-safe-top) - var(--ui-safe-bottom) - 12px); }
 .ui-dex-open #scr-dex #dex-detail { grid-template-columns:minmax(100px,.8fr) minmax(0,1.4fr);gap:8px;padding:0; }
 #dex-detail .pk-mon-portrait .stage { width:100px;height:86px;margin:0; }
 #dex-detail .pk-mon-hero h3 { font-size:23px; }
 .pk-profile-tabs { margin-bottom:6px; }
 #scr-dex #dex-detail .pk-mon-action .btn { min-height:44px;padding:7px; }
 #scr-profile .pk-window-header { padding:8px 14px; }
 #scr-profile .prof-head h2 { font-size:24px; }
 #scr-profile .fav-slot canvas { height:66px; }
}
@media(max-height:520px) and (min-width:560px) {
 .pk-window#scr-login>.ui-panel { width:min(740px,100%)!important; }
 #scr-login .pk-login-main { display:grid;grid-template-columns:minmax(180px,.8fr) minmax(240px,1.2fr);gap:8px 24px;align-items:center; }
 #scr-login .pk-login-main>.tabs { grid-column:1;grid-row:1; }
 #scr-login #login-form { grid-column:2;grid-row:1/4; }
 #scr-login .pk-login-main>.row:has(#btn-guest) { grid-column:1;grid-row:2; }
 #scr-login #signup-closed:not(.hidden) { grid-column:1;grid-row:3;font-size:11px; }
 #scr-login .pk-login-footer { padding-bottom:0; }
}
/* Virtual-keyboard and extreme-height fallback preserves access to inputs and actions. */
body.ui-keyboard #scr-login .pk-window-header { display:none; }
@media(max-height:350px) { .ui-dex-open #scr-dex #dex-detail { overflow-y:auto; }.ui-dex-open .ui-dex-sheet { overflow-y:auto; } }
@media(max-height:620px) {
 #scr-login { padding:8px max(12px,var(--ui-safe-right)) max(8px,var(--ui-safe-bottom)) max(12px,var(--ui-safe-left));padding-top:calc(var(--ui-safe-top) + 8px); }
 #scr-login .pk-window-header { padding:10px 16px; }
 #scr-login .ui-scroll { padding:10px 16px; }
 #scr-login .pk-login-main { gap:8px; }
 #scr-login .login-tag { display:none; }
}
/* Local-first profile and optional installation, in the existing account window. */
.pk-session-card { border-bottom:1px solid #7d9f9955;padding-bottom:20px;margin-bottom:20px; }
.pk-session-card h3 { margin:0 0 10px;color:#f5e2ab; }.pk-session-card h3:not(:first-child) { margin-top:24px; }
.pk-session-form { display:grid;gap:8px;margin:16px 0;max-width:480px; }
.pk-session-form label { margin:0;font-size:12px; }.pk-session-form .field { min-height:46px;font-size:16px; }
.pk-session-form .btn { margin-top:4px; }.pk-session-form p:empty { display:none; }
.pk-install-offer { position:fixed;z-index:65;bottom:calc(var(--ui-dock) + var(--ui-safe-bottom) + 12px);left:max(12px,var(--ui-safe-left));right:max(12px,var(--ui-safe-right));max-width:420px;margin:auto;padding:16px;background:#24474b;border:1px solid #b4c59d;border-radius:14px;box-shadow:0 12px 40px #00181acc; }
.pk-install-offer b { color:#ffedb8;font:700 24px var(--ui-display); }.pk-install-offer p { font-size:12px;color:#cce0d5;margin:5px 0 12px; }
.pk-install-offer .row { display:flex;gap:8px; }.pk-install-offer .btn { flex:1;font-size:15px;min-height:44px; }
@media(max-height:520px) { .pk-install-offer { bottom:max(8px,var(--ui-safe-bottom));left:auto;width:min(380px,calc(100% - 24px)); }.pk-install-offer p { margin-bottom:8px; } }
/* Google is exposed only after the server confirms a configured OAuth client. */
body[data-google-enabled=true] #scr-login .pk-login-main>.row:has(#btn-google:not(.hidden)) { display:flex; }
@font-face { font-family:"Google Sans";src:url('../assets/fonts/google-sans-medium.ttf') format('truetype');font-style:normal;font-weight:500;font-display:swap; }
#scr-login #btn-google,.pk-window .pk-google-action { position:relative;display:flex;align-items:center;justify-content:center;gap:10px;min-width:0;min-height:46px;height:auto;padding:12px;border-radius:24px;background:#fff;color:#1f1f1f;border:1px solid #747775;box-shadow:none;text-shadow:none;font:500 14px/20px "Google Sans",Arial,sans-serif;letter-spacing:.1px;transform:none;filter:none;isolation:isolate;transition:background-color .15s,border-color .15s; }
#scr-login #btn-google:hover,.pk-window .pk-google-action:hover { background:#f8faff;border-color:#1f1f1f;filter:none; }
#scr-login #btn-google:active,.pk-window .pk-google-action:active { background:#edf2fa;transform:none;box-shadow:none; }
#scr-login #btn-google:focus-visible,.pk-window .pk-google-action:focus-visible { outline:3px solid #a8c7fa;outline-offset:3px; }
#scr-login #btn-google:disabled,.pk-window .pk-google-action:disabled { background:#f2f2f2;border-color:#c4c7c5;cursor:wait;opacity:1;filter:none;box-shadow:none; }
#scr-login #btn-google:disabled .pk-google-label,.pk-window .pk-google-action:disabled .pk-google-label { color:#747775; }
.btn.google .pk-google-logo { flex:0 0 20px;width:20px;height:20px;object-fit:contain;image-rendering:auto;filter:none;margin:0; }
.btn.google .pk-google-label { flex:1;min-width:0;text-align:center;padding-right:30px;white-space:normal;overflow-wrap:normal; }
#scr-login #btn-google.hidden { display:none; }
.pk-google-account { border-top:1px solid #79978d55;padding-top:16px;margin-top:16px; }
.pk-google-account .btn { width:100%; }.pk-google-account p { font-size:12px;line-height:1.6; }
.pk-trainer-identity { margin:4px 0;font:700 27px/1.2 var(--ui-display);color:#fff0bc;overflow-wrap:anywhere; }
.pk-session-access { margin:16px 0;border:1px solid #75999066;border-radius:10px;padding:0 12px; }
.pk-session-access summary { min-height:46px;display:flex;align-items:center;cursor:pointer;font:650 14px var(--ui-font);color:#f5e2ab; }
.pk-session-access summary::after { content:'＋';margin-left:auto; }.pk-session-access[open] summary::after { content:'−'; }
#scr-login .pk-login-main>.row:has(#btn-guest) { display:flex;flex-direction:column;gap:0; }
#scr-login #btn-guest { width:100%;font-size:18px;overflow-wrap:anywhere; }
#pk-guest-switch { width:100%;min-height:36px; }
.pk-guest-picker h3 { margin:0 0 12px;color:#f5e2ab;font:700 27px var(--ui-display); }
.pk-guest-picker>.btn { width:100%;margin-top:12px;min-height:46px;font-size:19px; }
.pk-guest-picker>.pk-text-button { width:100%; }
.pk-guest-list { display:grid;gap:8px;max-height:210px;overflow:auto; }
.pk-guest-list .btn { text-align:left;min-height:46px;font:650 15px var(--ui-font); }
@media(max-height:520px) and (min-width:560px) {
 #scr-login .pk-login-main>.row:has(#btn-google) { grid-column:1;grid-row:3; }
 #scr-login #signup-closed:not(.hidden) { grid-row:4; }
}
/* PokéMática counter: a wide showcase, a compact ticket tray and all three real purchase controls. */
.pull-results .pcard { position:relative;isolation:isolate;overflow:hidden;border:1px solid var(--rc,#7e9b94);background:radial-gradient(ellipse at 50% 38%,color-mix(in srgb,var(--rc,#7e9b94) 22%,transparent),transparent 65%),linear-gradient(150deg,#23454b,#0e2c36);box-shadow:inset 0 0 0 3px #a4c1ab0c,0 6px 16px #00162288; }
.pull-results .pcard canvas { display:block;width:100%;max-width:180px;height:auto;aspect-ratio:180/164;margin:4px auto;image-rendering:pixelated;filter:drop-shadow(0 6px 2px #001c2766); }
.pull-results .pcard b { font:700 23px/1.2 var(--ui-display);color:#f9e7b7; }
.pull-results .pcard .stars { min-height:20px; }.pull-results .pcard .tag { padding-top:8px;margin-top:8px;border-top:1px solid #b4d4c32b;font:600 10px/1.4 var(--ui-font); }
.pull-results .pcard.shiny { background:radial-gradient(ellipse at 20% 10%,#f6caff33,transparent 60%),linear-gradient(130deg,#3d3b59,#133a45); }
#scr-gacha .pk-window-header { padding:12px 20px; }
#scr-gacha .pk-heading-description { margin-top:3px; }
#scr-gacha .pk-window-tabs { padding:8px 20px;gap:6px;scrollbar-width:none; }
#scr-gacha .pk-window-tabs .gen-tab { min-width:78px;min-height:44px;padding:7px 10px; }
#scr-gacha .pk-window-tabs small { margin-top:2px; }
#scr-gacha .ui-scroll { padding:16px 20px; }
#scr-gacha .pk-gacha-layout { gap:10px; }
#scr-gacha .pk-gacha-layout>div:first-child { display:flex;flex-direction:column;gap:10px;min-width:0; }
#scr-gacha .banner { grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:20px;min-height:210px;padding:18px 20px;border:1px solid #8ab19170;box-shadow:inset 0 0 50px #061d1a66; }
#scr-gacha .banner::before { background:linear-gradient(90deg,#0d302aee,#0b292a85),url('../assets/encounters/forest-clearing.webp') center 62%/cover; }
.pk-region-copy { align-self:center;min-width:0; }
.pk-region-kicker { font:700 9px/1.3 var(--ui-font);letter-spacing:.13em;color:#c2d9ac; }
#scr-gacha #banner-title { font-size:32px;margin:7px 0 6px; }
#scr-gacha #banner-desc { font-size:12px;line-height:1.4;margin:0!important; }
#scr-gacha #gacha-owned { display:inline-flex;padding:5px 9px;border:1px solid #a5c39b55;background:#112e25a8;border-radius:6px;font-size:10px;margin-top:12px!important; }
#scr-gacha .pk-encounter-art { display:flex;flex-direction:column;grid-column:auto;grid-row:auto;align-self:stretch;justify-content:center;gap:10px;padding:0;border:0;border-radius:0;background:none;box-shadow:none; }
#scr-gacha .pk-encounter-art::before { content:none; }
#scr-gacha .pk-machine-preview-label { position:static;color:#d4e3bf;font:650 9px/1.4 var(--ui-font);text-align:center;letter-spacing:.035em; }
#scr-gacha .pk-encounter-art .feat { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-height:0;width:100%; }
.pk-featured-mon { position:relative;min-width:0;margin:0;padding:8px 2px 7px;background:radial-gradient(ellipse at 50% 55%,color-mix(in srgb,var(--mon-color) 24%,transparent),transparent 68%),linear-gradient(#103532bd,#08252cd9);border:1px solid color-mix(in srgb,var(--mon-color) 42%,#5a8268);border-radius:40px 40px 10px 10px;box-shadow:0 4px 0 #09232888; }
#scr-gacha .pk-encounter-art canvas { display:block;width:100%;max-width:100%;height:auto;aspect-ratio:180/164;filter:drop-shadow(0 6px 2px #001b2860); }
.pk-featured-mon figcaption { text-align:center;font:650 11px/1.3 var(--ui-font);color:#f5edc8;padding:0 2px;overflow-wrap:anywhere; }
.pk-gacha-wallet { padding:8px 12px;border:1px solid #6a94766b;background:#163b35;justify-content:center; }
#scr-gacha #gacha-tickets { font-size:12px;text-align:center; }
#scr-gacha .pk-pull-options { gap:10px;grid-template-columns:1fr 1.2fr; }
#scr-gacha .pk-pull-choice { display:flex;padding:12px;gap:10px;background:linear-gradient(145deg,#2d5145,#173d37);border:1px solid #729e81;box-shadow:inset 0 1px #c8e9a522,0 4px 0 #082329; }
#scr-gacha .pk-pull-ten { background:linear-gradient(145deg,#535339,#2d4136);border-color:#b6b27a; }
.pk-pull-stamp { float:right;display:grid;place-items:center;width:30px;height:30px;border:1px solid #bdd4a966;border-radius:50%;color:#dbe9b5;font:700 16px var(--ui-display);margin-left:6px; }
#scr-gacha .pk-pull-choice h3 { font-size:22px;margin:0 0 4px; }
#scr-gacha .pk-pull-choice p { font-size:11px;line-height:1.35; }
#scr-gacha .pk-ten-currencies { grid-template-columns:1fr 1fr;gap:8px; }
#scr-gacha .pk-pull-choice .btn { min-height:48px;padding:9px 7px;gap:4px;font-size:17px;background:linear-gradient(#ffdf7e,#edbb50);border-color:#ffeaa3;color:#2f361f;text-shadow:none;box-shadow:0 3px 0 #92723a; }
#scr-gacha #pull-10b { background:linear-gradient(#d9b9f1,#b995d1);border-color:#ead7ff;color:#302a45;box-shadow:0 3px 0 #72558b; }
#scr-gacha .pk-pull-choice .btn:disabled { opacity:.55;filter:saturate(.4);box-shadow:none; }
#scr-gacha .pk-guarantee { padding:8px 12px;border:1px solid #a9ad7155;border-radius:10px;background:#1d3937; }
#scr-gacha .pk-guarantee-title { font-size:11px; }
#scr-gacha .pk-progress { margin:6px 0;height:6px; }
#scr-gacha #gacha-pity { font-size:10px;line-height:1.4; }
#scr-gacha .pk-rates>summary { min-height:44px;padding:12px;font-size:11px; }
#scr-gacha .pk-ticket-help { padding:0 14px 12px;font-size:11px; }
/* The dossier reads as a collectible card, with type colour and a properly framed animated portrait. */
.ui-dex-open .ui-dex-sheet { padding:12px;background:linear-gradient(145deg,#183d43,#0d2b35);border:1px solid #a8bca4;box-shadow:inset 0 0 0 4px #345651,0 20px 60px #000c;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin; }
.ui-dex-open .ui-dex-close { min-height:40px;margin:0 0 10px;padding:6px 8px;border:0;background:none;box-shadow:none;color:#c8d9d5;font-size:12px;justify-content:flex-start; }
.ui-dex-close::before { content:'‹';font:30px/1 var(--ui-font);margin-right:8px; }
.ui-dex-open #scr-dex #dex-detail { grid-template-columns:210px minmax(0,1fr);padding:0;gap:14px; }
#dex-detail .pk-mon-hero { position:relative;isolation:isolate;align-self:stretch;padding:12px;border:1px solid color-mix(in srgb,var(--mon-color) 65%,#9baf96);border-radius:12px;background:radial-gradient(ellipse at 50% 22%,color-mix(in srgb,var(--mon-color) 26%,transparent),transparent 65%),#102e37;overflow:hidden; }
.pk-mon-hero::before { content:'';position:absolute;z-index:-1;width:160px;height:160px;border:1px solid color-mix(in srgb,var(--mon-color) 23%,transparent);border-radius:50%;top:15px;left:50%;transform:translateX(-50%);box-shadow:0 0 0 18px #d9efdd04,0 0 0 36px #d9efdd03; }
.pk-mon-seal { display:block;width:100%;text-align:center;color:color-mix(in srgb,var(--mon-color) 40%,#f1edc7);font:750 8px/1.4 var(--ui-font);letter-spacing:.09em;margin:0 0 5px; }
#dex-detail .pk-mon-portrait .stage { width:176px;height:154px;background:none;border:0;border-radius:0;box-shadow:none;filter:drop-shadow(0 7px 2px #00141b66);margin:0; }
#dex-detail .pk-mon-hero .center>div { font-size:11px!important; }
#dex-detail .pk-mon-hero .center>div:first-child { color:#bad0cd!important;font-size:10px!important; }
#dex-detail .pk-mon-hero h3 { color:#fff0bf;font-size:29px;overflow-wrap:anywhere; }
#dex-detail .pk-mon-hero .type { display:inline-block;font:700 10px/1.2 var(--ui-font);padding:4px 8px;border-radius:5px; }
#dex-detail .seg { margin:4px 0 8px; }
#dex-detail .seg button { min-height:36px;font-size:10px;padding:6px 8px; }
.pk-mon-hero[data-shiny=true] { border-color:#d8c4ff!important;background:radial-gradient(ellipse at 30% 10%,#a4d9ec40,transparent 60%),linear-gradient(135deg,#343754,#163741)!important; }
#dex-detail .pk-mon-stats .stat { padding:8px;margin:0 0 6px;border:1px solid #a0bfa333;border-radius:7px;background:#24474a;grid-template-columns:58px minmax(30px,1fr) 40px; }
#dex-detail .pk-mon-stats .bar { height:7px;border-radius:5px;overflow:hidden;background:#0c2a31; }
#dex-detail .pk-mon-stats .bar i { background:var(--mon-color); }
.pk-mon-content { align-self:start; }
@media(max-width:760px) {
 #scr-gacha .pk-window-header { padding:10px 14px; }
 #scr-gacha .pk-heading h2 { font-size:25px; }
 #scr-gacha .pk-heading-description { font-size:10px; }
 #scr-gacha .pk-window-tabs { padding:7px 12px; }
 #scr-gacha .ui-scroll { padding:12px; }
 #scr-gacha .banner { grid-template-columns:1fr;gap:12px;min-height:0;padding:14px; }
 #scr-gacha .pk-region-copy { display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 8px;align-items:center; }
 #scr-gacha .pk-region-kicker { grid-column:1;font-size:8px; }
 #scr-gacha #banner-title { grid-column:1;font-size:28px;margin:0; }
 #scr-gacha #banner-desc { grid-column:1/-1;font-size:10px; }
 #scr-gacha #gacha-owned { grid-column:2;grid-row:1/3;margin:0!important;font-size:9px;padding:5px 6px; }
 #scr-gacha .pk-encounter-art { gap:6px; }
 #scr-gacha .pk-machine-preview-label { font-size:8px; }
 #scr-gacha .pk-encounter-art .feat { gap:7px;max-width:390px;margin:auto; }
 #scr-gacha .pk-encounter-art canvas { max-height:104px; }
 .pk-featured-mon figcaption { font-size:10px; }
 #scr-gacha .pk-pull-options { grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:8px; }
 #scr-gacha .pk-pull-choice { padding:10px;gap:8px; }
 #scr-gacha .pk-pull-choice h3 { font-size:20px; }
 #scr-gacha .pk-pull-choice p { font-size:10px; }
 #scr-gacha .pk-pull-choice .btn { font-size:15px; }
 #scr-gacha .pk-ten-currencies { grid-template-columns:1fr;gap:7px; }
 .pk-pull-stamp { width:24px;height:24px;font-size:13px; }
}
@media(max-width:540px) and (min-height:521px) {
 .ui-dex-open #scr-dex #dex-detail { grid-template-columns:1fr;gap:12px; }
 #dex-detail .pk-mon-hero { display:grid;grid-template-columns:128px minmax(0,1fr);gap:12px;align-items:center;padding:10px; }
 #dex-detail .pk-mon-hero::before { width:120px;height:120px;left:75px;top:14px; }
 #dex-detail .pk-mon-portrait .stage { width:128px;height:112px; }
 #dex-detail .pk-mon-hero h3 { font-size:28px; }
 .pk-mon-seal { font-size:7px; }
}
@media(max-height:740px) and (max-width:540px) {
 #scr-gacha .pk-heading-description { display:none; }
 #scr-gacha .banner { gap:8px;padding:10px; }
 #scr-gacha .pk-encounter-art canvas { max-height:76px; }
 #scr-gacha #banner-title { font-size:25px; }
 #scr-gacha .pk-pull-choice p { display:none; }
 #scr-gacha .pk-gacha-layout,#scr-gacha .pk-gacha-layout>div:first-child { gap:8px; }
 .ui-dex-open .ui-dex-sheet { padding:10px; }
 #dex-detail .pk-mon-hero { grid-template-columns:102px minmax(0,1fr);padding:8px; }
 #dex-detail .pk-mon-portrait .stage { width:102px;height:88px; }
 #dex-detail .pk-mon-hero h3 { font-size:25px; }
 .pk-mon-seal { font-size:6.5px; }
 .pk-profile-tabs { margin-bottom:8px; }
 .ui-dex-open .ui-dex-close { min-height:36px;margin-bottom:6px; }
 #dex-detail:has(.pk-profile-pane[aria-label="Evolución"]:not([hidden])) .pk-mon-hero { grid-template-columns:86px minmax(0,1fr); }
 #dex-detail:has(.pk-profile-pane[aria-label="Evolución"]:not([hidden])) .pk-mon-portrait .stage { width:86px;height:74px; }
}
@media(max-height:520px) and (min-width:560px) {
 #scr-gacha .pk-window-header { padding:8px 12px; }
 #scr-gacha .pk-heading-description,#scr-gacha #banner-desc { display:none; }
 #scr-gacha .pk-gacha-layout>div:first-child { display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:start; }
 #scr-gacha .banner { grid-template-columns:1fr;grid-row:1/4;gap:8px;min-height:0;padding:10px; }
 #scr-gacha #banner-title { font-size:26px; }
 #scr-gacha #gacha-owned { margin-top:4px!important; }
 #scr-gacha .pk-encounter-art .feat { min-height:0; }
 #scr-gacha .pk-encounter-art canvas { max-height:84px; }
 #scr-gacha .pk-pull-choice h3 { font-size:18px; }
 #scr-gacha .pk-pull-choice p { display:none; }
 #scr-gacha .pk-pull-options { gap:8px; }
 #scr-gacha .pk-ten-currencies { grid-template-columns:1fr;gap:6px; }
 #scr-gacha .pk-pull-choice .btn { font-size:14px;min-height:44px; }
 .pk-pull-stamp { display:none; }
 .ui-dex-open #scr-dex #dex-detail { grid-template-columns:170px minmax(0,1fr);gap:10px; }
 #dex-detail .pk-mon-hero { padding:8px; }
 #dex-detail .pk-mon-portrait .stage { width:116px;height:100px; }
 #dex-detail .pk-mon-hero h3 { font-size:23px; }
 #dex-detail .pk-mon-hero .center>div { font-size:10px!important; }
 .ui-dex-open .ui-dex-close { margin-bottom:6px;min-height:36px; }
}