/* Old Realm v0.5.0-pre UI pass: equipment doll, spellbook, skill guide, quest journal + tracker. Load AFTER ui-classic.css.
   Same stone/wood/parchment skin and tokens as ui-classic.css. Original art; no third-party assets. */
.pa-ic{vertical-align:middle;image-rendering:auto;pointer-events:none}
/* side panel: never scroll sideways, 7 tabs */
#side .tab-body{overflow-x:hidden}
.tabrow button[data-tab=spellbook]::after,.tabrow button[data-tab=combat]::after{background-image:var(--pa-tab-ic)}
/* item icons always fit their square */
.slot img.ic32{width:32px;height:32px;max-width:100%;max-height:100%;object-fit:contain}

/* ---------- equipment: paper-doll cross ---------- */
#eq-doll{--s:40px;--g:10px;position:relative;display:grid;grid-template-columns:repeat(3,var(--s));grid-template-rows:repeat(5,var(--s));gap:6px var(--g);justify-content:center;margin:4px auto 6px;width:calc(var(--s)*3 + var(--g)*2)}
#eq-doll .eq-cell{position:relative;width:var(--s);height:var(--s);z-index:1}
#eq-doll .slot{width:var(--s);height:var(--s);min-width:0;box-sizing:border-box;display:flex;align-items:center;justify-content:center;overflow:hidden;background:url(../img/ui/slot_normal_36x32.png) center/100% 100%;padding:0}
#eq-doll .slot:hover{background-image:url(../img/ui/slot_hover_36x32.png)}
#eq-doll .slot.empty{opacity:1}
#eq-doll .slot img.sil{opacity:.55;width:28px;height:28px}
#eq-doll .slot .qty{left:3px;top:1px}
#eq-doll .slot .tier,#eq-doll .slot .star{display:none}
#eq-doll .ln{position:absolute;background:#1A1510;box-shadow:0 0 0 1px #6E655633;z-index:0}
#eq-doll .ln.v{left:50%;top:20px;bottom:20px;width:4px;margin-left:-2px}
#eq-doll .ln.h1,#eq-doll .ln.h2,#eq-doll .ln.h3{left:20px;right:20px;height:4px}
#eq-doll .ln.h1{top:calc(var(--s)*1.5 + 6px - 2px)}
#eq-doll .ln.h2{top:calc(var(--s)*2.5 + 12px - 2px)}
#eq-doll .ln.h3{top:calc(var(--s)*4.5 + 24px - 2px)}
#eq-bar{display:flex;justify-content:center;gap:6px;margin:0 0 6px}
#eq-bar .btn{display:flex;align-items:center;gap:5px;padding:4px 10px;cursor:pointer}
#equip-stats{padding:4px 6px;margin-bottom:6px}
.eq-sum{display:grid;grid-template-columns:1fr 1fr;gap:1px 8px;font-size:11px}
#styles{grid-template-columns:repeat(2,minmax(0,1fr))!important}
#styles button.autocast{grid-column:1/-1}
#eq-stats-pop{position:fixed;right:276px;bottom:24px;width:230px;z-index:24;padding:10px}
.eq-tbl{width:100%;border-collapse:collapse;font:700 11px Tahoma,Verdana,sans-serif;color:var(--muted-w)}
.eq-tbl th{text-align:left;color:var(--orange);padding:6px 0 2px;font-size:11px}
.eq-tbl td{padding:2px 0;border-bottom:1px solid rgba(0,0,0,.3)} .eq-tbl td:last-child{text-align:right;color:var(--yellow)}
.eq-tbl td.pos{color:#7BD15E!important} .eq-tbl td.neg{color:#E0483E!important}
#eq-stats-pop .set{color:var(--yellow);font-size:11px;margin-top:4px}
.pa-pop .modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.pa-pop .x{width:24px;height:22px;cursor:pointer;padding:0}

/* ---------- spellbook ---------- */
.sb-head{margin-bottom:6px}
.sb-books{display:flex;gap:3px} .sb-books button{flex:1;padding:4px 2px;cursor:pointer;font-size:11px}
.sb-info{font-size:11px;color:var(--muted-w);margin:5px 2px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .sb-info b{color:var(--yellow)}
.sb-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}
.sb-grid.circle{grid-template-columns:repeat(2,1fr);gap:8px}
.sb-spell{position:relative;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;background:rgba(14,11,8,.28);border:1px solid #000;box-shadow:inset 1px 1px 0 var(--stone-hi)}
.sb-grid.circle .sb-spell{height:84px;flex-direction:column;gap:4px}
.sb-spell:hover{box-shadow:inset 0 0 0 1px var(--accent)}
.sb-spell.sel{box-shadow:inset 0 0 0 2px var(--accent);background:rgba(79,209,255,.10)}
.sb-spell.auto::after{content:"";position:absolute;inset:2px;border:1px dashed var(--yellow);pointer-events:none}
.sb-spell.locked .sp-ic img{filter:grayscale(1) brightness(.45)}
.sb-spell.nostaff .sp-ic img{filter:saturate(.4) brightness(.75)}
.sp-ic{position:relative;width:36px;height:36px;display:block}
.sp-ic img{width:36px;height:36px;object-fit:contain;display:block}
.sp-ic .pips{position:absolute;right:-5px;bottom:1px;display:flex;flex-direction:column-reverse;gap:1px}
.sp-ic .pips b{display:block;width:4px;height:4px;background:var(--white);border:1px solid #000}
.sb-spell.locked .sp-ic .pips b{background:#6E6556}
.sp-ic em{position:absolute;left:-3px;bottom:-3px;font:700 10px Tahoma,Verdana,sans-serif;font-style:normal;color:var(--white);text-shadow:1px 1px 0 #000}
.sp-ic.sig{width:46px;height:46px} .sp-ic.sig img{width:46px;height:46px}
.sp-ic.sig::before{content:"";position:absolute;inset:-5px;border-radius:50%;border:3px solid var(--ec);box-shadow:0 0 0 1px #000,inset 0 0 0 1px #000,0 0 8px var(--ec)}
.sb-spell.locked .sp-ic.sig::before{border-color:#4E473D;box-shadow:0 0 0 1px #000}
.sp-ic .crown{position:absolute;left:50%;top:-11px;width:14px;height:8px;margin-left:-7px;background:var(--ec);clip-path:polygon(0 100%,0 20%,25% 60%,50% 0,75% 60%,100% 20%,100% 100%);filter:drop-shadow(0 0 1px #000)}
.sb-nm{font-size:11px;color:var(--white);text-align:center;line-height:1.1} .sb-spell.locked .sb-nm{color:var(--faint)}
#spell-tip{position:fixed;z-index:60;max-width:220px;padding:6px 9px;background:url(../img/ui/parchment_128.png);border:2px solid #000;box-shadow:inset 0 0 0 1px #E8D8AE,0 4px 10px rgba(0,0,0,.5);color:var(--ink);text-shadow:none;font:700 12px Tahoma,Verdana,sans-serif;pointer-events:none;line-height:1.35}
#spell-tip b{font:700 14px "Palatino Linotype",Georgia,serif;color:#3A2410} #spell-tip .no{color:#9A1A12}

/* ---------- skill guide ---------- */
.skill.pa-click{cursor:pointer} .skill.pa-click:hover{box-shadow:inset 0 0 0 1px var(--accent)}
#skill-guide{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:440px;max-height:78vh;display:flex;flex-direction:column;z-index:26;padding:12px}
#skill-guide .modal-head span{display:flex;align-items:center;gap:6px} #skill-guide .modal-head small{color:var(--muted-w);font:700 11px Tahoma,sans-serif}
.sg-skic{width:22px;height:22px}
.sg-tabs{display:flex;flex-wrap:wrap;gap:3px;margin-bottom:6px}
.sg-tabs button{padding:4px 8px;cursor:pointer;background:linear-gradient(180deg,#5C5345,#463E33);border:1px solid #000;color:var(--white);font:700 11px Tahoma,Verdana,sans-serif;text-shadow:var(--ts);box-shadow:inset 1px 1px 0 var(--stone-hi)}
.sg-tabs button.active{background:linear-gradient(180deg,#5A3220,#6A3A24);color:var(--yellow)}
.sg-list{overflow-y:auto;background:url(../img/ui/parchment_128.png);border:2px solid #000;box-shadow:inset 0 0 0 1px #E8D8AE;min-height:120px}
.sg-row{display:grid;grid-template-columns:34px 38px 1fr;align-items:center;min-height:38px;border-bottom:1px solid rgba(58,36,16,.25);text-shadow:none}
.sg-lv{text-align:center;font:700 13px Tahoma,Verdana,sans-serif}
.sg-row.ok .sg-lv{color:#1F6E1F} .sg-row.no .sg-lv{color:#9A1A12}
.sg-ic{width:32px;height:32px;display:flex;align-items:center;justify-content:center} .sg-ic img{max-width:32px;max-height:32px;object-fit:contain}
.sg-nm{color:var(--ink);font:700 12px Tahoma,Verdana,sans-serif;padding-right:6px} .sg-nm small{display:block;font:400 11px Tahoma,Verdana,sans-serif;color:#5A4A30}
.sg-row.no .sg-nm{color:#5A4A30}
.sg-list::-webkit-scrollbar{width:12px}.sg-list::-webkit-scrollbar-track{background:var(--parch-lo)}.sg-list::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#6E6556,#4E473D);border:1px solid #000}

/* ---------- quests ---------- */
.ql-qp{font-size:12px;color:var(--white);margin:0 2px 6px} .ql-qp b{color:var(--yellow)}
.ql-h{color:var(--orange);font:700 12px "Palatino Linotype",Georgia,serif;margin:6px 2px 2px;border-bottom:1px solid rgba(0,0,0,.4)}
.ql-row{display:flex;align-items:center;justify-content:space-between;gap:4px;padding:3px 4px;cursor:pointer;font:700 12px Tahoma,Verdana,sans-serif}
.ql-row:hover,.ql-row.open{background:rgba(255,255,255,.06);box-shadow:inset 2px 0 0 var(--accent)}
.ql-row .ql-nm{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.ql-row.not_started,.ql-legend .not_started{color:#FF4A3A} .ql-row.in_progress,.ql-legend .in_progress{color:#F2D24B} .ql-row.done,.ql-legend .done{color:#3FBF2F}
.ql-pin{flex:none;width:20px;height:18px;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;background:rgba(14,11,8,.4);border:1px solid #000}
.ql-pin.on{box-shadow:inset 0 0 0 1px var(--yellow)}
.ql-legend{display:flex;gap:8px;font-size:10px;margin:8px 2px 4px;opacity:.85}
.ql-jobs{margin-top:6px}
#quest-journal{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:400px;max-height:76vh;display:flex;flex-direction:column;z-index:26;padding:12px}
.qj-body{overflow-y:auto;background:url(../img/ui/parchment_128.png);border:2px solid #000;box-shadow:inset 0 0 0 1px #E8D8AE;padding:10px 14px;text-shadow:none;min-height:120px}
.qj-body p{margin:0 0 8px;font:700 13px Tahoma,Verdana,sans-serif;color:#1A1A8A;line-height:1.35}
.qj-body .qj-done{color:#3A2E1E;text-decoration:line-through;text-decoration-thickness:2px;text-decoration-color:#8A2E12;font-weight:400}
.qj-body .qj-cur{color:#1A1A8A} .qj-n{color:#8A2E12}
.qj-body .qj-sub{color:#7A2A12;margin-top:10px} .qj-body .qj-rw{color:#3A2410;font-weight:400}
.qj-body .qj-req.ok{color:#1F6E1F;text-decoration:line-through} .qj-body .qj-req.no{color:#9A1A12}
.qj-body .qj-fin{color:#8A2E12;text-align:center;letter-spacing:1px}
.qj-foot{display:flex;justify-content:flex-end;margin-top:8px} .qj-foot .btn{display:flex;align-items:center;gap:5px;padding:5px 10px;cursor:pointer} .qj-foot .btn.on{color:var(--yellow)}
#quest-tracker{position:fixed;left:12px;top:12px;z-index:12;width:240px;background:rgba(14,11,8,.72);border:1px solid #000;box-shadow:inset 1px 1px 0 rgba(110,101,86,.6);padding:5px 8px;pointer-events:auto}
body.at-title #quest-tracker{display:none!important}
.qt-q{cursor:pointer;padding:2px 0} .qt-q+.qt-q{border-top:1px solid rgba(110,101,86,.4);margin-top:3px;padding-top:4px}
.qt-nm{display:flex;justify-content:space-between;align-items:center;color:var(--orange);font:700 12px "Palatino Linotype",Georgia,serif}
.qt-nm button{background:none;border:0;color:var(--muted-w);cursor:pointer;font:700 11px Tahoma,sans-serif;padding:0 2px} .qt-nm button:hover{color:var(--white)}
.qt-st{color:var(--white);font:700 11px Tahoma,Verdana,sans-serif;line-height:1.3} .qt-st b{color:var(--yellow)}
body.at-title #skill-guide,body.at-title #quest-journal,body.at-title #eq-stats-pop{display:none!important}
#eq-bar .btn,.qj-foot .btn{width:auto;margin:0}
/* 0.5.3 combat tab */
#tab-combat #cb-head{display:flex;justify-content:space-between;align-items:baseline;padding:4px 6px}
#tab-combat .cb-weapon small{display:block;opacity:.75}
#styles.cb-styles{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px}
#styles.cb-styles button{min-height:42px}
#styles.cb-styles button small{display:block;font-size:10px;opacity:.8}
.spec-bar{margin:4px 6px;height:18px;border:1px solid #000;background:#2A2520;display:flex;align-items:center;justify-content:center;font-size:11px;opacity:.6}
.eq-tbl.eq-inline{width:100%;font-size:11px}
/* 0.5.12-pre Devotion tab + orb */
#tab-devotion .dv-head{text-align:center;margin:4px 0 6px;color:var(--accent,#ff981f)}
#tab-devotion .dv-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:3px;padding:0 4px}
#tab-devotion .dv-pr{height:38px;display:flex;align-items:center;justify-content:center;cursor:pointer;background:rgba(14,11,8,.28);border:1px solid #000;padding:0}
#tab-devotion .dv-pr:hover{box-shadow:inset 0 0 0 1px var(--accent,#ff981f)}
#tab-devotion .dv-pr.on{background:rgba(255,236,170,.22);box-shadow:inset 0 0 0 1px #ffe9a8}
#tab-devotion .dv-pr.locked{cursor:default;filter:grayscale(1) brightness(.45)}
#orb-dev{cursor:pointer}#orb-dev.on span{color:#bfe8ff}