.jewel-page{--jewel-edge:#343342;--jewel-gold:#dec28c;--jewel-muted:#a29aa9;color:#eee8e0;max-width:1320px;margin:auto;padding:24px 28px 40px}.jewel-page *{box-sizing:border-box}.jewel-page button,.jewel-page input,.jewel-page select{font:inherit}.jewel-page button{cursor:pointer}.jewel-page button:disabled{opacity:.42;cursor:not-allowed}.jewel-page button:focus-visible,.jewel-page input:focus-visible,.jewel-page select:focus-visible{outline-offset:3px;outline:2px solid #dbc18c}.jewel-header{border-bottom:1px solid var(--jewel-edge);justify-content:space-between;align-items:center;gap:24px;padding:8px 0 25px;display:flex}.jewel-header small{letter-spacing:.17em;color:var(--jewel-gold);font-size:10px}.jewel-header h1{letter-spacing:.05em;margin:12px 0 8px;font-family:serif;font-size:30px;font-weight:600}.jewel-header h1 span{letter-spacing:.02em;color:var(--jewel-gold);vertical-align:middle;border:1px solid #65533c;border-radius:4px;margin-left:16px;padding:6px 9px;font:11px sans-serif;display:inline-block}.jewel-header p,.jewel-workbench>p{color:var(--jewel-muted);margin:8px 0;font-size:12px;line-height:1.8}.jewel-counters{gap:12px;display:flex}.jewel-counters>span{border:1px solid var(--jewel-edge);white-space:nowrap;color:var(--jewel-muted);background:#1c1b23;border-radius:8px;align-items:center;gap:8px;padding:12px;font-size:11px;display:flex}.jewel-counters b,.jewel-counters svg{color:var(--jewel-gold)}.jewel-bonuses{background:linear-gradient(110deg,#262328,#19191f);border:1px solid #403a3d;border-radius:8px;align-items:center;gap:22px;margin:20px 0;padding:15px 18px;font-size:11px;display:flex}.jewel-bonuses>div:first-child{color:var(--jewel-gold);flex-shrink:0;align-items:center;gap:8px;display:flex}.jewel-bonus-list{color:var(--jewel-muted);flex-wrap:wrap;gap:8px 18px;display:flex}.jewel-bonus-list b{color:#d8e9da;margin-left:4px}.jewel-tabs{border-bottom:1px solid var(--jewel-edge);gap:24px;margin-bottom:22px;display:flex;overflow-x:auto}.jewel-tabs button{color:var(--jewel-muted);white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:7px;padding:12px 2px 14px;font-size:12px;display:flex}.jewel-tabs button[aria-pressed=true]{border-color:var(--jewel-gold);color:var(--jewel-gold)}.jewel-layout{grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:22px;display:grid}.jewel-vault,.jewel-workbench{border:1px solid var(--jewel-edge);background:#1b1a22;border-radius:10px;min-width:0;padding:20px}.jewel-section-title{justify-content:space-between;align-items:center;gap:8px;display:flex}.jewel-section-title h2,.jewel-workbench h2{margin:0;font-size:16px}.jewel-section-title small,.jewel-section-title>span{color:var(--jewel-muted);font-size:10px}.jewel-filters{gap:7px;margin:17px 0;display:flex}.jewel-page input,.jewel-page select{color:#e2dacf;background:#14131a;border:1px solid #3a3642;border-radius:5px;min-width:0;min-height:36px;padding:9px;font-size:11px}.jewel-filters input{flex:1;width:70px}.jewel-filters select{width:88px}.jewel-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;display:grid}.jewel-card{color:#e8e0db;background:radial-gradient(at 50% 45%,#302836 0%,#1e1b26 70%);border:1px solid #37333f;border-radius:7px;flex-direction:column;align-items:center;min-height:164px;padding:11px;transition:border-color .15s,background .15s;display:flex;position:relative}.jewel-card:hover{border-color:#8a785b}.jewel-card.selected{border-color:var(--jewel-gold);background:radial-gradient(at 50% 45%,#443332,#272028);box-shadow:inset 0 0 0 1px #dec28c44}.jewel-card.rare .jewel-card-top>span{color:#d3b1ff}.jewel-card img{object-fit:contain;filter:drop-shadow(0 4px 9px #0007);width:58px;height:58px;margin:10px 0 6px}.jewel-card-top{justify-content:space-between;align-items:center;width:100%;display:flex}.jewel-card-top>span{color:#c5b394;letter-spacing:.03em;font-size:10px}.jewel-card-top small{color:var(--jewel-muted);font-size:10px}.jewel-card strong{letter-spacing:.04em;font-size:12px}.jewel-effect{color:#b9b0bd;margin-top:6px;font-size:10px}.jewel-locked{color:var(--jewel-gold);align-items:center;gap:3px;margin-top:6px;font-size:9px;display:flex}.jewel-footnote{color:#918998;margin:18px 0 0;font-size:10px;line-height:1.7}.jewel-workbench h3{margin:0 0 13px;font-size:13px}.jewel-transmute{justify-content:space-between;align-items:center;gap:10px;padding:22px 0;display:flex}.jewel-transmute>div{flex-direction:column;flex:1;align-items:center;gap:5px;display:flex}.jewel-transmute img{object-fit:contain;width:65px;height:65px}.jewel-transmute>div>svg{color:#87789c;height:65px}.jewel-transmute b{font-size:12px}.jewel-transmute small{color:var(--jewel-muted);font-size:10px}.jewel-transmute>svg{color:var(--jewel-gold);width:18px}.jewel-upgrade-value{border:1px solid #443a41;border-radius:5px;flex-wrap:wrap;justify-content:center;align-items:center;gap:5px;padding:8px;display:flex;color:#dac8a9!important}.jewel-primary,.jewel-secondary{border-radius:6px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:40px;padding:10px 14px;display:flex;font-size:12px!important}.jewel-primary{color:#211a13;background:linear-gradient(100deg,#a5824e,#cfb37b);border:1px solid #d4b982;margin-top:12px;font-weight:700}.jewel-secondary{color:#ddccae;background:#27232e;border:1px solid #514553;margin-top:12px}.jewel-divider{background:var(--jewel-edge);height:1px;margin:24px 0}.jewel-settings{gap:10px;display:grid}.jewel-settings label,.jewel-field{color:#bab0be;justify-content:space-between;align-items:center;gap:10px;font-size:11px;display:flex}.jewel-settings input,.jewel-settings select{width:110px}.jewel-note,.jewel-workbench>small{color:var(--jewel-muted);margin-top:12px;line-height:1.8;display:block;font-size:10px!important}.jewel-workbench details{color:#bfb2c5;margin-top:16px;font-size:11px}.jewel-workbench summary{cursor:pointer}.jewel-rate-list{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;display:grid}.jewel-rate-list span{text-align:center;color:#aaa0b3;background:#14131a;border-radius:4px;flex-direction:column;gap:4px;padding:8px;font-size:10px;display:flex}.jewel-rate-list b{color:#d7bd88}.jewel-growth{margin-top:18px}.jewel-growth>div{color:#a497b1;border-bottom:1px solid #302b37;justify-content:space-between;padding:9px 5px;font-size:11px;display:flex}.jewel-growth .current{color:var(--jewel-gold);background:#d9ba8510}.jewel-growth b{font-weight:400}.jewel-field{flex-wrap:wrap;margin-top:18px}.jewel-field select,.jewel-field input{width:100%}.jewel-exchange{flex-direction:column;align-items:center;gap:9px;padding:25px 0;font-size:12px;display:flex}.jewel-exchange img{width:80px;height:80px}.jewel-exchange span{color:var(--jewel-gold);font-size:11px}.jewel-sockets{gap:12px;margin-top:18px;display:grid}.jewel-sockets>div{border:1px dashed #514355;border-radius:8px;flex-direction:column;align-items:center;gap:7px;padding:16px;display:flex}.jewel-sockets img{width:50px;height:50px}.jewel-sockets b{font-size:12px}.jewel-sockets small{color:var(--jewel-muted);font-size:11px}.jewel-sockets button,.jewel-pending button{color:#e1cfed;background:#32263c;border:1px solid #62506c;border-radius:4px;padding:7px 10px;font-size:10px}.jewel-empty{text-align:center;color:var(--jewel-muted);flex-direction:column;align-items:center;gap:15px;padding:50px 10px;font-size:12px;display:flex}.jewel-empty svg{color:#71617f;width:40px;height:40px}.jewel-empty p{font-size:11px}.jewel-status,.jewel-pending{color:#e5c98f;background:#44351f;border:1px solid #7f6440;border-radius:6px;padding:12px;font-size:12px;line-height:1.8}.jewel-pending button{margin-left:10px}.jewel-modal-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:150;background:#07060cbd;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.jewel-confirm{background:#211c2a;border:1px solid #7e694e;border-radius:12px;width:100%;max-width:440px;padding:30px;box-shadow:0 25px 80px #0008}.jewel-confirm>svg{color:var(--jewel-gold)}.jewel-confirm h2{font-family:serif;font-size:22px}.jewel-confirm p{color:#bfb1c6;font-size:12px;line-height:1.9}.jewel-confirm>div{gap:12px;display:flex}.jewel-confirm>div>button{flex:1}.jewel-confirm>div>button:first-child{order:0}@media (width<=1100px){.jewel-layout{grid-template-columns:minmax(0,1fr) 290px}.jewel-page{padding:18px}.jewel-counters{flex-direction:column;gap:6px}.jewel-counters>span{padding:8px}.jewel-bonuses{flex-direction:column;align-items:flex-start;gap:12px}}@media (width<=700px){.jewel-page{padding:16px 10px 30px}.jewel-header{align-items:flex-start;gap:10px}.jewel-header h1{font-size:23px}.jewel-header h1 span{margin:10px 0 0;font-size:10px;display:table}.jewel-header p{font-size:10px}.jewel-header small{letter-spacing:.1em;font-size:9px}.jewel-counters>span{gap:5px;padding:8px 6px;font-size:9px}.jewel-counters svg{width:13px}.jewel-layout{grid-template-columns:1fr}.jewel-workbench{grid-row:1}.jewel-vault,.jewel-workbench{padding:15px}.jewel-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.jewel-card{min-height:145px;padding:8px 6px}.jewel-card img{width:48px;height:48px}.jewel-card strong{font-size:11px}.jewel-effect{font-size:9px}.jewel-tabs{gap:22px}.jewel-tabs button{font-size:11px}.jewel-transmute{padding:10px 0}.jewel-transmute img{width:48px;height:48px}.jewel-settings{grid-template-columns:1fr 1fr 1fr;gap:7px}.jewel-settings label{flex-direction:column;align-items:flex-start;font-size:10px}.jewel-settings input,.jewel-settings select{width:100%}.jewel-rate-list{grid-template-columns:repeat(5,1fr)}.jewel-filters input{width:50px}.jewel-filters select{width:75px}.jewel-confirm{padding:22px}.jewel-bonuses{margin:14px 0;padding:12px}.jewel-bonus-list{gap:7px 12px;font-size:10px}.jewel-workbench{grid-row:auto;scroll-margin-top:12px}.jewel-grid{overscroll-behavior:contain;max-height:340px;padding-right:3px;overflow-y:auto}.jewel-header{padding-bottom:16px}.jewel-header h1{margin-top:9px}.jewel-header p{margin-bottom:0}}.jewel-card.salvage-selected{background:radial-gradient(at 50% 45%,#334232,#202329);border-color:#9bca8b;box-shadow:inset 0 0 0 1px #9bca8b66,0 0 18px #8dbd7440}.jewel-salvage-count{color:#172016;background:#9bca8b;border-radius:10px;padding:3px 6px;font-size:9px;display:inline-block}.jewel-salvage-summary{grid-template-columns:1fr 1fr;gap:8px;margin:18px 0;display:grid}.jewel-salvage-summary>div{background:#15151b;border:1px solid #373641;border-radius:6px;flex-direction:column;gap:6px;padding:12px;display:flex}.jewel-salvage-summary span{color:var(--jewel-muted);font-size:10px}.jewel-salvage-summary b{color:#cce5bd;font-size:15px}.jewel-salvage-list{border:1px solid #373641;border-radius:6px;max-height:220px;padding:4px 10px;overflow:auto}.jewel-salvage-list>div{border-bottom:1px solid #302d36;align-items:center;gap:8px;padding:6px 0;font-size:10px;display:flex}.jewel-salvage-list>div:last-child{border-bottom:0}.jewel-salvage-list img{object-fit:contain;width:25px;height:25px}.jewel-salvage-list span{flex:1}.jewel-salvage-list b{color:var(--jewel-gold)}.jewel-salvage-empty{text-align:center;color:var(--jewel-muted);border:1px dashed #48434e;border-radius:6px;padding:20px 12px;font-size:11px;line-height:1.7}.jewel-salvage-actions{gap:8px;margin-top:10px;display:flex}.jewel-salvage-actions .jewel-secondary{width:38%;margin-top:0}.jewel-salvage-actions .jewel-primary{flex:1;margin-top:0}.jewel-salvage-actions button{font-size:11px!important}