.wb-layout{display:grid;grid-template-columns:300px 1fr;gap:12px;min-height:calc(100vh - 220px)}.wb-layout.collapsed{grid-template-columns:240px 1fr}.wb-layout.collapsed .wb-pg-count,.wb-layout.collapsed .wb-pg-filters{display:none}.wb-panel-grid{display:flex;flex-direction:column;background:#2a2a2a;border-radius:8px;overflow:hidden;max-height:calc(100vh - 200px);position:sticky;top:72px}.wb-pg-search{padding:12px 12px 0}.wb-pg-search input{width:100%;padding:9px 12px;background:transparent;border:1px solid #3a3a3a;border-radius:6px;color:#fff;font-size:13px;outline:none;transition:border-color .15s}.wb-pg-search input:focus{border-color:#d4af37}.wb-pg-search input::placeholder{color:#666}.wb-pg-filters{display:flex;gap:3px;padding:8px 12px;flex-wrap:wrap}.wb-pill{padding:4px 10px;border-radius:4px;border:none;background:rgba(255,255,255,.05);color:#b0b0b0;font:500 11px Inter,sans-serif;cursor:pointer;transition:all .15s}.wb-pill:hover{background:rgba(255,255,255,.1);color:#fff}.wb-pill.active{background:#d4af37;color:#1a1a1a}.wb-pill .cnt{font-size:9px;opacity:.7;margin-left:3px}.wb-pg-count{padding:0 12px 6px;font-size:10px;color:#666;text-align:right}.wb-pg-list{flex:1;overflow-y:auto;padding:0 8px 8px;scrollbar-width:thin;scrollbar-color:#444 transparent}.wb-pg-list::-webkit-scrollbar{width:5px}.wb-pg-list::-webkit-scrollbar-thumb{background:#444;border-radius:3px}.wb-sk{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:6px;cursor:pointer;transition:all .12s;border:1px solid transparent}.wb-sk:hover{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.06)}.wb-sk.active{background:rgba(212,175,55,.06);border-color:rgba(212,175,55,.25)}.wb-sk-img{width:56px;height:42px;border-radius:4px;background:#1f1e1e;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.wb-sk-img img{max-width:100%;max-height:100%;object-fit:contain}.wb-sk-name{font-size:12px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wb-sk-weapon{font-size:10px;color:#888}.wb-sk-skel{display:flex;align-items:center;gap:10px;padding:6px 8px}.wb-sk-skel-img{width:56px;height:42px;border-radius:4px;background:#333;animation:wbShimmer 1.5s infinite}.wb-sk-skel-text{flex:1}.wb-sk-skel-line{height:10px;border-radius:3px;background:#333;animation:wbShimmer 1.5s infinite;margin-bottom:4px}.wb-sk-skel-line:last-child{width:60%;margin-bottom:0}@keyframes wbShimmer{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.wb-back{display:none;padding:6px 12px;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:6px;color:#b0b0b0;font:600 11px Inter,sans-serif;cursor:pointer;margin-bottom:8px;transition:all .15s;align-items:center;gap:6px}.wb-back:hover{color:#fff;border-color:#555}.wb-empty{display:flex;align-items:center;justify-content:center;height:100%;background:#2a2a2a;border-radius:8px;color:#666;font-size:14px;text-align:center;padding:40px}.wb-viewer-col{display:flex;flex-direction:column;min-width:0;overflow:hidden}.wb-viewer-wrap{max-height:calc(100vh - 180px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#444 transparent}.wb-viewer-wrap::-webkit-scrollbar{width:5px}.wb-viewer-wrap::-webkit-scrollbar-thumb{background:#444;border-radius:3px}.wb-viewer{background:#1f1e1e;border-radius:8px;overflow:hidden}.wb-viewer-img{position:relative;width:100%;height:clamp(240px,40vh,420px);background:linear-gradient(180deg,#1e1e1e,#181818);overflow:hidden;display:flex;align-items:center;justify-content:center}.wb-viewer-img img{max-width:100%;max-height:100%;object-fit:contain;padding:12px;user-select:none;-webkit-user-drag:none}.wb-ctrl{padding:16px 20px 20px}.wb-title{font:600 16px Inter,sans-serif;color:#fff;margin-bottom:12px}.wb-float-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.wb-fv{font:700 24px Courier New,monospace;color:#d4af37}.wb-badge{font:600 12px Inter,sans-serif;padding:4px 12px;border-radius:4px}.wb-badge-fn{background:rgba(74,222,128,.15);color:#4ade80}.wb-badge-mw{background:rgba(163,230,53,.15);color:#a3e635}.wb-badge-ft{background:rgba(251,191,36,.15);color:#fbbf24}.wb-badge-ww{background:rgba(249,115,22,.15);color:#f97316}.wb-badge-bs{background:rgba(239,68,68,.15);color:#ef4444}.wb-slider-wrap{position:relative;height:32px;display:flex;align-items:center}.wb-track{position:relative;width:100%;height:6px;border-radius:4px;background:linear-gradient(90deg,#4ade80,#4ade80 7%,#a3e635 0,#a3e635 15%,#fbbf24 0,#fbbf24 38%,#f97316 0,#f97316 45%,#ef4444 0,#ef4444)}.wb-dead{height:100%;background:rgba(0,0,0,.7);border-radius:4px;pointer-events:none}.wb-dead,.wb-range{position:absolute;top:0}.wb-range{width:100%;height:32px;-webkit-appearance:none;appearance:none;background:none;cursor:pointer;margin:0}.wb-range::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#fff;border:2px solid #d4af37;box-shadow:0 0 12px rgba(212,175,55,.4),0 2px 8px rgba(0,0,0,.5);cursor:grab}.wb-range::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.2)}.wb-range::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#fff;border:2px solid #d4af37;box-shadow:0 0 12px rgba(212,175,55,.4);cursor:grab}.wb-ticks{display:flex;justify-content:space-between;margin-top:8px;font-size:10px;color:#555}.wb-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:6px;padding:12px 20px;border-top:1px solid #2a2a2a}.wb-info-item{background:rgba(255,255,255,.03);border:1px solid #2a2a2a;border-radius:6px;padding:8px 12px}.wb-info-label{font-size:9px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.8px}.wb-info-val{font-size:13px;font-weight:600;margin-top:3px;color:#ccc}.wb-desc{background:#2a2a2a;border-radius:8px;padding:14px 16px;margin-top:12px}.wb-desc h4{font-size:11px;font-weight:600;color:#d4af37;text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px}.wb-desc p{font-size:12px;color:#999;line-height:1.6}.wb-no-img{color:#555;font-size:13px;text-align:center}.wb-kbd-hints{display:flex;gap:8px;font-size:10px;color:#666}.wb-kbd{padding:2px 6px;background:#333;border:1px solid #444;border-radius:3px;font:600 10px Courier New,monospace;color:#999}@media (max-width:900px){.wb-layout,.wb-layout.collapsed{grid-template-columns:1fr}.wb-panel-grid{max-height:280px;position:static}.wb-layout.collapsed .wb-panel-grid{display:none}.wb-layout.collapsed .wb-back{display:inline-flex}.wb-viewer-col{overflow:visible}.wb-viewer-wrap{max-height:none;overflow-y:visible}.wb-viewer-img{height:240px}.wb-kbd-hints{display:none}}