:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#f8f1e6;background:#1d1712}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}
header{display:flex;align-items:center;gap:16px;padding:13px 18px;background:#261d17;border-bottom:1px solid #69533c;position:sticky;top:0;z-index:5}
header h1{font-size:18px;margin:0;white-space:nowrap}header .spacer{flex:1}
.button{border:1px solid #ad895c;background:#3d3025;color:#fff4df;border-radius:9px;padding:9px 13px}
.button:hover,.button:focus-visible{background:#65492e;outline:2px solid #dcb77d}.button.active{background:#99612f}.small{font-size:13px;color:#d7c7af}
main{max-width:1500px;margin:auto;padding:22px}.intro{margin:0 0 16px;color:#dfcdb4}
.overview-summary{margin-bottom:16px}.section-status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px;margin:10px 0 16px}.section-status{border:1px solid #72583d;background:#33271f;color:#f9ead4;border-radius:10px;padding:11px;text-align:left}.section-status:hover,.section-status:focus-visible{outline:2px solid #dcb77d;background:#493629}.section-status strong,.section-status span{display:block}.section-status span{font-size:12px;color:#dbc6a8;margin-top:3px}
.mapwrap{overflow:auto;background:radial-gradient(circle at 50% 20%,#39291e,#211913 70%);border:1px solid #594531;border-radius:18px;padding:18px;box-shadow:0 14px 40px #0005}.section-nav{display:none}.section-nav button{min-height:56px;text-align:left}.mobile-map-button{display:none;margin:12px 0}
.map{width:100%;min-width:750px;max-height:72vh}.map .block{stroke:#d6af72;stroke-width:2;transition:filter .2s,fill .2s}.map g[data-section]{cursor:pointer}.map g[data-section]:hover .block,.map g[data-section]:focus .block{filter:brightness(1.38);stroke:#ffe3a8;stroke-width:4}.map text{font-family:system-ui,sans-serif;fill:#fff3df;text-anchor:middle;pointer-events:none;font-weight:700}.map .sub{font-size:11px;fill:#e5d3b9;font-weight:400}.map .edge{fill:none;stroke:#d6af72;stroke-width:2;pointer-events:none}.map .sector{fill:#84533f;stroke:#e0b77a;stroke-width:1.5;cursor:pointer}.map .sector:hover,.map .sector:focus{fill:#b57343}.map .sector-label{font-size:15px}.map .sector-hit{fill:transparent;stroke:none;cursor:pointer}.map .sector-hit:hover,.map .sector-hit:focus{fill:#ffe2a533;outline:none;stroke:#ffe3a8;stroke-width:2}.map .archive .block{stroke-dasharray:8 5}
.hidden{display:none!important}.detail{background:#2b211a;border:1px solid #69513a;border-radius:16px;padding:18px}.detailhead{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:15px}.detailhead h2{margin:0;font-size:22px}.detailhead .spacer{flex:1}
.rackscroll{overflow:auto;max-height:72vh;padding:15px;background:linear-gradient(#382a20,#241b16);border-radius:12px}.rack{display:grid;grid-template-columns:45px repeat(var(--cols),minmax(46px,1fr));gap:7px;min-width:max-content}.mobile-rows{display:none}.rowlabel,.collabel{display:grid;place-items:center;color:#e5c796;font-weight:700}.cell{min-height:43px;min-width:46px;background:linear-gradient(135deg,#644d37,#30241b);border:2px solid #947047;box-shadow:inset 0 5px 9px #1b120d,0 3px 0 #17100c;color:#f4e7d0;border-radius:6px}.cell.occupied{background:radial-gradient(circle at 50% 45%,#a66d3b 0 24%,#6b432d 25% 45%,#2e2119 47%);border-color:#d7ad72}.cell:hover,.cell:focus-visible{outline:2px solid #ffd99b}.mobile-rows select{width:100%;margin:0 0 12px;background:#463425;color:#fff0d8;border:1px solid #b68d5b;border-radius:9px;padding:10px}.mobile-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.mobile-grid .cell{min-height:65px}.mobile-grid .cell b{display:block;font-size:12px;text-align:left}.mobile-grid .cell span{font-size:12px}
.real-placeholder{border:1px dashed #a48661;border-radius:12px;padding:24px;background:#35291f;text-align:center}.real-photo{max-width:100%;max-height:75vh;object-fit:contain;display:block;margin:auto;border-radius:12px}.diamond-detail{display:grid;grid-template-columns:repeat(4,minmax(90px,1fr));gap:12px;max-width:800px;margin:auto}.sector-card{min-height:105px;border:2px solid #ba9162;background:linear-gradient(135deg,#674532,#34241d);color:#fff2dc;border-radius:12px;font-size:25px;font-weight:700}.sector-card span{display:block;font-size:13px;font-weight:400;margin-top:5px}.sector-card:hover,.sector-card:focus-visible{outline:2px solid #ffd99b}
.wines{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin-top:15px}.wine{background:#392b21;border:1px solid #77583c;padding:13px;border-radius:10px}.wine strong{display:block}.wine img{display:block;max-width:100%;max-height:190px;object-fit:contain;margin:8px auto}.wine .missing-photo{display:block;margin:9px 0;color:#d9b98f;font-size:12px}.wine .meta{display:block;margin-top:7px;color:#e7cfaa;font-size:13px}.duplicate-badge{display:inline-block;margin-top:8px;border:1px solid #c89b60;background:#5a3c27;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:700}.duplicate-positions{display:block;margin-top:5px}.goto-position{width:100%;margin-top:10px}
.catalog-controls{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:8px;align-items:center}.catalog-controls input,.catalog-controls select{min-height:44px}.catalog-controls #search{grid-column:span 2;min-width:0;width:100%}.check-control{display:flex;align-items:center;gap:7px;min-height:44px}.summary{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.summary span{border:1px solid #77583c;background:#382a20;border-radius:8px;padding:7px 10px;font-size:13px}.summary-large span{padding:10px 12px}.summary b{font-size:14px}.empty{color:#d6c3a9}.archive-list{margin-top:18px}.sector-zoom{border:2px solid #e5bd7d;border-radius:14px;background:linear-gradient(135deg,#6a4b38,#2d211b);padding:18px}.sector-zoom h3{font-size:25px;margin:0 0 10px}.illustration{display:flex;align-items:end;justify-content:center;gap:12px;min-height:150px;padding:18px;border-radius:12px;background:linear-gradient(#3c3027,#241b16);border:1px solid #8f6c48}.carton{width:105px;height:52px;border:3px solid #bc9664;background:#745737;box-shadow:inset 0 0 0 2px #4c3724;color:#fff5df;display:grid;place-items:center}.stack{display:grid;gap:3px}.counter{width:min(80%,430px);height:28px;background:#9c7550;border-top:5px solid #d6b082}.archive-note{margin:10px 0;color:#dcc7aa}#legacy{width:100%;height:calc(100vh - 145px);min-height:560px;border:0;border-radius:10px;background:#17120f}#error{background:#64342e;border-radius:9px;padding:12px;margin:14px 0}
@media(max-width:900px){.catalog-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-controls #search{grid-column:1/-1}}
@media(max-width:650px){header{padding:9px;gap:7px;flex-wrap:wrap}header h1{font-size:16px}header .button{min-height:44px}main{padding:10px}.mapwrap{display:none}.mapwrap.open{display:block}.mobile-map-button{display:block}.section-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.detail{padding:11px}.detailhead .button{min-height:44px}.diamond-detail{grid-template-columns:repeat(2,1fr)}.rackscroll{display:none}.mobile-rows{display:block}.wine img{max-height:280px}.catalog-controls{grid-template-columns:1fr}.catalog-controls #search{grid-column:auto}.catalog-controls .button,.catalog-controls select,.catalog-controls input{width:100%}.section-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.summary{gap:6px}.summary span{flex:1 1 45%}#legacy{height:calc(100dvh - 210px)}}