.pw{--frame: #120d08;--frame-2: #1c140c;--frame-3: #241a10;--edge: #7b5d24;--edge-2: #3a2b13;--pane: #0a0705;--pane-2: #0f0b08;--orange: #ff8040;--yellow: #ffe94a;--green: #40bf40;--grey: #8d8d8d;--locked: #5e554a;display:grid;gap:14px}.pw-frame{border:1px solid #000;border-radius:6px;padding:0 0 12px;background:linear-gradient(180deg,var(--frame-2),var(--frame));box-shadow:0 0 0 1px var(--edge-2),0 0 0 2px #000,inset 0 0 0 1px #ffdc960f,var(--shadow)}.pw-title{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;min-height:40px;padding:8px 52px;border-bottom:1px solid var(--edge-2);border-radius:6px 6px 0 0;background:linear-gradient(180deg,#2a1f11,#170f08);box-shadow:inset 0 1px #ffdc9614}.pw-title h2{margin:0;font-size:1.15rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-2);text-shadow:0 1px 0 #000,0 0 12px rgba(255,209,0,.18)}.pw-emblem{position:absolute;left:-6px;top:-8px;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,#2a1f12,#0a0705 70%);border:2px solid var(--edge);box-shadow:0 0 0 2px #000,0 4px 12px #000000b3,inset 0 0 8px #000c}.pw-emblem img{border-radius:50%;border:1px solid #000}.pw-total{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-family:var(--font-ui);font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3)}.pw-skill{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:12px 16px 6px}.pw-bar{position:relative;flex:1 1 320px;display:block;height:22px}.pw-bar-track{position:absolute;inset:0;border:1px solid var(--edge-2);border-radius:2px;overflow:hidden;background:linear-gradient(180deg,#050403,#0d0a07);box-shadow:0 0 0 1px #000,inset 0 1px 3px #000000e6}.pw-bar-fill{position:absolute;left:0;top:0;bottom:0;width:100%;background:linear-gradient(180deg,#4fd24f,#1f8a1f 55%,#176a17);box-shadow:inset 0 1px #ffffff40;transition:width 60ms linear}.pw-bar-label{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--font-ui);font-weight:600;font-size:.82rem;color:#fff;text-shadow:0 1px 1px #000,0 0 3px #000;letter-spacing:.02em}.pw-bar input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}.pw-bar:has(input:focus-visible) .pw-bar-track{outline:2px solid var(--gold);outline-offset:2px}.pw-skill-num{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-ui);font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;color:var(--parchment-2)}.pw-skill-num input{width:4.6em;padding:5px 4px;text-align:center;border-radius:3px;border:1px solid var(--edge-2);background:#07050380;color:var(--parchment);font-family:var(--font-ui);font-size:.9rem}.pw-skill-num input:focus{outline:none;border-color:var(--gold-3);box-shadow:0 0 0 1px #ffd10040}.pw-skill-hint{flex:1 1 100%;margin:0;font-family:var(--font-ui);font-size:.78rem;color:var(--text-3)}.pw.is-capped .pw-skill-hint{color:var(--gold-2)}.pw-body{display:grid;grid-template-columns:minmax(280px,340px) minmax(0,1fr);gap:12px;padding:6px 12px 0}.pw-left{display:grid;grid-template-rows:auto minmax(0,1fr);gap:8px;min-width:0}.pw-tools{display:flex;gap:8px;align-items:stretch}.pw-search{position:relative;flex:1 1 auto;display:block}.pw-search svg{position:absolute;left:9px;top:50%;transform:translateY(-50%);color:var(--text-3);pointer-events:none}.pw-search input{width:100%;padding:6px 8px 6px 27px;border-radius:3px;border:1px solid var(--edge-2);background:#07050380;color:var(--parchment);font-family:var(--font-ui);font-size:.88rem;box-shadow:inset 0 1px 2px #000000b3}.pw-search input::placeholder{color:var(--text-3)}.pw-search input:focus{outline:none;border-color:var(--gold-3);box-shadow:0 0 0 1px #ffd10040}.pw-filter{position:relative;flex:none}.pw-filter summary{list-style:none;display:inline-flex;align-items:center;gap:6px;height:100%;padding:5px 10px 5px 12px;cursor:pointer;user-select:none;border:1px solid var(--edge);border-radius:3px;background:linear-gradient(180deg,#3a2b13,#1c140a);color:var(--gold-2);font-family:var(--font-ui);font-size:.86rem;box-shadow:0 0 0 1px #000,inset 0 1px #ffdc961a}.pw-filter summary::-webkit-details-marker{display:none}.pw-filter summary i{font-style:normal;font-size:.8rem;color:var(--gold-3);transition:transform .12s ease}.pw-filter[open] summary i{transform:rotate(90deg)}.pw-filter summary:hover{color:var(--gold)}.pw-filter-n{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--gold);color:#000;font-size:.72rem;font-weight:700}.pw-filter-n[hidden]{display:none}.pw-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:20;width:260px;padding:10px 12px 12px;display:grid;gap:10px;border:1px solid var(--edge);border-radius:4px;background:linear-gradient(180deg,#1b130b,#0d0906);box-shadow:0 0 0 1px #000,0 12px 30px #000c;font-family:var(--font-ui);font-size:.88rem}.pw-menu fieldset{margin:0;padding:0;border:0;display:grid;gap:4px}.pw-menu legend{padding:0 0 4px;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-3)}.pw-menu label{display:flex;align-items:center;gap:7px;color:var(--text);cursor:pointer}.pw-menu label .n{margin-left:auto;color:var(--text-3);font-size:.78rem}.pw-menu input{accent-color:var(--gold);margin:0}.pw-menu-reset{justify-self:start;padding:4px 9px;border:1px solid var(--gold-5);border-radius:3px;background:transparent;color:var(--gold-2);font-size:.8rem}.pw-menu-reset:hover{border-color:var(--gold-3);color:var(--gold)}.pw-list{position:relative;min-height:420px;max-height:620px;overflow-y:auto;padding:6px 8px 8px 6px;border:1px solid var(--edge-2);border-radius:3px;background:linear-gradient(180deg,var(--pane-2),var(--pane));box-shadow:inset 0 0 0 1px #000,inset 0 0 40px #0009;scrollbar-width:thin;scrollbar-color:var(--edge-2) transparent}.pw-group[hidden]{display:none}.pw-group-head{margin:0;display:flex;align-items:center}.pw-group-head button{display:flex;align-items:center;gap:7px;flex:1 1 auto;min-width:0;padding:6px 6px 5px;border:0;background:transparent;text-align:left;font-family:var(--font-ui);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--gold-2)}.pw-group-page{flex:none;padding:6px 6px 5px 4px;border-radius:2px;font-family:var(--font-ui);font-size:.72rem;letter-spacing:.06em;color:var(--text-3);text-decoration:none;white-space:nowrap}.pw-group-page:hover{color:var(--gold-2);text-decoration:underline}.pw-group-page:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--gold-3)}.pw-group-head button:hover{color:var(--gold)}.pw-group-head button:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}.pw-caret{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid var(--gold-3);transition:transform .12s ease}.pw-group.is-collapsed .pw-caret{transform:rotate(-90deg)}.pw-group-n{margin-left:auto;color:var(--text-3);font-size:.74rem;letter-spacing:.04em}.pw-group.kind-sod .pw-group-head button{color:var(--parchment-2)}.pw-group.kind-removed .pw-group-head button{color:var(--ember)}.pw-rows{list-style:none;margin:0 0 6px;padding:0;display:grid;gap:1px}.pw-group.is-collapsed .pw-rows,.pw-row[hidden]{display:none}.pw-row-btn{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:9px;align-items:center;width:100%;padding:4px 8px 4px 10px;border:0;border-radius:2px;background:transparent;text-align:left;font:inherit;color:var(--text);text-decoration:none;cursor:pointer}.pw-row-btn:hover{background:#ffd10012;color:var(--text)}.pw-row-btn.is-on{background:linear-gradient(90deg,#ffd10029,#ffd1000a);box-shadow:inset 2px 0 0 var(--gold-3)}.pw-row-btn:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--gold-3)}.pw-row-btn img{border:1px solid #000;border-radius:2px;box-shadow:0 0 0 1px var(--edge-2)}.pw-row-name{font-family:var(--font-ui);font-size:.95rem;line-height:1.2;display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-width:0}.pw-row-tag{font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);border:1px solid var(--gold-5);border-radius:3px;padding:0 4px}.pw-row-favor{font-family:var(--font-ui);font-size:.78rem;font-variant-numeric:tabular-nums;color:var(--ember);opacity:.85;padding-right:2px}.pw-row:hover .pw-row-favor,.pw-row.is-on .pw-row-favor{opacity:1}.pw-favor-band{display:flex;align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid var(--gold-5);background:linear-gradient(180deg,#241a10,#180f08);font-family:var(--font-ui);font-size:.9rem;color:var(--text-2);text-decoration:none}.pw-favor-band:hover{background:linear-gradient(180deg,#2c2013,#1d130a)}.pw-favor-band strong{color:var(--gold-2)}.pw-favor-dot{width:14px;height:14px;flex:0 0 auto;border-radius:2px;box-shadow:0 0 0 1px var(--gold-5);background:radial-gradient(circle at 34% 30%,#e0785c,#8d2f20 70%)}.pw-favor-text{flex:1 1 auto}.pw-favor-go{color:var(--gold);white-space:nowrap}.rd-favor{margin:8px 0 0;padding:8px 10px;border-left:2px solid var(--gold-4);background:#241a108c;font-size:.95rem;line-height:1.45}.rd-favor strong{color:var(--ember);font-variant-numeric:tabular-nums}@media(max-width:560px){.pw-favor-go{display:none}}.pw-row-skill{font-family:var(--font-ui);font-size:.78rem;color:var(--text-3);min-width:2.2em;text-align:right}.pw-row[data-diff=orange] .pw-row-name{color:var(--orange)}.pw-row[data-diff=yellow] .pw-row-name{color:var(--yellow)}.pw-row[data-diff=green] .pw-row-name{color:var(--green)}.pw-row[data-diff=grey] .pw-row-name{color:var(--grey)}.pw-row[data-diff=locked] .pw-row-name{color:var(--locked)}.pw-row[data-diff=locked] .pw-row-btn img{filter:grayscale(1) brightness(.55)}.pw-row[data-diff=locked] .pw-row-skill:before{content:"🔒";font-size:.7em;margin-right:3px;filter:grayscale(1) opacity(.7)}.pw-row[data-status=removed] .pw-row-name{color:var(--text-3);text-decoration:line-through;text-decoration-color:var(--ember)}.pw-row[data-status=removed] .pw-row-btn img{filter:grayscale(1) brightness(.6)}html:not(.js) .pw-row-name{color:var(--text)}.pw-empty{margin:0;padding:60px 20px;text-align:center;color:var(--text-2);font-family:var(--font-ui);font-size:.95rem}.pw-empty[hidden]{display:none}.pw-empty button{background:none;border:0;color:var(--gold-2);text-decoration:underline;font:inherit}.pw-right{min-width:0;display:grid;grid-template-rows:minmax(0,1fr)}.pw-pane{position:relative;display:grid;grid-template-rows:minmax(0,1fr) auto;min-height:460px;max-height:664px;overflow:hidden;border:1px solid var(--edge-2);border-radius:3px;background:linear-gradient(180deg,var(--pane-2),var(--pane));box-shadow:inset 0 0 0 1px #000,inset 0 0 40px #0009}.pw-pane:before{content:"";position:absolute;inset:0;background:var(--wm) center 58% / 240px no-repeat;opacity:.07;filter:grayscale(.6) sepia(.4);pointer-events:none}.pw-pane-body{position:relative;overflow-y:auto;padding:18px 20px 14px;scrollbar-width:thin;scrollbar-color:var(--edge-2) transparent}.pw-pane-close{display:none;position:absolute;right:8px;top:6px;z-index:2;width:30px;height:30px;border-radius:50%;border:1px solid var(--edge);background:#1c140a;color:var(--gold-2);font-size:1.2rem;line-height:1}.pw-pane-empty{margin:0;padding:60px 20px;text-align:center;color:var(--text-3);font-family:var(--font-ui);font-style:italic}.pw-live{position:relative;margin:0;padding:9px 20px 10px;border-top:1px solid var(--edge-2);font-family:var(--font-ui);font-size:.86rem;color:var(--text-2);background:#00000059}.pw-live[hidden]{display:none}.pw .rd{display:grid;gap:14px}.pw .rd[hidden]{display:none}.pw .rd-head{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:center}.pw .rd-head img{border:1px solid #000;border-radius:3px;box-shadow:0 0 0 1px var(--edge),0 2px 6px #0009}.pw .rd-name{margin:0;font-family:var(--font-body);font-weight:600;font-size:1.2rem;line-height:1.2;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pw .rd-name.q-spell{color:var(--gold-2)}.pw .rd-sub{margin:3px 0 0;display:flex;flex-wrap:wrap;gap:4px 10px;font-family:var(--font-ui);font-size:.8rem;color:var(--text-2)}.pw .rd-warn{color:var(--parchment-2);font-style:italic}.pw .rd-desc{margin:0;color:var(--gold-2);font-size:.98rem;line-height:1.45;white-space:pre-line}.pw .rd-reagents h5,.pw .rd-facts dt{margin:0;font-family:var(--font-ui);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-3);font-weight:600}.pw .rd-reagents ul{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px 12px}.pw .rd-reagents li{display:block;font-family:var(--font-ui);font-size:.88rem}.pw .rd-reagents img,.pw .rd-noicon{width:28px;height:28px;border:1px solid #000;border-radius:3px;box-shadow:0 0 0 1px var(--edge-2);background:#000}.pw .rd-count{position:absolute;left:0;bottom:0;width:28px;text-align:right;padding-right:2px;font-size:.74rem;font-weight:700;color:#fff;text-shadow:0 0 2px #000,0 0 3px #000,1px 1px 0 #000}.pw .rd-reagent-name em{color:var(--text-3);font-size:.8em}.pw .rd-none,.pw .rd-muted{margin:6px 0 0;color:var(--text-3);font-family:var(--font-ui);font-size:.88rem;font-style:italic}.pw .rd-none a{color:var(--gold-2)}.pw .rd-facts{margin:0;display:grid;grid-template-columns:auto minmax(0,1fr);gap:7px 14px;align-items:baseline}.pw .rd-facts dd{margin:0;font-family:var(--font-ui);font-size:.9rem;color:var(--text)}.pw .rd-teachers{list-style:none;margin:0;padding:0;display:grid;gap:4px}.pw .rd-teachers li{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.pw .rd-teachers img{border:1px solid #000;border-radius:2px;box-shadow:0 0 0 1px var(--edge-2)}.pw .rd-teachers small{font-size:.74rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);border:1px solid var(--gold-5);border-radius:3px;padding:0 4px}.pw .rd-status{margin:0;padding-top:10px;border-top:1px solid var(--edge-2);font-family:var(--font-ui);font-size:.82rem;color:var(--text-2)}.pw .rd-name a,.pw .rd-reagents li a,.pw .rd-teachers li a{color:inherit;text-decoration:none}.pw .rd-name a:hover,.pw .rd-reagents li a:hover .rd-reagent-name,.pw .rd-teachers li a:hover span{text-decoration:underline;text-decoration-color:currentColor;text-underline-offset:3px}.pw .rd-icon{display:block;line-height:0}.pw .rd-reagents li a,.pw .rd-reagents li .rd-plain{display:grid;grid-template-columns:28px minmax(0,1fr);gap:8px;align-items:center;position:relative}.pw .rd-teachers li a,.pw .rd-teachers li .rd-plain{display:inline-flex;align-items:center;gap:7px}.pw .rd-classic{margin:0;padding:8px 10px;border-left:2px solid var(--gold-4);background:#ffd1000a;color:var(--text-2);font-family:var(--font-ui);font-size:.86rem;line-height:1.45}.pw .rd-classic ul{margin:4px 0 0;padding:0 0 0 16px}.pw .rd-classic b{color:var(--parchment);font-weight:600}.pw .rd-classic-label{display:block;font-size:.64rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-3)}.pw .q0,.pw .q0 .rd-reagent-name,.pw .q0>span{color:#9d9d9d}.pw .q1 .rd-reagent-name,.pw .q1>span,.pw .rd-name.q1{color:#fff}.pw .q2 .rd-reagent-name,.pw .q2>span,.pw .rd-name.q2{color:#1eff00}.pw .q3 .rd-reagent-name,.pw .q3>span,.pw .rd-name.q3{color:#0070dd}.pw .q4 .rd-reagent-name,.pw .q4>span,.pw .rd-name.q4{color:#a335ee}.pw .q5 .rd-reagent-name,.pw .q5>span,.pw .rd-name.q5{color:#ff8000}.pw .rd-name.q0{color:#9d9d9d}.pw .d-orange{color:var(--orange)}.pw .d-yellow{color:var(--yellow)}.pw .d-green{color:var(--green)}.pw .d-grey{color:var(--grey)}.pw .d-locked{color:var(--locked)}.pw .d-none{color:var(--text-3)}.pw .mark{display:inline-block;font-style:normal;font-size:.78rem;line-height:1;font-weight:700}.pw .mark.new{color:var(--gold);text-shadow:0 0 5px rgba(255,209,0,.45)}.pw .mark.changed{color:var(--parchment);font-size:.68rem}.pw .mark.removed{color:var(--ember)}.pw .rd-status .mark{margin-right:5px}.pw-legend{display:flex;flex-wrap:wrap;gap:6px 16px;font-family:var(--font-ui);font-size:.82rem;color:var(--text-2)}.pw-legend i{font-style:normal;margin-right:4px}.pw-legend-marks{margin-left:auto;color:var(--text-3)}.pw-legend-marks .mark{margin:0 2px 0 8px}.pw-legend-marks .mark:first-child{margin-left:0}.pw-legend-note{flex:1 1 100%;font-size:.78rem;color:var(--text-3)}@media(hover:none){.pw-legend-note{display:none}}@media(max-width:900px){.pw-body{grid-template-columns:minmax(240px,300px) minmax(0,1fr)}.pw .rd-reagents ul{grid-template-columns:1fr}}@media(max-width:760px){.pw-body{grid-template-columns:1fr}.pw-list{min-height:0;max-height:62vh}.pw-total{display:none}.pw-title{padding:8px 16px 8px 56px;justify-content:flex-start}.pw-emblem{left:6px;top:-4px;width:46px;height:46px}.pw-emblem img{width:26px;height:26px}.pw-right{position:fixed;left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom,0px));z-index:60;display:none}.pw-right.is-open{display:block}.pw-pane{min-height:0;max-height:min(70vh,560px);border:1px solid var(--edge);box-shadow:0 0 0 1px #000,0 -12px 40px #000000d9;background:linear-gradient(180deg,#14100a,#0a0705)}.pw-pane-close{display:grid;place-items:center}.pw-pane-body{padding:16px 44px 12px 16px}.pw-legend-marks{margin-left:0}}@media(prefers-reduced-motion:reduce){.pw-bar-fill,.pw-caret,.pw-filter summary i{transition:none}}