#citadel-courtyard-container{display:none;position:fixed;z-index:4800;inset:0 0 78px;overflow-y:auto;overscroll-behavior:contain;background:#050807;color:#f4ead5;font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
body.courtyard-open{overflow:hidden}
.courtyard-shell{width:100%;max-width:620px;min-height:100%;margin:0 auto;background:linear-gradient(180deg,#0c1415,#050807)}
.courtyard-header{position:sticky;z-index:8;top:0;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-bottom:1px solid rgba(210,170,91,.3);background:linear-gradient(180deg,rgba(7,15,16,.97),rgba(7,13,13,.86));backdrop-filter:blur(10px)}
.courtyard-header div{display:grid;gap:1px}.courtyard-header span{color:#aa9368;font-size:8px;font-weight:900;letter-spacing:1.6px}.courtyard-header b{color:#f0d69e;font:800 18px Georgia,serif}.courtyard-level{padding:6px 9px;border:1px solid rgba(211,169,83,.45);border-radius:999px;background:rgba(76,52,22,.56);color:#f4cf82;font-size:8px;font-weight:900;white-space:nowrap}
.courtyard-map{position:relative;width:100%;aspect-ratio:2/3;overflow:hidden;background:#08100f}
.courtyard-map>img{display:block;width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none}
.courtyard-place{position:absolute;display:grid;place-items:center;min-width:64px;min-height:46px;padding:0;border:0;background:transparent;color:#fff;transform:translate(-50%,-50%);cursor:pointer;-webkit-tap-highlight-color:transparent}
.courtyard-place:before{content:"";position:absolute;inset:2px;border:1px solid rgba(242,196,101,.1);border-radius:50%;background:radial-gradient(circle,rgba(241,181,70,.18),transparent 68%);opacity:0;transition:.18s}
.courtyard-place>span{position:relative;max-width:92px;padding:5px 8px;border:1px solid rgba(226,183,94,.48);border-radius:9px;background:rgba(4,10,10,.82);box-shadow:0 3px 12px rgba(0,0,0,.72);color:#f5dfb0;font-size:8px;font-weight:900;line-height:1.15;text-align:center;text-shadow:0 1px 2px #000}
.courtyard-place>small{position:relative;margin-top:3px;padding:2px 5px;border-radius:5px;background:rgba(4,10,10,.76);color:#7ed9b8;font-size:6px;font-weight:800;white-space:nowrap}
.courtyard-place:active{transform:translate(-50%,-50%) scale(.96)}.courtyard-place:active:before{opacity:1}
.courtyard-place.locked>span{border-color:rgba(154,145,129,.35);color:#aaa49a}.courtyard-place.locked>small{color:#8a857e}
.courtyard-place.main{left:50%;top:27%}.courtyard-place.archive{left:82%;top:29%}.courtyard-place.menagerie{left:18%;top:38%}.courtyard-place.storage{left:80%;top:45%}.courtyard-place.altar{left:50%;top:51%}.courtyard-place.forge{left:20%;top:65%}.courtyard-place.laboratory{left:78%;top:66%}.courtyard-place.world{left:50%;top:13%}.courtyard-place.trade{left:50%;top:84%}
.courtyard-note{display:flex;align-items:flex-start;gap:9px;margin:10px 12px 18px;padding:11px;border:1px solid rgba(89,174,143,.22);border-radius:12px;background:rgba(12,39,32,.46);color:#a9bcb4;font-size:9px;line-height:1.45}.courtyard-note b{display:block;color:#73d4b2;font-size:9px}
@media(max-width:370px){.courtyard-place{min-width:56px}.courtyard-place>span{max-width:78px;padding:4px 6px;font-size:7px}.courtyard-header b{font-size:16px}}
@media(prefers-reduced-motion:reduce){.courtyard-place{transition:none}}