/* Northpole3 all district exploration cards. Artwork is decorative; all copy/actions remain live. */
#world #worldFocusPanel[data-theme="christmas"]{
 box-sizing:border-box;z-index:12;top:72px;bottom:auto;left:16px;transform:none;
 width:min(540px,calc(100% - 32px));height:auto;min-height:405px;
 max-height:calc(100% - 152px);overflow:auto;padding:180px 26px 24px;
 border:2px solid #e1c88b;border-radius:26px;text-align:left;
 background:linear-gradient(180deg,transparent 0 26%,#052a3640 42%,#052a3690 60%,#052a36 76%),var(--district-art) center top/100% auto no-repeat,#052a36;
 box-shadow:0 18px 48px #00121fa8;backdrop-filter:none;
}
#world #worldFocusPanel[data-theme="christmas"] small{
 font:900 12px/1.3 system-ui,sans-serif;letter-spacing:.17em;color:#94ddd0;text-shadow:0 2px 5px #002532;
}
#world #worldFocusPanel[data-theme="christmas"] strong{
 display:block;margin:8px 0 0;max-width:95%;font:800 clamp(25px,3vw,36px)/1.08 Georgia,serif;
 color:#fff9e9;text-shadow:0 2px 9px #00212e;text-wrap:balance;
}
#world #worldFocusPanel[data-theme="christmas"] p{
 display:block;margin:12px 0 18px;max-width:92%;font:650 15px/1.45 system-ui,sans-serif;
 color:#d8ebec;text-shadow:0 2px 6px #00212e;
}
#world #worldFocusPanel[data-theme="christmas"] .world-focus-actions{
 display:flex;flex-wrap:wrap;justify-content:flex-start;gap:12px;max-width:95%;
}
#world #worldFocusPanel[data-theme="christmas"] .world-focus-actions button{
 box-sizing:border-box;min-height:52px;padding:12px 17px;border:5px solid transparent;border-radius:999px;
 background:linear-gradient(#092c35,#092c35) padding-box,repeating-linear-gradient(135deg,#fff7e8 0 9px,#368644 9px 18px) border-box;
 color:#fff9ee;font:850 14px/1.2 system-ui,sans-serif;box-shadow:0 3px 9px #001b2680;cursor:pointer;
}
#world #worldFocusPanel[data-theme="christmas"] .world-focus-actions .world-enter{
 background:linear-gradient(#092c35,#092c35) padding-box,repeating-linear-gradient(135deg,#fff7e8 0 9px,#bb292b 9px 18px) border-box;
}
#world #worldFocusPanel[data-theme="christmas"] .world-focus-actions button:not(#worldEnterDistrict):not(#worldCloseFocus){
 min-height:44px;border:1px solid #a8c8c780;background:#163641e8;padding:10px 17px;font-size:13px;
}
#world #worldFocusPanel[data-theme="christmas"] button:hover{filter:brightness(1.15)}
#world #worldFocusPanel[data-theme="christmas"] button:focus-visible{outline:3px solid #fff5bb;outline-offset:3px}
@media(max-width:700px){
 #world #worldFocusPanel[data-theme="christmas"]{
  top:64px;left:12px;width:calc(100% - 24px);min-height:0;max-height:calc(100% - 144px);
  padding:clamp(117px,34vw,176px) 18px 18px;border-radius:22px;
 }
 #world #worldFocusPanel[data-theme="christmas"] strong{font-size:27px;max-width:100%;margin-bottom:0}
 #world #worldFocusPanel[data-theme="christmas"] p{font-size:14px;max-width:100%;margin:10px 0 14px}
 #world #worldFocusPanel[data-theme="christmas"] .world-focus-actions{gap:10px;max-width:100%}
 #world #worldFocusPanel[data-theme="christmas"] .world-focus-actions button{font-size:13px;padding:10px 13px}
}
@media(max-width:380px){
 #world #worldFocusPanel[data-theme="christmas"] .world-enter{width:100%}
 #world #worldFocusPanel[data-theme="christmas"] strong{font-size:25px}
}
@media(max-height:520px) and (orientation:landscape){
 #world #worldFocusPanel[data-theme="christmas"]{
  top:8px;left:12px;width:min(390px,calc(100% - 24px));max-height:calc(100% - 66px);min-height:0;
  padding:100px 18px 18px;background-size:100% auto;
 }
 #world #worldFocusPanel[data-theme="christmas"] strong{font-size:25px}
 #world #worldFocusPanel[data-theme="christmas"] p{font-size:13px}
}

/* District artwork follows the versioned editorial registry. */
#worldFocusPanel[data-district="reindeer-valley"]{--district-art:url("/assets/img/district-explore/reindeer-valley-v1.webp")}
#worldFocusPanel[data-district="toy-workshop"]{--district-art:url("/assets/img/district-explore/toy-workshop-v1.webp")}
#worldFocusPanel[data-district="snowman-meadow"]{--district-art:url("/assets/img/district-explore/snowman-meadow-v1.webp")}
#worldFocusPanel[data-district="story-music-hall"]{--district-art:url("/assets/img/district-explore/story-music-hall-v1.webp")}
#worldFocusPanel[data-district="media-center"]{--district-art:url("/assets/img/district-explore/media-center-v1.webp")}
#worldFocusPanel[data-district="post-office"]{--district-art:url("/assets/img/post-office/explore-v1.webp")}
#worldFocusPanel[data-district="north-pole-square"]{--district-art:url("/assets/img/district-explore/north-pole-square-v1.webp")}