*{box-sizing:border-box}body{margin:0;background:#101a27;color:#eef3f6;font-family:Arial,Helvetica,sans-serif}a{color:inherit}header{padding:18px 26px;display:flex;align-items:center;flex-wrap:wrap;gap:20px;border-bottom:1px solid #314453}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:800;letter-spacing:.08em}h1{font-size:18px;margin:0;flex:1}nav{display:flex;flex-wrap:wrap;gap:10px}nav a,button{display:inline-block;text-decoration:none;border:1px solid #59b9e5;background:#16334a;color:white;border-radius:5px;padding:11px 14px;font-size:14px;font-weight:bold}nav a:first-child{background:#f1cc40;border-color:#f1cc40;color:#111924}main{padding:24px}.stage{max-width:1440px;position:relative;margin:auto;background:white;aspect-ratio:16/9;box-shadow:0 12px 36px #0005}.stage img{display:block;width:100%;height:100%;object-fit:contain}.hotspot{position:absolute;display:block;background:transparent}.hotspot:focus-visible,.hotspot:hover{outline:3px solid #59b9e5;outline-offset:-3px;background:#59b9e515}footer{max-width:1440px;margin:auto;display:flex;align-items:center;justify-content:center;gap:14px;padding:0 20px 24px}button{cursor:pointer}button:disabled{opacity:.35;cursor:default}select{background:white;color:#142b43;padding:9px;font-size:16px;border-radius:4px}a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid #f1cc40;outline-offset:3px}#full-image{margin-left:auto;font-size:13px}#error{text-align:center}@media(max-width:700px){header{padding:14px;gap:14px}h1{flex-basis:60%;font-size:16px}nav{width:100%}nav a{font-size:12px;padding:9px}main{padding:10px}footer{flex-wrap:wrap;font-size:13px;gap:10px;padding:14px}button{padding:9px}#full-image{margin:0}select{max-width:105px}}