*{box-sizing:border-box}body{background:#20201d;color:#222;font-family:Verdana,Arial,sans-serif;margin:0;padding:24px}button,input,select{font:inherit}.layout{max-width:1300px;margin:auto;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:minmax(400px,auto) auto;gap:12px}.window{background:#c6c6c6;border:4px solid;border-color:#fff #555 #555 #fff;box-shadow:3px 3px 0 #000;padding:20px;min-width:0}.heading{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:18px}.heading span{font-size:11px;color:#555;font-weight:bold}h1,h2,h3{margin:0;font-weight:normal;text-shadow:1px 1px #eee}h1,h2{font-size:25px}h3{font-size:18px;margin:22px 0 10px}.filter-row{display:flex;gap:8px;margin-bottom:14px}.filter-row label{display:flex;align-items:center;gap:8px;flex:1}input,select{background:#fff;color:#222;border:2px solid;border-color:#555 #fff #fff #555;min-width:0;padding:7px}input{width:100%}.slots{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:0}.catalog{max-height:390px;overflow:auto;align-content:start;padding:2px;background:#8b8b8b;border:2px solid;border-color:#555 #fff #fff #555}.slot{aspect-ratio:1;min-width:0;background:#8b8b8b;border:3px solid;border-color:#555 #eee #eee #555;position:relative;padding:4px;cursor:pointer}.slot:hover,.slot:focus-visible{background:#b0b0b0;outline:2px solid #fff;z-index:1}.slot img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.quantity{position:absolute;right:3px;bottom:1px;color:white;font-weight:bold;font-size:16px;text-shadow:2px 2px #333}.empty-slot{cursor:default}.empty-slot:hover{background:#8b8b8b;outline:none}.bottom-note{display:flex;justify-content:space-between;font-size:11px;color:#555;margin-top:12px}.vessel{display:flex;flex-direction:column}.mc-button{background:#999;color:white;text-shadow:2px 2px #444;border:3px solid;border-color:#eee #555 #555 #eee;padding:6px 20px;cursor:pointer}.mc-button:hover{background:#aaa}.vessel-slots{width:min(100%,280px);grid-template-columns:repeat(4,1fr);margin:auto}.note{text-align:center;line-height:1.6;color:#555;font-size:12px;margin:18px 0 0}.intro p{line-height:1.7;font-size:14px;max-width:460px}.legend{border-top:2px solid #999;padding-top:16px;font-size:11px;color:#555}.legend span{color:#5e8446;margin-right:5px}.legend span:nth-child(2){color:#b78346;margin-left:14px}.details{min-height:300px}.composition{font-size:14px;min-height:54px}.metal-row{display:flex;justify-content:space-between;padding:4px 0;gap:12px}.metal-row strong{display:inline-block;min-width:65px;text-align:right}.muted{color:#777}.divider{border-top:2px solid #888;border-bottom:2px solid #eee;margin:14px 0}.result-line{font-size:18px;margin:15px 0}.good{color:#258022}.bad{color:#a82d24}.loss{background:#b5b5b5;border:2px solid;border-color:#888 #eee #eee #888;padding:10px;font-size:12px;line-height:1.5}.loss small{color:#555}.warning{color:#8a241b}.recipe{font-size:12px;line-height:1.6;margin:5px 0}.recipe b{color:#2222a8}footer{max-width:1300px;margin:16px auto;color:#aaa;font-size:11px}footer a{color:#c4d7a0}@media(max-width:800px){body{padding:12px}.layout{grid-template-columns:1fr;grid-template-rows:auto}.inventory{order:1}.vessel{order:2;min-height:280px}.details{order:3}.intro{order:4}.catalog{max-height:320px}}@media(max-width:480px){.window{padding:12px}.slots{grid-template-columns:repeat(6,minmax(0,1fr))}.vessel-slots{grid-template-columns:repeat(4,1fr)}.filter-row{flex-wrap:wrap}.filter-row label{flex-basis:100%}h1,h2{font-size:21px}}
@font-face{font-family:Minecraft;src:url('assets/minecraft-bitmap.ttf') format('truetype');font-display:swap}body{font-family:Minecraft,monospace;font-size:16px}.heading-actions{display:flex;align-items:center;gap:12px}.heading-actions .mc-button{font-size:13px;white-space:nowrap;padding:6px 10px}.vessel-slots,.slots.vessel-slots{width:min(100%,180px);grid-template-columns:repeat(2,minmax(0,1fr));max-height:180px;overflow-y:auto}.tooltip{position:fixed;z-index:100;pointer-events:none;background:#100010ee;color:#fff;border:2px solid #2d0a56;outline:2px solid #100010;padding:7px 9px;box-shadow:inset 1px 1px #501e8e,inset -1px -1px #26045c;text-shadow:2px 2px #3f3f3f;font-size:16px;line-height:1.35;white-space:nowrap}.tooltip[hidden]{display:none}.tip-detail{color:#aaa;text-shadow:2px 2px #2a2a2a}
html[data-theme=dark] body{background:#101111;color:#ececec}html[data-theme=dark] .window{background:#303030;border-color:#666 #151515 #151515 #666}html[data-theme=dark] .heading span,html[data-theme=dark] .note,html[data-theme=dark] .bottom-note,html[data-theme=dark] .legend,html[data-theme=dark] .loss small{color:#c3c3c3}html[data-theme=dark] h1,html[data-theme=dark] h2,html[data-theme=dark] h3{text-shadow:2px 2px #111}html[data-theme=dark] input,html[data-theme=dark] select{background:#171717;color:#eee;border-color:#111 #777 #777 #111}html[data-theme=dark] .catalog,html[data-theme=dark] .slot{background:#515151}html[data-theme=dark] .slot{border-color:#242424 #888 #888 #242424}html[data-theme=dark] .slot:hover,html[data-theme=dark] .slot:focus-visible{background:#777}html[data-theme=dark] .empty-slot:hover{background:#515151}html[data-theme=dark] .loss{background:#444;border-color:#222 #666 #666 #222}html[data-theme=dark] .good{color:#80dd75}html[data-theme=dark] .bad,html[data-theme=dark] .warning{color:#ff9690}html[data-theme=dark] .recipe b{color:#a8adff}html[data-theme=dark] .muted{color:#bbb}html[data-theme=dark] .mc-button{background:#555}html[data-theme=dark] .mc-button:hover{background:#777}@media(max-width:480px){.heading-actions{flex-direction:column;align-items:flex-end;gap:4px}.vessel-slots,.slots.vessel-slots{grid-template-columns:repeat(2,minmax(0,1fr))}}
.theme-label{display:flex;align-items:center;gap:6px;font-size:12px;white-space:nowrap}.theme-label select{font-size:13px;padding:4px}
.slot-metal,.slot-symbol{position:absolute;left:3px;color:#fff;text-shadow:1px 1px 1px #000;z-index:1;pointer-events:none}.slot-metal{top:2px;font-size:clamp(7px,.7vw,10px);line-height:1;max-width:calc(100% - 5px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slot-symbol{bottom:1px;font-size:clamp(9px,1vw,13px)}.planner{grid-column:1/-1}.planner p{font-size:13px}.planner-controls{display:flex;align-items:end;flex-wrap:wrap;gap:12px}.planner-controls label{display:grid;gap:5px;font-size:13px}.planner-controls select,.planner-controls input{min-width:160px}.planner-result{display:flex;gap:12px;align-items:center;border-top:2px solid #888;padding:10px 0;font-size:13px}.planner-result p{flex:1;margin:0;line-height:1.5}.planner-result .mc-button{white-space:nowrap}.heading-actions{flex-wrap:wrap;justify-content:flex-end}@media(max-width:800px){.planner{order:5}}@media(max-width:480px){.slot-metal{font-size:8px}.planner-result{align-items:start;flex-direction:column}.planner-controls label{width:100%}}
.mode-nav{max-width:1300px;margin:0 auto 12px;display:flex;gap:6px}.mode-nav button[aria-pressed=true]{background:#687a50}body[data-mode=mix] .planner{display:none}body[data-mode=plan] .layout>section:not(.planner){display:none}body[data-mode=plan] .layout{display:block}.slot-metal{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1;overflow-wrap:anywhere}
.mode-nav{align-items:center;flex-wrap:wrap;color:#eee}.mode-nav .heading-actions{margin-left:auto;font-size:12px}.mode-nav .heading-actions>span{color:#bbb}@media(max-width:600px){.mode-nav .heading-actions{width:100%;margin:0;justify-content:flex-start;flex-direction:row;align-items:center}}
#plan-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:12px;align-items:start}.planner-result{display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:10px;background:#b2b2b2;border:2px solid;border-color:#888 #eee #eee #888}.planner-slots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.planner-result .slot-metal{font-size:9px}.planner-result .slot-symbol{font-size:12px}.planner-result .mc-button{width:100%;font-size:13px}.planner-result .slot{width:100%}#plan-sentinel{height:1px}html[data-theme=dark] .planner-result{background:#444;border-color:#222 #666 #666 #222}@media(max-width:480px){#plan-results{grid-template-columns:1fr}.planner-result{align-items:stretch}}
.slot-symbol{font-size:clamp(7px,.7vw,10px);line-height:1;max-width:calc(100% - 4px);white-space:normal;overflow-wrap:normal;background:#222a;padding:1px 2px}.slot:has(.quantity) .slot-symbol{max-width:calc(100% - 21px)}.planner-result .slot-symbol{font-size:9px}.tooltip{white-space:normal;max-width:min(340px,90vw)}
.slot-symbol,.planner-result .slot-symbol{font-size:7px;letter-spacing:-.02em;overflow-wrap:anywhere}
.plan-types{display:flex;flex-wrap:wrap;gap:8px 16px;margin:18px 0 10px;padding:10px 12px;border:2px solid;border-color:#888 #eee #eee #888}.plan-types legend{padding:0 5px;font-size:13px}.plan-types label{display:inline-flex;align-items:center;gap:5px;font-size:12px;cursor:pointer}.plan-types input[type=checkbox]{width:auto;min-width:0;margin:0;accent-color:#58753f}html[data-theme=dark] .plan-types{border-color:#1b1b1b #777 #777 #1b1b1b}#plan-results{display:block;columns:260px;column-gap:12px}.planner-result{break-inside:avoid;page-break-inside:avoid;margin:0 0 12px;display:inline-flex;width:100%;vertical-align:top}.planner-slots{width:100%}@media(max-width:480px){#plan-results{columns:1}}
#plan-results{columns:auto;display:block}.plan-group{margin:24px 0}.plan-group h3{margin:0 0 10px;font-size:15px}.plan-group-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,var(--card-width)),1fr));gap:12px;align-items:start}.planner-result{display:flex;width:100%;margin:0;min-width:0}.planner-slot-scroll{overflow-x:auto;max-width:100%}.planner-slots{width:max(100%,var(--row-width));grid-template-columns:repeat(var(--slots),minmax(52px,1fr))}@media(max-width:480px){.plan-group-grid{grid-template-columns:1fr}}
.vessel-slots,.slots.vessel-slots{max-height:none;overflow:visible}.planner-mode{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 8px}.planner-mode button[aria-pressed=true]{background:#687a50}.chest-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.7fr);gap:16px}.chest-catalog{margin-top:8px;max-height:300px}.chest-contents .heading{margin-bottom:8px}.chest-contents h3{margin:0}.chest-row{display:flex;align-items:center;gap:8px;border-bottom:1px solid #888;padding:6px 0;font-size:12px}.chest-row>span{flex:1;min-width:0}.chest-row input{width:76px}.chest-remove{padding:3px 8px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@media(max-width:800px){.chest-layout{grid-template-columns:1fr}}
.plan-types[hidden]{display:none}
.chest-layout{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.chest-pane .heading{height:36px;margin-bottom:8px}.chest-pane h3{margin:0}.chest-search{display:flex;align-items:center;gap:8px;margin-bottom:8px}.chest-catalog{margin-top:0}.chest-inventory{max-height:390px}.chest-selected{outline:2px solid #fff;outline-offset:-2px}.chest-quantity{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px;font-size:12px}.chest-quantity label{white-space:nowrap}.chest-quantity input{width:80px}.chest-quantity>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:800px){.chest-layout{grid-template-columns:1fr}}
.planner-controls button[aria-pressed=true]{background:#687a50}.planner-result .plan-extra{margin:0;color:#343434;font-size:11px;line-height:1.3}html[data-theme=dark] .planner-result .plan-extra{color:#ddd}