#capture-hud[hidden],#capture-hud [hidden]{display:none!important}
#capture-hud{position:absolute;left:14px;top:225px;z-index:38;width:246px;padding:11px 15px 10px;background:var(--native-nameplate) center/100% 100% no-repeat;color:#f2dfaf;font-family:"Pixelify Sans",monospace;text-shadow:1px 1px #142936;image-rendering:pixelated;pointer-events:auto;user-select:none;touch-action:manipulation}
.capture-heading{display:flex;justify-content:space-between;gap:8px;font-size:12px;line-height:1;margin-bottom:5px}.capture-heading strong{font-weight:500;letter-spacing:.04em}.capture-heading span{color:#b8d3c7}
.capture-balls{display:flex;justify-content:center;gap:11px}.capture-balls button{position:relative;display:flex;align-items:center;justify-content:center;width:52px;height:46px;padding:3px;background:var(--native-skill) center/contain no-repeat;border:0;border-radius:0;box-shadow:none;image-rendering:pixelated;cursor:pointer}.capture-balls button.selected{background-image:var(--native-ultimate)}.capture-balls canvas{width:29px;height:29px;image-rendering:pixelated}.capture-balls b{position:absolute;right:5px;bottom:4px;font:500 12px "Pixelify Sans",monospace;color:#ffe8a4;text-shadow:1px 1px #10232e}.capture-balls button:disabled{opacity:.5;cursor:default}.capture-balls button:focus-visible,.capture-party button:focus-visible{outline:2px solid #ffdc89;outline-offset:1px}
.capture-target{font-size:11px;line-height:1.05;min-height:23px;margin:5px 0;color:#e4d8c0}.capture-party{display:flex;justify-content:flex-start;gap:4px}.capture-party button{position:relative;width:29px;height:31px;padding:3px;background:var(--native-skill) center/contain no-repeat;border:0;box-shadow:none;border-radius:0;cursor:pointer;image-rendering:pixelated}.capture-party button.active{background-image:var(--native-ultimate)}.capture-party img{width:23px;height:23px;display:block;object-fit:contain;image-rendering:pixelated}.capture-party small{position:absolute;bottom:0;left:2px;font:500 8px "Pixelify Sans",monospace;color:#efd296;text-shadow:1px 1px #0c2432}.capture-party button:disabled{opacity:.5}.capture-hint{display:block;font-size:10px;line-height:1;margin-top:5px;color:#b6cabc}.presentation-result-open #capture-hud{visibility:hidden}
@media(max-width:700px) and (orientation:portrait){#capture-hud{left:7px;top:189px;width:207px;padding:8px 12px}.capture-heading{font-size:10px}.capture-balls{gap:8px}.capture-balls button{width:43px;height:34px}.capture-balls canvas{width:25px;height:25px}.capture-target{font-size:10px;min-height:20px;margin:3px 0}.capture-party button{width:25px;height:27px;padding:2px}.capture-party img{width:21px;height:21px}.capture-hint{font-size:9px;margin-top:3px}}
@media(max-height:540px) and (min-width:600px){#capture-hud{left:9px;top:172px;width:201px;padding:7px 12px}.capture-heading{font-size:10px;margin-bottom:2px}.capture-balls{gap:8px}.capture-balls button{width:39px;height:29px}.capture-balls canvas{width:23px;height:23px}.capture-balls b{font-size:10px;bottom:2px}.capture-target{font-size:9px;min-height:18px;margin:2px 0}.capture-party{gap:3px}.capture-party button{width:25px;height:26px;padding:2px}.capture-party img{width:21px;height:21px}.capture-hint{font-size:9px;margin-top:2px}}
@media(prefers-reduced-motion:reduce){#capture-hud *{transition:none!important;animation:none!important}}

/* Native frames with two clear quick-access tabs instead of a crowded inventory. */
#capture-hud .capture-tabs { display:grid; grid-template-columns:1fr 1fr; gap:5px; margin-bottom:5px; }
#capture-hud .capture-tabs button { min-width:0; height:28px; padding:5px 7px; border:0; border-radius:0; box-shadow:none; background:var(--native-button) center/100% 100% no-repeat; font:12px/1 var(--pixel); color:#bbd1c2; image-rendering:pixelated; }
#capture-hud .capture-tabs button[aria-pressed=true] { background-image:var(--native-selected); color:#fff0c0; }
#capture-hud[data-capture-tab=capture] .capture-party,#capture-hud[data-capture-tab=capture] .capture-party-hint { display:none!important; }
#capture-hud[data-capture-tab=party] .capture-balls,#capture-hud[data-capture-tab=party] .capture-target,#capture-hud[data-capture-tab=party] .capture-hint { display:none!important; }
#capture-hud .capture-party { display:grid; grid-template-columns:repeat(3,44px); justify-content:center; gap:5px; }
#capture-hud .capture-party button { width:44px; height:49px; padding:4px 5px 12px; background-size:44px 44px; background-position:center top; }
#capture-hud .capture-party img { width:33px; height:33px; }
#capture-hud .capture-party small { top:3px; bottom:auto; left:4px; font-size:8px; }
#capture-hud .capture-member-status { position:absolute; bottom:0; left:0; right:0; font:8px/9px var(--pixel); color:#e8d9b6; text-align:center; white-space:nowrap; text-shadow:1px 1px #10232e; }
#capture-hud .capture-party .active .capture-member-status { color:#f6d17d; }
#capture-hud .capture-party .fainted { filter:grayscale(1); }
#capture-hud .capture-party-hint { display:block; text-align:center; font-size:10px; line-height:11px; margin-top:5px; color:#bed0c0; }
#capture-hud .capture-ball-status { position:absolute; inset:0; display:grid; place-items:center; font:18px/1 var(--pixel); color:#fff2c9; text-shadow:1px 1px #102432; pointer-events:none; }
#capture-hud .capture-balls button:has(.capture-ball-status:not(:empty)) canvas { opacity:.45; }
#capture-hud .capture-target { max-height:26px; min-height:23px; overflow:hidden; text-overflow:ellipsis; }
.native-ui.touch-ui #capture-hud .capture-balls button { width:48px; height:48px; }
.native-ui.touch-ui #capture-hud .capture-party button { width:48px; height:48px; background-size:40px 40px; padding:3px 7px 11px; }
.native-ui.touch-ui #capture-hud .capture-party img { width:30px; height:30px; }
.native-ui.touch-ui #capture-hud .capture-party { grid-template-columns:repeat(3,48px); justify-content:center; gap:4px; }
.native-ui.touch-ui #capture-hud .capture-tabs button { min-height:28px; }
.native-ui.touch-ui #capture-hud[data-capture-tab=capture] .capture-target { display:block; font-size:10px; line-height:11px; margin:3px 0; min-height:22px; max-height:22px; }
.native-ui.touch-ui #capture-hud[data-capture-tab=capture] .capture-hint { display:block; font-size:9px; line-height:10px; margin-top:2px; }
@media(max-height:540px) and (orientation:landscape) {
  .native-ui.touch-ui #capture-hud { left:50%; top:auto; bottom:max(6px,env(safe-area-inset-bottom)); width:190px; transform:translateX(-50%); padding:8px 12px; }
  .native-ui.touch-ui #capture-hud .capture-heading { display:none; }
  .native-ui.touch-ui #capture-hud .capture-tabs { margin-bottom:3px; }
  .native-ui.touch-ui #capture-hud .capture-tabs button { height:23px; min-height:23px; padding:4px 7px; font-size:11px; }
  .native-ui.touch-ui #capture-hud .capture-party { gap:3px 4px; }
  .native-ui.touch-ui #capture-hud .capture-party-hint { display:none; }
}
@media(max-width:700px) and (orientation:portrait) {
  .native-ui.touch-ui #capture-hud { left:auto!important; right:8px; top:160px!important; width:172px!important; transform:none!important; padding:8px 10px; }
  .native-ui.touch-ui #capture-hud .capture-heading { display:none; }
  .native-ui.touch-ui #capture-hud .capture-tabs { gap:3px; margin-bottom:3px; }
  .native-ui.touch-ui #capture-hud .capture-tabs button { height:23px; min-height:23px; font-size:10px; padding:4px; }
  .native-ui.touch-ui #capture-hud .capture-balls { gap:4px; }
  .native-ui.touch-ui #capture-hud .capture-balls canvas { width:28px; height:28px; }
  .native-ui.touch-ui #capture-hud .capture-party-hint { font-size:9px; line-height:10px; }
  .native-ui.touch-ui .game-screen:has(#capture-hud:not([hidden])) .minimap-panel { display:none; }
}
@media(max-width:600px) and (orientation:landscape) {
  .native-ui.touch-ui #capture-hud { left:calc(50% - 16px); width:182px; padding:8px 10px; }
}

/* New camp controls keep the existing native frames; CSS only arranges them. */
#capture-hud .capture-expand{display:block;width:100%;min-height:30px;padding:6px;border:0;border-radius:0;background:var(--native-button) center/100% 100% no-repeat;color:#f5dfaa;font:11px/1.15 var(--pixel);image-rendering:pixelated;cursor:pointer}
#capture-hud.capture-compact>*:not(.capture-expand){display:none!important}
#capture-hud.capture-compact{padding:6px 8px!important}
#capture-hud .capture-target,.native-ui.touch-ui #capture-hud[data-capture-tab=capture] .capture-target{max-height:none;min-height:26px;overflow:visible;font-size:10px;line-height:1.15}
.native-ui .camp-tabs{display:flex;flex-wrap:wrap;gap:4px}
.native-ui .camp-tabs button{flex:1 1 90px;min-width:0}
.move-comparison{display:grid;gap:4px;text-align:left;margin-top:7px;font:11px/1.35 var(--pixel);color:#d3e3da;overflow-wrap:anywhere}
.move-comparison>span{display:block}.move-comparison>span:nth-child(2){color:#f9dda0}
.native-ui .camp-moves button{height:auto;min-height:170px}
.camp-party-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.camp-party-card{display:grid;align-content:start;justify-items:center;gap:8px;padding:14px;background:var(--native-nameplate) center/100% 100% no-repeat;text-align:center}
.camp-party-face{width:64px;height:64px;object-fit:contain;image-rendering:pixelated}
.camp-party-card small{line-height:1.3}.camp-party-actions{display:flex;gap:5px;justify-content:center;flex-wrap:wrap}
.camp-party-card button,.journey-collection-summary button{min-height:36px;padding:8px 12px;border:0;background:var(--native-button) center/100% 100% no-repeat;color:#f7e3b5;font:12px var(--pixel);image-rendering:pixelated}
.camp-party-card button:disabled{opacity:.45}.camp-release-confirm{color:#ffd093;font-size:12px}.camp-release-confirm p{line-height:1.4}
.camp-route-grid button{height:auto;min-height:160px}.camp-route-grid button[aria-pressed=true]{background-image:var(--native-selected)}
.journey-report{font:15px/1.5 var(--pixel)}.journey-report h3{margin-top:18px;color:#f7d68f}.journey-report p{overflow-wrap:anywhere}.journey-crown{text-align:center;line-height:1.5}.journey-crown>.camp-native-icon{width:64px;height:64px}
.journey-collection-summary{padding:8px 0;color:#f3d8a2}.journey-collection-summary .camp-native-icon{vertical-align:middle}
.native-ui .journey-camp #overlay-actions{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.native-ui .journey-camp #overlay-actions button{grid-area:auto;position:static;inset:auto;transform:none;height:auto!important;min-height:38px;font-size:14px!important}
@media(max-height:540px) and (min-width:600px){.native-ui .camp-route-grid button{min-height:120px;padding:10px 14px;gap:3px}.native-ui .camp-route-grid button>.camp-native-icon{width:24px;height:24px}.native-ui .camp-route-grid button strong{font-size:14px}.native-ui .camp-route-grid button b{font-size:11px}.native-ui .camp-route-grid button small{font-size:11px;line-height:1.1}.native-ui .camp-section[data-camp-panel=route] .camp-section-heading{font-size:16px;margin:2px 0 5px}.native-ui .camp-section[data-camp-panel=route] .camp-section-heading>.camp-native-icon{width:25px;height:25px}.native-ui .camp-section[data-camp-panel=route] .camp-section-heading small{font-size:10px}}
@media(max-width:600px){.native-ui .camp-tabs button{flex-basis:28%;font-size:11px}.camp-party-grid{grid-template-columns:1fr}.move-comparison{font-size:10px}.journey-report{font-size:13px}}
@media(max-height:540px) and (min-width:600px){.native-ui:not(.touch-ui) #capture-hud{top:min(172px,calc(100dvh - 232px))}}
