.ref-workspace{display:grid;grid-template-columns:minmax(0,1fr) 238px;gap:18px;position:relative;align-items:start}.ref-view{min-width:0}.ref-workspace .ref-stage{aspect-ratio:4/3;min-height:0;overflow:hidden;padding:0}.ref-workspace .ref-stage canvas{height:100%;aspect-ratio:auto}.ref-workspace .ref-inventories{position:static;display:block;width:auto;transform:none;min-width:0}.ref-workspace .ref-bag-window{padding:6px;border:3px ridge #625656;border-radius:7px;background:linear-gradient(135deg,#292426,#100d0f 45%,#241a1e)}
.ref-workspace .ref-equipment{height:212px;position:relative;display:block;background:radial-gradient(ellipse,#55434733,#171315 75%);border:1px solid #4b393d;margin:6px 0 0}.ref-workspace .ref-equipment img{width:auto;height:auto;max-width:100%;max-height:100%}.ref-workspace .ref-bag{grid-auto-rows:38px;gap:2px;border:0;padding:0;background:transparent}.ref-workspace .ref-bag .ref-empty,.ref-workspace .ref-bag .ref-item{border:1px solid #6e5648;border-radius:3px;clip-path:none;background:radial-gradient(ellipse,#282323,#0e0d0e);box-shadow:inset 0 0 0 2px #211b1e}.ref-workspace .ref-bag .ref-item{padding:3px}.ref-supply{z-index:1;min-width:0;min-height:0}.ref-supply>.catalog-slot{width:100%;height:100%;min-height:0}.ref-workspace .ref-gold{justify-content:flex-end;font-size:10px;margin:9px 2px 3px;gap:4px}.ref-workspace .ref-material-window{margin-top:12px;padding:7px 9px}.ref-workspace .ref-material-window h3{background:none;border:0;box-shadow:none;text-align:left;font:12px Georgia;color:#d5bd92;margin:0 0 7px}.ref-workspace .ref-materials{grid-auto-rows:42px;gap:5px;border:0;background:none;padding:0}.ref-workspace .ref-materials .ref-empty{border-radius:3px;clip-path:none}.ref-workspace .ref-window-note{text-align:left;margin:6px 0 0;color:#9d8d7f}
.ref-workspace .ref-confirm{position:static;width:100%;margin-top:12px;padding:12px 16px}.ref-workspace .ref-result{margin:10px 4px}.ref-workspace .ref-result img{height:55px}.ref-workspace .ref-confirm ul{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.ref-workspace .ref-cost{margin:11px 0}.ref-workspace .ref-assured{margin:7px}.ref-workspace .ref-scene-brand{bottom:12px;top:auto}.ref-workspace .ref-scene-brand span{display:block}.ref-workspace .ref-npc-target>span{font-size:11px}
.ref-success{position:fixed;z-index:31000;left:50%;top:50%;transform:translate(-50%,-50%);width:min(90vw,650px);max-width:none;padding:22px;text-align:center;pointer-events:none;border:0;border-radius:0;background:radial-gradient(ellipse,#150b08a6,transparent 70%);box-shadow:none;animation:ref-success-screen .3s ease-out}.ref-success span{font:700 clamp(20px,3vw,34px) Georgia;color:#ffdc78;letter-spacing:1px;text-shadow:0 2px 2px #000,0 0 14px #a55206;margin:0 0 9px}.ref-success b{font:600 17px Georgia;color:#fff3c7;text-shadow:0 2px 3px #000}.ref-success[hidden]{display:none}@keyframes ref-success-screen{from{opacity:0;transform:translate(-50%,-50%) scale(.92)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
.ref-toolbar{flex-wrap:wrap}.ref-toolbar [data-ref-teach]{padding:8px 0;color:#e1bc7f;font-size:12px}.ref-teach-hint{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;margin:0 0 12px;padding:10px 12px;border:1px solid #af8748;background:#372916;color:#eacf9e;font:12px/1.5 Arial}.ref-teach-hint b{color:#ffe6a6}.ref-teach-hint button{margin-left:auto;background:none;border:0;color:#f0d2a4;font-size:21px;line-height:1}.ref-teach-hint[hidden],.ref-tutorial[hidden]{display:none}.ref-tutorial{position:absolute;inset:0;pointer-events:none;z-index:12;overflow:visible}.ref-tutorial svg{width:100%;height:100%;overflow:visible;position:absolute;inset:0}.ref-tutorial path{fill:none;stroke:#ffe5a0;stroke-width:2;stroke-dasharray:7 6;filter:drop-shadow(0 1px 3px #000)}.ref-teach-ghost{position:absolute;width:42px;height:84px;transform:translate(-50%,-50%);opacity:.65;filter:drop-shadow(0 0 9px #ffd678)}.ref-teach-ghost img{width:100%;height:100%;object-fit:contain}.ref-teach-ghost>span{position:absolute;left:20px;top:40px;color:white;font:35px Arial;text-shadow:0 2px 4px #000}.ref-busy .ref-teach-ghost{display:none}
@media(max-width:900px){.ref-workspace{grid-template-columns:minmax(0,1fr) 218px;gap:12px}.ref-workspace .ref-stage{aspect-ratio:1/1.15}.ref-workspace .ref-confirm ul{grid-template-columns:1fr}.ref-workspace .ref-bag{grid-auto-rows:35px}.ref-workspace .ref-scene-brand span{display:none}}
@media(max-width:700px){.ref-workspace{grid-template-columns:minmax(0,1fr)}.ref-workspace .ref-stage{aspect-ratio:4/3}.ref-workspace .ref-inventories{width:238px;max-width:100%;justify-self:center}.ref-workspace .ref-confirm ul{grid-template-columns:1fr 1fr}.ref-workspace .ref-equipment{height:212px}.ref-workspace .ref-equipment .catalog-slot{width:34px;height:34px}.ref-workspace .ref-equipment .slot-armour,.ref-workspace .ref-equipment .slot-weapon{height:68px}.ref-workspace .ref-bag{grid-auto-rows:38px}.ref-workspace .ref-npc-target>span{font-size:10px}.ref-workspace .ref-scene-brand{font-size:9px}.ref-success span{font-size:23px}.ref-teach-hint{font-size:11px;gap:4px 12px}}
@media(prefers-reduced-motion:reduce){.ref-success{animation:none}.ref-teach-ghost{filter:none}}