.refinement-section{padding-bottom:50px}.refinement-section .section-heading{margin-bottom:25px}.ref-toolbar,.ref-bottom{display:flex;justify-content:space-between;align-items:center;gap:18px}.ref-classes,.ref-chain-tabs,.ref-list-filters>div{display:flex;flex-wrap:wrap;gap:7px}.ref-classes button,.ref-chain-tabs button,.ref-list-filters button{border:1px solid #624239;background:#1c1114;color:#d3bcb3;padding:9px 15px;font:inherit;font-size:13px;cursor:pointer;transition:background .2s,border-color .2s}.ref-classes [aria-pressed=true],.ref-chain-tabs [aria-pressed=true],.ref-list-filters [aria-pressed=true]{background:linear-gradient(#612f32,#34171d);border-color:#b88a60;color:#ffe5bb}.ref-chain-tabs{margin:14px 0}.ref-stage{position:relative;aspect-ratio:16/10;border:1px solid #76513f;border-radius:5px;overflow:hidden;background:#25211d;isolation:isolate}.ref-stage canvas{display:block;width:100%;height:100%;pointer-events:none}.ref-scene-loading{position:absolute;inset:0;display:grid;place-items:center;color:#ebd7b4;background:#171214d9;z-index:3;font:16px Georgia}.ref-scene-loading[hidden]{display:none}.ref-scene-loading.failed{inset:auto;left:12px;bottom:12px;padding:10px;max-width:55%;font:12px Arial}
.ref-npc-target{position:absolute;border:0;background:transparent;z-index:2;padding:0;cursor:pointer;color:#c4ee7c;text-align:center;transform:translate(-50%,-100%);transition:filter .2s}.ref-npc-target>span{position:absolute;left:50%;top:-24px;transform:translateX(-50%);font:600 12px Arial;white-space:nowrap;text-shadow:0 1px 3px #000,0 0 4px #000}.ref-npc-target small{position:absolute;left:50%;top:-6px;transform:translateX(-50%);white-space:nowrap;font:10px Arial;color:#f0d394;text-shadow:0 1px 3px #000;opacity:0;transition:opacity .2s}.ref-npc-target:hover small,.ref-npc-target:focus-visible small,body[data-equipping] .ref-seon-target small{opacity:1}.ref-npc-target:focus-visible{outline:1px solid #daba77;border-radius:40%}.ref-seon-target::after{content:'';position:absolute;left:5%;right:5%;bottom:0;height:14%;border:2px solid #d56051;border-radius:50%;opacity:0;box-shadow:0 0 14px #f1594866;transition:opacity .2s}.ref-seon-target:hover::after,body[data-equipping] .ref-seon-target::after{opacity:1}.ref-npc-target:disabled{cursor:wait}
.ref-inventories{position:absolute;right:14px;top:15%;display:grid;grid-template-columns:165px 160px;gap:8px;z-index:4;align-items:start}.ref-window{background:linear-gradient(115deg,#191917f5,#080909f5);padding:5px;border:2px ridge #8b7960;border-radius:5px;box-shadow:2px 3px 10px #0009;color:#e6d7bf}.ref-window h3,.ref-confirm h3{margin:0 0 7px;padding:5px 4px;background:linear-gradient(#77462f,#47241c);border:1px solid #aa855b;font:11px Georgia;text-align:center;color:#f0dfc3;white-space:nowrap;box-shadow:inset 0 0 0 1px #36251d}.ref-window h3>span{float:left;font-size:13px}.ref-grid{position:relative;display:grid;grid-template-columns:repeat(5,1fr);grid-auto-rows:30px;gap:1px;padding:2px;background:#0a0a09;border:1px solid #64563e}.ref-empty{border:1px solid #6f5b3a;background:linear-gradient(135deg,#262722,#090909);clip-path:polygon(20% 0,80% 0,100% 20%,100% 80%,80% 100%,20% 100%,0 80%,0 20%)}.ref-grid>.ref-empty{grid-column:auto;grid-row:auto}.ref-item{z-index:1;position:relative;border:1px solid transparent;background:transparent;padding:0;display:grid;place-items:center;cursor:pointer;touch-action:none;min-width:0;min-height:0}.ref-item:hover,.ref-item:focus-visible{border-color:#cf9c5b;background:#b9943830;outline:none}.ref-item>img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;image-rendering:auto;pointer-events:none}.ref-item>b{position:absolute;bottom:0;right:2px;color:#fff4ce;text-shadow:1px 1px #000,-1px -1px #000;font:700 10px Arial;pointer-events:none}.ref-draggable{cursor:grab}.ref-draggable:active{cursor:grabbing}.ref-window-note{margin:7px 0 3px;text-align:center;font:10px Arial;color:#a99d83}.ref-equipment{height:111px;margin-bottom:7px;position:relative;display:flex;align-items:center;justify-content:center;gap:14px;background:repeating-linear-gradient(45deg,#282320 0 2px,#171817 2px 8px);border:1px solid #655740}.ref-equipment img{object-fit:contain;max-height:85px;width:36px}.ref-equipment span{position:absolute;bottom:5px;right:9px;color:#e8d18a;font-size:11px}.ref-bag-label{font:10px Arial;text-align:center;color:#c9b994;margin-bottom:6px}.ref-gold{display:flex;align-items:center;gap:4px;justify-content:center;font:9px Arial;margin:6px 0 2px;white-space:nowrap}.ref-gold span{color:#d3ae61}.ref-gold b{font-variant-numeric:tabular-nums;font-weight:400}
.ref-confirm{position:absolute;top:0;right:0;left:0;background:#141311f7;border:2px ridge #a88b60;padding:8px 10px 13px;border-radius:5px;box-shadow:0 8px 30px #000b;z-index:6;color:#e7d7bb}.ref-confirm[hidden]{display:none}.ref-confirm h3{position:relative;font-size:13px}.ref-confirm h3 button{position:absolute;right:0;top:0;background:none;border:0;color:#e8d4ad;font-size:20px;cursor:pointer}.ref-result{display:flex;align-items:center;gap:14px;margin:15px 5px}.ref-result img{max-width:45px;height:72px;object-fit:contain}.ref-result small{font-size:10px;color:#b2a48c}.ref-result h4{margin:6px 0;font:700 17px Georgia;color:#f8d57e}.ref-result span{font-size:11px;color:#98ce72}.ref-confirm ul{list-style:none;margin:0;padding:0}.ref-confirm li{display:flex;align-items:center;gap:7px;padding:6px 0;border-bottom:1px solid #53432d;font-size:11px}.ref-confirm li img{width:25px;height:25px;object-fit:contain}.ref-confirm li span{flex:1}.ref-confirm li b{font:11px Arial;color:#abd67a}.ref-cost{display:flex;justify-content:space-between;gap:5px;font-size:10px;margin:15px 0}.ref-assured{text-align:center;color:#b9d784;font:11px Arial}.ref-confirm-actions{display:flex;justify-content:center;gap:7px}.ref-confirm-actions .button{padding:10px 12px;font-size:11px;min-height:0}.ref-success{position:absolute;z-index:5;left:31%;top:15%;max-width:230px;padding:12px 18px;border:1px solid #be9a5b;border-radius:4px;background:#201611ef;pointer-events:none;text-align:center;box-shadow:0 0 24px #f3b64630;animation:ref-result-in .25s ease-out}.ref-success[hidden]{display:none}.ref-success span{display:block;color:#c7a777;font:9px Arial;letter-spacing:1.4px;margin-bottom:7px}.ref-success b{color:#ffdf9a;font:700 16px Georgia}.ref-scene-brand{position:absolute;left:16px;bottom:15px;color:#ebd5a9;font:700 13px Georgia;letter-spacing:2px;opacity:.85;pointer-events:none}.ref-scene-brand span{display:block;font:8px Arial;letter-spacing:1.5px;margin-top:6px;color:#bfab84}.ref-bottom{margin:13px 0}.ref-feedback{font:12px/1.6 Arial;color:#c7b5a4;margin:0}.ref-bottom .text-button{white-space:nowrap;font-size:11px}.ref-current-chain{display:flex;align-items:stretch;gap:6px;overflow-x:auto;padding:7px 0 12px}.ref-current-chain>button{position:relative;display:grid;grid-template-rows:64px auto;place-items:center;flex:1;min-width:100px;padding:9px 6px;border:1px solid #503437;background:#160e11;color:#c2a9a1;cursor:pointer}.ref-current-chain>button.current{border-color:#bf8e59;background:#43212a;color:#ffe0aa}.ref-current-chain>button.completed{border-color:#657a4a}.ref-current-chain img{height:auto;max-height:64px;max-width:42px;object-fit:contain}.ref-current-chain b{position:absolute;top:53px;right:8px;font-size:10px;color:#dec68f}.ref-current-chain span{font:11px/1.3 Arial;text-align:center;margin-top:6px}.ref-current-chain>i{align-self:center;font-style:normal;color:#a67b51;font-size:20px}
.ref-tooltip{position:fixed;z-index:30000;width:228px;padding:14px 12px;border:1px solid #9b8966;box-shadow:0 0 0 2px #171510,0 6px 20px #0009;background:#080a09ee;color:#d5d2bd;text-align:center;pointer-events:none;font:12px/1.7 Arial}.ref-tooltip[hidden]{display:none}.ref-tooltip>b{display:block;color:#f7d36c;font-size:13px}.ref-tooltip p{margin:8px 0}.ref-tooltip small{display:block;font-size:10px;margin-top:8px;color:#b2a69d}.ref-tip-positive{display:block;color:#8fce72;font-size:11px}
.ref-list-dialog{width:min(1140px,94vw);max-width:94vw;max-height:88vh;overflow:hidden;padding:24px;border:1px solid #9c674c;background:linear-gradient(135deg,#241319,#100b0e);color:#e6d8c5;box-shadow:0 22px 80px #000b;border-radius:7px}.ref-list-dialog::backdrop{background:#070407c9;backdrop-filter:blur(6px)}.ref-list-head{display:flex;justify-content:space-between;align-items:center}.ref-list-head h2{font:28px Georgia;margin:9px 0 18px}.ref-list-head>button{background:none;border:1px solid #714b40;font-size:24px;color:#dfc9ac;width:34px;height:34px;cursor:pointer}.ref-list-head .eyebrow{font-size:9px}.ref-list-filters{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-bottom:18px}.ref-list-scroll{max-height:calc(88vh - 235px);overflow:auto;overscroll-behavior:contain;padding-right:6px}.ref-guide-chain h3{color:#dbb478;font:18px Georgia;margin:17px 0 12px}.ref-guide-chain>div{display:flex;gap:7px;align-items:stretch;overflow-x:auto;padding-bottom:12px}.ref-guide-chain button{position:relative;flex:1;min-width:120px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;border:1px solid #704a3d;background:#1b1417;padding:13px 8px;color:#f0dfca;cursor:pointer;transition:background .2s,transform .2s}.ref-guide-chain button:hover,.ref-guide-chain button:focus-visible{background:#47222b;border-color:#d39b60;transform:translateY(-3px)}.ref-guide-chain button>small{align-self:flex-start;color:#caa168;font:11px Arial}.ref-guide-chain button>img{height:86px;max-width:64px;object-fit:contain;margin:7px 0 12px}.ref-guide-chain button>b{text-align:center;font:600 12px/1.4 Arial;min-height:34px}.ref-guide-chain button>span{margin-top:12px;font:10px Arial;color:#bda180}.ref-guide-chain i{align-self:center;color:#c18e54;font-style:normal}.ref-list-note{font:11px/1.6 Arial;color:#b89e91;margin:15px 0 0}.ref-item:focus-visible,.ref-chain-tabs button:focus-visible,.ref-classes button:focus-visible{outline:2px solid #e7c18a;outline-offset:2px}
.npc model-viewer.npc-original-model{width:100%;height:300px;pointer-events:none;background:transparent}.bio-workbench model-viewer.npc-original-model{width:160px;height:285px;flex-shrink:0;pointer-events:none}.npc.depth-surface:has(.npc-original-model){transform:none!important}
@keyframes ref-result-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){.ref-inventories{transform:scale(.88);transform-origin:top right;right:9px;top:10%}.ref-npc-target>span{font-size:11px}.ref-stage{min-height:470px}.ref-success{left:23%;font-size:12px}}
@media(max-width:700px){.ref-toolbar{align-items:flex-start;flex-direction:column;gap:10px}.ref-classes button{padding:9px 11px}.ref-stage{aspect-ratio:auto;min-height:0;padding-bottom:410px;overflow:visible;background:#151111}.ref-stage canvas{height:auto;aspect-ratio:16/10}.ref-inventories{top:auto;bottom:12px;left:50%;right:auto;transform:translateX(-50%);grid-template-columns:165px 160px}.ref-scene-brand{top:12px;bottom:auto;font-size:10px}.ref-scene-brand span{display:none}.ref-success{left:8px;top:55px;max-width:160px;padding:8px}.ref-success b{font-size:12px}.ref-npc-target>span{font-size:9px;top:-17px}.ref-npc-target small{font-size:8px;top:-4px}.ref-bottom{align-items:flex-start;flex-direction:column;gap:5px}.ref-list-dialog{padding:14px}.ref-list-head h2{font-size:23px}.ref-list-filters button{font-size:11px;padding:8px}.ref-tooltip{width:210px;font-size:11px}.ref-current-chain>button{min-width:95px}.ref-current-chain img{height:56px}.ref-current-chain>button{grid-template-rows:56px auto}}
@media(prefers-reduced-motion:reduce){.refinement-section *,.ref-list-dialog *{animation:none!important;transition:none!important}}
.ref-material-image{display:block;width:30px;height:30px;background-repeat:no-repeat;flex-shrink:0;pointer-events:none}.ref-confirm li .ref-material-image{transform:scale(.85);margin:-2px}.ref-goods-target{left:18%;top:53%;width:10%;height:34%}.ref-seon-target{left:43%;top:52%;width:10%;height:36%}.ref-grid>.ref-item{overflow:hidden}.ref-list-detail{display:flex;align-items:center;gap:18px;padding:15px;margin:14px 0;background:#160d10;border:1px solid #704639}.ref-list-detail model-viewer{width:180px;height:200px;flex-shrink:0}.ref-list-detail>img{width:80px;height:140px;object-fit:contain}.ref-list-detail h3{font:20px Georgia;color:#efd2a4}.ref-list-detail p{font-size:12px;color:#c2aaa0}.ref-list-detail button{font-size:12px}.ref-inspect{display:block;width:100%;text-align:right;font:11px Arial;color:#c4a079;background:none;border:0;cursor:pointer;margin-bottom:5px}

.ref-confirm li .ref-material-image{flex:0 0 30px}
@media(max-width:700px){.ref-inventories{width:min(333px,calc(100% - 12px));grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.ref-list-detail{flex-direction:column;text-align:center}.ref-list-detail model-viewer{width:100%;height:190px}.ref-window h3{font-size:10px}}

.npc model-viewer.npc-original-model{height:220px;margin:0}@media(max-width:700px){.npc model-viewer.npc-original-model{height:164px}.bio-workbench model-viewer.npc-original-model{height:200px;justify-self:center}}