/* Allova Navigator: blue frames, teal instruments, colored touch keys. */
#control-display{background:#183d54}
#control-display .overlay,#control-display .lower-home{background:repeating-linear-gradient(0deg,#e8f2f3 0 3px,#e3edef 3px 4px);color:#163b4d}
#control-display .overlay-header{background:#174b60;color:#fff;border:0;padding:7px 10px!important;min-height:38px!important;margin:0!important;box-shadow:inset 0 -3px #0c3042}
#control-display .overlay-header h2{font-size:21px!important;line-height:1.1}
#control-display #modal-close{color:inherit;min-width:32px}
#control-display button{border-radius:5px}
#control-display button:focus-visible{outline:3px solid #efaf32;outline-offset:-3px}
#control-display .menu-pager[hidden]{display:none}
#control-display .navigator-menu{display:flex;flex-direction:column;gap:7px;padding:8px!important;overflow:auto;font:16px/1.25 system-ui,sans-serif}
#control-display .navigator-menu[hidden]{display:none!important}
#control-display .navigator-menu p{font:14px/1.3 system-ui,sans-serif;margin:2px 0}
#control-display .navigator-menu button{font:18px/1.1 Tiny5,monospace;min-height:36px;padding:5px 8px;box-shadow:inset 0 -2px #0002}
#control-display .navigator-menu .foot-actions{display:flex;gap:6px;margin:0;flex:none;flex-wrap:wrap}
#control-display .navigator-menu .foot-actions>button{flex:1}
#control-display .navigator-menu .menu-tools{flex:none;margin:0}
#control-display .navigator-menu .summary-tabs{flex:none}
#control-display .navigator-menu .summary-tabs button{font-size:16px;padding:4px 2px}
#control-display .navigator-menu .dex-navigation-hint{display:none}
#control-display .navigator-menu button[aria-pressed=true]{background:#176878;color:white;border-color:#103e52}
#control-display .lower-heading{background:#174b60;color:#fff;margin:0 0 7px;padding:8px 10px;font-size:20px}
#control-display .navigator-menu .pause-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;gap:8px;flex:1;min-height:0;margin:0}
#control-display .pause-list button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:2px solid #254c62;box-shadow:inset 0 3px #fff7,inset 0 -4px #0002;font-size:20px!important;text-align:center;min-height:70px!important;color:#102e43}
#control-display .pause-list button:nth-child(1){background:#85d29e}
#control-display .pause-list button:nth-child(2){background:#f3d16c}
#control-display .pause-list button:nth-child(3){background:#ed8790}
#control-display .pause-list button:nth-child(4){background:#7ac5e7}
#control-display .pause-list button:nth-child(5){background:#e4a4d8}
#control-display .pause-list button:nth-child(6){background:#a9b9e8}
#control-display .pause-list button:last-child{grid-column:1/-1;min-height:34px!important;flex-direction:row;background:#d4e4ea;font-size:18px!important}
.nav-symbol{font:28px/1 system-ui,sans-serif;min-height:28px}
.dex-display-controls{display:flex;gap:5px;flex:none}.dex-display-controls>*{min-width:0;flex:1}
#control-display .navigator-menu .dex-pager{display:flex;justify-content:space-between;align-items:center;gap:4px;margin:0}
#control-display .navigator-menu .dex-pager button{font-size:16px}
#control-display .dex-entry-facts{flex:1;min-height:0;overflow:auto;background:#fbfcf2;border:1px solid #83a4ab;padding:10px}
#control-display .navigator-menu .dex-entry-facts p{font-size:16px;margin:8px 0}
#control-display .navigator-menu .dex-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
#control-display .navigator-menu .dex-stats span{padding:7px;background:#c9e8df;font-size:16px}
#control-display .navigator-menu .dex-stats span{display:flex;flex-direction:column;min-width:0;overflow-wrap:anywhere}
#control-display .dex-entry-evolution{flex:1;min-height:0;overflow:auto}
#control-display .navigator-menu[data-kind=dex-entry]>.foot-actions{margin-top:auto}
#control-display .lower-objective{font-size:14px;max-height:none;overflow:visible;margin-top:7px}
#control-display .navigator-menu .party-roster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:7px;flex:1;min-height:0;margin:0}
#control-display .navigator-menu .party-slot{display:grid;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:4px;min-width:0;min-height:0;padding:7px 5px;text-align:left;border:2px solid #548398;background:linear-gradient(125deg,#fcfdf9,#d5e8ee);border-radius:7px;box-shadow:inset 0 -3px #b3cbd6}
#control-display .navigator-menu .party-slot.party-lead{background:linear-gradient(125deg,#e2fff1,#94cdbb);border-color:#337363}
#control-display .navigator-menu .party-slot{color:#173d4c;padding:4px 5px}
#control-display .navigator-menu .party-slot-info>span:last-child{white-space:nowrap;font-size:12px}
#control-display .navigator-menu .party-slot>img{width:46px;height:54px;object-fit:contain;image-rendering:pixelated}
#control-display .navigator-menu .party-slot-info{display:flex;flex-direction:column;gap:2px;min-width:0}
#control-display .navigator-menu .party-slot-info strong{font:18px/1 Tiny5,monospace;overflow-wrap:anywhere}
#control-display .navigator-menu .party-slot-info>span{font:12px/1.15 system-ui,sans-serif;white-space:normal}
#control-display .navigator-menu .party-slot-info .hp{width:100%;height:7px;border:1px solid #325e68}
#control-display .navigator-menu .party-slot .item-icon{width:12px;height:12px;vertical-align:middle}
#control-display .navigator-menu .party-option-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;flex:1;align-content:center}
#control-display .navigator-menu .party-option-list button{min-height:58px}
#control-display .navigator-menu .summary-moves{display:grid;grid-template-columns:1fr 1fr;gap:7px;flex:none}
#control-display .navigator-menu .summary-moves button{min-height:66px;text-align:left;border-left:5px solid var(--move-type,#4596a0);background:#fcfdf9}
#control-display .navigator-menu .summary-moves button{min-height:54px}
#control-display .navigator-menu .summary-moves button[aria-pressed=true]{background:#176878;color:white}
#control-display .summary-moves strong{display:block;font-size:20px;margin-bottom:6px}
#control-display .summary-moves small{display:block;font:13px/1.2 system-ui,sans-serif}
#control-display .summary-move-detail{background:#fffdf0;border:2px solid #6f939a;border-radius:5px;padding:9px;flex:1;min-height:80px;overflow:auto}
#control-display .summary-move-detail p{font-size:16px;margin:4px 0}
#control-display .summary-move-detail small{font:14px/1.3 system-ui,sans-serif}
#control-display .navigator-menu select,#control-display .navigator-menu input{font:16px/1.3 system-ui,sans-serif;min-height:36px;min-width:0;padding:5px;max-width:100%}
#control-display .summary-learn-controls{display:grid;grid-template-columns:1fr auto;gap:6px}
#control-display .summary-party-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}
#control-display .summary-party-strip button{padding:0;min-height:34px}
#control-display .summary-party-strip img{width:32px;height:32px;object-fit:contain;image-rendering:pixelated}
#control-display .navigator-menu .training-stat-table{font:14px/1.2 system-ui,sans-serif}
#control-display .navigator-menu .training-stat-table th,#control-display .navigator-menu .training-stat-table td{padding:4px}
#control-display .navigator-menu .training-note{font-size:14px}
#control-display .navigator-menu[data-kind=summary]>.foot-actions{margin-top:auto}
.display-preview:has(.party-summary-top){padding:10px;background:linear-gradient(135deg,#cee9eb,#eef6ec);overflow:auto;position:relative}
.party-summary-top .party-summary-art{grid-template-columns:64px minmax(0,1fr);margin-bottom:6px;gap:2px 8px}
.party-summary-top .party-summary-art>img{width:64px;height:64px}
.party-summary-top .party-summary-art h2{font-size:24px;color:#16465b}
.party-summary-top .party-summary-facts h3{font-size:18px;margin:3px 0}
.party-summary-top .training-stat-table{background:#f7fcf6;border:1px solid #7398a1;border-collapse:collapse}
.party-summary-top .training-stat-table th,.party-summary-top .training-stat-table td{padding:3px 5px;font-size:14px}
.party-summary-top .training-stat-table thead{background:#195d6b;color:#fff}
.party-summary-top .training-note{font-size:12px;margin:4px 0}
.party-summary-top .summary-held,.party-summary-top .summary-ability{font:14px/1.25 system-ui,sans-serif;padding:5px 7px;margin:5px 0 0;background:#f5faf0;border:1px solid #91b0b6;border-left:4px solid #20788a}
#control-display .navigator-menu .bag-pockets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin:0;flex:none}
#control-display .navigator-menu .bag-pockets button{font-size:16px;padding:4px;min-height:32px}
#control-display .navigator-stock{display:flex;flex-direction:column;gap:3px;flex:1;min-height:80px;overflow:auto;scrollbar-width:thin;scrollbar-color:#548799 #c9dee3}
#control-display .navigator-stock-item{display:flex;align-items:center;gap:8px;text-align:left;width:100%;flex:none;background:#fafcf4;border:1px solid #7196a1;min-height:38px!important}
#control-display .navigator-stock-item[hidden]{display:none}
#control-display .navigator-stock-item .item-icon{width:24px;height:24px;margin:0}
#control-display .navigator-selection{flex:none;background:#f7fbed;border:2px solid #70929b;border-radius:5px;padding:8px}
#control-display .navigator-selection>strong{font-size:16px}
#control-display .navigator-selection>p{font-size:14px;margin:5px 0;max-height:72px;overflow:auto}
#control-display .navigator-item-actions{display:flex;gap:6px;margin-top:6px}
#control-display .navigator-item-actions button{flex:1;background:#f3d579}
#control-display .navigator-catalog[data-upper-preview=true] .navigator-selection>p{display:none}
#control-display .navigator-catalog>h3,#control-display .navigator-catalog>p{font-size:14px!important;margin:0}
#control-display .navigator-dex .dex-grid{flex:1;min-height:0;overflow:auto;align-content:start;grid-template-columns:repeat(3,minmax(0,1fr))}
#control-display .navigator-dex .dex-grid button{background:#f9fdf3;border:1px solid #7196a1;padding:5px 2px}
#control-display .navigator-dex .dex-grid img{height:42px;width:42px}
#control-display .navigator-dex .dex-grid strong{font-size:18px}
#control-display .navigator-dex .dex-grid small{font:12px system-ui,sans-serif}
#control-display .catalog-notes{flex:none;font:14px/1.3 system-ui,sans-serif;background:#d7e6ea;padding:5px}
#control-display .catalog-notes summary{cursor:pointer}
#control-display .option-panel{display:grid;grid-template-columns:1fr 1fr;gap:7px;align-content:start;flex:1;min-height:0;overflow:auto}
#control-display .option-panel>p,#control-display .option-panel>section{grid-column:1/-1}
#control-display .option-panel button{min-height:46px}
#control-display .option-panel .journey-rules{margin:0;padding:8px}
#control-display .option-panel .journey-rules h3{margin:0 0 6px;font-size:18px}
#control-display .navigator-menu .area-buttons{display:grid;grid-template-columns:1fr 1fr;gap:5px}
#control-display .navigator-menu .area-buttons button{font-size:16px;min-height:34px}
#control-display .navigator-menu .area-map-notes h3{font-size:16px;margin:5px 0}
#control-display .navigator-menu .area-map-layout{grid-template-columns:minmax(0,1fr);width:100%;min-width:0}
#control-display .navigator-menu .area-map-notes{min-width:0;overflow-wrap:anywhere}
#control-display .navigator-menu .area-map-notes select{width:100%;min-width:0}
#control-display .navigator-menu .journal-item[hidden]{display:none}
#control-display .navigator-menu .journal-item{background:#fbfcf1;border:1px solid #90adb4;padding:12px;flex:1;align-items:start}
#control-display .navigator-menu .journal-item p{font-size:16px;margin-top:10px}
.dual-console:has(#overlay:not([hidden])) .touch-controls[data-enabled=true]{display:flex;height:62px;gap:6px!important;padding:6px;justify-content:space-between}
.dual-console:has(#overlay:not([hidden])) .touch-controls .dpad{display:flex;gap:3px}
.dual-console:has(#overlay:not([hidden])) .touch-controls .dpad button{width:36px;height:40px;min-height:40px}
.dual-console:has(#overlay:not([hidden])) .touch-controls #back-button,.dual-console:has(#overlay:not([hidden])) .touch-controls #interact-button{height:42px;width:42px;min-width:42px}
@media(min-width:1000px){.party-summary-top .summary-held,.party-summary-top .summary-ability{font-size:16px}.party-summary-top .training-stat-table th,.party-summary-top .training-stat-table td{padding:4px 6px}}
@media(max-width:719px){.touch-screen:has(#overlay[data-kind=summary]:not([hidden])){height:640px}#control-display .navigator-menu .party-slot{grid-template-columns:32px minmax(0,1fr)}#control-display .navigator-menu .party-slot>img{width:32px;height:40px}}
@media(max-width:359px){#control-display .navigator-menu .party-slot{grid-template-columns:32px minmax(0,1fr);gap:3px;padding:5px 3px}#control-display .navigator-menu .party-slot>img{width:32px;height:40px}#control-display .navigator-menu .party-slot-info strong{font-size:16px}#control-display .summary-moves strong{font-size:18px}.party-summary-top .training-stat-table th,.party-summary-top .training-stat-table td{padding:3px;font-size:13px}}