*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#111831;color:#e7edff;font:15px/1.7 sans-serif}header,nav,main,footer{max-width:1100px;margin:auto}header{display:flex;align-items:center;gap:24px;padding:24px;background:linear-gradient(#6279bf,#253664);border-bottom:3px solid #a4b3df}header strong{font-size:32px;color:#fff4b9}a{color:#d6e4ff}nav{display:flex;gap:20px;flex-wrap:wrap;padding:16px;background:#1c274d}main{padding:20px}section{margin:0 0 28px;padding:22px;background:#202c51;border:2px solid #5c70ad;border-radius:8px}h1,h2{color:#ffebaa}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:14px}article{display:flex;gap:16px;padding:16px;background:#17213f;border:1px solid #6477ad}article img{width:90px;height:120px;object-fit:contain;image-rendering:pixelated}h3{margin:0}article p{margin:4px 0}small{display:block;color:#aebde5}input{padding:10px;max-width:100%;border-radius:4px}table{width:100%;border-collapse:collapse}td,th{border:1px solid #6577a4;padding:10px;text-align:left}footer{padding:24px;color:#aebde5}@media(max-width:550px){header{gap:10px;flex-wrap:wrap}main{padding:8px}section{padding:14px}table{font-size:12px}}
.map-board{position:relative;overflow:hidden;background:#10172a;border:1px solid #6477ad}.map-board>img{display:block;width:100%;height:auto;image-rendering:pixelated}.map-marker{position:absolute;transform:translate(-50%,-50%);min-width:28px;height:28px;border-radius:50%;border:2px solid #fff4b9;background:#253664;color:white;font-weight:bold;cursor:pointer}.map-marker[aria-pressed="true"]{background:#b34066}.map-table{overflow-x:auto}#map-select{max-width:100%;padding:10px}#map-description{white-space:pre-line}.map-selected{background:#394c7b}