.tools .artworks-toggle{width:auto;min-width:44px;min-height:44px;padding:0 10px;font-size:13px;font-weight:700}
#artworks-dialog{width:min(560px,calc(100vw - 24px));max-height:calc(100dvh - 32px);padding:22px;overflow:auto;overscroll-behavior:contain;background:#14282b;color:#f1f4e4;border:1px solid #a9c8b74d;border-radius:18px}
.artworks-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:-22px;padding:12px 0;background:#14282b;z-index:1}
.artworks-heading h2{margin:0;font-size:21px}
#artworks-dialog button,#artwork-guide button{min-width:44px;min-height:44px;border:1px solid #bfd5c35e;border-radius:9px;background:#284245;color:#f3f5df;font-family:inherit;font-weight:600;font-size:14px;cursor:pointer;touch-action:manipulation}
#artworks-dialog button:focus-visible,#artwork-guide button:focus-visible,.artworks-toggle:focus-visible{outline:3px solid #ffdc80;outline-offset:3px}
#artworks-close,#artwork-guide-stop{font-size:25px!important;flex:none}
.artworks-help,#artworks-status{font-size:13px;line-height:1.65;color:#c5d3c9}
#artworks-list{display:grid;gap:12px;margin:18px 0}
.artwork-card{display:grid;grid-template-columns:96px minmax(0,1fr);gap:16px;padding:14px;border:1px solid #b8c8b538;border-radius:12px;background:#213638}
.artwork-card canvas{width:96px;height:96px;max-width:100%;background:#e4e8df;border-radius:6px}
.artwork-card h3{font-size:15px;line-height:1.5;margin:0}
.artwork-card p{font-size:13px;color:#c8d7ca;line-height:1.6;margin:5px 0 10px}
.artwork-card button{padding:8px 16px;background:#e1ecb3!important;color:#183332!important;border:0!important}
.artwork-card button:disabled{opacity:.5;cursor:default}
#artwork-guide{position:absolute;z-index:4;top:calc(157px + env(safe-area-inset-top));left:30px;display:flex;gap:12px;align-items:center;width:min(440px,calc(100vw - 60px));padding:12px 14px;border:1px solid #ffdc8060;border-radius:12px;background:#122a2bf0;box-shadow:0 4px 20px #0003;pointer-events:none}
#artwork-guide[hidden]{display:none}
#artwork-guide-arrow{font-size:29px;color:#ffdc80;flex:none;width:25px;text-align:center}
.artwork-guide-copy{display:grid;gap:3px;min-width:0;flex:1;font-size:12px;line-height:1.5;color:#d8e2d4}
.artwork-guide-copy strong{font-size:14px;color:#fff0c5}
.artwork-guide-copy small{font-size:11px;color:#b7cdbf}
.artwork-guide-actions{display:grid;gap:5px;pointer-events:auto}
#map-artwork-legend{font-size:11px;line-height:1.4;color:#f4eccc;text-shadow:0 1px 4px #071918;margin:6px 0 0}
.map-panel[data-mode=mini] #map-artwork-legend{display:none}
body[data-artwork-guide=true] #onboarding{display:none}
body[data-artwork-guide=true] .map-panel[data-mode=full] .map-bottom{display:none}
@media(max-width:700px){
 #artwork-guide{left:16px;top:calc(140px + env(safe-area-inset-top));width:calc(100vw - 32px);padding:9px 10px;gap:8px}
 body[data-artwork-guide=true] .map-panel{top:calc(265px + env(safe-area-inset-top));width:150px}
 body[data-artwork-guide=true] .map-panel[data-mode=full]{top:calc(265px + env(safe-area-inset-top));width:min(calc(100vw - 32px),calc((100dvh - 610px)*1.087));min-width:220px}
 #artworks-dialog{padding:16px}
 .artworks-heading{top:-16px}
 .artwork-card{gap:12px;padding:12px;grid-template-columns:76px minmax(0,1fr)}
 .artwork-card canvas{width:76px;height:76px}
}
@media(max-width:360px){.hud{padding-left:12px;padding-right:12px;gap:8px}.place-brand{width:100px}.place-brand .game-logo{width:98px}.tools{gap:4px}.tools .artworks-toggle{padding:0 6px}.artwork-card{grid-template-columns:60px minmax(0,1fr)}.artwork-card canvas{width:60px;height:60px}}
@media(max-height:650px) and (orientation:portrait){
 #artwork-guide{top:calc(128px + env(safe-area-inset-top))}
 #artwork-guide-hint{display:none}
 body[data-artwork-guide=true] .map-panel{top:calc(255px + env(safe-area-inset-top));width:126px}
 body[data-artwork-guide=true] .map-panel[data-mode=full]{top:calc(252px + env(safe-area-inset-top));min-width:180px;width:180px}
}
@media(max-height:520px) and (orientation:landscape){
 #artwork-guide{left:18px;top:110px;width:min(320px,43vw);padding:8px;gap:8px}
 #artwork-guide-hint{display:none}
 body[data-artwork-guide=true] .map-panel[data-mode=full]{left:auto;right:22px;transform:none;top:76px;min-width:190px;width:220px}
}