/* Keep shared controls below the canvas weather board and clock (ending at 147px). */
#shared-strip{position:absolute;left:12px;top:158px;z-index:12;max-width:calc(100% - 24px);display:flex;gap:8px;align-items:center;flex-wrap:wrap;font:700 13px/1.5 "Zen Maru Gothic",sans-serif;color:#4a3b10;pointer-events:auto}
#shared-population,#shared-strip button{background:#fffbedee;border:1px solid #e2c478;border-radius:18px;padding:8px 12px;box-shadow:0 2px 4px #513b2515}
#shared-strip button,#shared-residents button{font:inherit;cursor:pointer;min-height:44px;color:#4a3b10}
#shared-residents{width:min(680px,calc(100vw - 24px));max-height:85dvh;box-sizing:border-box;border:3px solid #ecc65e;border-radius:22px;padding:22px;background:#fffbed;color:#4a3b10;font:14px/1.65 "Zen Maru Gothic",sans-serif}
#shared-residents::backdrop{background:#39271066}
#shared-residents h2{font-size:20px;margin:10px 32px 12px 0}
#shared-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#shared-list article{background:#fff6df;border:1px solid #efd795;border-radius:16px;padding:10px;display:flex;flex-direction:column;align-items:center;text-align:center;overflow-wrap:anywhere;min-width:0}
#shared-list canvas{width:100%;max-width:140px;height:auto}
#shared-list p{margin:4px 0}#shared-list time{font-size:11px;margin:0 0 10px}
#shared-residents button{border:1px solid #d4ae52;background:#ffe69b;border-radius:12px;padding:8px 12px}
#shared-residents .shared-close{position:absolute;right:12px;top:10px;font-size:24px}
.shared-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.shared-admission-note{font-size:12px;line-height:1.5;max-width:320px;margin:8px auto;color:#6b4a26}
#shared-admission-error{font-size:13px;line-height:1.5;color:#a22d21;max-width:320px}
#shared-admission-error:empty{display:none}
#revealOverlay{overflow-y:auto;justify-content:flex-start;padding-top:max(12px,3dvh)}
#revealOverlay .reveal-stage{width:min(70vw,30dvh,280px)}
#revealOverlay .name-box{flex-shrink:0;margin-top:8px;gap:8px}
#shared-residents :focus-visible,#shared-strip :focus-visible{outline:3px solid #755611;outline-offset:3px}
#shared-residents [hidden]{display:none}
@media(max-width:480px){#shared-list{grid-template-columns:repeat(2,minmax(0,1fr))}#shared-strip{gap:6px}#shared-population{font-size:13px}#shared-residents{padding:16px}}

#shared-strip [hidden]{display:none!important}