/* pbPT auto-hunt (autohunt.js): the classic skin of the world map and the buff row (map-ui-classic.css,
   buff-hud.css): the game's own art of system-assets/native (Help box frame, title bar, leather plate,
   gold line), gold Georgia titles and Tahoma text. Plates only stretch sideways (fixed 23 px height). */
.pah-win { --gold:#ffd623; --text:#e9e4d2; --dim:#9f9a86; --line:#a88a52; --field:#0b120d;
  color:var(--text); font:12px/1.35 Tahoma,Verdana,sans-serif; text-shadow:0 1px 1px #000; user-select:none; -webkit-user-select:none; box-sizing:border-box; }
.pah-win *, .pah-win *::before, .pah-win *::after { box-sizing:border-box; }
.pah-win[hidden], .pah-top[hidden], .pah-toast[hidden] { display:none !important; }
.pah-win, .pah-win *, .pah-top { cursor:url('login-assets/game-cursor.png') 0 0, auto; }

/* leather plate: 23 px high, stretched only sideways */
.pah-plate { height:23px; min-width:0; margin:0; padding:0 9px; border-style:solid; border-width:0 6px; border-color:transparent; border-radius:0;
  border-image:url('system-assets/native/plate.png') 0 6 fill stretch; background:none; color:var(--gold, #ffd623);
  font:bold 11px/1 Georgia,'Times New Roman',serif; text-shadow:1px 1px 0 #1b0e00; white-space:nowrap; display:inline-flex; align-items:center; justify-content:center; gap:5px; }
.pah-plate:hover { filter:brightness(1.25); }
.pah-plate:active { filter:brightness(1.4); }

/* top of the game (PC) */
.pah-top { position:fixed; z-index:59; transform:none; height:23px; padding:0 11px; }
.pah-top span { letter-spacing:.03em; }
.pah-top b { font:bold 10px/1 Tahoma,sans-serif; color:#fff2b0; }
.pah-dot { width:7px; height:7px; border-radius:50%; background:#5c5446; box-shadow:0 0 0 1px #000, inset 0 1px 1px #fff3; display:inline-block; flex:none; }
.pah-on .pah-dot, .pah-dot.pah-on { background:#62d23a; box-shadow:0 0 0 1px #000, 0 0 5px #62d23a; }

/* panel: the Help box frame with its leather strip, the title bar on top */
.pah-panel { position:fixed; z-index:64; width:min(600px,calc(100vw - 12px)); height:min(590px,calc(100vh - 12px)); padding:30px 20px 46px; isolation:isolate;
  display:flex; flex-direction:column; pointer-events:auto; }
.pah-panel::after { content:''; position:absolute; inset:6px 6px 10px; z-index:-2; background:#040a07e6; }
.pah-panel::before { content:''; position:absolute; inset:0; z-index:-1; border-style:solid; border-width:32px 64px 64px;
  border-image:url('system-assets/native/frame.png') 32 64 64 fill stretch; opacity:.97; }
.pah-panel h3 { position:absolute; left:50%; top:2px; transform:translateX(-50%); width:190px; max-width:calc(100% - 90px); height:26px; margin:0;
  border-style:solid; border-width:0 30px; border-color:transparent; border-image:url('system-assets/native/title.png') 0 34 fill stretch;
  display:grid; place-items:center; color:var(--gold); font:bold 13px/1 Georgia,'Times New Roman',serif; letter-spacing:.06em; white-space:nowrap; }
.pah-x { position:absolute; right:12px; top:5px; width:26px; padding:0; font:bold 14px/1 Tahoma,sans-serif; }
.pah-head { display:flex; align-items:center; gap:6px; padding:0 2px 6px; }
.pah-state { flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--dim); font:bold 12px/1.2 Georgia,serif; }
.pah-state.pah-on { color:#9fe07a; }
.pah-go { min-width:96px; }
.pah-go.pah-stop { color:#ffb08a; }
.pah-small { padding:0 7px; }
.pah-tabs { display:flex; flex-wrap:wrap; gap:3px 2px; padding:0 0 6px; background:url('system-assets/native/line.png') left bottom/100% 2px repeat-x; margin-bottom:6px; }
.pah-tab { padding:0 7px; font-size:11px; color:#d8c48a; }
.pah-tab[aria-selected=true] { color:var(--gold); filter:brightness(1.3) drop-shadow(0 0 3px #ffd62366); }
.pah-body { flex:1; min-height:0; overflow-y:auto; overscroll-behavior:contain; padding:0 6px 4px 2px; scrollbar-width:thin; scrollbar-color:#a88a52 #0b120d; }
.pah-body::-webkit-scrollbar { width:16px; }
.pah-body::-webkit-scrollbar-track { background:url('system-assets/native/scroll-bar.png') center/8px 100% no-repeat; }
.pah-body::-webkit-scrollbar-thumb { min-height:16px; background:url('system-assets/native/scroll-thumb.png') center/16px 16px no-repeat; }
.pah-foot { position:absolute; left:26px; right:26px; bottom:15px; color:#e2d3b0; font:11px/1.2 Tahoma,sans-serif; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
/* "Bar": only the head */
.pah-panel.pah-bar { height:auto; width:min(380px,calc(100vw - 12px)); padding-bottom:22px; }
.pah-panel.pah-bar .pah-tabs, .pah-panel.pah-bar .pah-body, .pah-panel.pah-bar .pah-foot { display:none; }

/* sections and fields */
.pah-body h4 { margin:8px 0 4px; padding:0 0 3px; color:#f0c419; font:bold 12px/1.2 Georgia,serif; letter-spacing:.03em;
  background:url('system-assets/native/line.png') left bottom/100% 2px repeat-x; }
.pah-body h4:first-child { margin-top:0; }
.pah-note { margin:2px 0 4px; color:var(--dim); font-size:11px; }
.pah-row { display:flex; flex-wrap:wrap; align-items:center; gap:4px 10px; margin:3px 0; }
.pah-chk { display:flex; align-items:center; gap:6px; margin:3px 0; cursor:pointer; }
.pah-chk input { accent-color:#c9953f; width:15px; height:15px; margin:0; flex:none; }
.pah-num, .pah-sel, .pah-txt, .pah-range { display:flex; align-items:center; gap:6px; margin:3px 0; }
.pah-num span, .pah-sel span, .pah-txt span { color:var(--text); }
.pah-txt { display:grid; grid-template-columns:auto 1fr; }
.pah-win input[type=number], .pah-win input[type=text], .pah-win select { height:21px; padding:0 5px; border:1px solid var(--line); border-radius:0; background:var(--field);
  box-shadow:inset 0 0 0 1px #000; color:var(--text); font:11px Tahoma,sans-serif; outline:0; }
.pah-win input[type=number] { width:62px; }
.pah-win input[type=text] { min-width:0; width:100%; }
.pah-win select { max-width:230px; }
.pah-win input:focus, .pah-win select:focus { border-color:var(--gold); }
.pah-range { display:grid; grid-template-columns:1fr; gap:2px; }
.pah-range output { color:var(--gold); font:bold 12px Georgia,serif; }
.pah-range input { width:100%; accent-color:#c9953f; }
.pah-wide { display:flex; margin:6px 0; }
.pah-body > .pah-radar { float:right; margin:0 0 4px 10px; }
.pah-code { flex:1; }
.pah-addsel { flex:1; min-width:120px; }

/* skills */
.pah-skill { margin:4px 0; padding:4px 6px 5px; background:#0b120d99; border:1px solid #a88a5555; box-shadow:inset 0 0 0 1px #000; }
.pah-skill-head { display:flex; align-items:center; gap:7px; }
.pah-skill-head .pah-chk { flex:1; min-width:0; margin:0; }
.pah-skill-head b { color:var(--gold); font:bold 12px/1.2 Georgia,serif; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.pah-sk { flex:none; width:28px; height:28px; background:radial-gradient(circle at 50% 35%,#4a3a22,#120d07 70%); box-shadow:0 0 0 1px #000, 0 0 0 2px #a88a5588; }
.pah-sk-normal { background:url('hud-assets/native/attack.png') center/120% auto no-repeat, #120d07; }
.pah-tools { display:flex; gap:2px; flex:none; }
.pah-mini { width:24px; padding:0; font:bold 12px/1 Tahoma,sans-serif; }
.pah-mini2 { padding:0 6px; font-size:10px; }

/* potions */
.pah-pot { display:flex; flex-wrap:wrap; align-items:center; gap:4px 10px; margin:3px 0; }
.pah-pot img { width:22px; height:22px; }
.pah-pot .pah-chk { width:52px; }
.pah-potrow { display:flex; align-items:center; gap:6px; margin:2px 0; }
.pah-potrow b { width:34px; color:var(--gold); font:bold 11px Georgia,serif; }
.pah-potsize { display:flex; align-items:center; gap:1px; }
.pah-potsize input { accent-color:#c9953f; margin:0; }
.pah-potsize img { width:22px; height:22px; }
.pah-potsize input:not(:checked) + img { opacity:.35; filter:grayscale(.8); }

/* loot lists */
.pah-chips { display:flex; flex-wrap:wrap; gap:3px; margin:3px 0; }
.pah-chip { display:inline-flex; align-items:center; gap:4px; padding:1px 2px 1px 6px; border:1px solid #a88a5577; background:#0b120d; font-size:11px; }
.pah-chip button { width:16px; height:16px; padding:0; border:0; background:none; color:#ffb08a; font:bold 12px/1 Tahoma,sans-serif; }
.pah-grow { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:2px 0; background:url('system-assets/native/line.png') left bottom/100% 1px repeat-x; }
.pah-grow em { color:var(--dim); font-style:normal; font-size:10px; }

/* gains, party, log */
.pah-g { display:flex; justify-content:space-between; gap:10px; padding:1px 0; border-bottom:1px solid #a88a5522; }
.pah-g b { color:#fff; font:bold 12px Tahoma,sans-serif; }
.pah-member { display:grid; grid-template-columns:1fr auto; gap:1px 8px; padding:3px 0; }
.pah-member b { color:var(--gold); font:bold 12px Georgia,serif; }
.pah-member span { color:var(--dim); font-size:11px; }
.pah-member i { grid-column:1 / -1; height:5px; background:linear-gradient(90deg,#e0281c var(--v),#2a0d0a var(--v)); box-shadow:0 0 0 1px #000; }
.pah-log { font:11px/1.35 Tahoma,sans-serif; }
.pah-logline { padding:1px 0; border-bottom:1px solid #a88a521a; }
.pah-logline em { color:var(--dim); font-style:normal; }

/* status board while hunting: the game's info box look */
.pah-status { position:fixed; z-index:58; width:200px; padding:6px 8px 7px; background:#040a07e0; border:1px solid var(--line); box-shadow:inset 0 0 0 1px #000,0 2px 6px #000a;
  pointer-events:auto; font-size:11px; }
.pah-st-title { display:flex; align-items:center; gap:5px; color:var(--gold); font:bold 12px/1.2 Georgia,serif; padding:0 0 3px; margin-bottom:3px;
  background:url('system-assets/native/line.png') left bottom/100% 2px repeat-x; white-space:nowrap; overflow:hidden; }
.pah-st-line { display:flex; justify-content:space-between; gap:6px; align-items:center; padding:1px 0; white-space:nowrap; }
.pah-st-line span { overflow:hidden; text-overflow:ellipsis; }
.pah-st-line b { color:#fff; }
.pah-st-line em { color:#c9b98a; font-style:normal; }
.pah-hpbar { flex:none; width:58px; height:6px; background:linear-gradient(90deg,#e0281c var(--v),#2a0d0a var(--v)); box-shadow:0 0 0 1px #000, 0 0 0 2px #a88a5566; }
.pah-status .pah-radar { position:absolute; left:-80px; top:0; width:72px; height:72px; border-radius:50%; box-shadow:0 0 0 1px #000, 0 0 0 2px #a88a52; }
.pah-status.pah-compact { width:154px; padding:4px 6px 5px; font-size:10px; }
.pah-status.pah-compact .pah-st-title { font-size:11px; }
.pah-status.pah-compact .pah-radar { right:auto; left:calc(100% + 6px); width:56px; height:56px; }

.pah-toast { position:fixed; z-index:66; left:50%; top:18%; transform:translateX(-50%); max-width:min(440px,calc(100vw - 24px)); padding:8px 14px;
  background:#040a07ee; border:1px solid #a88a52; box-shadow:inset 0 0 0 1px #000,0 3px 10px #000b; color:#ffd623; font:bold 13px/1.35 Georgia,serif;
  text-align:center; text-shadow:1px 1px 0 #000; pointer-events:none; }

/* touch: the panel as a sheet on the right, larger targets */
.pah-panel.pah-sheet { left:auto !important; top:max(6px,env(safe-area-inset-top)) !important; right:max(8px,env(safe-area-inset-right)); bottom:6px;
  width:min(560px,calc(100vw - 16px)); height:auto; padding:28px 16px 40px; z-index:70; }
.pah-panel.pah-sheet.pah-bar { bottom:auto; }
.pah-sheet .pah-tabs { flex-wrap:nowrap; overflow-x:auto; scrollbar-width:none; }
.pah-sheet .pah-tabs::-webkit-scrollbar { display:none; }
.pah-sheet .pah-tab { flex:none; }
.pah-sheet .pah-chk input { width:18px; height:18px; }
.pah-sheet .pah-foot { bottom:12px; font-size:10px; }
@media (max-height:420px) { .pah-panel.pah-sheet { padding-top:26px; } .pah-sheet .pah-head { padding-bottom:3px; } .pah-sheet .pah-tabs { padding-bottom:4px; margin-bottom:4px; } }
/* the touch HUD's side button and Menu entry use the HUD's own classes (pth-orb / pth-cap / pth-list) */
#pth .pah-side[aria-pressed=true] .pth-orb { box-shadow:0 0 0 1px #000,inset 0 0 0 1px #000,0 0 8px #62d23a; }
#pth .pah-menu { color:#9fe07a; }