#districtPanel{position:absolute;z-index:85;right:8px;top:95px;bottom:74px;width:min(335px,calc(100% - 16px));padding:14px;box-sizing:border-box;overflow:auto;overscroll-behavior:contain;border:1px solid #719f9d;border-radius:20px;background:#102a35f5;color:#f3f3df;font:14px/1.4 system-ui;box-shadow:0 14px 40px #0006}
#districtPanel[hidden],#districtPanel [hidden]{display:none!important}
#districtPanel header{display:flex;gap:8px;align-items:center;justify-content:space-between}#districtPanel h2{font:700 20px/1.15 system-ui;margin:0}#districtPanel h3{font:650 16px system-ui;margin:12px 0 6px}#districtPanel p{margin:7px 0}
#districtPanel button,#districtPanel select,.district-photo-label,#districtPanel a{border:1px solid #7facaa80;background:#203f4a;border-radius:10px;color:#eef7ed;font:inherit;padding:9px;min-height:40px;box-sizing:border-box;text-decoration:none;cursor:pointer}
#districtPanel button:disabled{opacity:.55;cursor:default}#districtPanel button:focus-visible,#districtPanel select:focus-visible,.district-photo-label:focus-within{outline:2px solid #ffe08c;outline-offset:2px}
#districtPanel .district-primary{background:linear-gradient(120deg,#fff0a7,#dda659);color:#253634;font-weight:750;width:100%;margin:7px 0}
#districtPanel .district-muted{color:#b5cecb;font-size:12px}#districtStatus{min-height:38px;color:#b0f5dc}#districtSaved{width:100%;margin:8px 0}.district-directions{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.district-directions button{padding:8px 3px!important}
.district-actions{display:flex;flex-wrap:wrap;gap:6px;margin:7px 0}.district-actions>*{flex:1;text-align:center}.district-photo-label{display:block;position:relative;overflow:hidden}.district-photo-label input{position:absolute;opacity:0;inset:0;width:100%;cursor:pointer}#districtPhotoPreview{width:100%;max-height:170px;object-fit:contain;border-radius:10px;background:#081922}
.district-game{margin-top:10px}.district-game header{color:#edca86}#districtPhrase{font:700 26px/1.25 system-ui;color:#fff0a8;margin:12px 0;overflow-wrap:anywhere}#districtLessonChoices{display:grid;gap:6px}#districtLessonChoices .is-correct{background:#8aedd1;color:#123e3b;opacity:1}#districtLessonFeedback{color:#b0f5dc}#districtLessonNext{width:100%}
.district-tabs{display:flex;gap:6px;margin:10px 0}.district-tabs button{flex:1}#districtPanel [data-district-tab][aria-pressed=true]{background:#ecd394;color:#24372f;font-weight:700}
.district-hotel-pin{background:#fff0b6;color:#3b3630;border:1px solid #845f30;border-radius:8px;padding:5px 7px;font:700 12px system-ui;box-shadow:0 3px 10px #0004;pointer-events:none}.district-building-info{font:14px/1.4 system-ui;padding:6px}.district-building-info a{color:#075862}
.world-district #worldReset{display:grid!important;opacity:1;pointer-events:auto}
html[data-uov-arena=true] #districtPanel{bottom:8px}
@media(max-width:500px){#districtPanel{top:auto;bottom:74px;max-height:45%;width:calc(100% - 16px)}.world-map-modes{flex-wrap:wrap}.world-map-modes #districtOpen{flex-basis:34%}.world-map-switch{max-width:620px}.world-map-modes button{white-space:nowrap}.district-directions{grid-template-columns:repeat(4,1fr)}}
@media(orientation:landscape) and (max-height:500px){#districtPanel{top:92px;bottom:8px;width:280px;max-height:none}}

#districtPanel input:not([type=file]){box-sizing:border-box;width:100%;border:1px solid #a5b9a780;border-radius:12px;min-height:42px;background:#231b2a;color:#fff0cb;padding:8px;font:inherit}
.district-avatar{display:flex;flex-direction:column;align-items:center;gap:4px;pointer-events:none}.district-avatar i{position:relative;display:block;width:30px;height:38px;background:transparent;border-radius:0;box-shadow:0 8px 8px #0005}.district-avatar i::before{content:"";position:absolute;left:9px;top:0;width:12px;height:12px;border-radius:50%;background:#fff1cc;box-shadow:0 1px 4px #0006}.district-avatar i::after{content:"";position:absolute;left:5px;top:12px;width:20px;height:24px;border-radius:10px 10px 5px 5px;background:linear-gradient(160deg,#ffd270,#be4c8a);box-shadow:0 4px 5px #0005}.district-avatar.is-self i::before{background:#fff}.district-avatar.is-self i::after{background:linear-gradient(160deg,#eaffff,#45cbb6 45%,#236b71)}.district-avatar span{background:#21182deb;border:1px solid #b99b72;border-radius:9px;padding:3px 7px;color:#fff1cc;font:700 12px system-ui;max-width:150px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.district-room-pin{border-radius:50%;width:38px;height:38px;color:#2f143a;background:linear-gradient(135deg,#fff4a9,#e89a77);border:2px solid #705567;box-shadow:0 5px 12px #0005;font:800 24px system-ui;cursor:pointer}

.district-artifact-pin{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:1px solid #d5c384;border-radius:12px;padding:4px 7px;background:#302335;color:#ffeba4;font:600 10px system-ui;pointer-events:none;box-shadow:0 3px 12px #0005}