/* Both inventories belong to the full-size game scene. */
.ref-workspace{display:block}.ref-workspace .ref-stage{width:100%;aspect-ratio:16/10;min-height:620px;position:relative}.ref-workspace .ref-inventories{position:absolute;display:grid;grid-template-columns:178px 200px;gap:10px;align-items:start;width:388px;right:14px;left:auto;top:54px;bottom:auto;transform:none;z-index:4}.ref-workspace .ref-material-window{margin:0;padding:6px;border:3px ridge #625656;border-radius:7px;background:linear-gradient(135deg,#292426,#100d0f 45%,#241a1e)}.ref-workspace .ref-material-window h3{min-height:28px;padding:5px 2px;margin:0 0 8px;background:linear-gradient(#74362d,#321b19);border:1px ridge #a08b6b;box-shadow:inset 0 0 6px #000;text-align:center;font:11px Georgia;color:#e2d4d6}.ref-workspace .ref-materials{grid-auto-rows:32px;gap:2px}.ref-workspace .ref-materials .ref-empty{border:1px solid #6e5648;background:radial-gradient(ellipse,#282323,#0e0d0e);box-shadow:inset 0 0 0 2px #211b1e}.ref-workspace .ref-bag{grid-auto-rows:35px}.ref-workspace .ref-window-note{text-align:center;margin:9px 0 3px}.ref-workspace .ref-confirm{position:absolute;left:12px;right:auto;top:54px;bottom:auto;width:246px;max-height:calc(100% - 76px);overflow:auto;margin:0;padding:10px 12px;z-index:6}.ref-workspace .ref-confirm ul{grid-template-columns:1fr}.ref-workspace .ref-result{gap:9px}.ref-workspace .ref-result h4{font-size:15px}.ref-workspace .ref-result small{font-size:9px}.ref-workspace .ref-confirm-actions{gap:5px}.ref-workspace .ref-confirm-actions .button{font-size:10px;padding:9px}.ref-kept-note{color:#abd67a;font:11px/1.5 Arial;text-align:center;margin:9px 0}.ref-workspace .ref-scene-loading{z-index:3;pointer-events:none}
.ref-seller-guide{position:absolute;left:29%;top:22%;transform:translateX(-50%);z-index:5;background:#21170de8;border:1px solid #d5a64c;border-radius:4px;padding:8px 12px;font:700 12px Georgia;color:#ffe6a4;white-space:nowrap;text-shadow:0 1px 3px #000;box-shadow:0 0 15px #0006}.ref-seller-guide span{display:block;font:700 28px/1 Arial;color:#ffeaa9;animation:ref-guide-arrow 1.2s ease-in-out infinite;margin-bottom:-3px}.ref-seller-guide:hover,.ref-seller-guide:focus-visible{background:#5e3720;border-color:#ffe4a0}.ref-tutorial{z-index:5}.ref-teach-ghost[hidden]{display:none}.ref-teach-hint{border-color:#856943}.ref-bonuses{margin:10px 0 0;text-align:left}.ref-bonuses>div{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #514139;padding:5px 0;color:#9dd078;font:11px/1.4 Arial}.ref-bonuses dt{font-weight:400}.ref-bonuses dd{margin:0;white-space:nowrap}.ref-list-detail .ref-bonuses{min-width:240px}.ref-tooltip{width:270px}.ref-stage:has(.ref-confirm:not([hidden])) .ref-tutorial path{opacity:.3}@keyframes ref-guide-arrow{50%{transform:translateY(5px)}}
@media(min-width:701px) and (max-width:1000px){.ref-workspace .ref-inventories{transform:scale(.72);transform-origin:top right;right:10px}.ref-workspace .ref-confirm{width:220px;font-size:11px}.ref-workspace .ref-stage{aspect-ratio:4/3;min-height:600px}}
@media(max-width:700px){.ref-workspace .ref-stage{aspect-ratio:auto;height:1000px;min-height:1000px}.ref-workspace .ref-stage canvas{height:100%}.ref-workspace .ref-inventories{width:388px;top:auto;bottom:12px;left:50%;right:auto;transform:translateX(-50%) scale(.78);transform-origin:bottom center;grid-template-columns:178px 200px;gap:10px}.ref-workspace .ref-confirm{top:14px;left:10px;width:min(246px,calc(100% - 20px));max-height:410px}.ref-workspace .ref-material-window h3{font-size:11px}.ref-workspace .ref-confirm ul{grid-template-columns:1fr}.ref-workspace .ref-scene-brand{top:12px;bottom:auto}.ref-seller-guide{font-size:10px;padding:6px 9px}.ref-list-detail .ref-bonuses{min-width:0}.ref-tooltip{width:250px}.ref-workspace .ref-npc-target>span{font-size:10px}}
@media(prefers-reduced-motion:reduce){.ref-seller-guide span{animation:none}}