*{box-sizing:border-box}body{margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#0d1117;color:#c9d1d9;font-size:14px}.app{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:12px}.panel{background:#161b22;border:1px solid #30363d;border-radius:8px;padding:12px}.panel h3{margin:0 0 10px;font-size:13px;color:#58a6ff;text-transform:uppercase;letter-spacing:.05em}.panel-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.panel-title-row h3{margin-bottom:0}.statusbar{grid-column:1 / -1;display:flex;gap:20px;align-items:center;flex-wrap:wrap}.skill-levels{display:inline-flex;align-items:center;gap:4px;flex-wrap:wrap}.skill-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;border:1px solid #30363d;border-radius:4px;background:#0d1117;font-size:11px;line-height:1.25;white-space:nowrap}.vitals{font-size:15px;font-weight:700}.vitals .hp{color:#f85149}.vitals .shield{color:#58a6ff}.badge{padding:2px 8px;border-radius:4px;background:#21262d}.badge.on{background:#238636;color:#fff}.badge.off{background:#da3633;color:#fff}button{background:#21262d;color:#c9d1d9;border:1px solid #30363d;border-radius:6px;padding:6px 12px;cursor:pointer;font-family:inherit}button:hover{background:#30363d}button.primary{background:#238636;border-color:#2ea043;color:#fff}button.danger{background:#da3633;border-color:#f85149;color:#fff}input,select{background:#0d1117;color:#c9d1d9;border:1px solid #30363d;border-radius:6px;padding:6px;font-family:inherit}.grid{display:grid;grid-template-columns:repeat(8,1fr);gap:4px}.hotbar-grid{grid-template-columns:repeat(6,minmax(0,1fr));max-width:396px;margin-bottom:8px}.mount-grid{grid-template-columns:repeat(5,minmax(0,1fr));max-width:520px;margin-bottom:8px}.inventory-grid{grid-template-columns:repeat(10,minmax(0,1fr))}.equipment-row{display:flex;align-items:flex-start;gap:12px;overflow-x:auto;margin-bottom:8px;padding-bottom:2px}.equipment-group{flex:0 0 auto;min-width:82px}.equipment-group .section-label{margin-top:0;white-space:nowrap}.equipment-grid{grid-template-columns:repeat(var(--equipment-cols, 1),72px);gap:4px}.armor-grid{--equipment-cols: 4}.variable-equipment-grid{display:flex;align-items:stretch;gap:4px}.variable-equipment-grid .slot{width:72px;flex:0 0 72px}.slot{aspect-ratio:1.12;background:#0d1117;border:1px solid #30363d;border-radius:4px;display:flex;flex-direction:column;align-items:stretch;justify-content:center;font-size:9px;padding:3px;text-align:center;overflow:hidden;position:relative;min-width:0}.slot:hover{border-color:#58a6ff}.slot .n{color:#7ee787;font-weight:700;font-size:12px}.slot.empty{opacity:.3;cursor:default}.slot.compact{aspect-ratio:1.25}.hotbar-grid .slot.compact{aspect-ratio:1.18}.slot-index{position:absolute;top:2px;left:3px;color:#6e7681;font-size:8px}.slot-name{display:block;color:#d6dee7;font-weight:700;line-height:1.05;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;padding:0 1px}.hotbar-grid .slot-name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.1;white-space:normal}.slot-detail{color:#8b949e;font-size:8px;line-height:1.05;white-space:nowrap}.slot-detail.equipped{color:#7ee787;font-weight:700}.slot-icon{width:28px;height:28px;object-fit:contain;align-self:center;image-rendering:auto;margin-bottom:1px}.slot-empty{color:#6e7681;font-size:8px}.slot-actions{display:grid;grid-template-columns:1fr;gap:1px;margin-top:2px}.slot-actions:has(.mini-btn+.mini-btn){grid-template-columns:1fr 1fr}.mini-btn{padding:1px 2px;min-width:0;font-size:8px;line-height:1.05;border-radius:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.refresh-btn{padding:7px 14px;min-height:34px;font-size:12px;font-weight:700}.server-panel{display:flex;flex-direction:column;gap:7px}.server-panel-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.server-panel-head h3{margin:0}.server-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.server-actions button{white-space:nowrap}.server-picker-row{display:grid;grid-template-columns:auto minmax(260px,1fr);gap:7px;align-items:center}.server-picker-row label{color:#d6dee7;font-size:12px;white-space:nowrap}.server-picker-row select{width:100%;min-width:0}.display-name-gate{display:grid;grid-template-columns:auto minmax(190px,260px) auto minmax(170px,1fr);gap:6px;align-items:center;padding:7px;background:#0d1117;border:1px solid #30363d;border-radius:6px;font-size:12px}.display-name-gate label{color:#d6dee7;white-space:nowrap}.display-name-gate input{width:100%}.display-name-gate .name-ok{color:#7ee787}.server-selected-meta{display:flex;align-items:center;flex-wrap:wrap;gap:4px 10px;min-height:20px;color:#8b949e;font-size:11px}.server-selected-meta strong{color:#d6dee7}.server-selected-meta span{padding-left:10px;border-left:1px solid #30363d}.server-message{font-size:12px}.section-label{margin:8px 0 3px}.row{display:flex;gap:8px;align-items:center;margin-bottom:8px;flex-wrap:wrap}.potion-batch-row{gap:6px;align-items:stretch}.potion-check{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:4px 8px;background:#0d1117;border:1px solid #30363d;border-radius:6px;color:#d6dee7;font-size:12px}.potion-check.off{opacity:.7}.potion-check input{margin:0}.potion-check .muted{font-size:11px}.res-list{display:grid;grid-template-columns:repeat(2,1fr);gap:4px}.res-item{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:2px 6px;background:#0d1117;border-radius:4px}.res-item .n{font-size:15px}.empty-note{padding:8px;background:#0d1117;border:1px solid #30363d;border-radius:6px;color:#8b949e;margin-bottom:8px}.tool-panel{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}.tool-panel-head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.tool-panel-head b{color:#d6dee7;font-size:12px}.tool-panel-head>span,.tool-panel-head .muted{font-size:11px}.tool-grid{display:grid;gap:6px}.tool-claim-row{display:flex;flex-wrap:wrap;gap:6px}.tool-claim-btn{min-height:28px;white-space:nowrap}.tool-claim-btn.owned{color:#7ee787;opacity:.75}.tool-claim-btn.banked{color:#d2a8ff}.smithing-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tool-card{min-width:0;padding:6px;background:#0d1117;border:1px solid #30363d;border-radius:6px}.tool-card.active{border-color:#58a6ff}.tool-card-main,.smithing-title{display:flex;flex-direction:column;gap:3px;min-width:0}.tool-card-side{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px;margin-top:6px;font-size:10px}.tool-card-side .muted{grid-column:1 / -1;font-size:10px}.tool-owned{color:#8b949e;white-space:nowrap}.tool-owned.ok{color:#7ee787}.smithing-head{margin-top:2px}.smithing-active{display:inline-flex;align-items:center;gap:6px;color:#f0d83e;font-size:11px;white-space:nowrap}.smithing-summary{display:flex;align-items:center;justify-content:space-between;gap:6px;min-width:0;margin:6px 0}.smithing-summary .tool-owned{min-width:0;overflow:hidden;text-overflow:ellipsis}.smithing-req-toggle{flex:0 0 auto;min-width:42px}.smithing-expand-btn{min-height:34px;min-width:132px;padding:7px 12px;font-size:12px;font-weight:700}.tool-reqs{display:grid;gap:4px;margin:0 0 6px}.tool-req{display:flex;align-items:center;justify-content:space-between;gap:5px;min-width:0;padding:3px 4px;border:1px solid #30363d;border-radius:4px;background:#161b22}.tool-req.ok{border-color:#2ea043a6}.tool-req.missing{border-color:#f85149a6}.tool-req .item-badge{min-width:0}.tool-req .muted{flex:0 0 auto;font-size:9px}.tool-card-footer{display:flex;align-items:center;justify-content:space-between;gap:6px;min-width:0}.tool-card-footer .muted{font-size:10px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-badge{display:inline-flex;align-items:center;gap:5px;min-width:0;color:#d6dee7}.item-badge img,.item-fallback{width:22px;height:22px;flex:0 0 auto;object-fit:contain}.item-fallback{display:inline-flex;align-items:center;justify-content:center;border:1px solid #30363d;border-radius:4px;color:#8b949e;font-size:8px;background:#161b22}.item-badge-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.market-panel{display:flex;flex-direction:column;gap:10px}.market-tabs{display:inline-flex;gap:4px;flex-wrap:wrap}.market-tabs button{padding:4px 8px;font-size:11px}.market-floor-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.market-floor{display:flex;align-items:center;justify-content:space-between;gap:6px;min-width:0;padding:5px 6px;text-align:left;background:#0d1117;border-radius:4px}.market-floor .item-badge{min-width:0}.market-floor-price{flex:0 0 auto;color:#7ee787;font-size:11px;white-space:nowrap}.market-controls input[type=number]{width:96px}.market-controls input:first-child{min-width:120px;flex:1 1 160px}.market-controls .market-item-input,.market-controls .market-source-select{flex:1 1 240px;min-width:190px}.market-controls .market-source-filter{flex:0 1 180px;min-width:130px}.market-controls select{min-width:110px}.market-controls select:first-child{flex:1 1 240px;min-width:190px}.market-list{display:grid;gap:4px;max-height:280px;overflow-y:auto}.market-row{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(104px,.8fr) minmax(70px,.6fr) auto;gap:8px;align-items:center;padding:6px;background:#0d1117;border:1px solid #30363d;border-radius:6px}.market-item-cell{display:flex;align-items:center;gap:6px;min-width:0}.market-durability{flex:0 0 auto;font-size:11px}.market-price-cell{display:flex;flex-direction:column;gap:2px;min-width:0}.market-price-cell b{color:#d6dee7;font-size:12px}.market-seller{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.market-actions{display:flex;justify-content:flex-end;gap:6px;flex-wrap:wrap}.market-actions button{flex:0 0 auto;padding-left:9px;padding-right:9px}.market-summary{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:6px;background:#0d1117;border:1px solid #30363d;border-radius:6px}.market-message{margin-top:2px}.spin-result{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#0d1117;border:1px solid #30363d;border-radius:6px;padding:8px}.quest-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(110px,150px) auto;gap:8px;align-items:center;margin-bottom:6px;padding:6px;background:#0d1117;border:1px solid #30363d;border-radius:6px}.quest-main{display:flex;flex-direction:column;gap:3px;min-width:0}.quest-main .reward{display:inline-flex;align-items:center;gap:4px;font-size:11px}.quest-progress{display:flex;align-items:center;gap:6px}.quest-track{height:7px;flex:1;background:#161b22;border:1px solid #30363d;border-radius:999px;overflow:hidden}.quest-track>div{height:100%;background:#238636}.scroll-panel{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.scroll-picker{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.scroll-picker select{min-width:0;width:100%}.scroll-warning,.scroll-manual-note,.scroll-message{padding:7px 8px;border-radius:6px;border:1px solid #30363d;background:#0d1117;color:#d6dee7;font-size:11px;line-height:1.45}.scroll-warning{color:#e3b341;border-color:#9e6a03}.scroll-message{color:#7ee787}.scroll-message.error{color:#ff7b72;border-color:#da3633}.scroll-sheet{display:flex;flex-direction:column;gap:9px;padding:10px;border:1px solid #6e5a2f;border-radius:7px;background:linear-gradient(155deg,#57431e47,#2e241433)}.scroll-heading,.scroll-target{display:flex;align-items:center;justify-content:space-between;gap:10px}.scroll-heading>div,.scroll-target>div{display:flex;flex-direction:column;gap:3px;min-width:0}.scroll-heading strong{color:#e3b341;font-family:Georgia,serif;font-size:16px}.scroll-heading span,.scroll-target span{color:#8b949e;font-size:11px}.scroll-opening,.scroll-completion{margin:0;color:#cbbf9d;font-family:Georgia,serif;font-style:italic;line-height:1.5}.scroll-completion{color:#7ee787}.scroll-task-list{display:grid;gap:6px}.scroll-task{padding:8px;border:1px solid #30363d;border-radius:6px;background:#0d1117}.scroll-task.active{border-color:#9e6a03}.scroll-task.completed{opacity:.72}.scroll-task.locked{opacity:.48}.scroll-task p{margin:5px 0;line-height:1.4}.scroll-task>strong{display:block;color:#e3b341;font-size:11px}.scroll-task-head{display:flex;justify-content:space-between;gap:8px;font-size:11px;text-transform:uppercase}.scroll-task-head span{color:#79c0ff}.scroll-progress{position:relative;height:20px;margin-top:7px;overflow:hidden;border:1px solid #30363d;border-radius:4px;background:#161b22}.scroll-progress>span{display:block;height:100%;background:#23863694}.scroll-progress>b{position:absolute;top:2px;right:6px;bottom:2px;left:6px;text-align:center;font-size:11px}.scroll-target{padding:8px;border:1px solid #1f6feb;border-radius:6px;background:#1f6feb14}.scroll-actions{display:flex;gap:7px;flex-wrap:wrap}.test-mode-panel{border-color:#6e5a2f}.test-mode-panel.test-mode-active{border-color:#da3633;box-shadow:inset 0 0 0 1px #da363333}.test-mode-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.test-mode-heading h3{margin:0}.test-mode-warning,.test-mode-message{margin:7px 0;padding:7px 8px;border:1px solid #6e5a2f;border-radius:6px;background:#9e6a0314;line-height:1.45}.test-mode-active .test-mode-warning{color:#ffb3ad;border-color:#da3633;background:#da363314}.protocol-test-block{display:grid;gap:7px;margin:9px 0;padding:9px;border:1px solid #30363d;border-radius:6px;background:#0d1117}.protocol-test-block>strong{color:#e3b341}.protocol-test-stats{font-size:11px;overflow-wrap:anywhere}.test-teleport-row select{min-width:220px;flex:1}.test-teleport-row input[type=number]{width:76px}canvas{background:#0d1117;border:1px solid #30363d;border-radius:6px;width:100%}.muted{color:#8b949e}.log{font-size:11px;max-height:120px;overflow-y:auto}.logs-panel{grid-column:1 / -1;padding:10px 12px}.logs-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.logs-header h3{margin:0}.logs-actions{display:flex;align-items:center;gap:8px}.log-window{height:170px;overflow-y:auto;background:#0d1117;border:1px solid #30363d;border-radius:6px;padding:6px;font-size:11px}.log-line{display:grid;grid-template-columns:74px minmax(64px,104px) 1fr;gap:8px;padding:2px 0;border-bottom:1px solid rgba(48,54,61,.55)}.log-line:last-child{border-bottom:0}.log-time{color:#8b949e}.log-scope{color:#79c0ff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.log-msg{overflow-wrap:anywhere}@media (max-width: 900px){.app{grid-template-columns:1fr}.inventory-grid{grid-template-columns:repeat(8,minmax(0,1fr))}.mount-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.equipment-row{gap:10px}.equipment-grid{grid-template-columns:repeat(var(--equipment-cols, 1),64px)}.variable-equipment-grid .slot{width:64px;flex-basis:64px}.smithing-grid{grid-template-columns:1fr}.tool-panel-head{align-items:flex-start;flex-direction:column}.quest-row{grid-template-columns:1fr}.market-floor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.market-row{grid-template-columns:minmax(0,1fr) auto}.market-price-cell,.market-seller{grid-column:1 / 2}.log-line{grid-template-columns:64px minmax(58px,86px) 1fr;gap:6px}.server-panel-head{align-items:flex-start;flex-direction:column}.server-picker-row,.display-name-gate,.scroll-picker{grid-template-columns:1fr}.scroll-heading,.scroll-target{align-items:flex-start;flex-direction:column}}