.chest-panel{width:100%;max-width:740px;margin:0 auto 20px;padding:17px 21px 22px;background:#c6c6c6;border:4px solid #171717;box-shadow:inset 4px 4px #fff,inset -4px -4px #555,0 4px #0005;color:#282828}.chest-panel h2{font-size:16px;margin:0 0 12px;font-weight:400}.chest-grid{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:0}.chest-grid .chest-slot{position:relative;display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1;min-width:0;min-height:0;padding:6px;margin:0;background:#8b8b8b;border:0;border-radius:0;box-shadow:inset 3px 3px #373737,inset -3px -3px #fff;color:#fff;text-shadow:none;transform:none;overflow:visible}.chest-grid button.chest-slot{cursor:pointer}.chest-grid button.chest-slot:hover,.chest-grid button.chest-slot:focus-visible{background:#c2c2c2;color:#fff;box-shadow:inset 3px 3px #373737,inset -3px -3px #fff;outline:0}.chest-grid button.chest-slot:focus-visible:after{content:"";position:absolute;inset:3px;border:2px solid #f4df90;pointer-events:none}.chest-grid button.chest-slot[aria-pressed=true]{background:#b0b49b}.chest-grid button.chest-slot:active{background:#b4b4b4;transform:none}.chest-item{display:block;width:100%;height:100%;max-width:52px;max-height:52px;aspect-ratio:1;image-rendering:pixelated;filter:drop-shadow(2px 2px 0 #3336);pointer-events:none}.chest-item text{font-family:Monocraft,monospace}.item-tooltip{position:absolute;left:0;bottom:calc(100% + 7px);width:max-content;max-width:240px;z-index:20;pointer-events:none;visibility:hidden;background:#100514f5;color:#fff;padding:7px 10px;border:2px solid #32105b;box-shadow:0 0 0 2px #100514;font:12px/1.5 Monocraft,monospace;white-space:nowrap;text-shadow:1px 1px #222}.chest-slot:nth-child(n+7) .item-tooltip{left:auto;right:0}.chest-slot:hover .item-tooltip,.chest-slot:focus-visible .item-tooltip{visibility:visible}.empty-slot{pointer-events:none}.quick-feedback{font:12px/1.5 Monocraft,monospace;border:2px solid #435932;background:#d4e4c5;color:#263b17;padding:10px 12px;margin:13px 0 0;overflow-wrap:anywhere;white-space:pre-wrap}.quick-feedback.error{border-color:#80382c;background:#ead0c8;color:#742219}@media(max-width:600px){.chest-panel{padding:12px 10px 14px;border-width:3px;margin-bottom:16px}.chest-panel h2{font-size:13px;margin-bottom:9px}.chest-grid .chest-slot{padding:3px;box-shadow:inset 2px 2px #373737,inset -2px -2px #fff}.chest-grid button.chest-slot:hover,.chest-grid button.chest-slot:focus-visible{box-shadow:inset 2px 2px #373737,inset -2px -2px #fff}.chest-item{filter:drop-shadow(1px 1px 0 #3336)}.item-tooltip{font-size:10px;max-width:200px;white-space:normal}.quick-feedback{font-size:11px;padding:8px}}
.generated-item{background-image:url('/static/chest-extra-items.png');background-repeat:no-repeat;background-size:400% 200%;pointer-events:none}.extra-0{background-position:0 0}.extra-1{background-position:33.3333% 0}.extra-2{background-position:66.6667% 0}.extra-3{background-position:100% 0}.extra-4{background-position:0 100%}.extra-5{background-position:33.3333% 100%}.extra-6{background-position:66.6667% 100%}.extra-7{background-position:100% 100%}.chest-slot[data-quick="time-toggle"]:before{content:"Ⅱ";position:absolute;right:5px;bottom:5px;z-index:1;background:#263123;color:#e7f0dc;border:1px solid #c5d6b1;font:12px/1 Monocraft,monospace;padding:2px}.chest-slot.clock-paused[data-quick="time-toggle"]:before{content:"▶";color:#a7e77a}.player-picker{max-width:350px;width:calc(100% - 40px);background:#c6c6c6;color:#222;border:4px solid #171717;box-shadow:inset 4px 4px #fff,inset -4px -4px #555;padding:20px}.player-picker::backdrop{background:#0009}.picker-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.picker-heading h3{margin:0;font-size:15px}.picker-heading button{padding:4px 8px;min-height:28px}.player-choices{display:flex;gap:12px}.player-choices button{flex:1}
.rule-item{background-image:url('/static/chest-rule-items.png');background-repeat:no-repeat;background-size:300% 200%;pointer-events:none}.rule-0{background-position:0 0}.rule-1{background-position:50% 0}.rule-2{background-position:100% 0}.rule-3{background-position:0 100%}.rule-4{background-position:50% 100%}.rule-cross{display:none;position:absolute;inset:14%;pointer-events:none;z-index:2}.rule-cross svg{width:100%;height:100%}.rule-off .rule-cross{display:block}.chest-grid button[role=switch][aria-checked=true]{background:#9caa8b}.chest-grid button.rule-off{background:#888}.player-picker select{font-size:12px}

/* Keep long item names inside the tooltip, including narrow screens. */
.chest-slot .item-tooltip{position:fixed;left:12px;right:auto;top:0;bottom:auto;width:max-content;max-width:min(320px,calc(100vw - 24px));box-sizing:border-box;white-space:normal;overflow-wrap:anywhere;text-align:left;z-index:1000;text-shadow:none}

/* Actual server state: enabled/running green, disabled/paused red. */
.chest-grid .chest-slot .rule-cross{display:none}
.chest-grid button.chest-slot[data-state=on]{background:#91b477}
.chest-grid button.chest-slot[data-state=off]{background:#bf8181}
.chest-grid button.chest-slot[data-state=neutral]{background:#8b8b8b}
.chest-grid button.chest-slot[data-state]:hover{filter:none}
.chest-grid button.chest-slot[data-state=on]:hover{background:#9fc387}
.chest-grid button.chest-slot[data-state=off]:hover{background:#ce9090}

/* Align the chest with the full-width overview and map panels. */
.chest-panel{max-width:none;width:100%;margin-left:auto;margin-right:auto}

/* Classic large-chest frame and recessed slots, matching the supplied reference. */
.chest-panel{padding:12px 16px 16px;background:#c6c6c6;border:2px solid #171717;box-shadow:inset 2px 2px #fff,inset -2px -2px #555,0 0 0 2px #555;color:#404040}
.chest-panel h2{font-size:18px;line-height:1.2;margin:0 0 8px;font-weight:400}
.chest-grid{gap:0}
.chest-grid .chest-slot,.chest-grid button.chest-slot:hover,.chest-grid button.chest-slot:focus-visible{padding:5px;background-color:#8b8b8b;box-shadow:inset 2px 2px #373737,inset -2px -2px #fff}
.chest-grid .chest-item{width:86%;height:86%;max-width:none;max-height:none;filter:none}
.chest-grid button.chest-slot[data-state=on]{background-color:#91b477}
.chest-grid button.chest-slot[data-state=off]{background-color:#bf8181}
.chest-grid button.chest-slot[data-state=neutral]{background-color:#8b8b8b}
.chest-grid button.chest-slot:hover{background-color:#aaa}
.chest-grid button.chest-slot[data-state=on]:hover{background-color:#9fc387}
.chest-grid button.chest-slot[data-state=off]:hover{background-color:#ce9090}
@media(max-width:600px){.chest-panel{padding:9px 10px 11px}.chest-panel h2{font-size:14px;margin-bottom:7px}.chest-grid .chest-slot,.chest-grid button.chest-slot:hover,.chest-grid button.chest-slot:focus-visible{padding:2px;box-shadow:inset 1px 1px #373737,inset -1px -1px #fff}}

/* Dark inventory skin; stepped, nine-slice pixel corners from the reference. */
:root{--panel:#242c25;--text:#e4e8df;--muted:#b7c0af;--line:#11170f}
.panel,.player-picker{background:#242c25;color:#e4e8df;border-color:#5b6754;box-shadow:inset 1px 1px #829075,inset -1px -1px #121910}
.panel a,.player-picker a{color:#c0dca4}
.panel summary,.panel dt,.panel small,.panel .muted,.panel .fine{color:#bdc7b4}
.panel strong,.panel strong em{color:#edf0e9;text-shadow:none}
.panel .divider{background:#4b5643;box-shadow:none}
.panel details:not(.technical),.panel th,.panel td,.panel dl>div{border-color:#45503f}
.panel button,.player-picker button{background:#374231;border-color:#11170f;box-shadow:inset 2px 2px #69765e,inset -2px -2px #1a2116,0 2px #11170f;color:#e5eade;text-shadow:none}
.panel button:hover,.player-picker button:hover{background:#46553d;color:#fff}
.panel button.danger{background:#613c3d;color:#ffe4df}
.panel input,.panel select,.player-picker select{background:#171e16;color:#edf0e9;box-shadow:inset 2px 2px #0c100b,1px 1px #59664e;border-color:#10160e}
.chest-panel{background:#252e25;background-clip:padding-box;color:#e3e7dc;border:8px solid transparent;border-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20shape-rendering%3D%22crispEdges%22%3E%3Cpath%20d%3D%22M2%200H14V1H15V2H16V14H15V15H14V16H2V15H1V14H0V2H1V1H2Z%22%20fill%3D%22%2310140f%22%2F%3E%3Cpath%20d%3D%22M2%201H14V2H15V14H14V15H2V14H1V2H2Z%22%20fill%3D%22%2368715f%22%2F%3E%3Cpath%20d%3D%22M3%202H13V3H14V13H13V14H3V13H2V3H3Z%22%20fill%3D%22%2330392d%22%2F%3E%3Cpath%20d%3D%22M3%202H13V3H3V13H2V3H3Z%22%20fill%3D%22%23909b82%22%2F%3E%3Cpath%20d%3D%22M13%203H14V13H13V14H3V13H13Z%22%20fill%3D%22%23171f16%22%2F%3E%3C%2Fsvg%3E") 4 stretch;box-shadow:none;padding:8px 12px 12px}
.chest-panel h2{color:#e3e7dc;text-shadow:none}
.chest-grid .chest-slot,.chest-grid button.chest-slot:hover,.chest-grid button.chest-slot:focus-visible{background-color:#30392e;box-shadow:inset 2px 2px #11180f,inset -2px -2px #63715b}
.chest-grid button.chest-slot[data-state=on]{background-color:#425d34}
.chest-grid button.chest-slot[data-state=off]{background-color:#674143}
.chest-grid button.chest-slot[data-state=neutral]{background-color:#30392e}
.chest-grid button.chest-slot:hover{background-color:#414e39}
.chest-grid button.chest-slot[data-state=on]:hover{background-color:#526f40}
.chest-grid button.chest-slot[data-state=off]:hover{background-color:#7a5051}
.player-picker .picker-heading h3,.player-picker label{color:#e3e7dc}
.quick-feedback{background:#2e4326;color:#dfebd4;border-color:#6b8058}
.quick-feedback.error{background:#503332;color:#ffe2da;border-color:#98605a}
@media(max-width:600px){.chest-panel{border-width:6px;padding:6px 6px 8px}.chest-grid .chest-slot,.chest-grid button.chest-slot:hover,.chest-grid button.chest-slot:focus-visible{box-shadow:inset 1px 1px #11180f,inset -1px -1px #63715b}}