#optrpg-npcs {
  --ob-gold:var(--opui-gold,#e2c585); --ob-light:var(--opui-gold-light,#fff0c9);
  --ob-ink:var(--opui-ink,#dbe7e8); --ob-muted:var(--opui-muted,#a5bec5);
  --ob-edge:var(--opui-edge,#75b8c342); --ob-title:var(--opui-title,Georgia,"Times New Roman",serif);
  color:var(--ob-ink); width:100%; max-width:1280px; margin:24px auto 56px;
  font-family:var(--opui-ui,Roboto,Arial,sans-serif); text-align:left; line-height:1.5;
}
#optrpg-npcs *, #optrpg-npcs *::before, #optrpg-npcs *::after { box-sizing:border-box; }
#optrpg-npcs [hidden] { display:none !important; }
#optrpg-npcs button { font:inherit; cursor:pointer; text-transform:none; letter-spacing:normal; }
#optrpg-npcs button:disabled { cursor:wait; opacity:.6; }
#optrpg-npcs :is(button,a,textarea):focus-visible { outline:2px solid var(--ob-light); outline-offset:4px; }
#optrpg-npcs .ob-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:16px 0 21px; border-bottom:1px solid #d8b46c70; position:relative; }
#optrpg-npcs .ob-heading::after { content:""; width:7px; height:7px; background:var(--ob-gold); position:absolute; bottom:-4px; left:3px; transform:rotate(45deg); }
#optrpg-npcs .ob-eyebrow { font-size:11px; letter-spacing:.24em; color:var(--ob-muted); margin:0 0 6px; }
#optrpg-npcs h1 { font-family:var(--ob-title); font-weight:normal; font-size:clamp(27px,3.4vw,44px); line-height:1.15; color:var(--ob-gold); margin:0; text-shadow:0 2px 3px #0008; }
#optrpg-npcs .ob-count { color:var(--ob-gold); font:26px var(--ob-title); border:1px solid #d8b46c55; border-radius:50%; min-width:50px; height:50px; display:grid; place-items:center; background:#12334299; }
#optrpg-npcs .ob-hint { color:var(--ob-muted); margin:15px 0 24px; font-size:13px; }
#optrpg-npcs .ob-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; align-items:start; }
#optrpg-npcs .ob-card { min-width:0; position:relative; border:1px solid var(--ob-edge); border-radius:5px; overflow:hidden; background:var(--opui-panel,linear-gradient(145deg,#224653ed,#102532f5 65%)); box-shadow:0 10px 24px #0003; transition:border-color .18s,box-shadow .18s; }
#optrpg-npcs .ob-card:hover, #optrpg-npcs .ob-card.is-selected { border-color:#ddc184a6; box-shadow:0 0 0 1px #d9bf8017,0 12px 30px #0005,0 0 25px #6faeb51c; }
#optrpg-npcs .ob-open { display:block; width:100%; padding:0; margin:0; border:0; background:none; color:var(--ob-gold); text-align:left; border-radius:0; box-shadow:none; }
#optrpg-npcs .ob-open:hover {
  color: #f4d59a !important;
  background:
    linear-gradient(
      180deg,
      rgba(117, 197, 210, 0.07),
      rgba(226, 197, 133, 0.055)
    ) !important;
  box-shadow:
    inset 0 -2px 0 rgba(216, 180, 108, 0.32);
  text-shadow:
    0 0 10px rgba(226, 197, 133, 0.20);
}
#optrpg-npcs .ob-open:hover .ob-card-caption {
  background:
    linear-gradient(
      180deg,
      rgba(117, 197, 210, 0.08),
      rgba(226, 197, 133, 0.055)
    ),
    linear-gradient(
      110deg,
      #143444,
      #37637050
    );
  color: #f4d59a;
}
#optrpg-npcs .ob-open:focus-visible { outline-offset:-4px; }
#optrpg-npcs .ob-portrait { position:relative; display:flex; align-items:center; justify-content:center; aspect-ratio:4/5; overflow:hidden; background:radial-gradient(ellipse at 50% 30%,#4f737459,transparent 72%),linear-gradient(160deg,#153744,#0b1f2b); }
#optrpg-npcs .ob-portrait::after { content:""; position:absolute; inset:0; box-shadow:inset 0 0 30px 6px #03101944; pointer-events:none; border-bottom:1px solid #d8b46c55; }
#optrpg-npcs .ob-portrait img { display:block; width:100%; height:100%; position:absolute; inset:0; object-fit:contain; object-position:center; border:0; padding:0; margin:0; transition:filter .25s; }
#optrpg-npcs .ob-card.is-defeated .ob-portrait img { filter:grayscale(1) brightness(.62); }
#optrpg-npcs .ob-stamp { position:absolute; z-index:1; left:-15%; top:44%; width:130%; padding:9px 0; border-block:2px solid #d8c0a094; color:#ead3b7; background:#17252bd9; text-align:center; font:clamp(17px,2vw,23px) var(--ob-title); letter-spacing:.11em; transform:rotate(-18deg); box-shadow:0 0 0 4px #1026306b; text-shadow:0 2px 3px #000; }
#optrpg-npcs .ob-card-caption { min-height:102px; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:17px; background:linear-gradient(110deg,#143444,#37637050); }
#optrpg-npcs .ob-name { font-family:var(--ob-title); font-size:19px; line-height:1.35; overflow-wrap:anywhere; text-shadow:0 2px 3px #0008; }
#optrpg-npcs .ob-bounty { text-align:right; flex-shrink:0; font-size:12px; white-space:nowrap; font-variant-numeric:tabular-nums; }
#optrpg-npcs .ob-bounty > span { display:block; font-size:10px; color:var(--ob-muted); margin-bottom:3px; }
#optrpg-npcs .ob-admin-toggle { display:block; padding:9px 16px; color:var(--ob-muted); background:#0d263288; border:0; border-top:1px solid var(--ob-edge); width:100%; border-radius:0; font-size:12px; box-shadow:none; }
#optrpg-npcs .ob-admin-toggle:hover { color:var(--ob-light); background:#32596677; }
#optrpg-npcs .ob-dossier { grid-column:1/-1; display:grid; grid-template-columns:minmax(260px,.85fr) minmax(0,1.4fr); gap:20px; scroll-margin-top:calc(var(--optrpg-frame-top,56px) + 20px); padding-block:4px 12px; }
#optrpg-npcs .ob-panel { display:flex; flex-direction:column; min-width:0; align-self:start; border:1px solid #a4b88c6b; border-radius:5px; background:linear-gradient(155deg,#345863f7,#142f3cfb 60%,#0d2432fb); box-shadow:0 12px 26px #0004; overflow:hidden; }
#optrpg-npcs .ob-panel-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:17px 20px; background:linear-gradient(110deg,#34616c70,#152f3e66); border-bottom:1px solid #d8b46c45; }
#optrpg-npcs h2 { font:normal 22px/1.3 var(--ob-title); color:var(--ob-gold); margin:0; text-shadow:0 2px 3px #0009; }
#optrpg-npcs .ob-close { padding:0; margin:0; width:30px; height:30px; flex-shrink:0; border:0; background:none; color:var(--ob-gold); font:28px/1 Arial,sans-serif; box-shadow:none; }
#optrpg-npcs .ob-close:hover { color:var(--ob-light); background:#82acb318; }
#optrpg-npcs .ob-panel-scroll { padding:22px; max-height: min(68vh,740px); overflow:auto; scrollbar-width:thin; scrollbar-color:#c6b17a #122e3b; }
#optrpg-npcs .ob-text { white-space:pre-wrap; overflow-wrap:anywhere; text-shadow:0 1px 2px #0008; font-size:15px; line-height:1.8; }
#optrpg-npcs .ob-description { font-family:var(--ob-title); font-size:17px; }
#optrpg-npcs .ob-reward { display:block; width:100%; margin:0 0 22px; text-align:center; background:#0b202866; border:1px solid #d8b46c33; padding:12px; border-radius:3px; }
#optrpg-npcs .ob-reward img { width:100%; height:240px; max-height:34vh; display:block; object-fit:contain; border:0; margin:0; }
#optrpg-npcs .ob-edit-controls { padding:12px 20px; border-top:1px solid var(--ob-edge); }
#optrpg-npcs .ob-button { padding:9px 15px; border:1px solid #d8b46c66; border-radius:3px; color:var(--ob-gold); background:linear-gradient(#407686,#244c5f); box-shadow:none; font-size:13px; }
#optrpg-npcs .ob-button:hover { color:var(--ob-light); border-color:var(--ob-gold); }
#optrpg-npcs .ob-editor { padding:20px; }
#optrpg-npcs .ob-editor label { display:block; color:var(--ob-gold); margin:0 0 10px; font-size:13px; }
#optrpg-npcs .ob-editor textarea { display:block; width:100%; min-height:280px; max-height:65vh; resize:vertical; padding:13px; border:1px solid #85b9c04f; border-radius:3px; color:var(--ob-ink); background:var(--opui-field,#0d2632); font:15px/1.65 var(--opui-ui,Roboto,Arial,sans-serif); box-shadow:none; }
#optrpg-npcs .ob-editor-actions { display:flex; gap:10px; flex-wrap:wrap; margin-top:12px; }
#optrpg-npcs .ob-editor-error { color:#f5c1b1; white-space:pre-wrap; margin-top:12px; font-size:13px; }
#optrpg-npcs .ob-warning, #optrpg-npcs .ob-status:not(:empty) { padding:12px 16px; border:1px solid #d8b46c55; background:#163643; color:var(--ob-gold); margin-bottom:20px; border-radius:3px; }
#optrpg-npcs .ob-status:empty { display:none; }
@media(max-width:1100px) {
  #optrpg-npcs .ob-grid { gap:18px; }
  #optrpg-npcs .ob-card-caption { flex-direction:column; align-items:flex-start; gap:7px; min-height:132px; }
  #optrpg-npcs .ob-bounty { text-align:left; }
  #optrpg-npcs .ob-bounty > span { display:inline; margin-right:7px; }
}
@media(max-width:900px) {
  #optrpg-npcs .ob-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #optrpg-npcs .ob-dossier { grid-template-columns:1fr; gap:16px; }
  #optrpg-npcs .ob-card-caption { min-height:115px; }
}
@media(max-width:540px) {
  #optrpg-npcs { margin-top:12px; }
  #optrpg-npcs .ob-grid { grid-template-columns:minmax(0,1fr); gap:20px; }
  #optrpg-npcs .ob-card-caption { min-height:90px; flex-direction:row; align-items:center; padding:15px; }
  #optrpg-npcs .ob-name { font-size:18px; }
  #optrpg-npcs .ob-bounty { text-align:right; font-size:11px; }
  #optrpg-npcs .ob-bounty > span { display:block; margin:0 0 4px; }
  #optrpg-npcs .ob-panel-heading { padding:14px 16px; }
  #optrpg-npcs .ob-panel-scroll, #optrpg-npcs .ob-editor { padding:16px; }
  #optrpg-npcs .ob-description { font-size:16px; }
  #optrpg-npcs .ob-count { font-size:21px; min-width:42px; height:42px; }
}
@media(prefers-reduced-motion:reduce) { #optrpg-npcs * { transition:none !important; scroll-behavior:auto !important; } }

@media (prefers-reduced-motion:no-preference) {
  #optrpg-npcs .ob-card.ob-mist-wait { opacity:0; }
  #optrpg-npcs .ob-card.ob-mist-enter {
    animation:ob-mist-reveal 820ms cubic-bezier(.22,.68,.25,1) var(--ob-mist-delay,0ms) both;
  }
  #optrpg-npcs .ob-card.ob-mist-enter .ob-portrait::before {
    content:""; position:absolute; inset:0; z-index:2; pointer-events:none;
    background:radial-gradient(ellipse at 25% 75%,#aacdd03d,transparent 62%),radial-gradient(ellipse at 80% 100%,#d1dedb33,transparent 58%);
    animation:ob-mist-drift 900ms ease-out var(--ob-mist-delay,0ms) both;
  }
}
@keyframes ob-mist-reveal {
  from { opacity:0; filter:blur(4px); transform:translateY(16px) scale(.992); }
  to { opacity:1; filter:blur(0); transform:translateY(0) scale(1); }
}
@keyframes ob-mist-drift {
  from { opacity:.8; transform:translateY(12%); }
  to { opacity:0; transform:translateY(-10%); }
}
@media (prefers-reduced-motion:reduce) {
  #optrpg-npcs .ob-card.ob-mist-wait, #optrpg-npcs .ob-card.ob-mist-enter {
    opacity:1; filter:none; transform:none; animation:none;
  }
  #optrpg-npcs .ob-card.ob-mist-enter .ob-portrait::before { content:none; animation:none; }
}

#optrpg-npcs{--catalog-nav:linear-gradient(115deg,rgba(6,29,59,.92),rgba(20,46,58,.80) 58%,rgba(11,32,45,.86));--catalog-card:linear-gradient(145deg,rgba(20,46,58,.80),rgba(11,32,45,.86) 38%,rgba(6,29,59,.92))}
#optrpg-npcs .ob-card{background:var(--catalog-card)}
#optrpg-npcs .ob-card-caption{background:transparent}
#optrpg-npcs .ob-portrait{background:radial-gradient(ellipse at 50% 30%,#4f737420,transparent 72%)}
#optrpg-npcs .ob-search{display:flex;align-items:center;gap:14px;padding:10px 16px;margin:0 0 24px;border:1px solid var(--ob-edge);border-radius:5px;background:var(--catalog-nav);color:var(--ob-gold)}
#optrpg-npcs .ob-search label{display:flex;align-items:center;gap:12px;flex:1;min-width:0}
#optrpg-npcs .ob-search input{box-sizing:border-box;width:100%;min-width:0;border:0!important;background:transparent!important;padding:8px!important;color:var(--ob-ink)!important;font:15px/1.6 var(--ob-title);box-shadow:none!important}
#optrpg-npcs .ob-search input::placeholder{color:var(--ob-muted);opacity:.85}
#optrpg-npcs .ob-search output{font-size:12px;white-space:nowrap}
@media(max-width:600px){#optrpg-npcs .ob-search{flex-wrap:wrap;gap:5px}#optrpg-npcs .ob-search label{flex-basis:100%}#optrpg-npcs .ob-search output{margin-left:25px}}
#optrpg-npcs{max-width:1540px;width:calc(100% - 48px);--ob-gold:#e2c585;--ob-ink:#e7e5da}#optrpg-npcs .ob-grid{grid-template-columns:repeat(4,minmax(0,1fr))}#optrpg-npcs .ob-card,#optrpg-bosses .ob-card{background:linear-gradient(135deg,#15333be8,#08203deb)}#optrpg-npcs .ob-panel,#optrpg-bosses .ob-panel{background:linear-gradient(135deg,#08203def,#15333bed);color:#e7e5da}#optrpg-npcs .ob-panel-heading,#optrpg-bosses .ob-panel-heading{background:transparent}#optrpg-npcs .ob-portrait{aspect-ratio:4/5;height:auto}#optrpg-npcs .ob-portrait img{height:100%;object-fit:contain}#optrpg-npcs .ob-dossier{grid-template-columns:1fr 1fr;align-items:stretch}#optrpg-npcs .ob-panel{padding-bottom:18px}#optrpg-npcs .ob-panel>button,#optrpg-npcs .pn-tools{margin:10px 18px}#optrpg-npcs .ob-panel-scroll{min-height:130px}
.pn-intro{position:relative;border:1px solid #75b8c342;border-radius:5px;margin:32px 0 24px;background:linear-gradient(135deg,#08203de8,#15333beb)}.pn-intro:before{content:'✦';position:absolute;top:-14px;left:50%;color:#e2c585;font-size:22px}.pn-intro-body{padding:26px 30px}.pn-intro .opguide-rich,.pn-dossier .opguide-rich{font:600 18px/1.85 Georgia,serif;color:#e7e5da}.pn-intro-body>.ob-button{margin-top:16px}.pn-tabs{display:flex;border-top:1px solid #d8b46c66;padding:7px}.pn-tabs button{position:relative;isolation:isolate;overflow:hidden;flex:1;min-height:52px;border:1px solid transparent;border-radius:3px;padding:10px;background:none;color:#e2c585;font:600 17px Georgia,serif}.pn-tabs button.is-active{border-color:#ddc18480;box-shadow:inset 2px 0 #e2c585,inset 0 -2px #e2c585;background:#e2c58512;color:#fff0c9}.pn-tabs button:before,.pn .ob-button:before,.pn-dialog .ob-button:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(105deg,transparent 20%,#fff2cc18 50%,transparent 80%);transform:translateX(-150%)}.pn-tabs button:hover:before,.pn .ob-button:hover:before,.pn-dialog .ob-button:hover:before{animation:pn-shine 2.8s linear infinite}.pn .ob-button,.pn-dialog .ob-button{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(135deg,#0a233e,#17383f);border:1px solid #d8b46c66;color:#e2c585;border-radius:3px;padding:8px 14px;font:600 14px Georgia,serif;cursor:pointer}.pn-management{margin:20px 0;border:1px solid #75b8c342;background:#09243cbb;padding:14px;color:#e2c585}.pn-management>div{display:flex;gap:10px;padding-top:15px}.pn-dialog{width:min(880px,calc(100vw - 28px));max-height:90dvh;overflow:auto;border:1px solid #d8b46c88;border-radius:6px;padding:24px;background:linear-gradient(135deg,#092340,#15333b);color:#e7e5da;box-sizing:border-box}.pn-dialog::backdrop{background:#00101ddd;backdrop-filter:blur(4px)}.pn-dialog>button{float:right}.pn-dialog h2{font:26px Georgia,serif;color:#e2c585}.pn-field{display:block;margin:16px 0;font:16px Georgia,serif;color:#e2c585}.pn-field input,.pn-field textarea,.pn-dialog select{display:block;box-sizing:border-box;width:100%;margin-top:7px;padding:10px;background:#102b38;color:#e7e5da;border:1px solid #75b8c355;border-radius:3px;font:16px Georgia,serif}.pn-field textarea{min-height:220px}.pn-tools{display:flex;flex-wrap:wrap;gap:8px}.pn-error{color:#ffd39b}.pn-identity{display:flex;align-items:center;gap:16px;min-width:0;color:#e2c585;font:600 20px Georgia,serif}.pn-avatar{display:inline-block;position:relative;overflow:hidden;flex:none;width:68px;height:84px;border:1px solid #e2c58577;border-radius:3px;background:#102b38}.pn-avatar img{display:block;width:100%;height:100%;object-fit:cover}.pn-crop-preview .pn-avatar{width:140px;height:170px}.pn-reputation{padding:18px;border-top:1px solid #d8b46c55}.pn-reputation h3{color:#e2c585}.pn-reputation button{margin:4px}.pn-stars{position:absolute;top:12px;left:12px;display:flex;font-size:24px;line-height:1;filter:drop-shadow(0 1px 2px #0009)}.pn-star{position:relative;color:#70868b}.pn-star>span{position:absolute;left:0;top:0;color:#ffe18b;overflow:hidden;white-space:nowrap}.pn-progress{position:absolute;left:14px;right:14px;bottom:14px;height:18px;border:1px solid #d8b46c88;border-radius:3px;padding:4px;background:#051c2ee0}.pn-progress>span{display:block;height:100%;background:linear-gradient(90deg,#ad8534,#fff0aa)}.pn-reputation .opguide-rich{font-size:17px}#optrpg-bosses .ob-panel-scroll>.pn-identity{margin-bottom:20px}#optrpg-bosses .pn-tools{padding:16px}.play-identity input[type=search]{max-width:240px;background:#102b38;color:#e7e5da;border:1px solid #75b8c355;padding:8px}
@keyframes pn-shine{0%{transform:translateX(-150%)}70%,100%{transform:translateX(150%)}}@media(max-width:1100px){#optrpg-npcs .ob-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pn-tabs{flex-wrap:wrap}.pn-tabs button{flex-basis:30%}}@media(max-width:750px){#optrpg-npcs{width:calc(100% - 24px)}#optrpg-npcs .ob-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#optrpg-npcs .ob-dossier{grid-template-columns:1fr}.pn-intro-body{padding:20px}.pn-tabs button{flex-basis:45%;font-size:15px}.pn-intro .opguide-rich{font-size:16px}.pn-dialog{padding:16px}}@media(max-width:430px){#optrpg-npcs .ob-grid{grid-template-columns:1fr}.pn-management>div{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){.pn *{animation:none!important;transition:none!important}.pn-dialog *{animation:none!important}}

.pn-location{display:flex;flex-direction:column;text-align:right;max-width:42%;font:600 13px/1.4 Georgia,serif;color:#e2c585}.pn-location small,.pn-location>span:first-child{font:11px/1.4 Arial,sans-serif;color:#a5bec5}.pn-location>span:last-child{font:600 13px/1.4 Georgia,serif;color:#e2c585}#optrpg-npcs .ob-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:750px){#optrpg-npcs .ob-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:430px){#optrpg-npcs .ob-grid{grid-template-columns:1fr}}

#optrpg-npcs .pn-tabs button{font:600 17px Georgia,serif}#optrpg-bosses .ob-summary,#optrpg-bosses .ob-description{white-space:normal}#optrpg-bosses .ob-summary{font:600 17px/1.8 Georgia,serif;color:#e7e5da}#optrpg-bosses .ob-button{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(135deg,#0a233e,#17383f);color:#e2c585;transform:none}#optrpg-bosses .ob-button:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,transparent 20%,#fff2cc18 50%,transparent 80%);transform:translateX(-150%)}#optrpg-bosses .ob-button:hover:before{animation:pn-shine 2.8s linear infinite}@media(prefers-reduced-motion:reduce){#optrpg-bosses .ob-button:hover:before{animation:none}}
#optrpg-npcs{--guide-ink:#ece5d7}
#optrpg-npcs .pn-intro .opguide-prose{font:400 18px/1.85 Cambria,'Palatino Linotype','Book Antiqua',Georgia,serif;color:#ece5d7}
#optrpg-npcs .pn-intro-body>.opguide-edit{margin-top:20px}
#optrpg-npcs .pn-tabs button{font:400 16px/1.4 Georgia,'Times New Roman',serif}
#optrpg-npcs .pn-card-art{position:relative}
#optrpg-npcs .pn-progress{position:absolute;top:auto;left:14px;right:14px;bottom:14px;width:auto;margin:0;min-height:0;height:18px;padding:4px;border:1px solid #d8b46c88;border-radius:3px;background:#051c2ee0;box-shadow:none;line-height:1;transform:none}
#optrpg-npcs button.pn-progress:hover{border-color:#fff0c9;box-shadow:0 0 7px #fff0c933}
#optrpg-npcs .pn-progress>span{height:100%;display:block;background:linear-gradient(90deg,#ad8534,#fff0aa)}
#optrpg-npcs .ob-card-caption{font-weight:400}
#optrpg-npcs .ob-dossier{grid-template-columns:minmax(260px,.85fr) minmax(0,1.4fr);align-items:start}
#optrpg-npcs .ob-panel{padding-bottom:0;min-height:240px}
#optrpg-npcs .ob-panel-heading{padding:17px 20px}
#optrpg-npcs .ob-panel-heading h2{font:400 22px/1.3 Georgia,'Times New Roman',serif;margin:0;color:#e2c585}
#optrpg-npcs .ob-panel-heading .ob-close,#optrpg-bosses .ob-panel-heading .ob-close{display:inline-flex;align-items:center;justify-content:center;flex:none;width:30px;height:30px;min-height:0;padding:0;margin:0;border:0;border-radius:0;background:none;box-shadow:none;color:#e2c585;font:400 28px/1 Arial,sans-serif;text-shadow:none;transform:none}
#optrpg-npcs .ob-panel-heading .ob-close:before{content:none}
#optrpg-npcs .ob-panel-heading .ob-close:hover,#optrpg-bosses .ob-panel-heading .ob-close:hover{color:#fff0c9;background:#82acb318}
#optrpg-npcs .ob-panel-scroll{padding:22px;max-height:min(68vh,740px);overflow:auto;min-height:150px}
#optrpg-npcs .ob-panel-scroll>.pn-identity,#optrpg-bosses .ob-panel-scroll>.pn-identity{margin-bottom:20px}
#optrpg-npcs .pn-identity,#optrpg-bosses .pn-identity{font:400 18px/1.4 Georgia,'Times New Roman',serif;gap:14px}
#optrpg-npcs .pn-identity strong,#optrpg-bosses .pn-identity strong{font:inherit}
#optrpg-npcs .pn-panel-summary .opguide-prose,#optrpg-bosses .ob-summary{font:400 15px/1.8 var(--opui-ui,Roboto,Arial,sans-serif);color:#dbe7e8;white-space:normal}
#optrpg-npcs .pn-panel-description .opguide-prose{font:400 17px/1.85 Cambria,'Palatino Linotype','Book Antiqua',Georgia,serif;color:#ece5d7}
#optrpg-bosses .ob-description{font-weight:400}
#optrpg-npcs .ob-button,#optrpg-bosses .ob-button,.pn-dialog .ob-button{appearance:none;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;align-self:flex-start;width:auto;min-height:38px;max-width:100%;padding:8px 13px;border:1px solid #75b8c355;border-radius:4px;background:linear-gradient(115deg,#2b566780,#183744a0);color:#e2c585;font:500 13px/1.4 var(--opui-ui,Roboto,Arial,sans-serif);box-shadow:none;transform:none}
#optrpg-npcs .ob-button:hover,#optrpg-bosses .ob-button:hover,.pn-dialog .ob-button:hover{background:linear-gradient(115deg,#466567b0,#23444ec0);border-color:#d8b46c88;color:#fff0c9;box-shadow:inset 0 -1px #e2c58566,0 0 12px #e2c58512;transform:none}
#optrpg-npcs .ob-edit-controls{padding:12px 20px;margin:0;border-top:1px solid #75b8c342}
#optrpg-npcs .pn-tools{margin:0;padding:0 20px 18px;gap:8px}
#optrpg-npcs .pn-reputation{padding:16px 20px;margin:0}
#optrpg-npcs .pn-reputation h3{font:400 17px/1.4 Georgia,serif;margin:0 0 12px}
#optrpg-npcs .pn-influence{padding:16px;border-top:1px solid #75b8c342;border-bottom:1px solid #d8b46c77;background:linear-gradient(135deg,#08203de8,#15333beb)}
#optrpg-npcs .pn-influence-line{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
#optrpg-npcs .pn-influence-line output{color:#fff0c9;font:400 15px/1.5 Georgia,serif}
#optrpg-npcs .pn-influence-line button{width:36px;min-height:34px;padding:5px}
#optrpg-npcs .pn-expression{display:flex;align-items:flex-end;gap:8px;margin:0}
#optrpg-npcs .pn-expression label{display:flex;flex-direction:column;flex:1;min-width:0;gap:8px;color:#e2c585;font:400 14px/1.5 Georgia,serif}
#optrpg-npcs .pn-expression input{box-sizing:border-box;width:100%;min-width:0;min-height:38px;padding:8px 10px;border:1px solid #75b8c355;border-radius:3px;background:#102b38;color:#dbe7e8;font:400 13px/1.4 var(--opui-ui,Roboto,Arial,sans-serif)}
#optrpg-npcs .pn-expression input::placeholder{color:#a5bec5;opacity:.75}
#optrpg-npcs .pn-expression button{align-self:flex-end;min-height:38px}
#optrpg-npcs .pn-influence .pn-error:empty{display:none}
@media(max-width:900px){#optrpg-npcs .ob-dossier{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){#optrpg-npcs .pn-intro .opguide-prose{font-size:17px}#optrpg-npcs .ob-panel-scroll{padding:16px}#optrpg-npcs .pn-identity,#optrpg-bosses .pn-identity{font-size:17px}}

#optrpg-npcs .ob-panel-scroll>.pn-identity,#optrpg-bosses .ob-panel-scroll>.pn-identity{align-items:flex-start}#optrpg-npcs .ob-panel-scroll>.pn-identity>strong,#optrpg-bosses .ob-panel-scroll>.pn-identity>strong{padding-top:2px}#optrpg-npcs>.pn-intro{margin-bottom:24px}#optrpg-npcs>.ob-search{margin:0 0 20px}#optrpg-npcs>.pn-management{margin:0 0 24px}
#optrpg-npcs .pn-tabs>button{background-color:transparent!important;background-image:none!important;color:#e2c585;transition:color .18s,box-shadow .18s,border-color .18s}
#optrpg-npcs .pn-tabs>button::before{content:none!important;animation:none!important}
#optrpg-npcs .pn-tabs>button.is-active{background-color:transparent!important;background-image:linear-gradient(105deg,#d8b46c22,#e2c5850a)!important;color:#fff0c9;border-color:#d8b46c66;box-shadow:inset 2px 0 #d8b46c,inset 0 -2px #d8b46c}
#optrpg-npcs .pn-tabs>button:is(:hover,:focus-visible){background-color:transparent!important;background-image:linear-gradient(110deg,#d8b46c08 10%,#d8b46c36 45%,#d8b46c08 80%)!important;background-size:220% 100%!important;color:#fff0c9!important;border-color:#d8b46c88;animation:pn-native-tab-hover 1.5s linear infinite;box-shadow:inset 0 -1px #d8b46c66;text-shadow:0 0 10px #e2c58544}
@keyframes pn-native-tab-hover{from{background-position:180% 50%}to{background-position:-40% 50%}}
@media(prefers-reduced-motion:reduce){#optrpg-npcs .pn-tabs>button:is(:hover,:focus-visible){animation:none!important}}

#optrpg-npcs .pn-dossier,#optrpg-bosses #ob-dossier{scroll-margin-top:calc(var(--optrpg-frame-top,56px) + 18px)}