/* Final mobile usability, photo-preserving UX and accessible motion. */
html[data-area='public'] .z12-event-card:focus-visible,
html[data-area='admin'] button:focus-visible,
html[data-area='admin'] input:focus-visible,
html[data-area='admin'] summary:focus-visible {
  outline:2px solid var(--z15-accent);
  outline-offset:3px;
}
html[data-area='public'] .z12-event-card {transition-duration:var(--z15-motion-medium)}
html[data-area='public'] .z12-chip {min-height:43px}
html[data-area='public'] .z12-search {min-height:44px}
html[data-area='public'] .z12-drone-card,
html[data-area='public'] .z12-pillar-card {background:var(--z15-surface);border-color:var(--z15-line)}
html[data-area='public'] .z12-event-card:focus-visible>img {filter:brightness(.85)}
html[data-area='admin'] .z15-missing-cover,
html[data-area='admin'] .z15-feature-placeholder {
  display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;
  width:100%;height:100%;background:#15161b;color:#a9aab2;font-size:28px;
}
html[data-area='admin'] .z15-missing-cover small {font-size:12px;color:#d4c3b5}
html[data-area='admin'] .z15-feature-placeholder {width:88px;height:64px;border-radius:9px}
html[data-area='admin'] .z15-upload-hint {display:block;max-width:340px;margin-top:9px;color:#c0b6af;font-size:12px;line-height:1.6}
html[data-area='admin'] .z15-optional-info {border:1px solid var(--z15-line);border-radius:14px;overflow:hidden;padding:0 15px}
html[data-area='admin'] .z15-optional-info summary {display:flex;justify-content:space-between;gap:10px;cursor:pointer;align-items:center;min-height:50px;font-weight:650;color:#f3ede7;list-style:none}
html[data-area='admin'] .z15-optional-info summary::-webkit-details-marker{display:none}
html[data-area='admin'] .z15-optional-info>label{display:block;padding:10px 0 16px}
html[data-area='admin'] .admin-modal-box {overscroll-behavior:contain}
html[data-area='admin'] .z15-editor-actions {position:sticky;bottom:-2px;z-index:4;padding:15px 3px;gap:12px!important;align-items:stretch;justify-content:flex-end;background:linear-gradient(0deg,#121114 87%,rgba(18,17,20,.88));backdrop-filter:blur(10px)}
html[data-area='admin'] .z15-editor-actions button {min-height:48px}
html[data-area='admin'] button:disabled {cursor:progress;opacity:.57}
@media (hover:hover) and (prefers-reduced-motion:no-preference) {
 html[data-area='public'] .z12-pillar-card:hover,
 html[data-area='public'] .z12-drone-card:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.2)}
 html[data-area='public'] .z12-pillar-card,
 html[data-area='public'] .z12-drone-card{transition:transform .27s var(--z15-ease),border-color .27s}
}
@media(max-width:960px){
 html[data-area='admin'] .admin-mobile-toolbar{padding-top:8px;padding-bottom:8px}
 html[data-area='admin'] .admin-modal-box {width:min(100% - 14px,620px)!important;max-width:none!important;padding:16px!important;max-height:calc(100dvh - 18px)!important}
 html[data-area='admin'] .z15-editor-actions{display:grid!important;grid-template-columns:1fr 1.4fr;gap:8px!important}
 html[data-area='admin'] .z15-editor-actions>button{min-width:0;width:100%;font-size:14px}
}
@media(max-width:420px){
 html[data-area='public'] .z12-hero h1{font-size:clamp(38px,10.8vw,56px);overflow-wrap:break-word}
 html[data-area='public'] .z12-container{padding-left:14px;padding-right:14px}
 html[data-area='admin'] .z15-editor-actions{grid-template-columns:1fr 1.2fr}
 html[data-area='admin'] .admin-modal-box{padding:14px!important}
}
@media(prefers-reduced-motion:reduce){
 html[data-area='public'] .z12-event-card,html[data-area='public'] .z12-pillar-card,
 html[data-area='public'] .z12-drone-card {transition:none!important;animation:none!important}
}

/* Mobile photo-first directory: readable titles and generous tap targets. */
@media(max-width:480px) {
 html[data-area='public'] .z12-grid{grid-template-columns:1fr;gap:13px}
 html[data-area='public'] .z12-event-card{aspect-ratio:1.5;min-height:188px;min-width:0;width:100%;border-radius:12px}
 html[data-area='public'] .z12-card-content{left:15px;right:14px;bottom:13px;gap:12px}
 html[data-area='public'] .z12-card-details strong{font-size:16px;line-height:1.16;letter-spacing:-.02em}
 html[data-area='public'] .z12-card-details small{font-size:11px;line-height:1.45;white-space:normal}
 html[data-area='public'] .z12-card-go{width:38px;height:38px;flex:0 0 38px}
 html[data-area='public'] .z12-results{margin-top:3px;margin-bottom:13px}
}

/* Drone illustration: subtle spatial motion, disabled for reduced motion. */
@media(prefers-reduced-motion:no-preference){
 html[data-area='public'] .z12-drone-illustrated{animation:z15-drone-hover 11s ease-in-out infinite;will-change:transform}
 html[data-area='public'] .z12-drone-glow{animation:z15-drone-glow 13s ease-in-out infinite;will-change:opacity}
}
@keyframes z15-drone-hover{0%,100%{transform:translate3d(0,0,0) scale(1.015)}50%{transform:translate3d(0,-9px,0) scale(1.023)}}
@keyframes z15-drone-glow{0%,100%{opacity:.65}50%{opacity:1}}